/*=========================== HOME EIGHT STARTS ===========================*/ .rt-hm5-video img { position: relative; right: 0px; background-color: rgba(26, 31, 50, 0.11); border-radius: 50% !important; animation: vdo-hm5 1.5s linear infinite; } @keyframes vdo-hm5 { 0% { box-shadow: 0 0 0 0 rgba(26, 31, 50, 0.11), 0 0 0 10px rgba(26, 31, 50, 0.11), 0 0 0 30px rgba(26, 31, 50, 0.11); } 100% { box-shadow: 0 0 0 10px rgba(26, 31, 50, 0.11), 0 0 0 30px rgba(26, 31, 50, 0.11), 0 0 0 50px rgba(26, 31, 50, 0); } } /* ANIMATED HEADING CSS STARTS */ /*=========================== HOME TWO Starts ===========================*/ .explore-service-box .elementor-widget-heading .elementor-heading-title, .explore-service-box .radiantthemes-custom-button-main .placeholder { transition: all .3s cubic-bezier(.39, .01, .36, .9); } .explore-service-box:hover .elementor-widget-heading .elementor-heading-title, .explore-service-box:hover .radiantthemes-custom-button-main .placeholder { color: #262626 !important; transition: all .3s cubic-bezier(.39, .01, .36, .9); } .explore-service-box .elementor-widget-wrap { transition: all .5s cubic-bezier(.39, .01, .36, .9); } .explore-service-box:hover .elementor-widget-wrap { transition: all .5s cubic-bezier(.39, .01, .36, .9); } .explore-service-box .elementor-widget-wrap:after { content: ""; background: #fff; z-index: 2; position: absolute; width: 100%; height: 100%; left: 0; clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); transition: -webkit-clip-path .5s cubic-bezier(.30,.28,.06,.95); transition: clip-path .5s cubic-bezier(.30,.28,.06,.95); transition: clip-path .5s cubic-bezier(.30,.28,.06,.95),-webkit-clip-path .5s cubic-bezier(.30,.28,.06,.95); } .explore-service-box:hover .elementor-widget-wrap:after { clip-path: inset(0 0% 0 0%); -webkit-clip-path: inset(0 0% 0 0%); } /*=========================== HOME TWO ENDS ===========================*/ /*=========================== HOME EIGHT ENDS ===========================*/ /* Progressbar new css starts */ .elementor-progress-bar { float: left; } /* Progressbar new css ends */ /* Progress Bar Start */ .rt-progressbar-container { position: relative; } .rt-progressbar-bar-wrap { position: relative; text-align: left; overflow: hidden; height: 25px; margin-bottom: 20px; background-color: #f5f5f5; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); margin-top: 17px; } .rt-progressbar-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; background: #6ec1e4; text-align: center; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); position: absolute; overflow: hidden; -webkit-transition: width 0s ease-in-out !important; transition: width 0s ease-in-out !important; } .rt-progressbar-striped .rt-progressbar-bar { background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .rt-progressbar-active .rt-progressbar-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .rt-progressbar-gradient .rt-progressbar-bar { -webkit-background-size: 400% 400% !important; background-size: 400% 400% !important; -webkit-animation: progress-bar-gradient 10s ease-in-out infinite; animation: progress-bar-gradient 10s ease-in-out infinite; } .rt-progressbar-container .clearfix { clear: both; } .rt-progressbar-container p:first-of-type { margin: 0; float: left; } .rt-progressbar-container p:nth-of-type(2) { margin: 0; float: right; } /* Progress Bar End */ .woocommerce #content div.product div.images .woocommerce-product-gallery__wrapper, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper, .woocommerce-page #content div.product div.images .woocommerce-product-gallery__wrapper, .woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper { position: unset; } /*casestudy element-two starts*/ .rt-case-study-box1.element-two .swiper-container { padding: 30px 0; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide .card-image { background: #ffffff; border: none; outline: none; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide .card-image img { display: block; position: relative; left: 0; bottom: 0; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .rt-case-study-box1.element-two .swiper-container .swiper-pagination-bullet { opacity: 0.8; background: #333333; } .rt-case-study-box1.element-two .swiper-container .swiper-pagination-bullet-active { background: #ffffff; } .rt-case-study-box1.element-two .swiper-container .swiper-button-next, .rt-case-study-box1.element-two .swiper-container .swiper-button-prev { background-image: none; background-size: 0; background-repeat: no-repeat; background-position: 0; margin-top: -2rem; width: 62px; height: 62px; border-radius: 100%; border: 0; background: rgba(249, 245, 234, 0.85); } .rt-case-study-box1.element-two .swiper-container .swiper-button-next { right: 155px; left: auto; padding: 20px; text-align: right; } .rt-case-study-box1.element-two .swiper-container .swiper-button-prev { left: 135px; right: auto; padding: 20px; text-align: left; } .rt-case-study-box1.element-two .swiper-container .swiper-button-next .ti-angle-right:before { font-size: 20px; font-weight: bold; } .rt-case-study-box1.element-two .swiper-container .swiper-button-prev .ti-angle-left:before { font-size: 20px; font-weight: bold; } .rt-case-study-box1.element-two .swiper-container .swiper-button-next .arrow-icon, .rt-case-study-box1.element-two .swiper-container .swiper-button-prev .arrow-icon { font-size: 20px; font-weight: bold; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box { position: absolute; top: 45%; width: 100%; z-index: 999; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding: 0 15px; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box { -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.5s ease-in-out; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover:hover > .data-box h2 { visibility: hidden; opacity: 0; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box h2 { font-size: 25px; line-height: 35px; color: #fff; padding: 0; margin: 0 !important; text-transform: inherit; font-weight: bold; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; text-align: center; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 { font-size: 25px; line-height: 35px; color: #fff; /*padding: 0 0 20px 0;*/ margin: 0 !important; text-transform: inherit; font-weight: 500; visibility: hidden; opacity: 0; padding: 0 15% 2%; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover .data-box .rt-course-hover h2 { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.5s ease; text-align: center; font-weight: bold; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover p { font-size: 17px; line-height: 27px; font-weight: 400; color: #fff; padding: 0; visibility: hidden; opacity: 0; margin: 10px 0 0 0; letter-spacing: 0.8px; text-align: center; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover .data-box .rt-course-hover p { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.5s ease; text-align: center; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover .data-box { /*transform: scale(1.1);*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover { visibility: hidden; opacity: 0; position: relative; top: -90px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index: 9; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover .data-box:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover { visibility: visible; opacity: 1; } .rt-case-study-box1.element-two .swiper-container-horizontal > .swiper-pagination-bullets, .rt-case-study-box1.element-two .swiper-pagination-custom, .rt-case-study-box1.element-two .swiper-pagination-fraction { bottom: 0; left: 0; width: 100%; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p a { text-decoration: none; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple { padding: 0 0 2px !important; color: #fff; background-color: transparent; border: 0; vertical-align: middle; overflow: hidden; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn { width: auto; margin: 0; font-family: inherit; font-size: 17px; line-height: 27px; font-weight: 500; text-transform: capitalize; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; padding: 12px 46px; cursor: pointer; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn, .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple { position: relative; display: inline-block; vertical-align: middle; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after, .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:before { content: ''; position: absolute; bottom: 0; height: 1px; line-height: 1; background-color: #fff; left: 0; width: 100%; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn, .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple { position: relative; display: inline-block; vertical-align: middle; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s; -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s; transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s; transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:hover:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9); -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9); transition: transform .7s cubic-bezier(.79, .1, .1, .9); transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9); } @media only screen and (min-width: 1024px) and (max-width: 1366px) { .rt-case-study-box1.element-two .swiper-container .swiper-button-prev { left: 50px; } .rt-case-study-box1.element-two .swiper-container .swiper-button-next { right: 50px; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 { padding: 0; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover { top: -74px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .rt-case-study-box1.element-two .swiper-container .swiper-button-prev { left: 20px; } .rt-case-study-box1.element-two .swiper-container .swiper-button-next { right: 20px; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover { top: -70px; } } @media only screen and (max-width: 767px) { .rt-case-study-box1.element-two .swiper-container .swiper-button-prev { left: 20px; padding: 12px; text-align: center; } .rt-case-study-box1.element-two .swiper-container .swiper-button-next { right: 20px; padding: 12px; text-align: center; } .rt-case-study-box1.element-two .swiper-container .swiper-button-next, .rt-case-study-box1.element-two .swiper-container .swiper-button-prev { width: 45px; height: 45px; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover { top: -70px; } .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 { font-size: 22px; font-weight: 400; line-height: 35px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box { top: 44% !important; } } @media screen and (min-width: 321px) and (max-width: 479px) { .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box { top: 44% !important; } } @media screen and (max-width: 320px) { .rt-case-study-box1.element-two .swiper-container .swiper-wrapper .swiper-slide > .data-box { top: 43% !important; } } /* ==================== 24-dec-20 ========================== */ .discover-link a { position: relative; display: inline-block; } .discover-link a:before { content: ""; position: absolute; bottom: 0; left: 0; right: auto; width: 0; height: 1px; background-color: #fd4219; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .discover-link a:hover:before { width: 100%; color: #fd4219; } #rt-mainMenu nav > ul > li > ul > li { position: relative; } #rt-mainMenu nav > ul > li > ul > li.new-class-add a:before { content: "Hot"; position: absolute; background: linear-gradient(to right, #FF3834 0%, #FF7133 100%); padding: 5px 10px; font-size: 12px; line-height: 12px; color: #fff; right: -50px; top: 0; border-radius: 4px; } #rt-mainMenu nav > ul > li > ul > li.new-class-last a:before { content: "New"; position: absolute; background: linear-gradient(to right, #4040dc 0%, #2783ea 100%); padding: 5px 10px; font-size: 12px; line-height: 12px; color: #fff; right: -55px; top: 0; border-radius: 4px; } /*map*/ /* Relative positioning*/ #rt-image-map { position: relative; margin: 20px auto; } /* Hide the original tooltips contents */ .rt-pin { display: none; } /* Begin styling the tooltips and pins */ .rt-tooltip-up, .rt-tooltip-down { position: absolute; /*background: url(../images/location.png);*/ width: 29px; height: 34px; transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; } .rt-tooltip-up:hover, .rt-tooltip-down:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); } .tooltip { display: none; width: 200px; cursor: pointer; position: absolute; top: 10px; left: 50%; z-index: 999; margin-left: -115px; padding: 15px; color: #fff; border-radius: 4px; box-shadow: 0 3px 0 #30077d; background: #104cbc; } .tooltip::after { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; border-bottom: 10px solid #30077d; border-left: 10px solid transparent; border-right: 10px solid transparent; } .tooltip ul { margin: 0; padding: 0; list-style-type: none; } .tooltip ul li { margin: 0; padding: 0; display: block; font-size: 16px; line-height: 28px; } .rt-tooltip-down .tooltip { bottom: 20px; top: auto; } .rt-tooltip-down .tooltip::after { bottom: -10px; top: auto; border-bottom: 0; border-top: 10px solid #30077d; } .tooltip h4 { margin: 0 0 10px; font-size: 20px; line-height: 30px; } /*casestudy element-two starts*/ .swiper-container-horizontal > .swiper-pagination-bullets { cursor: pointer; } .rt-case-study-box1.element-two.swiper-container { padding: 0 0 50px 0; position: relative; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide .card-image { background: #ffffff; border: none; outline: none; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide .card-image img { display: block; position: relative; left: 0; bottom: 0; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .rt-case-study-box1.element-two.swiper-container .swiper-pagination-bullet { opacity: 0.8; background: #333333; } .rt-case-study-box1.element-two.swiper-container .swiper-pagination-bullet-active { background: #ffffff; } .rt-case-study-box1.element-two.swiper-container .swiper-pre-nex { width: 10%; position: absolute; bottom: 24px; left: 0; right: 0; margin: 0 auto; border-radius: 4px; background: #fff; height: 60px; z-index: 9; box-shadow: 0px 7px 20px 0px #2a168b14; } .rt-case-study-box1.element-two.swiper-container .swiper-button-next, .rt-case-study-box1.element-two.swiper-container .swiper-button-prev { background-image: none; background-size: 0; background-repeat: no-repeat; background-position: 0; margin-top: 0; width: 58px; height: 30px; border: 0; } .rt-case-study-box1.element-two.swiper-container .swiper-button-next, .rt-case-study-box1.element-two.swiper-container .swiper-button-prev { /* right: auto; left: 0;*/ top: 0 !important; padding: 3px 0; text-align: center; margin: 15px 0; } .rt-case-study-box1.element-two.swiper-container .swiper-button-next { border-left: 1px solid #dadada; } .rt-case-study-box1.element-two.swiper-container .swiper-button-next .ti-angle-right:before { font-size: 20px; font-weight: bold; } .rt-case-study-box1.element-two.swiper-container .swiper-button-prev .ti-angle-left:before { font-size: 20px; font-weight: bold; } /*.rt-case-study-box1.element-two.swiper-container .swiper-button-next, .rt-case-study-box1.element-two.swiper-container .swiper-button-prev{ position: absolute; top: 93%;}*/ .rt-case-study-box1.element-two.swiper-container .swiper-button-next .arrow-icon, .rt-case-study-box1.element-two.swiper-container .swiper-button-prev .arrow-icon { font-size: 20px; font-weight: bold; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box { position: absolute; /*top: 45%;*/ bottom: 0; width: 100%; z-index: 999; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding: 0 15px; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box { -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.5s ease-in-out; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover:hover > .data-box h2 { visibility: hidden; opacity: 0; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box h2 { font-size: 25px; line-height: 35px; color: #fff; padding: 0; margin: 0 !important; text-transform: inherit; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; text-align: center; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 { font-size: 25px; line-height: 35px; color: #fff; /*padding: 0 0 20px 0;*/ margin: 0 !important; text-transform: inherit; visibility: hidden; opacity: 0; padding: 0; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover .data-box .rt-course-hover h2 { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.5s ease; text-align: center; font-weight: bold; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover p { font-size: 16px; line-height: 28px; font-weight: 400; color: #fff; padding: 0; visibility: hidden; opacity: 0; margin: 10px 0 0 0; letter-spacing: 0.8px; text-align: center; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover .data-box .rt-course-hover p { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.5s ease; text-align: center; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover .data-box { /*transform: scale(1.1);*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover { visibility: hidden; opacity: 0; position: relative; top: -90px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index: 9; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover .data-box:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover { visibility: visible; opacity: 1; } .rt-case-study-box1.element-two.swiper-container-horizontal > .swiper-pagination-bullets, .rt-case-study-box1.element-two .swiper-pagination-custom, .rt-case-study-box1.element-two .swiper-pagination-fraction { bottom: 0; left: 0; width: 100%; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p a { text-decoration: none; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple { padding: 0 0 2px !important; color: #fff; background-color: transparent; border: 0; vertical-align: middle; overflow: hidden; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn { width: auto; margin: 0; font-family: inherit; font-size: 16px; line-height: 28px; font-weight: 500; text-transform: capitalize; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 12px 46px; cursor: pointer; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn, .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple { position: relative; display: inline-block; vertical-align: middle; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after, .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:before { content: ""; position: absolute; bottom: 0; height: 1px; line-height: 1; background-color: #fff; left: 0; width: 100%; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn, .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple { position: relative; display: inline-block; vertical-align: middle; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s; -o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s; transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s; transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s, -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:hover:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9); -o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9); transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9); transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9), -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9); } @media only screen and (min-width: 1024px) and (max-width: 1366px) { .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 { padding: 0; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover { top: -74px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .rt-case-study-box1.element-two.swiper-container .swiper-pre-nex { width: 18%; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover { top: -70px; } } @media only screen and (max-width: 767px) { .rt-case-study-box1.element-two.swiper-container .swiper-pre-nex { width: 36%; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover { top: -70px; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 { font-size: 22px; font-weight: 400; line-height: 35px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box { top: 44% !important; } .rt-case-study-box1.element-two.swiper-container .swiper-pre-nex { width: 43%; } } @media screen and (min-width: 321px) and (max-width: 479px) { .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box { top: 44% !important; } .rt-case-study-box1.element-two.swiper-container .swiper-pre-nex { width: 36%; } } @media screen and (max-width: 320px) { .rt-case-study-box1.element-two.swiper-container .swiper-pre-nex { width: 43%; } .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box { top: 43% !important; } } .blockUI.blockOverlay:hover { display: none !important; } /*Team element-one starts*/ .team.element-one .rt-team { /* padding: 0 15px;*/ position: relative; margin-bottom: 30px; } .team.element-one .rt-team > .holder { background-color: #fff; box-shadow: 0 14px 46px rgb(0 26 87 / 8%); border-radius: 4px; position: relative; overflow: hidden; margin-bottom: 46px; transition: all .8s cubic-bezier(.39, .01, .36, .9); transform: translateY(0); } .team.element-one .rt-team > .holder > .pic { transform: scale(1) translateY(0); position: relative; margin-bottom: 0; overflow: hidden; backface-visibility: hidden; transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); /*height: 350px;*/ } .team.element-one .rt-team > .holder > .pic img { width: 100%; float: left; max-width: 100%; height: auto; /*height: 100%;*/ object-fit: cover; overflow: hidden; } .team.element-one .rt-team > .holder > .post-btn { text-align: right; /*top: -16px;*/ top: 25px; position: relative; right: 25px; } .team.element-one .rt-team > .holder > .post-btn > .post-button { display: block; float: right; position: absolute; bottom: 33%; right: 0px; width: 55px; height: 55px; border-radius: 50%; background-color: #1E4EC4; z-index: 2; box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15); transform: translateY(25px); opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; clear: both; } .team.element-one .rt-team > .holder:hover .post-button { transform: translateY(0); opacity: 1; visibility: visible; } .team.element-one .rt-team > .holder > .post-btn > .post-button:hover { background-color: #1E4EC4; } .team.element-one .rt-team > .holder > .post-btn > .post-button > svg { display: block; margin-left: 39%; margin-top: 39%; } .team.element-one .rt-team > .holder > .data { padding: 33px 0px 26px 0px; text-align: center; clear: both; } .team.element-one .rt-team > .holder > .data > .title { line-height: 30px; margin-bottom: 5px; } .team.element-one .rt-team > .holder > .data > h6.title {} .team.element-one .rt-team > .holder > .data > .title > a { text-decoration: none; color: #1e1666; } .team.element-one .rt-team > .holder > .data > .designation { margin-bottom: 7px; } .team.element-one .rt-team > .holder > .data > p.designation {} .team.element-one .rt-team > .holder > .data > .post-meta >span { text-transform: capitalize; font-size: 13px; color: #616670; line-height: 1.8; } .team.element-one .rt-team > .holder >.data > span.author { color: #6a7c92; } .team.element-one .rt-team > .holder > .data >ul.social-icon { margin-bottom: 0; clear: both; display: none; } .team.element-one .rt-team > .holder > .data >ul.social-icon>li { display: inline-block; vertical-align: top; margin-left: 8px; margin-right: 8px; } .team.element-one .rt-team > .holder > .data >ul.social-icon>li>a { display: block; border-radius: 50%; text-align: center; cursor: pointer; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } @media screen and (max-width: 310px) { .team.element-one .rt-team > .holder > .post-btn { top: 25px; } .team.element-one .rt-team > .holder > .data { padding: 25px 0 26px 0; } } /*Team element-one ends*/ /*Team element-two starts*/ .team.element-two .rt-team { /* padding: 0 15px;*/ position: relative; margin-bottom: 7px; } .team.element-two .rt-team > .holder { background-color: #fff; box-shadow: none; border-radius: 0px; position: relative; overflow: hidden; margin-bottom: 40px; transition: all .8s cubic-bezier(.39, .01, .36, .9); transform: translateY(0); text-align: center; } .team.element-two .rt-team > .holder > .pic { transform: scale(1) translateY(0); position: relative; margin-bottom: 0; overflow: hidden; backface-visibility: hidden; transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); /*height: 350px;*/ padding: 10px 10px 0 10px; } .team.element-two .rt-team > .holder > .pic .team-moving-svg { position: relative; z-index: 1; } .team.element-two .rt-team > .holder:hover > .img-moving img { animation: imgmove 4.5s infinite linear; } @keyframes imgmove { 0% { transform: translate(0, 0); -webkit-transform: translate(0, 0); } 25% { transform: translate(10px, 10px); -webkit-transform: translate(10px, 10px); } 50% { transform: translate(5px, 5px); -webkit-transform: translate(5px, 5px); } 75% { transform: translate(10px, -5px); -webkit-transform: translate(10px, -5px); } 100% { transform: translate(0, 0); -webkit-transform: translate(0, 0); } } .team.element-two .rt-team > .holder > .pic img { width: 90%; /*float: left;*/ max-width: 100%; height: auto; position: absolute; margin: 0 auto; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; } .team.element-two .rt-team > .holder > .data { padding: 0px 0px 25px 0px; text-align: center; clear: both; } .team.element-two .rt-team > .holder > .data > .title { line-height: 30px; margin-bottom: 5px; } .team.element-two .rt-team > .holder > .data > h6.title {} .team.element-two .rt-team > .holder > .data > .title > a { text-decoration: none; color: #1e1666; } .team.element-two .rt-team > .holder > .data > .designation { margin-bottom: 7px; } .team.element-two .rt-team > .holder > .data > p.designation {} .team.element-two .rt-team > .holder > .data > .post-meta >span { text-transform: capitalize; font-size: 13px; color: #616670; line-height: 1.8; } .team.element-two .rt-team > .holder >.data > span.author { color: #6a7c92; } .team.element-two .rt-team > .holder > .data >ul.social-icon { margin-bottom: 0; clear: both; } .team.element-two .rt-team > .holder > .data >ul.social-icon>li { display: inline-block; vertical-align: top; margin-left: 8px; margin-right: 8px; } .team.element-two .rt-team > .holder > .data >ul.social-icon>li>a { display: block; border-radius: 50%; text-align: center; cursor: pointer; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } /*Team element-two ends*/ /* blog element-one */ .blog[class*="element-"] .owl-nav > .owl-next { position: absolute !important; top: 180px !important; left: 1193px !important; border-radius: 50px; border: 0; background-color: #fff; width: 50px; height: 50px; padding-top: 5px; } .blog[class*="element-"] .owl-nav > .owl-prev { position: absolute !important; top: 180px !important; right: 1193px !important; border-radius: 50px; border: 0; background-color: #fff; width: 50px; height: 50px; padding-top: 5px; display: none; } .blog.element-one .blog-item .holder .data { padding: 15px 30px 20px 32px; overflow: hidden; position: absolute; bottom: 0; z-index: 222; } .blog.element-one .blog-item .holder .data .author { font-size: 16px; letter-spacing: 0px; line-height: 28px; color: #3f3a64; } .blog.element-one .blog-item .holder .data .title { margin-top: 13px; margin-bottom: 13px; } .blog.element-one .category-list a { padding: 0 4px 0 0; } .blog.element-one .blog-item .holder .data .post-meta span.comments { float: right !important; font-size: 14px; letter-spacing: 0px; line-height: 26px; color: #797696; padding-top: 0px; } .blog.element-one .blog-item .holder .data .post-meta .date { font-size: 14px; letter-spacing: 0px; line-height: 26px; color: #797696; } .blog.element-one .category-list a { background-color: #fff; display: inline-block; padding: 0 10px; opacity: 1; transition: all 1s ease; -webkit-transition: all 1s ease; font-size: 14px; line-height: 25px; margin-right: 5px; } .blog.element-one .Blog-one-user-main { position: absolute; top: 20px; z-index: 99; left: 35px; } .blog.element-one .Blog-one-user-main .author img { float: left; padding: 0; border-radius: 50%; height: 45px; width: 45px; margin: 0 15px 0 0; } @media only screen and (max-width: 320px) { .blog.element-one .blog-item .holder .data .post-meta .date { width: 100%; float: left; } .blog.element-one .blog-item .holder .data .post-meta span.comments { width: 100%; float: left; } } body.left-sidebar div#page { margin-left: 300px; } .rt-nav-sidebar-menu { overflow: auto; font-size: 12px; font-weight: 200; background-color: #2e353d; position: fixed; top: 0px; left: 0px; width: 300px; height: 100%; color: #e1ffff; overflow-y: scroll; } .rt-nav-sidebar-menu .brand-logo { background-color: #23282e; line-height: 50px; display: block; text-align: center; font-size: 14px; } .rt-nav-sidebar-menu .brand-logo img { width: 50%; } .rt-nav-sidebar-menu .toggle-btn { display: none; } .rt-nav-sidebar-menu .rt-side-menu nav { text-align: left; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree { margin-left: 0; padding: 18px 35px; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li { list-style: none; position: relative; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a { display: block; font-size: 14px; font-weight: 400; letter-spacing: -0.25px; text-decoration: none; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul li a { display: block; font-size: 14px; letter-spacing: -0.25px; text-decoration: none; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a { -webkit-transition: color 300ms ease-out, border-color 300ms ease-out; -moz-transition: color 300ms ease-out, border-color 300ms ease-out; -ms-transition: color 300ms ease-out, border-color 300ms ease-out; -o-transition: color 300ms ease-out, border-color 300ms ease-out; transition: color 300ms ease-out, border-color 300ms ease-out; text-decoration: none; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul { margin-left: 0; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-node { position: relative; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-node > a:after { color: #fff; font-size: 12px; font-weight: 100; position: absolute; right: 0; font-family: "fontawesome"; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul.sub-menu li:last-child { padding-bottom: 28px; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-open > a:after { content: "\f107"; -webkit-transform: translateY(0) rotate(180deg); transform: translateY(0) rotate(180deg); right: 3px; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li { padding-bottom: 0; opacity: 1; -webkit-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s; -moz-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s; -ms-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s; -o-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s; transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s; position: relative; bottom: 0; } .vertical-menu ul.rt-tree li { opacity: 1; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li { bottom: -5px; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li::before { position: absolute; content: " "; width: 7px; height: 1px; background: rgba(255, 255, 255, 1); left: -22px; top: 23px; border-radius: 100%; opacity: 0.3; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li.rt-tree-open::before { opacity: 1; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-closed > a:after { content: "\f107"; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li > a:after { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul > li:first-child { margin-top: 1px; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li > a:hover { color: #fff; } .rt-side-menu ul.rt-tree ul > li ul li a { padding-left: 20px !important; font-size: 14px !important; line-height: 24px !important; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a { padding: 5px 0px 5px 0; color: #fff; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a:hover { color: #fff; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul.sub-menu { display: none; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree { margin-bottom: 48px; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a { padding: 14px 0; position: relative; } .rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a { font-size: 14px; line-height: 20px; letter-spacing: 2px; font-weight: 400; padding: 12px 0; position: relative; } .rt-nav-sidebar-menu .header-copyright { padding: 0px 35px; } .rt-nav-sidebar-menu .header-social ul.social { padding: 20px 35px; } .rt-nav-sidebar-menu .header-social ul.social li { display: inline-block; vertical-align: top; margin-right: 9px; margin-bottom: 8px; } .rt-nav-sidebar-menu .header-social ul.social li a { display: block; width: 33px; height: 33px; background-color: transparent; border: 2px rgba(255, 255, 255, 0.3) solid; border-radius: 0; text-align: center; font-size: 12px; color: #fff; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-nav-sidebar-menu .header-social ul.social li a:hover { border-color: #f1f1f1; color: #f1f1f1; } .rt-nav-sidebar-menu .rt-side-menu { display: block; } .rt-nav-sidebar-menu .rt-side-menu.in { display: block !important; } @media (max-width: 767px) { body.left-sidebar div#page { margin-left: 0px; } .rt-nav-sidebar-menu { position: sticky; width: 100%; margin-bottom: 10px; } .rt-nav-sidebar-menu .toggle-btn { display: block; cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 10 !important; padding: 3px; background-color: #ffffff; color: #000; width: 40px; text-align: center; } .brand-logo { text-align: left !important; font-size: 22px; padding-left: 20px; line-height: 50px !important; } .main-content { margin-left: auto !important; } .sidebar-main { display: block !important; } .rt-nav-sidebar-menu .rt-side-menu { display: none; } } @media (max-width: 991px) {} /*-------------------------------------------------------------- # New Client (element five) --------------------------------------------------------------*/ .clients.element-five .client-item { border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } .clients.element-five .client-item:nth-child(6) { border-right: 1px solid transparent; } .clients.element-five .client-item:nth-child(12) { border-right: 1px solid transparent; } .clients.element-five .client-item:nth-child(18) { border-right: 1px solid transparent; } .clients.element-five .client-item:nth-child(19), .demo-page-client .clients.element-five .client-item:nth-child(7) { border-bottom: 1px solid transparent; } .clients.element-five .client-item:nth-child(20), .demo-page-client .clients.element-five .client-item:nth-child(8) { border-bottom: 1px solid transparent; } .clients.element-five .client-item:nth-child(21), .demo-page-client .clients.element-five .client-item:nth-child(9) { border-bottom: 1px solid transparent; } .clients.element-five .client-item:nth-child(22), .demo-page-client .clients.element-five .client-item:nth-child(10) { border-bottom: 1px solid transparent; } .clients.element-five .client-item:nth-child(23), .demo-page-client .clients.element-five .client-item:nth-child(11) { border-bottom: 1px solid transparent; } .clients.element-five .client-item:nth-child(24), .demo-page-client .clients.element-five .client-item:nth-child(12) { border-right: 1px solid transparent; border-bottom: 1px solid transparent; } .clients.element-five .client-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .clients.element-five.qodef-grid-inner .client-item { padding: 0 15px; margin: 0 0 30px; } .clients.element-five.qodef-grid-inner .client-item { padding: 0 15px; } .clients.element-five .client-item { position: relative; display: inline-block; width: 100%; vertical-align: top; } .clients.element-five .client-item { position: relative; display: inline-block; width: 100%; vertical-align: top; min-height: 1px; float: left; } .clients.element-five .client-item .client-image { line-height: 0; position: relative; display: inline-block; vertical-align: top; } .clients.element-five .client-item .client-image img { width: 100%; } .clients.element-five .client-item .client-image a { display: inline-block; } .clients.element-five .client-item .client-logo { width: auto; opacity: 1; will-change: opacity; -webkit-transition: opacity 0.3s ease-out 0.15s; -o-transition: opacity 0.3s ease-out 0.15s; transition: opacity 0.3s ease-out 0.15s; display: inline-block; background-color: #fff; } .clients.element-five .client-item:hover .client-logo { opacity: 0; } .clients.element-five .client-item .client-hover-logo { position: absolute; top: 0; left: 0; width: auto; opacity: 0; will-change: opacity; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .clients.element-five .client-item:hover .client-hover-logo { opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .clients.element-five .client-item .client-hover-logo .client-hover-bg-overlay { display: block; position: absolute; height: 0px; width: 51%; background: #000; z-index: -1; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .clients.element-five .client-item .client-hover-logo .client-bg-overlay-up { left: 0; top: auto; bottom: 0; } .clients.element-five .client-item:hover .client-hover-logo .client-bg-overlay-up { height: 100%; top: 0; bottom: auto; } .clients.element-five .client-item .client-hover-logo .client-bg-overlay-down { right: 0; top: 0; bottom: auto; } .clients.element-five .client-item:hover .client-hover-logo .client-bg-overlay-down { height: 100%; top: auto; bottom: 0; } @media screen and (min-width: 321px) and (max-width: 479px) { .clients.element-five .client-item { width: 50% !important; } .clients.element-five .client-item { border-right: none !important; border-bottom: none !important; } } /* team element-two starts*/ .team.element-two .rt-doctor { position: relative; } .team.element-two .rt-doctor:after, .team.element-two .rt-doctor:before { content: ""; } .team.element-two .rt-doctor { overflow: hidden; } .team.element-two .rt-doctor, .team.element-two .rt-doctor .icon li a { text-align: center; } .team.element-two .rt-doctor:after, .team.element-two .rt-doctor:before { width: 100%; height: 100%; background: rgba(241, 233, 227, 1); position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.6s ease 0s; } .team.element-two .rt-doctor:after { background: rgba(255, 255, 255, 0.1); border: none; top: 0; left: 0; opacity: 1; z-index: 1; /* transform: skewX(45deg);*/ -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .team.element-two .rt-doctor:hover:before { opacity: 1; } .team.element-two .rt-doctor:hover:after { top: 0; } .team.element-two .rt-doctor img { width: 100%; height: auto; } .team.element-two .rt-doctor .box-content { width: 100%; position: absolute; bottom: -100%; left: 0; z-index: 9; -webkit-transition: -webkit-transform 0.9s; transition: transform 0.9s; -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); } .team.element-two .rt-doctor:hover .box-content { top: 24%; padding: 0 30px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; } .team.element-two .rt-doctor .box-content h4 { font-size: 25px; letter-spacing: 0px; line-height: 30px; color: #33302e; padding-bottom: 0; } .team.element-two .rt-doctor .box-content .post { display: block; font-size: 18px; letter-spacing: 1px; line-height: 27px; color: #c98060; text-transform: uppercase; text-align: center; margin-bottom: 15px; } .team.element-two .rt-doctor .box-content p { font-size: 18px; line-height: 28px; color: #636363; text-align: center; padding-bottom: 0; } .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple { padding: 0 0 2px !important; color: #585858; background-color: transparent; border: 0; vertical-align: middle; overflow: hidden; } .team.element-two .rt-doctor:hover .box-content .view_btn { width: auto; margin: 0; font-family: inherit; font-size: 17px; line-height: 27px; font-weight: 500; text-transform: capitalize; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 12px 46px; cursor: pointer; } .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .team.element-two .rt-doctor:hover .box-content .view_btn, .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple { position: relative; display: inline-block; vertical-align: middle; } .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:after, .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:before { content: ""; position: absolute; bottom: 0; height: 1px; line-height: 1; background-color: #1d1d1d; left: 0; width: 100%; } .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:after { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .team.element-two .rt-doctor:hover .box-content .view_btn, .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple { position: relative; display: inline-block; vertical-align: middle; } .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s; -o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s; transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s; transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s, -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s; } .team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9); -o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9); transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9); transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9), -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9); } .team.element-two .rt-doctor .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: none; } @media only screen and (min-width: 1024px) and (max-width: 1365px) { .team.element-two .rt-doctor img { width: 100%; height: auto; } .team.element-two .rt-doctor:hover .box-content { top: 15% !important; } .team.element-two .rt-doctor .box-content h4 { font-size: 20px; letter-spacing: 0px; line-height: 24px; color: #33302e; padding-bottom: 0; } .team.element-two .rt-doctor .box-content .post { font-size: 18px; line-height: 27px; margin-bottom: 10px; } .team.element-two .rt-doctor .box-content { bottom: -110%; } .team.element-two .rt-doctor .box-content p { font-size: 16px; line-height: 22px; padding-bottom: 20px; } .team.element-two .rt-doctor:hover .box-content .view_btn { font-size: 15px; line-height: 22px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .team.element-two .rt-doctor img { width: 100%; height: auto; } .team.element-two .rt-doctor .box-content h4 { font-size: 18px; letter-spacing: 0px; line-height: 32px; color: #33302e; padding-bottom: 0; } .team.element-two .rt-doctor .box-content .post { font-size: 16px; line-height: 28px; margin-bottom: 10px; } .team.element-two .rt-doctor .box-content { bottom: -110%; } .team.element-two .rt-doctor:hover .box-content { top: 20% !important; padding: 30px !important; } .team.element-two .rt-doctor .box-content p { font-size: 17px; line-height: 27px; padding-bottom: 10px; } .team.element-two .rt-doctor:hover .box-content { padding: 0 10px; /*top: 4%;*/ } .team.element-two .rt-doctor:hover .box-content .view_btn { font-size: 14px; line-height: 22px; } } @media only screen and (min-width: 376px) and (max-width: 480px) { .team.element-two .rt-doctor:hover .box-content { top: 25% !important; padding: 30px !important; } } @media only screen and (min-width: 376px) and (max-width: 480px) and (orientation: landscape) { .team.element-two .rt-doctor:hover .box-content { top: 18% !important; padding: 30px !important; } } @media only screen and (min-width: 321px) and (max-width: 375px) { .team.element-two .rt-doctor:hover .box-content { top: 20% !important; padding: 30px !important; } } @media only screen and (min-width: 300px) and (max-width: 320px) { .team.element-two .rt-doctor:hover .box-content { top: 18% !important; padding: 30px !important; } } @media only screen and (max-width: 767px) { .team.element-two .rt-doctor { overflow: hidden; margin-bottom: 0; } } /* team element-two ends */ /* team element-eight */ .team.element-eight .team-item { /*margin-bottom: 30px;*/ display: block; position: relative; overflow: hidden; /*float: left;*/ } .team.element-eight .team-item .holder { position: relative; overflow: hidden; /*margin-bottom: 40px;*/ transition: all 0.3s ease-in-out; } .team.element-eight .team-item .holder .pic { position: relative; overflow: hidden; transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } .team.element-eight .team-item .holder .pic img { width: 100%; float: left; transition: 0.42s ease-out; -webkit-transition: 0.42s ease-out; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .team.element-eight .team-item .holder:hover .pic img { -webkit-transform: translateX(5%) skewX(2deg); -ms-transform: translateX(5%) skewX(2deg); transform: translateX(5%) skewX(2deg); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .team.element-eight .team-item .holder .team-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f1f1f1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; z-index: -1; width: 100%; } .team.element-eight .team-item .holder:hover .team-content { opacity: 1; z-index: 1; } .team.element-eight .team-item .holder .team-content .team-content-inner { -webkit-transform: translate3d(-40px, 0, 0) skewX(-15deg); transform: translate3d(-40px, 0, 0) skewX(-15deg); -webkit-transition: -webkit-transform 0s 0.3s; transition: -webkit-transform 0s 0.3s; -o-transition: transform 0s 0.3s; transition: transform 0s 0.3s; transition: transform 0s 0.3s, -webkit-transform 0s 0.3s; } .team.element-eight .team-item .holder:hover .team-content-inner { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .team.element-eight .team-item .holder .team-content .team-role { margin: 0; } .team.element-eight .team-item .holder .team-content .team-title { margin: 0 0 19px; color: #000; -ms-word-wrap: break-word; word-wrap: break-word; } .team.element-eight .team-item .holder .team-content .team-member-social-icon-group { margin: 0; } .team.element-eight .team-item .holder .team-content .team-member-social-icon-group .team-member-social-icon { font-size: 16px; margin-right: 14px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; float: left; width: 30px; height: 30px; background: #000; line-height: 31px; text-align: center; } .team.element-eight .team-item .holder .team-content .team-member-social-icon:hover { text-decoration: none; opacity: 0.6; } .team.element-eight .team-item .holder .team-content .team-member-social-icon a { color: #fff; } .team.element-eight .team-item .holder .team-content .team-member-social-icon a:hover { text-decoration: none; } @media only screen and (max-width: 767px) { .team.element-eight .team-item { width: 100% !important; padding: 0; margin: 0 !important; padding-bottom: 30px; } } /*style one*/ .rt-text-animation-style-one .rt-text-1 { /*font-weight: 900; font-size: 3.5em;*/ margin: 0px; } /*style two*/ .rt-text-animation-style-two .rt-text-2 { position: relative; /*font-weight: 900; font-size: 4em;*/ margin: 0px; } .rt-text-animation-style-two .rt-text-2 .text-wrapper { position: relative; display: inline-block; /*padding-top: 0.2em; padding-right: 0.05em; padding-bottom: 0.1em;*/ overflow: hidden; } .rt-text-animation-style-two .rt-text-2 .letter { display: inline-block; /*line-height: 1em;*/ transform-origin: 0 0; } /*style three*/ .rt-text-animation-style-three .rt-text-3 { /*color: #402d2d;*/ /*padding: 40px 0;*/ /*font-weight: 800; font-size: 2em; text-transform: uppercase;*/ /*letter-spacing: 0.5em;*/ overflow: hidden; margin: 0px; } .rt-text-animation-style-three .rt-text-3 .letter { display: inline-block; /*line-height: 1em;*/ } /*=================== HEADER NAVIGATION =================== */ body.mobile-menu-active .overlay { visibility: visible; opacity: 1; } .mobile-logo { display: none; } /*.wraper_header.floating-header .elementor-section.elementor-section-boxed>.elementor-container { max-width: 1360px; }*/ .wraper_header { position: relative; z-index: 9999; width: 100%; direction: initial; } .wraper_header.floating-header { position: absolute; } .wraper_header > .main-header { /*position: fixed;*/ position: relative; } .header_holder .wraper_header_main { background-color: rgba(255, 255, 255, 0.01); width: 100%; } .wraper_header .header_holder .elementor-menu-toggle { float: right; border: none; background-color: transparent; } .wraper_header .header_holder .elementor-menu-toggle span.ti-menu { font-size: 23px; color: #000; } .header_holder .wraper_header_main > nav { float: right; margin-top: 3px; display: block; width: 100%; } .leftnav .header_holder .wraper_header_main > nav { float: left; margin-top: 3px; text-align: right; display: block; /*margin-left: 8%;*/ } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li { position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; margin-right: 35px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li:last-child, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li:only-child { margin: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a { line-height: 35px; font-weight: 500; font-style: normal; color: #000; position: relative; display: block; cursor: pointer; /*transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;*/ } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li a:hover:after { content: ""; background: #f00; width: 20px; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out; display: none; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul { position: absolute; top: 100%; left: -40px; right: 0; z-index: 1; width: 265px; padding: 40px 0 20px 0; transform: translateY(10px); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075); border-radius: 4px; text-align: left; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-5deg); -o-transform: rotateX(-5deg); -moz-transform: rotateX(-5deg); -webkit-transform: rotateX(-5deg); /*transition: all 0.2s ease-in-out !important; -webkit-transition: all 0.2s ease-in-out !important;*/ } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li:last-child > ul { left: auto; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li:hover > ul { opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li { margin-bottom: 0px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li { position: relative; width: 100%; height: auto; float: left; margin: 0; padding: 9px 30px; /*transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;*/ } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li > ul > li > a { /*font-size: 17px;*/ line-height: 30px; letter-spacing: 0.8px; display: inline-block; vertical-align: top; opacity: inherit !important; visibility: inherit !important; cursor: pointer; transition: all 0.4s ease-in-out !important; -webkit-transition: all 0.4s ease-in-out !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:after { position: absolute; left: 0; top: 11px; width: 0; height: 2px; z-index: 0; content: " "; background-color: #000; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:hover:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:hover:after { width: 15px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:hover { padding-left: 20px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul li ul { position: absolute; top: 0; left: auto; right: 100%; z-index: 1; width: 240px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075); padding-top: 15px; padding-bottom: 15px; text-align: left; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li:hover > ul, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li:hover > ul, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul li:hover > ul { top: -8px; opacity: 1; transform: translateY(0); visibility: visible; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul::before { width: 15px; height: 15px; background: #fff; transform: rotate(45deg); position: absolute; content: ""; top: -7px; left: 23%; box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul { position: absolute; top: 52px; left: -35px; right: 0; z-index: 1; width: 265px; padding: 18px 0 22px 0; box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; border-radius: 0px; text-align: left; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transform-origin: 0% 0%; transform: translateY(30px); -webkit-transform: translateY(30px); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li ul li.menu-item-has-children > ul::before { width: 15px; height: 15px; background: #ffffff; transform: rotate(135deg); position: absolute; content: ""; top: 23px; right: 0; box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px; left: 97%; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li > ul { position: absolute; top: 36px; left: auto; right: 100%; z-index: 1; width: 265px; padding: 18px 0 22px 0; box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; border-radius: 0px; text-align: left; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transform-origin: 0% 0%; transform: translateY(30px); -webkit-transform: translateY(30px); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul .menu-item a:hover:before { width: 100%; left: 0; right: auto; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul .menu-item a:before { content: ""; width: 0; height: 1px; bottom: 3px; position: absolute; left: auto; right: 0; z-index: -1; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } /*-----------STICKY HEADER-----------*/ .wraper_header > .sticky-header, .wraper_header.floating-header > .sticky-header { display: none; width: 100%; } .wraper_header > .sticky-header.delayed-sticky-mode { /*transform: translateY(-100%); -webkit-transform: translateY(-100%);*/ } .wraper_header:not(.floating-header) > .sticky-header.delayed-sticky-mode { display: flex; } .wraper_header.floating-header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate { display: flex; } /*.wraper_header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate { position: fixed; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .wraper_header .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate.i-am-delayed-sticky { opacity: 1; visibility: visible; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075); }*/ .wraper_header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate { position: fixed; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); -webkit-animation: SlideDown 0.55s ease forwards; animation: SlideDown 0.55s ease forwards; will-change: transform; } @-webkit-keyframes SlideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes SlideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .wraper_header .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate.i-am-delayed-sticky { opacity: 1; visibility: visible; /*transform: translateY(0); -webkit-transform: translateY(0);*/ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075); } /*-----------STICKY HEADER-----------*/ /*-----------MOBILE MENU-----------*/ .header_holder .wraper_header_main.mobile-menu-open { transform: translateX(0); } .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu { display: block; } .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; background-color: transparent; display: none; transition: none; opacity: 1; visibility: visible; } .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu > li.menu-item-has-children a:before, .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li ul li a:after { display: none; } .mobile-menu-close { padding: 8px 0; text-align: right; cursor: pointer; position: relative; /*background: #000;*/ /*background: #f7f7f7; border-bottom: 1px solid #eaeaea;*/ margin-bottom: -3px; float: right; width: 50%; } .mobile-menu-close:before { color: #000; /*background-color: #1c1a1a;*/ display: inline-block; content: "\e646"; font-family: "themify"; text-align: center; font-size: 16px; font-weight: bold; /*line-height: 40px; width: 40px; height: 40px; border-radius: 50%;*/ } .mobile-menu-active .mobile-menu-close { display: none; } /*-----------MOBILE MENU-----------*/ /* LARGE DESKTOP PART */ .wraper_header section.elementor-element { left: 0 !important; } /* TABLET LANDSCAPE PART */ @media screen and (min-width: 768px) and (max-width: 991px) { .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .wraper_header { z-index: 999999; } .header_holder .wraper_header_main.mobile-menu-open { z-index: 999999; transform: translateX(-350px); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); width: 100%; max-width: 100em; } .wraper_header .sticky-header .header_holder .wraper_header_main, .wraper_header .header_holder .wraper_header_main { height: 100%; /*max-width: 100%; width: 100em;*/ position: fixed; top: 0; right: -350px; z-index: 1001; background-color: #f1f1f1; overflow: hidden; text-align: left; overflow-y: scroll; transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a { padding: 20px !important; text-align: left; line-height: normal; color: #000 !important; } .elementor-nav-menu .menu-item a:hover { color: #000000; } .header_holder .wraper_header_main > nav { float: none; margin-top: 0; text-align: left; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li { position: relative; width: 100%; padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li { padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a { position: relative; display: block; width: auto; height: auto; padding: 10px 22px 10px 15px; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a { color: #000 !important; padding-left: 35px !important; font-size: 90% !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a { padding-left: 45px !important; font-size: 80% !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a { /*padding: 10px 55px 10px 40px;*/ } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu { position: absolute; top: 7px; right: 0px; width: 40px; cursor: pointer; text-align: left; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before { top: 5px; position: absolute; content: "\e649"; font-family: "themify"; font-size: 10px; line-height: 32px; color: #000; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before { content: "\e64b"; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li { padding: 0 !important; width: 32%; display: block; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after { right: 0; } } /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { .wraper_header { z-index: 999999; } .header_holder .wraper_header_main.mobile-menu-open { z-index: 999999; transform: translateX(-350px); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } .wraper_header .sticky-header .header_holder .wraper_header_main, .wraper_header .header_holder .wraper_header_main { height: 100%; max-width: 350px; width: 100%; position: fixed; top: 0; right: -350px; z-index: 1001; background-color: #f1f1f1; overflow: hidden; text-align: left; overflow-y: scroll; transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a { padding: 20px !important; text-align: left; color: #000 !important; } .elementor-nav-menu .menu-item a:hover { color: #000000; } .header_holder .wraper_header_main > nav { float: none; margin-top: 0; text-align: left; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li { position: relative; width: 100%; padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li { padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a { position: relative; display: block; width: auto; height: auto; padding: 10px 22px 10px 15px; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a { color: #000 !important; padding-left: 35px !important; font-size: 90% !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a { padding-left: 45px !important; font-size: 80% !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a { padding: 10px 55px 10px 40px; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu { position: absolute; top: 7px; right: 10px; width: 40px; cursor: pointer; text-align: center; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before { top: 0; position: absolute; content: "\e61a"; font-family: "themify"; font-size: 12px; line-height: 32px; color: #000; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before { content: "\e622"; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul::before { display: none; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li { padding: 7px 100px 7px 0px; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .wraper_header { z-index: 999999; } .header_holder .wraper_header_main.mobile-menu-open { z-index: 999999; transform: translateX(-350px); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); width: 100em !important; max-width: 100% !important; } .wraper_header .sticky-header .header_holder .wraper_header_main, .wraper_header .header_holder .wraper_header_main { height: 100%; max-width: 280px; width: 100%; position: fixed; top: 0; right: -350px; z-index: 1001; background: #f1f1f1; overflow: hidden; text-align: left; overflow-y: scroll; transition: all 0.4s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a { padding: 0 20px; text-align: left; color: #000 !important; } .elementor-nav-menu .menu-item a:hover { color: #000000; } .header_holder .wraper_header_main > nav { float: none; margin-top: 0; text-align: left; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li { border-bottom: 1px rgba(0, 0, 0, 0.075) solid; background: #f1f1f1; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li ul li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li ul li ul li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li { position: relative; width: 100%; padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li { padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a { position: relative; display: block; width: auto; height: auto; padding: 10px 22px 10px 15px; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a { color: #444756 !important; padding-left: 35px !important; font-size: 90% !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a { padding-left: 45px !important; font-size: 80% !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a { padding: 10px 55px 10px 40px; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu { position: absolute; top: 8px; right: 0px; width: 34px; cursor: pointer; text-align: left; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before { content: "\e649"; font-family: "themify"; font-size: 10px; line-height: 32px; color: #444756; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before { content: "\e64b"; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul::before { display: none; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .elementor-19871 .elementor-element.elementor-element-58590f1:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap { background: #f1f1f1 !important; } .header_holder .wraper_header_main.mobile-menu-open { z-index: 999999; transform: translateX(-350px); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); width: 100em !important; max-width: 100% !important; background: #f1f1f1; background: #f1f1f1; } .header_holder .wraper_header_main { height: 100%; max-width: 250px; width: 100%; position: fixed; top: 0; right: -350px; z-index: 1001; background-color: #fff; overflow: hidden; text-align: left; overflow-y: scroll; transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a { padding: 6px 20px !important; text-align: left; color: #000 !important; } .elementor-nav-menu .menu-item a:hover { color: #000000; } .header_holder .wraper_header_main > nav { float: none; margin-top: 0; text-align: left; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li { position: relative; width: 100%; padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li { padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a { position: relative; display: block; width: auto; height: auto; padding: 10px 22px 10px 15px; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a { color: #444756 !important; padding-left: 35px !important; font-size: 90% !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a { padding-left: 45px !important; font-size: 80% !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a { padding: 20px; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu { position: absolute; top: 10px; right: 10px; width: 40px; cursor: pointer; text-align: center; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before { top: 0; position: absolute; content: "\e649"; font-family: "themify"; font-size: 10px; line-height: 32px; color: #444756; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before { content: "\e64b"; } } /*=================== HEADER NAVIGATION =================== */ /* ================================== */ /* START OF MEGA MENU CSS*/ /* ================================== */ .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu { position: static; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { position: absolute; top: 100%; left: 46.9%; width: 100vw; margin-left: -50.7vw; transform: translateY(0) !important; border-radius: 0; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); padding: 35px 0; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-5deg) !important; -o-transform: rotateX(-5deg) !important; -moz-transform: rotateX(-5deg) !important; -webkit-transform: rotateX(-5deg) !important; transition: all 0.1s ease-in-out !important; -webkit-transition: all 0.1s ease-in-out !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover > ul.mega-child-menu { opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu > li { padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul.menu > li { width: 100%; height: auto; position: relative; color: #444756; font-size: 15px; letter-spacing: 0.8px; margin: 0 0 15px 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li { /*padding: 5px 0;*/ /*margin-bottom: 15px;*/ } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > ul > li:last-child, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > ul > li:last-child { margin-bottom: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a { color: #444756; font-size: 15px; letter-spacing: 0.8px; position: relative; transition: all 0.4s ease-in-out !important; -webkit-transition: all 0.4s ease-in-out !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover { /*padding-left: 20px;*/ font-size: 15px; letter-spacing: 0.8px; color: #000; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu > li ul > li > a:before { position: absolute; left: 0; top: 11px; width: 0; height: 2px; z-index: 0; background-color: #000; /*content: " "; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;*/ } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu > li ul > li > a:hover:before { width: 15px; } .header_holder .elementor-element .elementor-widget-container { transition: none !important; } .wraper_header .header_holder .elementor-menu-toggle span.ti-menu { color: #000; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after { content: none !important; transition: none !important; -webkit-transition: none !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover { padding-left: 0px !important; color: #4f5ad0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after { content: none !important; transition: none !important; -webkit-transition: none !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover { padding-left: 0px !important; /*color: #4f5ad0 !important;*/ } /*mega menu new*/ /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .main-megamenu-holder { width:56em; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; background: #fff; top: 62px; left: 16px; right: 0px; opacity: 0; visibility: hidden; display: block; box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; -webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; list-style: none; position: absolute; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { width: 60em; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; background: #fff; top: 59px; left: -44px; right: 0px; opacity: 0; visibility: hidden; display: block; box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; -webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; list-style: none; position: absolute; border-radius: 5px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu:hover .mega-child-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li { margin-right: 0px; height: auto; margin: 0; padding: 7px 54px 7px 0px; text-align: left; float: left; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a { color: #13152f; font-size: 15px; letter-spacing: 0.1px; position: relative; transition: all 0.4s ease-in-out !important; -webkit-transition: all 0.4s ease-in-out !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover { font-size: 15px; letter-spacing: 0.1px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after { content: "Label"; position: absolute; background: #f95448; padding: 5px 10px; font-size: 12px; line-height: 12px; color: #fff; right: -33px; top: 14px; border-radius: 3px; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::after{ content: ""; position: absolute; background: #989898; width: 7px; height: 1px; top: 17px; left: -30px; transform: none; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li:hover a::after { transform: none; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::before { content: ""; width: 0; height: 1px; top: 28px; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: #444756; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover::before { width: 100%; left: 0; right: auto; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .radiantthemes-custom-button a.radiantthemes-custom-button-main::after { transform: none; content: none; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children:hover::after { transform: translate(-40px,13px) rotate(45deg); transition: all 300ms linear 0s; opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children::after { transition: all 300ms linear 0s; transform: translate(-40px,20px) rotate(45deg); opacity: 0; visibility: hidden; width: 15px; height: 15px; background: #fff; box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px; content: ""; position: absolute; }*/ .main-megamenu-holder .mega-child-menu h5 { text-align: left; } /*---------- Responsive View ------------*/ @media screen and (min-width: 1920px) and (max-width: 2000px) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu li { /*margin-right: 18px !important;*/ } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { left: 0; margin-left: -28.2vw; } } @media screen and (min-width: 1151px) and (max-width: 1260px) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu li { margin-right: 18px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { left: 0; margin-left: -19.1vw; } } @media screen and (min-width: 1031px) and (max-width: 1150px) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu li { margin-right: 18px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { left: 0; margin-left: -13.1vw; } } /*@media screen and (min-width:1024px) and (max-width:1300px)and (orientation : landscape) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu li { margin-right: 18px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { left: 0; margin-left: -13.1vw; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; border: 1px solid red; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu { position: absolute; top: 7px; right: 0; width: 40px; cursor: pointer; text-align: left; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before { content: "\e61a"; font-family: "themify"; font-size: 14px; line-height: 32px; color: #000; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before { content: "\e622"; } }*/ /*@media screen and (min-width:1024px) and (max-width:1366px)and (orientation : portrait) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu li { margin-right: 18px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { left: 0; margin-left: -50vw; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: block; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; border: 1px solid red; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu { position: absolute; top: 7px; right: 0; width: 40px; cursor: pointer; text-align: left; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before { content: "\e61a"; font-family: "themify"; font-size: 14px; line-height: 32px; color: #000; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before { content: "\e622"; } }*/ /*IPAD PRO --- portrait*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu { position: static; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { position: absolute; top: 100%; left: 46.9%; width: 100vw; margin-left: -50.7vw; transform: translateY(0) !important; border-radius: 0; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); padding: 35px 0; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-5deg) !important; -o-transform: rotateX(-5deg) !important; -moz-transform: rotateX(-5deg) !important; -webkit-transform: rotateX(-5deg) !important; transition: all 0.1s ease-in-out !important; -webkit-transition: all 0.1s ease-in-out !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover > ul.mega-child-menu { opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu > li { padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul.menu > li { width: 100%; height: auto; position: relative; color: #444756; font-size: 15px; letter-spacing: 0.8px; margin: 0 0 15px 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li { /*padding: 5px 0;*/ /*margin-bottom: 15px;*/ } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > ul > li:last-child, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > ul > li:last-child { margin-bottom: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a { color: #444756; font-size: 15px; letter-spacing: 0.8px; position: relative; transition: all 0.4s ease-in-out !important; -webkit-transition: all 0.4s ease-in-out !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover { /*padding-left: 20px;*/ font-size: 15px; letter-spacing: 0.8px; color: #000; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu > li ul > li > a:before { position: absolute; left: 0; top: 11px; width: 0; height: 2px; z-index: 0; background-color: #000; /*content: " "; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;*/ } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu > li ul > li > a:hover:before { width: 15px; } .header_holder .elementor-element .elementor-widget-container { transition: none !important; } .wraper_header .header_holder .elementor-menu-toggle span.ti-menu { color: #000; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after { content: none !important; transition: none !important; -webkit-transition: none !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover { padding-left: 0px !important; color: #4f5ad0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after { content: none !important; transition: none !important; -webkit-transition: none !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover { padding-left: 0px !important; /*color: #4f5ad0 !important;*/ } /*mega menu new*/ /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .main-megamenu-holder { width:56em; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; background: #fff; top: 62px; left: 16px; right: 0px; opacity: 0; visibility: hidden; display: block; box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; -webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; list-style: none; position: absolute; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { width: 60em; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; background: #fff; top: 59px; left: -44px; right: 0px; opacity: 0; visibility: hidden; display: block; box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; -webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px; list-style: none; position: absolute; border-radius: 5px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu:hover .mega-child-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li { margin-right: 0px; height: auto; margin: 0; padding: 7px 54px 7px 0px; text-align: left; float: left; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a { color: #13152f; font-size: 15px; letter-spacing: 0.1px; position: relative; transition: all 0.4s ease-in-out !important; -webkit-transition: all 0.4s ease-in-out !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover { font-size: 15px; letter-spacing: 0.1px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after { content: "Label"; position: absolute; background: #f95448; padding: 5px 10px; font-size: 12px; line-height: 12px; color: #fff; right: -33px; top: 14px; border-radius: 3px; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::after{ content: ""; position: absolute; background: #989898; width: 7px; height: 1px; top: 17px; left: -30px; transform: none; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li:hover a::after { transform: none; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::before { content: ""; width: 0; height: 1px; top: 28px; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: #444756; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover::before { width: 100%; left: 0; right: auto; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .radiantthemes-custom-button a.radiantthemes-custom-button-main::after { transform: none; content: none; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children:hover::after { transform: translate(-40px,13px) rotate(45deg); transition: all 300ms linear 0s; opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children::after { transition: all 300ms linear 0s; transform: translate(-40px,20px) rotate(45deg); opacity: 0; visibility: hidden; width: 15px; height: 15px; background: #fff; box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px; content: ""; position: absolute; }*/ .main-megamenu-holder .mega-child-menu h5 { text-align: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { width: 100%; background: none !important; } .elementor-19871 .elementor-element.elementor-element-58590f1 > .elementor-element-populated { padding: 0 !important; } .elementor-19871 .elementor-element.elementor-element-1417fb0 > .elementor-element-populated { padding: 0 !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li { padding: 7px 184px 7px 0px !important; } } /* TABLET LANDSCAPE PART */ @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li { margin-bottom: 0 !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu { transform: none !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu { position: relative; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu { position: absolute; top: 6px; right: 0px; width: 34px; cursor: pointer; text-align: left; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after { right: 40px; top: 12px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li { margin-bottom: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover { padding-left: 35px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu { position: absolute; top: 8px; right: 0px; width: 34px; cursor: pointer; text-align: left; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before { content: "\e649"; font-family: "themify"; font-size: 10px; line-height: 32px; color: #444756; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before { content: "\e64b"; } .mega-child-menu li ul li { position: relative; display: block; width: auto; height: auto; padding: 10px 0; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; color: inherit; } .mega-child-menu h5 { text-transform: uppercase; line-height: 28px; letter-spacing: 0.5px; font-weight: 400; font-style: normal; color: #444756; font-size: 15px; padding: 10px 0 9px 20px; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; margin: 0px; } /*.mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { padding: 20px 0 !important; }*/ .elementor-19871 .elementor-element.elementor-element-e01bacb > .elementor-element-populated { margin: 20px 0px 20px 0px !important; padding: 44px 0px 30px 0px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a { font-size: 15px !important; font-weight: 400; color: #444756 !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a { padding: 0 20px !important; line-height: 40px !important; } .mega-menu-btn-area > .radiantthemes-custom-button > a.radiantthemes-custom-button-main { padding: 10px !important; text-align: center; } .elementor-25002 .elementor-element.elementor-element-c1ae31f { width: 100% !important; } .elementor-25002 .elementor-element.elementor-element-bcc5ad0 { width: 100% !important; } .elementor-25002 .elementor-element.elementor-element-fc4f17d { width: 100% !important; } .elementor-25002 .elementor-element.elementor-element-319b5ca { width: 100% !important; } .radiantthemes-custom-button { /*padding: 10px 20px !important;*/ text-align: center; } .elementor-19871 .elementor-element.elementor-element-c4898af { padding: 0 !important; } .elementor-19871 .elementor-element.elementor-element-58590f1:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap { background-color: transparent !important; } .elementor-19871 .elementor-element.elementor-element-1417fb0:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap { background-color: transparent !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li { width: 100% !important; padding: 0 20px !important; } .elementor-19871 .elementor-element.elementor-element-1417fb0 { width: 100% !important; } .elementor-19871 .elementor-element.elementor-element-58590f1 { width: 100% !important; } .elementor-19871 .elementor-element.elementor-element-1417fb0 { width: 100% !important; } .elementor-19871 .elementor-element.elementor-element-e01bacb { width: 100% !important; } .elementor-19871 .elementor-element.elementor-element-a3e6eb5 .radiantthemes-custom-button .radiantthemes-custom-button-main { padding: 10px 10px 10px 20px !important; text-align: center; } .elementor-25682 .elementor-element.elementor-element-42a9c95 { width: 100% !important; } .elementor-25682 .elementor-element.elementor-element-e30a731 { width: 100% !important; } .elementor-25682 .elementor-element.elementor-element-72071bc { width: 100% !important; } .elementor-25682 .elementor-element.elementor-element-88aa7db { padding: 0 !important; } .elementor-25002 .elementor-element.elementor-element-2f47d29 { padding: 0 !important; } } /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li { margin-bottom: 0 !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu { transform: none !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu { position: relative; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; border: 1px solid red; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .main-megamenu-holder > ul.mega-child-menu{ position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; }*/ .mega-child-menu .elementor-column.elementor-col-25 { width: 100%; } .mobile-menu-nav >[class*="menu-"] > ul.menu > li > ul > li a { padding-left: 30px; } .mega-child-menu > li ul > li { position: relative; display: block; width: auto; height: auto; padding: 10px 0; /*border-bottom: 1px rgba(106, 124, 146, 0.10) solid;*/ color: inherit; } .mega-child-menu > li ul > li > a { text-transform: uppercase; line-height: 28px; letter-spacing: 0.5px; font-weight: 400; font-style: normal; color: #6a7c92; font-size: 14px; } .mega-child-menu h5 { text-transform: uppercase; line-height: 28px; letter-spacing: 0.5px; font-weight: 400; font-style: normal; color: #6a7c92; font-size: 15px; padding: 10px 0 9px 20px; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; margin: 0px; } .mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a { font-size: 14px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a { padding-bottom: 2px !important; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li { margin-bottom: 0 !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu { transform: none !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu { position: relative; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after { right: 40px; top: 12px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li { margin-bottom: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover { padding-left: 35px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu { position: absolute; top: 8px; right: 0px; width: 34px; cursor: pointer; text-align: left; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before { content: "\e649"; font-family: "themify"; font-size: 10px; line-height: 32px; color: #444756; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before { content: "\e64b"; } .mega-child-menu li ul li { position: relative; display: block; width: auto; height: auto; padding: 10px 0; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; color: inherit; } .mega-child-menu h5 { text-transform: uppercase; line-height: 28px; letter-spacing: 0.5px; font-weight: 400; font-style: normal; color: #444756; font-size: 15px; padding: 10px 0 9px 20px; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; margin: 0px; } /*.mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { padding: 0; }*/ .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a { font-size: 15px !important; font-weight: 400; color: #444756 !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a { padding-bottom: 2px !important; } .mega-menu-btn-area > .radiantthemes-custom-button > a.radiantthemes-custom-button-main { padding: 10px !important; text-align: center; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .header_holder .wraper_header_main > nav { background: #f1f1f1; } .elementor-19871 .elementor-element.elementor-element-c4898af { padding: 0 !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li { border-bottom: 1px rgba(0, 0, 0, 0.075) solid; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li { margin-bottom: 0 !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu { transform: none !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu { position: relative; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu { position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu { position: absolute; top: 8px; right: -10px; width: 40px; cursor: pointer; text-align: left; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before { content: "\e649"; font-family: "themify"; font-size: 10px; line-height: 32px; color: #444756; } .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before, .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before { content: "\e64b"; } .mega-child-menu li ul li { position: relative; display: block; width: 100% !important; height: auto; padding: 10px 0; color: inherit; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after { right: 40px; top: 12px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li { margin-bottom: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover { padding-left: 35px !important; } /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .main-megamenu-holder > ul.mega-child-menu{ position: static; z-index: 1; width: 100%; padding: 0; box-shadow: none; border-radius: 0; text-align: left; margin-left: 0; background-color: transparent; display: none; transition: opacity 0.4s linear !important; opacity: 1; visibility: visible; }*/ .mega-child-menu li ul li { position: relative; display: block; width: auto; height: auto; padding: 10px 0; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; color: inherit; background: #f1f1f1; } .mega-child-menu h5 { text-transform: uppercase; line-height: 28px; letter-spacing: 0.5px; font-weight: 400; font-style: normal; color: #444756; font-size: 15px; padding: 10px 0 9px 20px; border-bottom: 1px rgba(106, 124, 146, 0.1) solid; margin: 0px; } .mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { padding: 0; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a { font-size: 14px !important; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a { padding-bottom: 2px !important; } } /* ================================== */ /* END OF MEGA MENU CSS*/ /* ================================== */ /*=================== CART ITEM =================== */ .elementor-widget-radiant-custom-cart .header-cart-bar { float: right; margin-top: 7px; text-align: center; font-size: 0; } .elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon { position: relative; display: inline-block; vertical-align: top; margin-left: 0; color: #fff; } .elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon > span.ti-shopping-cart { font-size: 18px; line-height: 1; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .elementor-widget-radiant-header_custom_menu .header-cart-bar > .header-cart-bar-icon > .cart-count { position: absolute; top: -10px; right: -14px; /*bottom: 0; left: -12px;*/ width: 18px; height: 18px; border-radius: 50%; font-size: 10px; font-weight: 500; color: #fff; /*background-color: #3F3A64;*/ background-color: #ff583c; line-height: 18px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; text-align: center; } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box { right: 0; left: 6px; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box { right: 0; left: 6px; } } /*=================== CART ITEM =================== */ /*=================== HEADER SEARCH =================== */ .elementor-widget-radiant-custom-search .header-slideout-searchbar { position: relative; display: inline-block; vertical-align: top; margin-right: 15px; margin-top: 3px; cursor: pointer; } .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder { position: relative; display: block; } .elementor-widget-radiant-custom-search .header-slideout-searchbar span[class*="ti-"] { font-size: 16px; color: #000; } .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box { position: absolute; top: -10px; right: 30px; z-index: 1; width: 30px; padding: 5px 5px 4px 12px; background-color: #fff; border: 1px rgba(0, 0, 0, 0.1) solid; border-radius: 0px !important; /*box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);*/ box-shadow: none; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out 0.2s; -webkit-transition: all 0.4s ease-in-out 0.2s; } .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row { position: relative; display: block; padding-right: 30px; } .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row input[type="search"] { display: inline-block; vertical-align: top; width: 100%; height: 30px; padding: 0; margin: 0; background-color: transparent; border: none; font-size: 13px; border-radius: 0; } .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row input[type="search"]::placeholder { color: #000; } .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row button[type="submit"] { position: absolute; top: 0; width: 26px; height: 30px; background-color: transparent; border: none; display: none; border-radius: 0; text-align: center; font-size: 18px; color: #000; line-height: 30px; } .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder:hover > .header-slideout-searchbar-box, .wraper_header.style-sixteen .wraper_header_main .header-main-action ul > li.header-slideout-searchbar > .header-slideout-searchbar-holder:focus > .header-slideout-searchbar-box { width: 200px; opacity: 1; visibility: visible; } /*=================== HEADER SEARCH =================== /*=================== Blob Svg start =================== */ .rt_svg_div { margin: 0; padding: 0; position: relative; overflow: hidden; } .radiantthemes_avatar { width: 435px; overflow: hidden; transform: translateX(0px); animation: float 6s ease-in-out infinite; } .radiantthemes_avatar img { width: 100%; height: auto; } @keyframes float { 0% { transform: translateX(0px); } 50% { transform: translateX(-20px); } 100% { transform: translateX(0px); } } .radiantthemes_avatar2 { width: 435px; overflow: hidden; transform: translateX(0px); animation: float2 6s ease-in-out infinite; } .radiantthemes_avatar2 img { width: 100%; height: auto; } @keyframes float2 { 0% { transform: translateX(0px); } 50% { transform: translateX(-20px); } 100% { transform: translateX(0px); } } .radiantthemes_avatar3 { width: 350px; overflow: hidden; transform: translateY(0px); animation: float3 6s ease-in-out infinite; } .radiantthemes_avatar3 img { width: 100%; height: auto; } @keyframes float3 { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } .vertical_anim1 { position: absolute; left: 45%; top: -20px; z-index: 9999; width: 75%; } .vertical_anim1 img { width: 100%; } .vertical_anim2 { position: absolute; right: 40%; top: 6px; z-index: 9999; width: 60%; } .vertical_anim2 img { width: 100%; } .vertical_anim3 { position: absolute; right: 17%; top: 40%; z-index: 9999; width: 60%; } .vertical_anim3 img { width: 100%; } .radiantthemes_avatar4 { width: 350px; overflow: hidden; transform: translateY(0px); animation: float4 8s ease-in-out infinite; } .radiantthemes_avatar4 img { width: 100%; height: auto; } @keyframes float4 { 0% { transform: translateX(0px); } 50% { transform: translateX(-20px); } 100% { transform: translateX(0px); } } /*=================== Blob Svg End =================== */ /* radiantthemes-accordion element-one */ .radiantthemes-accordion.element-one .radiantthemes-accordion-item { border-bottom: 1px rgba(0, 0, 0, 0.07) solid; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item:last-child, .radiantthemes-accordion.element-one .radiantthemes-accordion-item:only-child { border-bottom: none; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title { position: relative; padding-top: 24px; padding-right: 50px; padding-bottom: 22px; cursor: pointer; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon { position: absolute; top: 20px; right: 0; z-index: 1; width: 32px; height: 32px; /*border: 1px #030712 solid;*/ border: 1px transparent solid; border-radius: 50%; text-align: center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before { font-family: "themify"; content: "\e61a"; font-size: 18px; color: #fca301; line-height: 32px; font-style: normal; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title { margin: 0; font-weight: 700; font-size: 20px; color: #1e1e1e; line-height: 27px; letter-spacing: -0.6px; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body { padding-bottom: 25px; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child { margin-bottom: 0 !important; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p { margin-bottom: 17px; } .radiantthemes-accordion.element-one .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before { content: "\e646"; /*color: #fff !important;*/ } /** Accordion Five**/ .radiantthemes-accordion.element-five { background-color: #fff; width: 100%; margin: 0 auto; } .radiantthemes-accordion.element-five .accord_bdy { padding: 0; } .radiantthemes-accordion.element-five .accord_bx_sec { padding: 0 70px 35px 0px; } .radiantthemes-accordion.element-five .title { height: 40px; background: #6bb170; color: white; text-align: center; padding-top: 13px; } .radiantthemes-accordion.element-five .ques_bx { margin: 0; padding: 0; } .radiantthemes-accordion.element-five .ques_bx li { padding: 10px 0; float: left; width: 100%; } .radiantthemes-accordion.element-five .ques_bx li.question { font-weight: bold; cursor: pointer; } .radiantthemes-accordion.element-five .ques_bx li.a { display: none; color: #555759; } .radiantthemes-accordion.element-five .ques_bx li p { margin-bottom: 0; } .radiantthemes-accordion.element-five .plus { opacity: 1; font-size: 1.3em; position: relative; display: inline-block; width: 16px; height: 16px; margin-left: 10px; margin-top: -2px; float: right; } .radiantthemes-accordion.element-five .plus::after, .radiantthemes-accordion.element-five .plus::before { content: "" !important; background: currentColor; height: 2px; width: 16px; display: block; position: absolute; top: 50%; left: 0; transition: transform 0.3s ease-out; } .radiantthemes-accordion.element-five .plus::after { transform: rotate(90deg); } .radiantthemes-accordion.element-five .text { float: left; color: #555759; font-weight: 600; margin-right: 10px; } .radiantthemes-accordion.element-five .minus { opacity: 1; font-size: 1.3em; position: relative; display: inline-block; width: 16px; height: 16px; margin-left: 10px; float: right; } .radiantthemes-accordion.element-five .minus::before { transform: rotate(135deg); } .radiantthemes-accordion.element-five .minus::after { transform: rotate(45deg); } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .radiantthemes-accordion.element-five .minus { top: 22px; right: -15px; } .radiantthemes-accordion.element-five .plus { top: 22px; right: -15px; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li { border-bottom: 1px rgba(0, 0, 0, 0.075) solid; background: #f1f1f1; } .elementor-19871 .elementor-element.elementor-element-c4898af { padding: 0 !important; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .radiantthemes-accordion.element-five .minus { top: 22px; right: -15px; } .radiantthemes-accordion.element-five .plus { top: 22px; right: -15px; } } /* radiantthemes-alert-box element-one */ .radiantthemes-alert-box.element-one { position: relative; margin: 0; padding: 13px 35px 12px 45px; border-width: 1px; border-style: solid; border-radius: 3px; text-align: left; font-size: 14px; line-height: 26px; } .radiantthemes-alert-box.element-one.alert-info { background-color: #e8f3fa; border-color: #c6dfef; color: #3097db; } .radiantthemes-alert-box.element-one.alert-success { background-color: #e0f2e0; border-color: #c4e7c4; color: #00a500; } .radiantthemes-alert-box.element-one.alert-warning { background-color: #f9ebc8; border-color: #f4d29c; color: #df8c16; } .radiantthemes-alert-box.element-one.alert-danger { background-color: #fce4e4; border-color: #eec1c1; color: #fb5455; } .radiantthemes-alert-box.element-one > .close { position: absolute; top: 13px; right: 15px; z-index: 1; opacity: 1; color: inherit; } .radiantthemes-alert-box.element-one > .close i { font-size: 15px; line-height: 15px; } .radiantthemes-alert-box.element-one > .icon { position: absolute; top: 50%; left: 15px; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .radiantthemes-alert-box.element-one > .icon i { width: 16px; text-align: center; font-size: 16px; line-height: 16px; } .radiantthemes-alert-box.element-one > strong { font-weight: 600; } /* radiantthemes-alert-box element-two */ .radiantthemes-alert-box.element-two { position: relative; margin: 0; padding: 13px 35px 12px 45px; border-width: 1px; border-bottom-width: 6px; border-style: solid; border-radius: 3px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; text-align: left; font-size: 14px; line-height: 26px; } .radiantthemes-alert-box.element-two.alert-info { background-color: #e8f3fa; border-color: #c6dfef; color: #3097db; } .radiantthemes-alert-box.element-two.alert-success { background-color: #e0f2e0; border-color: #c4e7c4; color: #00a500; } .radiantthemes-alert-box.element-two.alert-warning { background-color: #f9ebc8; border-color: #f4d29c; color: #df8c16; } .radiantthemes-alert-box.element-two.alert-danger { background-color: #fce4e4; border-color: #eec1c1; color: #fb5455; } .radiantthemes-alert-box.element-two > .close { position: absolute; top: 13px; right: 15px; z-index: 1; opacity: 1; color: inherit; } .radiantthemes-alert-box.element-two > .close i { font-size: 15px; line-height: 15px; } .radiantthemes-alert-box.element-two > .icon { position: absolute; top: 50%; left: 15px; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .radiantthemes-alert-box.element-two > .icon i { width: 16px; text-align: center; font-size: 16px; line-height: 16px; } .radiantthemes-alert-box.element-two > strong { font-weight: 600; } /* rt-animated-link element-one */ .rt-animated-link.element-one { text-align: center; } .rt-animated-link.element-one > .holder { position: relative; display: inline-block; vertical-align: top; border: 2px rgba(0, 0, 0, 0.17) solid; } .rt-animated-link.element-one > .holder:before { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: 0; content: " "; border-width: 2px; border-style: solid; opacity: 0; visibility: hidden; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-animated-link.element-one > .holder:hover:before { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .rt-animated-link.element-one > .holder > .main-link { position: relative; display: block; padding: 8px 20px 9px 20px; font-weight: 500; font-size: 17px; line-height: 28px; } /* rt-animated-link element-two */ .rt-animated-link.element-two > .holder { text-align: center; } .rt-animated-link.element-two > .holder > .main-link { position: relative; display: inline-block; vertical-align: top; font-weight: 500; font-size: 17px; line-height: 28px; } .rt-animated-link.element-two > .holder > .main-link:before, .rt-animated-link.element-two > .holder > .main-link:after { position: absolute; top: -1px; z-index: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-animated-link.element-two > .holder > .main-link:hover:before, .rt-animated-link.element-two > .holder > .main-link:hover:after { opacity: 1; visibility: visible; } .rt-animated-link.element-two > .holder > .main-link:before { left: 0; content: "["; } .rt-animated-link.element-two > .holder > .main-link:hover:before { left: -20px; } .rt-animated-link.element-two > .holder > .main-link:after { right: 0; content: "]"; } .rt-animated-link.element-two > .holder > .main-link:hover:after { right: -20px; } /* rt-animated-link element-three */ .rt-animated-link.element-three > .holder { text-align: center; } .rt-animated-link.element-three > .holder > .main-link { position: relative; display: inline-block; vertical-align: top; padding-top: 10px; font-weight: 500; font-size: 17px; line-height: 28px; } .rt-animated-link.element-three > .holder > .main-link:before { position: absolute; top: -10px; left: 0; right: 0; z-index: 0; content: " "; height: 1px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-animated-link.element-three > .holder > .main-link:hover:before { top: 0; opacity: 1; visibility: visible; } /* rt-animated-link element-four */ .rt-animated-link.element-four > .holder { text-align: center; } .rt-animated-link.element-four > .holder > .main-link { position: relative; display: inline-block; vertical-align: top; padding-bottom: 10px; font-weight: 500; font-size: 17px; line-height: 28px; } .rt-animated-link.element-four > .holder > .main-link:before { position: absolute; bottom: 10px; left: 0; right: 0; z-index: 0; content: " "; height: 1px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-animated-link.element-four > .holder > .main-link:hover:before { bottom: 0; opacity: 1; visibility: visible; } /* rt-animated-link element-five */ .rt-animated-link.element-five > .holder { text-align: center; } .rt-animated-link.element-five > .holder > .main-link { position: relative; display: inline-block; vertical-align: top; padding-top: 10px; padding-bottom: 10px; font-weight: 500; font-size: 17px; line-height: 28px; } .rt-animated-link.element-five > .holder > .main-link:before { position: absolute; top: 100%; left: 0; right: 0; z-index: 0; content: " "; height: 1px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-animated-link.element-five > .holder > .main-link:hover:before { top: 0; opacity: 1; visibility: visible; } .rt-animated-link.element-five > .holder > .main-link:after { position: absolute; bottom: 0; left: 15px; right: 15px; z-index: 0; content: " "; height: 1px; background-color: #1d4fce; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-animated-link.element-five > .holder > .main-link:hover:after { left: 0; right: 0; } /* rt-animated-link element-six */ .rt-animated-link.element-six > .holder { text-align: center; } .rt-animated-link.element-six > .holder > .main-link { position: relative; display: inline-block; vertical-align: top; padding-bottom: 10px; font-weight: 500; font-size: 17px; line-height: 28px; } .rt-animated-link.element-six > .holder > .main-link > .dot-holder { position: absolute; bottom: 0; left: 50%; z-index: 0; height: 4px; opacity: 0; visibility: hidden; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-animated-link.element-six > .holder > .main-link:hover > .dot-holder { opacity: 1; visibility: visible; } .rt-animated-link.element-six > .holder > .main-link > .dot-holder > .dots { display: inline-block; vertical-align: top; width: 4px; height: 4px; margin-left: 0; margin-right: 0; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-animated-link.element-six > .holder > .main-link:hover > .dot-holder > .dots { margin-left: 3px; margin-right: 3px; } /* rt-animated-link element-seven */ .rt-animated-link.element-seven > .holder { text-align: center; } .rt-animated-link.element-seven > .holder > .main-link { position: relative; display: inline-block; vertical-align: top; padding-top: 5px; padding-bottom: 5px; font-weight: 500; font-size: 17px; line-height: 28px; } .rt-animated-link.element-seven > .holder > .main-link:before, .rt-animated-link.element-seven > .holder > .main-link:after { position: absolute; left: 0; right: 0; z-index: 0; content: " "; height: 2px; opacity: 0.8; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-animated-link.element-seven > .holder > .main-link:before { top: 0; } .rt-animated-link.element-seven > .holder > .main-link:after { bottom: 0; } .rt-animated-link.element-seven > .holder > .main-link:hover:before, .rt-animated-link.element-seven > .holder > .main-link:hover:after { opacity: 0.4; } .rt-animated-link.element-seven > .holder > .main-link:hover:before { top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .rt-animated-link.element-seven > .holder > .main-link:hover:after { bottom: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* rt-animated-link element-eight */ .rt-animated-link.element-eight { text-align: center; } .rt-animated-link.element-eight > .holder { position: relative; display: inline-block; vertical-align: top; perspective: 800px; text-align: center; } .rt-animated-link.element-eight > .holder > .main-link-fliper, .rt-animated-link.element-eight > .holder > .main-link { display: block; padding: 10px 20px 10px 20px; font-weight: 500; font-size: 17px; line-height: 28px; } .rt-animated-link.element-eight > .holder > .main-link-fliper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: block; color: #fff; transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: rotateX(268deg); -webkit-transform: rotateX(268deg); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .rt-animated-link.element-eight > .holder:hover > .main-link-fliper { transform: rotateX(0); -webkit-transform: rotateX(0); } .rt-animated-link.element-eight > .holder > .main-link { background-color: rgba(0, 0, 0, 0.1); border-top: 2px rgba(0, 0, 0, 0.7) solid; } /* rt-beforeafter element-one */ .rt-beforeafter.element-one { position: relative; overflow: hidden; } .rt-beforeafter.element-one img { width: 100%; display: block; max-width: none; } .rt-beforeafter.element-one .resize { position: absolute; top: 0; left: 0; height: 100%; width: 57.5%; overflow: hidden; } .rt-beforeafter.element-one .handle { position: absolute; left: 57.5%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: white; cursor: ew-resize; } .rt-beforeafter.element-one .handle:after { position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; content: " "; background: url("../images/beforeafter-element-one-icon.png") 0px 0px no-repeat; border: none; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-beforeafter.element-one .handle.ba-draggable:after { transform: scale(0.8); -webkit-transform: scale(0.8); } /* rt-beforeafter element-two */ .rt-beforeafter.element-two { position: relative; overflow: hidden; } .rt-beforeafter.element-two img { width: 100%; display: block; max-width: none; } .rt-beforeafter.element-two .resize { position: absolute; top: 0; left: 0; height: 100%; width: 50%; overflow: hidden; } .rt-beforeafter.element-two .handle { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: white; cursor: ew-resize; } .rt-beforeafter.element-two .handle:after { position: absolute; top: 50%; width: 24px; height: 13px; margin-top: -6px; margin-left: -11px; content: " "; background: url("../images/beforeafter-element-two-icon.png") 0px 0px no-repeat; border: none; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-beforeafter.element-two .handle.ba-draggable:after { transform: scale(0.8); -webkit-transform: scale(0.8); } /* rt-beforeafter element-three */ .rt-beforeafter.element-three { position: relative; overflow: hidden; } .rt-beforeafter.element-three img { width: 100%; display: block; max-width: none; } .rt-beforeafter.element-three .resize { position: absolute; top: 0; left: 0; height: 100%; width: 50%; overflow: hidden; } .rt-beforeafter.element-three .handle { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: white; cursor: ew-resize; } .rt-beforeafter.element-three .handle:after { position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; content: " "; background: url("../images/beforeafter-element-three-icon.png") 0px 0px no-repeat; border: none; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-beforeafter.element-three .handle.ba-draggable:after { transform: scale(0.8); -webkit-transform: scale(0.8); } /* radiantthemes-blockquote element-one */ .radiantthemes-blockquote.element-one > blockquote { text-align: center; } .radiantthemes-blockquote.element-one > blockquote > *:last-child { margin-bottom: 0 !important; } .radiantthemes-blockquote.element-one > blockquote > i.fa { display: block; margin-bottom: 20px; font-size: 80px; color: #e7e9ef; line-height: 80px; } .radiantthemes-blockquote.element-one > blockquote cite { display: block; margin-top: 20px; font-weight: 500; font-size: 13px; color: #2f2f2f; line-height: 25px; font-style: normal; } /* radiantthemes-blockquote element-two */ .radiantthemes-blockquote.element-two > blockquote { font-weight: 500; } .radiantthemes-blockquote.element-two > blockquote > *:last-child { margin-bottom: 0 !important; } .radiantthemes-blockquote.element-two > blockquote > i.fa { display: none; } .radiantthemes-blockquote.element-two > blockquote cite { display: block; margin-top: 20px; font-weight: 400; font-size: 14px; color: #2f2f2f; line-height: 25px; font-style: normal; } /* radiantthemes-blockquote element-three */ .radiantthemes-blockquote.element-three > blockquote { position: relative; padding-left: 65px; } .radiantthemes-blockquote.element-three > blockquote > *:last-child { margin-bottom: 0 !important; } .radiantthemes-blockquote.element-three > blockquote > i.fa { position: absolute; top: 4px; left: 0; z-index: 1; font-size: 45px; color: #5d5e64; line-height: 45px; } .radiantthemes-blockquote.element-three > blockquote cite { display: block; margin-top: 20px; font-weight: 500; font-size: 13px; color: #2f2f2f; line-height: 25px; font-style: normal; } /*=====================================*/ .blog.element-one .blog-item { margin-bottom: 76px; position: relative; padding: 0 15px; float: left; width: 100%; overflow: hidden; } /*.blog.element-one .blog-item:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; content: " "; background-image: linear-gradient(to right, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 100%); }*/ .blog.element-one .blog-item > .holder { transition: all 1s; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; padding-left: 30px; padding-right: 20px; padding-top: 20px; padding-bottom: 18px; clear: both; background-position: center center; border-radius: 4px; } .blog.element-one .blog-item > .holder:hover { transform: scale(1.015); clear: both; cursor: pointer; border-radius: 8px; } .blog.element-one .blog-item > .holder > .blog-title { position: relative; min-height: 63px; padding-top: 27px; padding-left: 70px; } .blog.element-one .blog-item > .holder > .blog-title > .blog-title-pic { position: absolute; top: 3px; left: 0; z-index: 1; border-radius: 50%; } .blog.element-one .blog-item > .holder > .blog-title > .blog-title-pic img { border-radius: 50%; width: 55px; height: 55px; } .blog.element-one .blog-item > .holder > .blog-title > .blog-title-data > .title { margin-bottom: 3px; margin-left: 8px; text-transform: capitalize; color: #ffffff; margin-top: -12px; } .blog.element-one .blog-item > .holder > .blog-desc { position: relative; bottom: 10px; color: #ffffff; padding-top: 270px; } .blog.element-one .blog-item > .holder > .blog-desc > .blog-category-tab { clear: both; color: #fff; margin-left: 0px; } .blog.element-one li { float: left; margin-right: 8px; } .blog.element-one li a { background: #1e4ec4; padding: 2px 10px; color: #ffffff; text-decoration: none; border-radius: 4px; } .blog.element-one::marker { color: transparent; } .blog.element-one .blog-item > .holder > .blog-desc > .blog-desc-exrpt { padding-top: 10px; text-transform: capitalize; color: #ffffff; clear: both; } .blog.element-one .blog-item > .holder > .blog-desc > .blog-desc-exrpt h6 { margin-bottom: 0; } .blog.element-one .blog-item > .holder > .blog-desc > .blog-desc-exrpt a { text-decoration: none; color: #ffffff; } /* blog element-two */ .blog.element-two { position: relative; margin: 0 -15px; list-style: none; text-align: left; } .blog.element-two article { position: relative; float: left; /*overflow: hidden; margin: 0 0 15px 0;*/ text-align: left; cursor: pointer; border-radius: 0px; width: 100%; padding: 0 15px; margin-bottom: 76px; } .blog.element-two article .holder { min-height: 100%; max-width: 100%; width: 100%; height: 426px; } .blog.element-two article img { position: relative; display: block; min-height: 100%; max-width: 100%; width: 100%; border-radius: 0px; overflow: hidden; object-fit: cover; } .blog.element-two article .bg-overlay { background: #f4f4f4; position: absolute; border-radius: 0px; left: 15px; top: 0; bottom: 0; right: 15px; opacity: 0; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; z-index: 1; border-radius: 4px; } .hm7-blg .blog.element-two article .bg-overlay { background: rgba(255, 255, 255, 1); } .blog.element-two article:hover .bg-overlay { opacity: 1; } .blog.element-two article .content-area { color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding-left: 45px; padding-right: 45px; } .blog.element-two article:hover .content-area { z-index: 2; } .blog.element-two article .content-area::before, .blog.element-two article .content-area::after { pointer-events: none; } .blog.element-two article .content-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*.blog.element-two article h5 span { font-weight: 800; }*/ .blog.element-two article h6, .blog.element-two article p { margin: 0; } .blog.element-two article.blog-item .holder .content-area::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: rgb(55 125 255 / 80%);*/ /*background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgb(0 2 72 / 55%) 100%);*/ content: ""; opacity: 0; transform: translate3d(0, 50%, 0); } .blog.element-two article.blog-item .holder .blog-category { background: #1e4ec4; padding: 0px 10px; color: #ffffff; text-decoration: none; text-align: center; margin-bottom: 120px; position: absolute; top: 31px; left: 45px; border-radius: 4px; } .blog.element-two article.blog-item .holder span { opacity: 1; visibility: visible; position: absolute; top: 67%; left: 0; right: 0; margin: 0 auto; text-align: left; width: 100%; color: #fff; transition: transform 0.35s, color 0.35s; transform: translate3d(0, 50%, 0); padding: 0 45px; text-transform: capitalize; } .blog.element-two article.blog-item .holder:hover span { opacity: 0; visibility: hidden; } .blog.element-two article.blog-item .holder h6 { position: absolute; top: 73%; left: 0; right: 0; margin: 0 auto; text-align: left; width: 100%; color: #fff; transition: transform 0.35s, color 0.35s; transform: translate3d(0, 50%, 0); padding: 0 45px; text-transform: capitalize; } .blog.element-two article.blog-item .holder .content-area::before, .blog.element-two article.blog-item .holder p { transition: opacity 0.35s, transform 0.35s; } .blog.element-two article.blog-item .holder img { width: 100%; /*height: 100%;*/ -webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1); transition: all 1.5s cubic-bezier(0, 0, .2, 1); border-radius: 4px; } /*.blog.element-one article.blog-item:hover .holder img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); border-radius: 0px; overflow: hidden; }*/ .blog.element-two article.blog-item .holder p { position: absolute; top: 75%; left: 0; padding: 0 45px 12px 45px; width: 100%; opacity: 0; transform: translate3d(0, 10px, 0); text-align: left; } .blog.element-two article.blog-item .holder a { /*position: relative;*/ top: 85%; left: 0; padding-bottom: 12px; opacity: 0; transform: translate3d(0, 10px, 0); text-align: left; position: relative; display: inline-block; color: #545454; transition: all 0.12s ease-in-out; -webkit-transition: all 0.12s ease-in-out; } .blog.element-two article.blog-item .holder a { position: relative; display: inline-block; color: #545454; transition: all 0.12s ease-in-out; -webkit-transition: all 0.12s ease-in-out; } .blog.element-two article.blog-item .holder a:hover { color: #1e4ec4 !important; } .blog.element-two article.blog-item .holder a:before { content: ""; width: 0; height: 1px; bottom: 14px; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: #1e4ec4 !important; } .blog.element-two article.blog-item .holder a:hover:before { right: auto; left: 0; width: 100%; } .blog.element-two article.blog-item:hover .holder h6 { color: #1D1A4E; transform: translate3d(0, -55%, 0) translate3d(0, -55px, 0); } .blog.element-two article.blog-item:hover .holder .content-area::before, .blog.element-two article.blog-item:hover .holder p { opacity: 1; transform: translate3d(0, -20%, 0) translate3d(0, -20px, 0); color: #47465E; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog.element-two article.blog-item:hover .holder h6 { color: #1D1A4E; transform: translate3d(0, -75%, 0) translate3d(0, -75px, 0); } .blog.element-two article.blog-item:hover .holder .content-area::before, .blog.element-two article.blog-item:hover .holder p { opacity: 1; transform: translate3d(0, -30%, 0) translate3d(0, -30px, 0); color: #47465E; } } @media only screen and (min-width: 940px) and (max-width: 991px) { .blog.element-two article.blog-item:hover .holder h6 { color: #1D1A4E; transform: translate3d(0, -62%, 0) translate3d(0, -62px, 0); } .blog.element-two article.blog-item:hover .holder .content-area::before, .blog.element-two article.blog-item:hover .holder p { opacity: 1; transform: translate3d(0, -25%, 0) translate3d(0, -25px, 0); color: #47465E; } .blog.element-two article.blog-item .holder h6 { top: 65%; } } @media only screen and (min-width: 768px) and (max-width: 782px) { .blog.element-two article.blog-item:hover .holder h6 { color: #1D1A4E; transform: translate3d(0, -62%, 0) translate3d(0, -62px, 0); } .blog.element-two article.blog-item:hover .holder .content-area::before, .blog.element-two article.blog-item:hover .holder p { opacity: 1; transform: translate3d(0, -25%, 0) translate3d(0, -25px, 0); color: #47465E; } } @media only screen and (min-width: 503px) and (max-width: 767px) { .blog.element-two article.blog-item:hover .holder h6 { color: #1D1A4E; transform: translate3d(0, -28%, 0) translate3d(0, -28px, 0); } .blog.element-two article.blog-item:hover .holder .content-area::before, .blog.element-two article.blog-item:hover .holder p { opacity: 1; transform: translate3d(0, -10%, 0) translate3d(0, -10px, 0); color: #47465E; } .blog.element-two article.blog-item .holder h6 { top: 63%; } } @media only screen and (max-width: 388px) { .blog.element-two article.blog-item:hover .holder h6 { color: #1D1A4E; transform: translate3d(0, -103%, 0) translate3d(0, -53px, 0); } .blog.element-two article.blog-item:hover .holder .content-area::before, .blog.element-two article.blog-item:hover .holder p { opacity: 1; transform: translate3d(0, -40%, 0) translate3d(0, -20px, 0); color: #47465E; } } @media only screen and (max-width: 359px) { .blog.element-two article.blog-item:hover .holder h6 { color: #1D1A4E; transform: translate3d(0, -73%, 0) translate3d(0, -73px, 0); } .blog.element-two article.blog-item:hover .holder .content-area::before, .blog.element-two article.blog-item:hover .holder p { opacity: 1; transform: translate3d(0, -30%, 0) translate3d(0, -30px, 0); color: #47465E; } } @media only screen and (max-width: 325px) { .blog.element-two article.blog-item:hover .holder h6 { color: #1D1A4E; transform: translate3d(0, -103%, 0) translate3d(0, -73px, 0); } .blog.element-two article.blog-item:hover .holder .content-area::before, .blog.element-two article.blog-item:hover .holder p { opacity: 1; transform: translate3d(0, -40%, 0) translate3d(0, -30px, 0); color: #47465E; } } .blog.element-two article.blog-item:hover .holder a { opacity: 1; transform: translate3d(0, 0, 0); color: #47465E; text-decoration: none; } /* blog element-two */ /*.blog.element-three */ .blog.element-three { width: auto; margin-left: -15px; margin-right: -15px; } .blog.element-three .blog-item { padding-left: 0px; padding-right: 0px; } .blog.element-three .blog-item > .holder { position: relative; overflow: hidden; margin-bottom: 0px; transition: all 0.3s ease-in-out; border-radius: 4px; width: 100%; } .blog.element-three .blog-item > .holder > .pic { position: relative; overflow: hidden; margin-bottom: 0px; padding-top: calc((66 / 100) * 100%); /*height: 316px;*/ } .blog.element-three .blog-item > .holder > .pic > .pic-main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: top center no-repeat; background-size: cover; transition: 0.42s ease-out; -webkit-transition: 0.42s ease-out; transform: scale(1.01); } .blog.element-three .blog-item > .holder > .data { padding: 28px 35px 27px 35px; background: #fff; box-shadow: 0px 14px -1px 0px rgb(0 26 87 / 10%); } .blog.element-three .blog-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .blog.element-three .blog-item > .holder > .data ul.meta { margin-bottom: 9px; } .blog.element-three .blog-item > .holder > .data ul.meta > li { font-weight: 500; font-size: 16px; line-height: 26px; } .blog.element-three .blog-item > .holder > .data ul.meta > li a { color: inherit; } .blog.element-three li { float: left; margin-right: 8px; } .blog.element-three li a { padding: 0; color: #616670; text-decoration: none; } .blog.element-three .blog-item > .holder > .data > .blog-author-holder { position: relative; min-height: 63px; padding-top: 16px; padding-left: 65px; padding-bottom: 15px; } .blog.element-three .blog-item > .holder > .data > .blog-author-holder > .blog-title-pic { position: absolute; top: 3px; left: 0; z-index: 1; border-radius: 50%; } .blog.element-three .blog-item > .holder > .data > .blog-author-holder > .blog-title-pic img { border-radius: 50%; width: 50px; height: 50px; } .blog.element-three .blog-item > .holder > .data .title { margin-bottom: 0px; clear: both; padding-top: 5px; color: #1D1A4E; margin-top: -16px; } .blog.element-three .blog-item > .holder > .data .title a { color: inherit; } .blog.element-three .blog-item > .holder:hover > .pic > .pic-main { -webkit-transform: scale(1.035); -ms-transform: scale(1.035); transform: scale(1.035); } .blog.element-three .blog-item > .holder > .data .btn span { position: relative; display: inline-block; } .blog.element-three .blog-item > .holder > .data .btn i { padding-left: 8px; } .blog.element-three:not(.owl-carousel) .blog-item { float: left; margin-bottom: 30px; width: 100%; } /* blog element three ends */ /* blog element four starts */ .blog.element-four { width: auto; margin-left: -15px; margin-right: -15px; } .blog.element-four .blog-item { padding-left: 15px; padding-right: 15px; } .blog.element-four .blog-item > .holder { position: relative; overflow: hidden; margin-bottom: 0px; transition: all 0.3s ease-in-out; border-radius: 1px; width: 100%; } .blog.element-four .blog-item > .holder > .pic { position: relative; overflow: hidden; margin-bottom: 0px; padding-top: calc((66 / 100) * 100%); height: 316px; } .blog.element-four .blog-item > .holder > .pic > .pic-main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: top center no-repeat; background-size: cover; transition: 0.42s ease-out; -webkit-transition: 0.42s ease-out; transform: scale(1.01); } .blog.element-four .blog-item > .holder > .data { padding: 18px 0px 30px 0px; background: #fff; box-shadow: 0px 14px -1px 0px rgb(0 26 87 / 10%); } .blog.element-four .blog-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .blog.element-four .blog-item > .holder > .data ul.meta { margin-bottom: 9px; } .blog.element-four .blog-item > .holder > .data ul.meta > li { font-weight: 500; font-size: 16px; line-height: 26px; } .blog.element-four .blog-item > .holder > .data ul.meta > li a { color: inherit; } .blog.element-four li { float: left; margin-right: 8px; } .blog.element-four li a { padding: 0; color: #616670; text-decoration: none; } .blog.element-four .blog-item > .holder > .data > .blog-author-holder { position: relative; min-height: 63px; padding-top: 16px; padding-left: 65px; padding-bottom: 15px; } .blog.element-four .blog-item > .holder > .data > .blog-author-holder > .blog-title-pic { position: absolute; top: 3px; left: 0; z-index: 1; border-radius: 50%; } .blog.element-four .blog-item > .holder > .data > .blog-author-holder > .blog-title-pic img { border-radius: 50%; width: 50px; height: 50px; } .blog.element-four .blog-item > .holder > .data .title { margin-bottom: 15px; clear: both; padding-top: 5px; color: #1D1A4E; margin-top: -16px; } .blog.element-four .blog-item > .holder > .data .title a { color: inherit; } .blog.element-four .blog-item > .holder > .data p { clear: both; margin-bottom: 23px; } .blog.element-four .blog-item > .holder > .data a.read { background: #1e4ec4; border-radius: 4px; font-size: 15px; line-height: 23px; text-decoration: none; font-weight: 500; letter-spacing: 0; color: #fff; transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; position: relative; vertical-align: top; text-align: center; } .blog.element-four .blog-item > .holder > .data a.read:hover { box-shadow: 0px 11px 14px -7px rgb(0 0 0 / 25%); transform: translateY(-5px); -webkit-transform: translateY(-5px); } .blog.element-four .blog-item > .holder:hover > .pic > .pic-main { -webkit-transform: scale(1.035); -ms-transform: scale(1.035); transform: scale(1.035); } .blog.element-four .blog-item > .holder > .data .btn span { position: relative; display: inline-block; } .blog.element-four .blog-item > .holder > .data .btn i { padding-left: 8px; } .blog.element-four:not(.owl-carousel) .blog-item { float: left; margin-bottom: 30px; width: 100%; } /* blog element four ends */ /* blog element five starts */ .blog.element-five { width: auto; margin-left: -15px; margin-right: -15px; } .blog.element-five .blog-item { padding-left: 15px; padding-right: 15px; } .blog.element-five .blog-item > .holder { position: relative; overflow: hidden; margin-bottom: 0px; transition: all 0.3s ease-in-out; border-radius: 4px; width: 100%; } .blog.element-five .blog-item > .holder > .pic { position: relative; overflow: hidden; margin-bottom: 0px; padding-top: calc((66 / 100) * 100%); height: 316px; border-radius: 0px; } .blog.element-five .blog-item > .holder > .pic > .pic-main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: top center no-repeat; background-size: cover; transition: 0.42s ease-out; -webkit-transition: 0.42s ease-out; transform: scale(1.01); } .blog.element-five .blog-item > .holder > .data { padding: 18px 0px 35px 0px; background: transparent; box-shadow: 0px 14px -1px 0px rgb(0 26 87 / 10%); } .blog.element-five .blog-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .blog.element-five .blog-item > .holder > .data ul.meta { margin-bottom: 9px; } .blog.element-five .blog-item > .holder > .data ul.meta > li { font-weight: 500; font-size: 16px; line-height: 26px; } .blog.element-five .blog-item > .holder > .data ul.meta > li a { color: inherit; } .blog.element-five li { float: left; margin-right: 8px; } .blog.element-five li a { padding: 0; color: #1E4EC4; text-decoration: none; } .blog.element-five .blog-item > .holder > .data > .blog-author-holder { position: relative; min-height: 63px; padding-top: 16px; padding-left: 65px; padding-bottom: 15px; } .blog.element-five .blog-item > .holder > .data > .blog-author-holder > .blog-title-pic { position: absolute; top: 3px; left: 0; z-index: 1; border-radius: 50%; } .blog.element-five .blog-item > .holder > .data > .blog-author-holder > .blog-title-pic img { border-radius: 50%; width: 50px; height: 50px; } .blog.element-five .blog-item > .holder > .data .title { margin-bottom: 15px; clear: both; padding-top: 5px; color: #1D1A4E; margin-top: -16px; } .blog.element-five .blog-item > .holder > .data .title a { color: inherit; } .blog.element-five .blog-item > .holder > .data p { clear: both; margin-bottom: 23px; } .blog.element-five .blog-item > .holder > .data a.read { font-size: 15px; line-height: 23px; text-decoration: none; font-weight: 500; letter-spacing: 0; transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; position: relative; display: inline-block; vertical-align: top; text-align: center; } .blog.element-five .blog-item > .holder > .data a.read::before { content: ''; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s; transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s; background: #1e4ec4; } .blog.element-five .blog-item > .holder > .data a:hover { color: currentColor; -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s; transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s; } .blog.element-five .blog-item > .holder > .data a:hover::before { width: 100%; left: 0; right: auto; margin: 0; } .blog.element-five .blog-item > .holder:hover > .pic > .pic-main { -webkit-transform: scale(1.035); -ms-transform: scale(1.035); transform: scale(1.035); } .blog.element-five .blog-item > .holder > .data .btn span { position: relative; display: inline-block; } .blog.element-five .blog-item > .holder > .data .btn i { padding-left: 8px; } .blog.element-five:not(.owl-carousel) .blog-item { float: left; margin-bottom: 30px; width: 100%; } @media screen and (max-width: 768px) { .blog.element-four:not(.owl-carousel) .blog-item { margin-bottom: 0px; } } /* blog element five ends */ /* blog element six starts */ .blog.element-six { width: auto; margin-left: -15px; margin-right: -15px; } .blog.element-six .blog-item { padding-left: 15px; padding-right: 15px; } .blog.element-six .blog-item > .holder { position: relative; overflow: hidden; margin-bottom: 47px; transition: all 0.3s ease-in-out; border-radius: 5px; width: 100%; box-shadow: 0px 14px 46px 0 rgb(0 26 87 / 8%); } .blog.element-six .blog-item > .holder > .pic { position: relative; overflow: hidden; margin-bottom: 0px; padding: 20px 0 0 20px; height: 240px; border-radius: 4px 4px 0 0; z-index: 1; } .blog.element-six .blog-item > .holder > .pic > .pic-main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: top center no-repeat; background-size: cover; transition: 0.42s ease-out; -webkit-transition: 0.42s ease-out; transform: scale(1.01); } .blog.element-six .blog-item > .holder > .pic > .blog-desc { position: absolute; z-index: 1; } .blog.element-six .blog-item > .holder > .pic > .blog-desc .blog-category-tab ul li { float: left; margin-right: 8px; } .blog.element-six .blog-item > .holder > .pic > .blog-desc .blog-category-tab ul li a { background: #1e4ec4; padding: 2px 10px; color: #ffffff; text-decoration: none; border-radius: 4px; } .blog.element-six .blog-item > .holder > .data { padding: 0px 15px 25px 15px; background: #fff; /*box-shadow: 0px 14px 31px 0px rgb(0 26 87 / 10%);*/ text-align: center; border-radius: 0 0 4px 4px; } @media screen and (max-width: 1024px) { .blog.element-six .blog-item > .holder > .data { padding: 0px 0px 25px 0px; } } .blog.element-six .blog-item > .holder > .data > .blog-title > .blog-title-pic { z-index: 2; margin-bottom: 0px; margin-top: -45px; position: relative; } .blog.element-six .blog-item > .holder > .data > .blog-title > .blog-title-pic img { border-radius: 50%; width: 90px; height: 90px; border: 3px solid #fff; } .blog.element-six .blog-item > .holder > .data > .blog-title > .blog-title-data > .title { margin-bottom: 3px; margin-left: 8px; text-transform: capitalize; color: #1d1a4e; margin-top: 0px; } .blog.element-six .blog-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .blog.element-six .blog-item > .holder > .data ul.meta { margin-bottom: 9px; } .blog.element-six .blog-item > .holder > .data ul.meta > li { font-weight: 500; font-size: 16px; line-height: 26px; } .blog.element-six .blog-item > .holder > .data ul.meta > li a { color: inherit; } .blog.element-six li { float: left; margin-right: 8px; } .blog.element-six li a { padding: 0; color: #1E4EC4; text-decoration: none; } .blog.element-six .blog-item > .holder > .data > .blog-author-holder { position: relative; min-height: 63px; padding-top: 16px; padding-left: 65px; padding-bottom: 15px; } .blog.element-six .blog-item > .holder > .data > .blog-author-holder > .blog-title-pic { position: absolute; top: 3px; left: 0; z-index: 1; border-radius: 50%; } .blog.element-six .blog-item > .holder > .data > .blog-author-holder > .blog-title-pic img { border-radius: 50%; width: 50px; height: 50px; } .blog.element-six .blog-item > .holder > .data .blog-title .title { margin-bottom: 15px; clear: both; padding-top: 10px; color: #1D1A4E; margin-top: -16px; } .blog.element-six .blog-item > .holder > .data .blog-title .title a { color: inherit; } .blog.element-six .blog-item > .holder > .data .title { margin-bottom: 0px; clear: both; padding-top: 0px; color: #1D1A4E; margin-top: 0px; padding-left: 50px; padding-right: 50px; } .blog.element-six .blog-item > .holder > .data .title a { color: inherit; } .blog.element-six .blog-item > .holder > .data p { clear: both; margin-bottom: 10px; margin-top: 0px; } .blog.element-six .blog-item > .holder > .data a.read { font-size: 15px; line-height: 23px; text-decoration: none; font-weight: 500; letter-spacing: 0; transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; position: relative; display: inline-block; vertical-align: top; text-align: center; } .blog.element-six .blog-item > .holder > .data a.read:hover { /* box-shadow: 0px 8px 25px rgb(0 0 0 / 25%); */ box-shadow: none; transform: translateX(10px); -webkit-transform: translateX(10px); } .blog.element-six .blog-item > .holder:hover > .pic > .pic-main { -webkit-transform: scale(1.035); -ms-transform: scale(1.035); transform: scale(1.035); } .blog.element-six .blog-item > .holder > .data .btn span { position: relative; display: inline-block; } .blog.element-six .blog-item > .holder > .data .btn i { padding-left: 8px; } .blog.element-six:not(.owl-carousel) .blog-item { float: left; margin-bottom: 30px; width: 100%; } /* blog element six ends */ /* RadiantThemes Theme Button CSS */ /* TABLE OF INDEX */ /* ================================== */ /* ================================== # Main CSS ## Hover Style One ## Hover Style Two ## Hover Style Three ## Hover Style Four ## Hover Style Five ## Hover Style Six ## Hover Style Seven ================================== */ /* ================================== # Main CSS ================================== */ .radiantthemes-button { width: 100%; } .radiantthemes-button[data-button-direction="left"] { text-align: left; } .radiantthemes-button[data-button-direction="center"] { text-align: center; } .radiantthemes-button[data-button-direction="right"] { text-align: right; } .radiantthemes-button .radiantthemes-button-main { position: relative; display: inline-block; vertical-align: top; text-align: center; transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; } .radiantthemes-button[data-button-fullwidth="true"] .radiantthemes-button-main { width: 100%; } .radiantthemes-button[class*="hover-style-"] .radiantthemes-button-main > .overlay { position: absolute; z-index: 0; content: " "; } .radiantthemes-button .radiantthemes-button-main > .placeholder { position: relative; } .radiantthemes-button .radiantthemes-button-main i { transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .radiantthemes-button[data-button-icon-position="left"] .radiantthemes-button-main i { margin-right: 10px; } .radiantthemes-button[data-button-icon-position="right"] .radiantthemes-button-main i { margin-left: 10px; } /* ================================== ## Hover Style One ================================== */ /* ================================== ## Hover Style Two ================================== */ .radiantthemes-button.hover-style-two .radiantthemes-button-main { overflow: hidden; } .radiantthemes-button.hover-style-two .radiantthemes-button-main > .overlay { top: 0; right: 0; bottom: 0; left: 0; width: 0; border-radius: inherit; transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; } .radiantthemes-button.hover-style-two .radiantthemes-button-main:hover > .overlay { width: 100%; } /* ================================== ## Hover Style Three ================================== */ .radiantthemes-button.hover-style-three .radiantthemes-button-main > .overlay { top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-button.hover-style-three .radiantthemes-button-main:hover > .overlay { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } /* ================================== ## Hover Style Four ================================== */ .radiantthemes-button.hover-style-four .radiantthemes-button-main i { opacity: 0; visibility: hidden; } .radiantthemes-button.hover-style-four .radiantthemes-button-main:hover i { opacity: 1; visibility: visible; } .radiantthemes-button[data-button-icon-position="left"].hover-style-four .radiantthemes-button-main i { margin-right: -3px; } .radiantthemes-button[data-button-icon-position="left"].hover-style-four .radiantthemes-button-main:hover i { margin-right: 10px; } .radiantthemes-button[data-button-icon-position="right"].hover-style-four .radiantthemes-button-main i { margin-left: -3px; } .radiantthemes-button[data-button-icon-position="right"].hover-style-four .radiantthemes-button-main:hover i { margin-left: 10px; } /* ================================== ## Hover Style Five ================================== */ .radiantthemes-button.hover-style-five .radiantthemes-button-main:hover { box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25); transform: translateY(-5px); -webkit-transform: translateY(-5px); } /* ================================== ## Hover Style Six ================================== */ .radiantthemes-button.hover-style-six .radiantthemes-button-main { backface-visibility: hidden; } .radiantthemes-button.hover-style-six .radiantthemes-button-main:hover { animation-name: ButtonHoverSixHorizontalShake; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @keyframes ButtonHoverSixHorizontalShake { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } /* ================================== ## Hover Style Seven ================================== */ .radiantthemes-button.hover-style-seven .radiantthemes-button-main { backface-visibility: hidden; } .radiantthemes-button.hover-style-seven .radiantthemes-button-main:hover { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); transform: scale(1.1); -webkit-transform: scale(1.1); } /* rt-call-to-action-wraper element-one */ .rt-call-to-action-wraper.element-one { position: relative; overflow: hidden; padding-left: 30px; padding-right: 30px; clear: both; } .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay { position: absolute; top: 0; right: -30px; z-index: 0; width: calc(50% - 165px); height: 100%; transform: skew(-15deg); -webkit-transform: skew(-15deg); } .rt-call-to-action-wraper.element-one .rt-call-to-action { max-width: 1140px; margin: 0 auto; } .rt-call-to-action-wraper.element-one .rt-call-to-action >[class*="col-"] { padding-right: 0; padding-left: 0; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item { padding: 40px 0px 40px 0px; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item h3 { margin-bottom: 10px; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 { margin-bottom: 15px; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong { display: block; margin-top: 3px; font-size: 170%; line-height: 120%; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item p { margin-bottom: 20px; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item .btn { margin-bottom: 20px; padding: 7px 20px 7px 20px; border-radius: 0; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* LARGE DESKTOP PART */ @media screen and (min-width: 1200px) { .rt-call-to-action-wraper.element-one .rt-call-to-action-item { background: none !important; } } /* DESKTOP PART */ @media screen and (min-width: 992px) and (max-width: 1199px) { .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay { width: calc(50% - 60px); } .rt-call-to-action-wraper.element-one .rt-call-to-action-item { background: none !important; } } /* TABLET LANDSCAPE PART */ @media screen and (min-width: 768px) and (max-width: 991px) { .rt-call-to-action-wraper.element-one { padding-left: 15px; padding-right: 15px; } .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay { width: calc(50% - 40px); } .rt-call-to-action-wraper.element-one .rt-call-to-action-item { background: none !important; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong { font-size: 140%; } } /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay { display: none; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item { padding: 30px 20px 30px 20px; text-align: center; } .rt-call-to-action-wraper.element-one .rt-call-to-action >[class*="col-"] .rt-call-to-action-item { margin-left: -30px; margin-right: -30px; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay { display: none; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item { padding: 30px 20px 30px 20px; text-align: center; } .rt-call-to-action-wraper.element-one .rt-call-to-action >[class*="col-"] .rt-call-to-action-item { margin-left: -30px; margin-right: -30px; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong { font-size: 140%; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay { display: none; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item { padding: 30px 20px 30px 20px; text-align: center; } .rt-call-to-action-wraper.element-one .rt-call-to-action >[class*="col-"] .rt-call-to-action-item { margin-left: -30px; margin-right: -30px; } .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong { font-size: 140%; } } /* rt-call-to-action-wraper element-two */ .rt-call-to-action-wraper.element-two { position: relative; overflow: hidden; padding-left: 30px; padding-right: 30px; clear: both; } .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay { position: absolute; top: 0; right: 0; z-index: 0; width: calc(50% - 400px); height: 100%; } .rt-call-to-action-wraper.element-two .rt-call-to-action { max-width: 1140px; margin: 0 auto; } .rt-call-to-action-wraper.element-two .rt-call-to-action >[class*="col-"] { padding-right: 0; padding-left: 0; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item { padding: 15px 0px 15px 0px; } .rt-call-to-action-wraper.element-two .rt-call-to-action >[class*="col-"]:nth-child(1) .rt-call-to-action-item { margin-right: 20px; } .rt-call-to-action-wraper.element-two .rt-call-to-action >[class*="col-"]:nth-child(2) .rt-call-to-action-item { position: relative; } .rt-call-to-action-wraper.element-two .rt-call-to-action >[class*="col-"]:nth-child(2) .rt-call-to-action-item:before { position: absolute; top: 0; left: -20px; z-index: 0; content: " "; width: 0; height: 100%; border-left: 10px rgba(255, 255, 255, 0.2) solid; border-right: 10px rgba(255, 255, 255, 0.13) solid; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item h3 { margin-bottom: 10px; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 { margin-bottom: 15px; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong { display: block; margin-top: 3px; font-size: 140%; line-height: 120%; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item p { margin-bottom: 20px; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item .btn { margin-bottom: 20px; padding: 7px 20px 7px 20px; border-radius: 0; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ @media screen and (min-width: 992px) and (max-width: 1199px) { .rt-call-to-action-wraper.element-two { padding-left: 15px; padding-right: 15px; } } /* TABLET LANDSCAPE PART */ @media screen and (min-width: 768px) and (max-width: 991px) { .rt-call-to-action-wraper.element-two { padding-left: 15px; padding-right: 15px; } .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay { width: calc(50% - 200px); } .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong { font-size: 140%; } } /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay { display: none; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item { padding: 30px 20px 30px 20px; text-align: center; } .rt-call-to-action-wraper.element-two .rt-call-to-action >[class*="col-"]:nth-child(2) .rt-call-to-action-item { margin-left: -10px; margin-right: -30px; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay { display: none; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item { padding: 30px 20px 30px 20px; text-align: center; } .rt-call-to-action-wraper.element-two .rt-call-to-action >[class*="col-"]:nth-child(2) .rt-call-to-action-item { margin-left: -10px; margin-right: -30px; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong { font-size: 140%; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay { display: none; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item { padding: 30px 20px 30px 20px; text-align: center; } .rt-call-to-action-wraper.element-two .rt-call-to-action >[class*="col-"]:nth-child(2) .rt-call-to-action-item { margin-left: -10px; margin-right: -30px; } .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong { font-size: 140%; } } /* rt-call-to-action-wraper element-three */ .rt-call-to-action-wraper.element-three { clear: both; } .rt-call-to-action-wraper.element-three .rt-call-to-action { max-width: 1140px; margin: 0 auto; } .rt-call-to-action-wraper.element-three .rt-call-to-action >[class*="col-"] { padding-right: 0; padding-left: 0; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item { padding: 30px 25px 30px 25px; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item h3 { margin-bottom: 10px; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 { margin-bottom: 15px; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong { display: block; margin-top: 3px; font-size: 170%; line-height: 120%; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item p { margin-bottom: 20px; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item .btn { margin-bottom: 20px; padding: 7px 20px 7px 20px; border-radius: 30px; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { .rt-call-to-action-wraper.element-three .rt-call-to-action-item { text-align: center; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .rt-call-to-action-wraper.element-three .rt-call-to-action-item { text-align: center; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong { font-size: 140%; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .rt-call-to-action-wraper.element-three .rt-call-to-action-item { text-align: center; } .rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong { font-size: 140%; } } /* ================================== */ /* RadiantThemes Circular Progress Bar CSS */ /* TABLE OF INDEX */ /* ================================== */ /* ================================== # Main CSS ================================== */ /* ================================== # Main CSS ================================== */ .radiantthemes-circular-progress-bar { text-align: center; } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main { position: relative; display: inline-block; vertical-align: top; width: 190px; height: 190px; } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div { position: absolute; width: 190px; height: 190px; border-radius: 50%; } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span { position: absolute; top: 3px; left: 3px; width: 184px; height: 184px; border-radius: 50%; } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span > .table > .table-cell { position: static; display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .background { background-color: #b3cef6; } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .rotate, .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left, .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right { clip: rect(0 95px 190px 0); } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left { opacity: 1; } .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right { transform: rotate(180deg); opacity: 0; } /* Progress Bar Element Two*/ .rt-progress-bar.element-two { padding: 0px; } .rt-progress-bar.element-two .section-title p { margin-left: 0; margin-right: 0; color: #ffffff; opacity: 0.95; } .rt-progress-bar.element-two .skills { position: relative; } .rt-progress-bar.element-two .skills .skill-item { position: relative; margin-bottom: 25px; } .rt-progress-bar.element-two .skills .skill-item .skill-header { position: relative; margin-bottom: 10px; } .rt-progress-bar.element-two .skills .skill-item .skill-header .skill-title { font-size: 18px; font-weight: 600; margin-bottom: 0; color: #fff; } .rt-progress-bar.element-two .skills .skill-item .skill-header .skill-percentage { position: absolute; right: 0; top: 1px; font-size: 18px; font-weight: 600; color: #fff; } .rt-progress-bar.element-two .skills .skill-item:last-child { margin-bottom: 0; } .rt-progress-bar.element-two .skills .skill-item .skill-bar { position: relative; width: 100%; } .rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner { position: relative; width: 100%; border-radius: 10px; background: rgba(255, 255, 255, 0.5); -webkit-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } .rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner .bar { position: absolute; left: 0; top: 0; width: 0; background: #9548fd; background: -moz-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%); background: -webkit-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%); background: linear-gradient(to right, #9548fd 44%, #5626ff 65%, #5626ff 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9548fd', endColorstr='#5626ff', GradientType=1); border-radius: 10px; -webkit-transition: width 1.5s ease-in-out; transition: width 1.5s ease-in-out; } /* Progress Bar Element Three*/ .rt-progress-bar.element-three { display: table; height: 210px; position: relative; width: 210px; } .rt-progress-bar.element-three .ProgressBar-contentCircle { display: table; height: 210px; position: absolute; width: 210px; } .rt-progress-bar.element-three .ProgressBar-circle, .rt-progress-bar.element-three .ProgressBar-background { fill: none; stroke: #4812ff; stroke-width: 8; stroke-linecap: round; stroke-dasharray: 0; stroke-dashoffset: 0; position: relative; z-index: 10; } .rt-progress-bar.element-three .ProgressBar-background { stroke: #b5b5b5; stroke-width: 8; z-index: 0; } .rt-progress-bar.element-three .ProgressBar-percentage { color: #f00; font-size: 40px; font-weight: 600; text-align: center; width: 100%; display: table-cell; vertical-align: middle; } /* clients element-one */ .clients.element-one { width: auto; margin-left: -15px; margin-right: -15px; } .clients.element-one:not(.owl-carousel):after { display: block; content: " "; width: 100%; height: 0; clear: both; } .clients.element-one * { margin: 0 auto; } .clients.element-one .clients-item { padding: 5px 15px 10px 15px; } .clients.element-one:not(.owl-carousel) .clients-item { float: left; margin-bottom: 00px; } .clients.element-one .clients-item > .holder { text-align: center; } .clients.element-one .clients-item > .holder > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .clients.element-one .clients-item > .holder > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .clients.element-one .clients-item > .holder .pic { display: inline-block; vertical-align: top; /* height:70px !important;*/ } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ @media screen (max-width: 767px) { .clients.element-one:not(.owl-carousel) .clients-item { width: 100% !important; margin-bottom: 0; } } /* clients element-two */ .clients.element-two { width: auto; margin-left: 0; margin-right: 0; padding: 10px 20px 10px 20px; background-color: #f9f9f9; } .clients.element-two:not(.owl-carousel):after { display: block; content: " "; width: 100%; height: 0; clear: both; } .clients.element-two * { margin: 0 auto; } .clients.element-two .clients-item { padding: 5px 15px 10px 15px; } .clients.element-two:not(.owl-carousel) .clients-item { float: left; margin-bottom: 40px; } .clients.element-two .clients-item > .holder { text-align: center; } .clients.element-two .clients-item > .holder > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .clients.element-two .clients-item > .holder > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .clients.element-two .clients-item > .holder .pic { display: inline-block; vertical-align: top; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { .clients.element-two:not(.owl-carousel) .clients-item { width: 100% !important; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .clients.element-two:not(.owl-carousel) .clients-item { width: 100% !important; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .clients.element-two:not(.owl-carousel) .clients-item { width: 100% !important; } } /* clients element-three */ .clients.element-three { width: auto; } .clients.element-three .clients-item .holder:hover .pic .client-cover-img { /*-webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%);*/ -webkit-transform: translateY(135%); -moz-transform: translateY(135%); transform: translateY(135%); } .clients.element-three .clients-item .holder .client-cover-img { position: relative; display: block; width: auto; margin: 0 auto; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; transition: transform 0.3s ease; } .clients.element-three .clients-item .holder img { display: block; } .clients.element-three .clients-item .holder:hover .pic .client-alt-img { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); } .clients.element-three .clients-item .holder .client-alt-img { position: absolute; top: 0; left: 50%; width: auto; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; transition: transform 0.3s ease; } .clients.element-three .clients-item, .clients.element-three .client-item .holder { overflow: hidden; position: relative; display: inline-block; width: 100%; vertical-align: middle; } .clients.element-three .clients-item .pic { position: relative; display: inline-block; width: 100%; vertical-align: top; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { .clients.element-three:not(.owl-carousel) .clients-item { width: 100% !important; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .clients.element-three:not(.owl-carousel) .clients-item { width: 100% !important; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .clients.element-three:not(.owl-carousel) .clients-item { width: 100% !important; } } /* clients element-four */ .clients.element-four { width: auto; border-top: 1px #e4e5e9 solid; border-left: 1px #e4e5e9 solid; border-right: 1px #e4e5e9 solid; border-bottom: 1px #e4e5e9 solid; } .clients.element-four:not(.owl-carousel):after { display: block; content: " "; width: 100%; height: 0; clear: both; } .clients.element-four * { margin: 0 auto; } .clients.element-four .clients-item { padding: 20px 15px 20px 15px; border-right: 1px #e4e5e9 solid; border-left: 1px #e4e5e9 solid; /*border-bottom: 1px #e4e5e9 solid;*/ } .clients.element-four:not(.owl-carousel) .clients-item { float: left; } .clients.element-four .clients-item > .holder { text-align: center; } .clients.element-four .clients-item > .holder > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .clients.element-four .clients-item > .holder > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .clients.element-four .clients-item > .holder .pic { display: inline-block; vertical-align: top; } .clients.element-four .clients-item > .holder .pic img { opacity: 0.75; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .clients.element-four .clients-item > .holder:hover .pic img { opacity: 1; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { .clients.element-four:not(.owl-carousel) .clients-item { width: 100% !important; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { .clients.element-four:not(.owl-carousel) .clients-item { width: 100% !important; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { .clients.element-four:not(.owl-carousel) .clients-item { width: 100% !important; } } /* Clients Nav Style One */ .clients[class*="element-"] .owl-nav { margin-top: 20px; margin-left: 15px; margin-right: 15px; text-align: center; font-size: 0; } .clients[class*="element-"] .owl-nav > .owl-prev, .clients[class*="element-"] .owl-nav > .owl-next { display: inline-block; vertical-align: top; margin-left: 15px; margin-right: 15px; text-align: center; } .clients[class*="element-"] .owl-nav > .owl-prev:before, .clients[class*="element-"] .owl-nav > .owl-next:before { font-family: "FontAwesome"; font-size: 20px; color: #252525; line-height: 1; } .clients[class*="element-"] .owl-nav > .owl-prev:before { content: "\f104"; } .clients[class*="element-"] .owl-nav > .owl-next:before { content: "\f105"; } /* Clients Nav Style Two */ .clients[class*="element-"].owl-nav-style-two .owl-nav { font-size: 0; } .clients[class*="element-"].owl-nav-style-two .owl-nav > .owl-prev, .clients[class*="element-"].owl-nav-style-two .owl-nav > .owl-next { position: absolute; top: 50%; margin-top: -20px; text-align: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .clients[class*="element-"].owl-nav-style-two:hover .owl-nav > .owl-prev, .clients[class*="element-"].owl-nav-style-two:hover .owl-nav > .owl-next { opacity: 1; visibility: visible; } .clients[class*="element-"].owl-nav-style-two .owl-nav > .owl-prev { left: 15px; } .clients[class*="element-"].owl-nav-style-two:hover .owl-nav > .owl-prev { left: 0; } .clients[class*="element-"].owl-nav-style-two .owl-nav > .owl-next { right: 15px; } .clients[class*="element-"].owl-nav-style-two:hover .owl-nav > .owl-next { right: 0; } .clients[class*="element-"].owl-nav-style-two .owl-nav > .owl-prev:before, .clients[class*="element-"].owl-nav-style-two .owl-nav > .owl-next:before { font-family: "FontAwesome"; font-size: 25px; color: #252525; line-height: 1; } .clients[class*="element-"].owl-nav-style-two .owl-nav > .owl-prev:before { content: "\f104"; } .clients[class*="element-"].owl-nav-style-two .owl-nav > .owl-next:before { content: "\f105"; } /* Clients Dot Style One */ .clients[class*="element-"] .owl-dots { margin-left: 15px; margin-right: 15px; } .clients[class*="element-"].owl-dot-style-one .owl-dots { margin-top: 20px; text-align: center; } .clients[class*="element-"].owl-dot-style-two .owl-dots { text-align: right; } .clients[class*="element-"] .owl-dots > .owl-dot { display: inline-block; vertical-align: top; } .clients[class*="element-"].owl-dot-style-one .owl-dots > .owl-dot { margin-left: 5px; margin-right: 5px; } .clients[class*="element-"].owl-dot-style-two .owl-dots > .owl-dot { margin-left: 3px; margin-right: 3px; } .clients[class*="element-"].owl-dot-style-one .owl-dots > .owl-dot > span { display: block; width: 12px; height: 12px; background-color: #08276e; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .clients[class*="element-"].owl-dot-style-one .owl-dots > .owl-dot.active > span { background-color: #fde428; } .clients[class*="element-"].owl-dot-style-two .owl-dots > .owl-dot > span { display: block; width: 15px; height: 3px; background-color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .clients[class*="element-"].owl-dot-style-two .owl-dots > .owl-dot.active > span { background-color: #fde428; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* radiantthemes-contact-box element-one */ .radiantthemes-contact-box.element-one ul li { position: relative; margin-bottom: 12px; padding-left: 29px; } .radiantthemes-contact-box.element-one ul li:last-child { margin-bottom: 0; } .radiantthemes-contact-box.element-one ul li i, .radiantthemes-contact-box.element-one ul li span[class*="ti-"] { position: absolute; left: 0; top: 0; z-index: 1; width: 15px; text-align: center; line-height: inherit; } .radiantthemes-contact-box.element-one ul li strong { display: block; font-weight: 500; } .radiantthemes-contact-box.element-one ul li ul { margin-top: 12px; } /* radiantthemes-contact-box element-two */ .radiantthemes-contact-box.element-two ul li { position: relative; margin-bottom: 11px; padding-left: 35px; } .radiantthemes-contact-box.element-two ul li:last-child { margin-bottom: 0; } .radiantthemes-contact-box.element-two ul li i, .radiantthemes-contact-box.element-two ul li span[class*="ti-"] { position: absolute; left: 0; top: 0; z-index: 1; width: 15px; text-align: center; line-height: inherit; } .radiantthemes-contact-box.element-two ul li ul { margin-top: 12px; } /* radiant-contact-form element-one */ .radiant-contact-form.element-one .row { margin-right: 0; margin-left: 0; } .radiant-contact-form.element-one .row >[class*="col-"] { padding-right: 0; padding-left: 0; } .radiant-contact-form.element-one .form-row.last { margin: 0; } .radiant-contact-form.element-one .form-row.button { text-align: left; } .radiant-contact-form.element-one .form-row > *:last-child { margin-bottom: 0 !important; } .radiant-contact-form.element-one .form-row label { font-weight: 500; font-size: 14px; margin-bottom: 10px; } .radiant-contact-form.element-one .form-row label span { color: #bf0000; } .radiant-contact-form.element-one .form-row input[type="text"], .radiant-contact-form.element-one .form-row input[type="email"], .radiant-contact-form.element-one .form-row input[type="url"], .radiant-contact-form.element-one .form-row input[type="tel"], .radiant-contact-form.element-one .form-row input[type="number"], .radiant-contact-form.element-one .form-row input[type="password"], .radiant-contact-form.element-one .form-row input[type="date"], .radiant-contact-form.element-one .form-row input[type="time"], .radiant-contact-form.element-one .form-row input[type="file"], .radiant-contact-form.element-one .form-row select, .radiant-contact-form.element-one .form-row textarea { width: 100%; font-size: 14px; resize: none; appearance: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiant-contact-form.element-one .form-row select option { color: #252525; } .radiant-contact-form.element-one .form-row textarea { padding-top: 10px; padding-bottom: 10px; } .radiant-contact-form.element-one .form-row input[type="radio"] { display: inline-block; vertical-align: top; margin-top: 5px; margin-right: 3px; } .radiant-contact-form.element-one .form-row input[type="checkbox"] { display: inline-block; vertical-align: top; margin-top: 7px; margin-right: 4px; } .radiant-contact-form.element-one .form-row input[type="submit"], .radiant-contact-form.element-one .form-row input[type="button"], .radiant-contact-form.element-one .form-row button[type="submit"] { box-shadow: initial; cursor: pointer; opacity: 1 !important; visibility: visible !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiant-contact-form.element-one .form-row .ajax-loader { position: absolute; margin-top: 15px; } /* wpcf7-not-valid-tip */ span.wpcf7-not-valid-tip { width: 100%; margin-top: 2px; padding: 1px 5px 0px 5px; background-color: #f8d7da; border: 1px #e4c2c5 solid; border-radius: 3px; font-weight: 400; font-size: 11px; color: #c01d2b; line-height: 18px; opacity: 0.7; } .wpcf7-response-output { margin-top: 5px !important; padding: 8px 12px 8px 12px !important; border-width: 1px !important; border-style: solid !important; border-radius: 3px; font-weight: 400; font-size: 14px; line-height: 22px; opacity: 0.9; } .wpcf7-response-output.wpcf7-validation-errors { background-color: #f8d7da; border-color: #e4c2c5; color: #c01d2b; } .wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #c5ebd4; border-color: #b1dac1; color: #01742f; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* rt-countdown element-one */ .rt-countdown.element-one { clear: both; margin-left: -5px; margin-right: -5px; border-top: 1px rgba(0, 0, 0, 0.2) solid; border-bottom: 1px rgba(0, 0, 0, 0.2) solid; } .rt-countdown.element-one > .time { position: relative; display: table-cell; width: 1%; padding: 20px 5px 23px 5px; text-transform: uppercase; text-align: center; font-weight: 400; font-size: 16px; line-height: 24px; } .rt-countdown.element-one > .time:before { position: absolute; top: calc(50% - 55px); left: -7px; z-index: 0; content: ":"; font-weight: 300; font-size: 65px; line-height: 1; } .rt-countdown.element-one > .time:first-child:before, .rt-countdown.element-one > .time:only-child:before { display: none; } .rt-countdown.element-one > .time strong { display: block; margin-bottom: 7px; font-weight: 300; font-size: 65px; line-height: 1; } /* rt-counterup element-one */ /* ================================== */ /* RadiantThemes Custom Button CSS */ /* TABLE OF INDEX */ /* ================================== */ /* ================================== # Main CSS ## Style One ## Style Two ## Style Three ## Hover Style One ## Hover Style Two ## Hover Style Three ## Hover Style Four ## Hover Style Five ## Hover Style Six ## Hover Style Seven ================================== */ /* ================================== # Main CSS ================================== */ /* ================================== # Style One ================================== */ /*.rt-search-cart-holder .radiantthemes-menu-custom-button a.radiantthemes-menu-custom-button-main { padding: 15px 23px !important; } .radiantthemes-custom-button.element-one { width: 100%; }*/ .radiantthemes-custom-button.element-one { width: 100%; } /*.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main { max-width: 226px; }*/ .radiantthemes-custom-button.element-one[data-button-direction="left"] { text-align: left; } .radiantthemes-custom-button.element-one[data-button-direction="center"] { text-align: center; } .radiantthemes-custom-button.element-one[data-button-direction="right"] { text-align: right; } .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main { position: relative; display: inline-block; vertical-align: top; text-align: center; transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; } .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main > .placeholder { position: relative; text-align: center; } .radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i { transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .radiantthemes-custom-button.element-one[data-button-fullwidth="true"] .radiantthemes-custom-button-main { width: 100%; } .radiantthemes-custom-button.element-one[class*="hover-style-"] .radiantthemes-custom-button-main > .overlay { position: absolute; z-index: 0; content: " "; } .radiantthemes-custom-button.element-one[data-button-icon-position="left"] .radiantthemes-custom-button-main i { margin-right: 10px; } .radiantthemes-custom-button.element-one[data-button-icon-position="right"] .radiantthemes-custom-button-main i { margin-left: 10px; position: absolute; top: 18px; } /* ================================== # Style Two ================================== */ .radiantthemes-custom-button.element-two { width: 100%; } .radiantthemes-custom-button.element-two[data-button-direction="left"] { text-align: left; } .radiantthemes-custom-button.element-two[data-button-direction="center"] { text-align: center; } .radiantthemes-custom-button.element-two[data-button-direction="right"] { text-align: right; } .radiantthemes-custom-button.element-two .radiantthemes-custom-button-main { position: relative; display: inline-block; vertical-align: top; text-align: center; transform: skewX(15deg); -webkit-transform: skewX(15deg); transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; } .radiantthemes-custom-button.element-two .radiantthemes-custom-button-main > .placeholder { position: relative; transform: skewX(-15deg); -webkit-transform: skewX(-15deg); } .radiantthemes-custom-button.element-two .radiantthemes-custom-button-main i { transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .radiantthemes-custom-button.element-two[data-button-fullwidth="true"] .radiantthemes-custom-button-main { width: 100%; } .radiantthemes-custom-button.element-two[class*="hover-style-"] .radiantthemes-custom-button-main > .overlay { position: absolute; z-index: 0; content: " "; } .radiantthemes-custom-button.element-two[data-button-icon-position="left"] .radiantthemes-custom-button-main i { margin-right: 10px; } .radiantthemes-custom-button.element-two[data-button-icon-position="right"] .radiantthemes-custom-button-main i { margin-left: 10px; } /* ================================== # Style Three ================================== */ .radiantthemes-custom-button.element-three { width: 100%; } .radiantthemes-custom-button.element-three[data-button-direction="left"] { text-align: left; } .radiantthemes-custom-button.element-three[data-button-direction="center"] { text-align: center; } .radiantthemes-custom-button.element-three[data-button-direction="right"] { text-align: right; } .radiantthemes-custom-button.element-three .radiantthemes-custom-button-main { position: relative; display: inline-block; vertical-align: top; text-align: center; transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; } .radiantthemes-custom-button.element-three .radiantthemes-custom-button-main > .placeholder { position: relative; transform: skewX(15deg); -webkit-transform: skewX(15deg); } .radiantthemes-custom-button.element-three .radiantthemes-custom-button-main i { transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .radiantthemes-custom-button.element-three[data-button-fullwidth="true"] .radiantthemes-custom-button-main { width: 100%; } .radiantthemes-custom-button.element-three[class*="hover-style-"] .radiantthemes-custom-button-main > .overlay { position: absolute; z-index: 0; content: " "; } .radiantthemes-custom-button.element-three[data-button-icon-position="left"] .radiantthemes-custom-button-main i { margin-right: 10px; } .radiantthemes-custom-button.element-three[data-button-icon-position="right"] .radiantthemes-custom-button-main i { margin-left: 10px; position: absolute; top: 6px; } /* ================================== ## Hover Style One ================================== */ /* ================================== ## Hover Style Two ================================== */ .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main { overflow: hidden; } .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main > .overlay { top: 0; right: 0; bottom: 0; left: 0; width: 0; border-radius: inherit; transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; } .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main:hover > .overlay { width: 100%; } .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main .placeholder { position: relative; display: inline-block; } .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main .placeholder:before { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; display: none; } .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main .placeholder:after, .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main .placeholder:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; -webkit-transition: .35s cubic-bezier(.04, .11, .6, .97); -o-transition: .35s cubic-bezier(.04, .11, .6, .97); transition: .35s cubic-bezier(.04, .11, .6, .97); } .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main:hover .placeholder:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main .placeholder:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main:hover .placeholder:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: .34s; -o-transition-delay: .34s; transition-delay: .34s; } /* ================================== ## Hover Style Three ================================== */ .radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main > .overlay { top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main:hover > .overlay { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } /* ================================== ## Hover Style Four ================================== */ .radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main i { opacity: 0; visibility: hidden; } .radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main:hover i { opacity: 1; visibility: visible; } .radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main .placeholder { position: relative; left: 0px; transition: all .2s ease-in-out; } .radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main .placeholder:before { content: ''; position: absolute; display: inline-block; background-color: currentColor; top: calc(50%); left: -22px; height: 1px; width: 0; transition: all .2s ease-in-out; } .radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main:hover .placeholder { left: 15px; } .radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main:hover .placeholder:before { width: 13px; } /* ================================== ## Hover Style Five ================================== */ .radiantthemes-custom-button.hover-style-five .radiantthemes-custom-button-main:hover { /*box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);*/ box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25); transform: translateY(-5px); -webkit-transform: translateY(-5px); } /* ================================== ## Hover Style Six ================================== */ .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main { backface-visibility: hidden; } .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover { animation-name: ButtonHoverSixHorizontalShake; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @keyframes ButtonHoverSixHorizontalShake { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } /* ================================== ## Hover Style Seven ================================== */ .radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main { backface-visibility: hidden; } .radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main:hover { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); transform: scale(1.1); -webkit-transform: scale(1.1); } /* radiantthemes-custom-heading element-one */ .radiantthemes-custom-heading.element-one > .radiantthemes-custom-heading-text > * { letter-spacing: inherit; } /* radiantthemes-custom-heading element-two */ .radiantthemes-custom-heading.element-two { overflow: hidden; } .radiantthemes-custom-heading.element-two > .radiantthemes-custom-heading-text > * { letter-spacing: inherit; } /* radiantthemes-custom-heading element-three */ .radiantthemes-custom-heading.element-three { position: relative; overflow: hidden; } .radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-text { opacity: 0; visibility: hidden; transition: all 0.1s ease-in-out 0.7s; } .radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-text > * { letter-spacing: inherit; } .radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transform: translateX(-100%); transition: all 1.2s ease-in-out 0.2s; } .radiantthemes-custom-heading.element-three.wow.animated > .radiantthemes-custom-heading-text { opacity: 1; visibility: visible; } .radiantthemes-custom-heading.element-three.wow.animated > .radiantthemes-custom-heading-overlay { transform: translateX(100%); } /* radiantthemes-custom-heading element-four */ .radiantthemes-custom-heading.element-four { position: relative; overflow: hidden; } .radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-text { opacity: 0; visibility: hidden; transition: all 0.1s ease-in-out 0.7s; } .radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-text > * { letter-spacing: inherit; } .radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transform: translateX(100%); transition: all 1.2s ease-in-out 0.2s; } .radiantthemes-custom-heading.element-four.wow.animated > .radiantthemes-custom-heading-text { opacity: 1; visibility: visible; } .radiantthemes-custom-heading.element-four.wow.animated > .radiantthemes-custom-heading-overlay { transform: translateX(-100%); } /* radiantthemes-dropcaps element-one */ .radiantthemes-dropcaps.element-one > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 5px; margin-right: 15px; margin-bottom: 10px; text-align: center; font-weight: 700; font-size: 50px; color: #030712; line-height: 50px; } /* radiantthemes-dropcaps element-two */ .radiantthemes-dropcaps.element-two > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 7px; margin-right: 25px; margin-bottom: 10px; border-width: 1px; border-style: solid; text-align: center; font-weight: 700; font-size: 50px; line-height: 70px; } /* radiantthemes-dropcaps element-three */ .radiantthemes-dropcaps.element-three > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 7px; margin-right: 25px; margin-bottom: 10px; text-align: center; font-weight: 700; font-size: 50px; color: #fff; line-height: 70px; } /* radiantthemes-dropcaps element-four */ .radiantthemes-dropcaps.element-four > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 7px; margin-right: 25px; margin-bottom: 10px; border-width: 1px; border-style: solid; border-color: transparent; border-top-color: #acadb1; border-left-color: #acadb1; text-align: center; font-weight: 700; font-size: 50px; color: #acadb1; line-height: 70px; } /* radiantthemes-dropcaps element-five */ .radiantthemes-dropcaps.element-five > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 7px; margin-right: 25px; margin-bottom: 10px; border-width: 1px; border-style: solid; border-color: transparent; border-right-color: #acadb1; border-bottom-color: #acadb1; text-align: center; font-weight: 700; font-size: 50px; color: #acadb1; line-height: 70px; } /* radiantthemes-dropcaps element-six */ .radiantthemes-dropcaps.element-six > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 7px; margin-right: 25px; margin-bottom: 10px; border: 1px #acadb1 solid; border-radius: 5px; text-align: center; font-weight: 700; font-size: 50px; color: #474849; line-height: 70px; } /* radiantthemes-dropcaps element-seven */ .radiantthemes-dropcaps.element-seven > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 7px; margin-right: 25px; margin-bottom: 10px; border-radius: 5px; text-align: center; font-weight: 700; font-size: 50px; color: #fff; line-height: 70px; } /* radiantthemes-dropcaps element-eight */ .radiantthemes-dropcaps.element-eight > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 7px; margin-right: 25px; margin-bottom: 10px; border-radius: 50%; text-align: center; font-weight: 700; font-size: 50px; color: #fff; line-height: 70px; } /* radiantthemes-dropcaps element-nine */ .radiantthemes-dropcaps.element-nine > .holder > .radiantthemes-dropcap-letter { width: 70px; height: 70px; float: left; margin-top: 7px; margin-right: 25px; margin-bottom: 10px; background-color: #474849; border-radius: 50%; text-align: center; font-weight: 700; font-size: 50px; color: #fff; line-height: 70px; } /* rt-fancy-text-box element-one */ .rt-fancy-text-box.element-one { text-align: center; } .rt-fancy-text-box.element-one > .holder { padding: 45px 20px 40px 20px; background-color: #fff; border-radius: 15px; text-align: inherit; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-fancy-text-box.element-one > .holder:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.1); } .rt-fancy-text-box.element-one > .holder > .main-placeholder { position: relative; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .icon { margin-bottom: 26px; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .icon i { font-size: 50px; color: #1e1e1e; line-height: 1; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .data > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .data .title { max-width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 12px; font-weight: 400; font-size: 25px; line-height: 32px; letter-spacing: -0.5px; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .data .title a { color: inherit; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .data .subtitle { margin-bottom: 14px; font-weight: 400; font-size: 18px; color: #2d2d2d; line-height: 28px; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .content { margin-bottom: 20px; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .content > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .more { margin-bottom: 20px; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .more > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .more .btn { margin-bottom: 7px; padding: 0; background-color: transparent; border: none; border-radius: 0; box-shadow: initial; font-weight: 500; font-size: 15px; color: #565656; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-one > .holder > .main-placeholder .more .btn i { vertical-align: middle; margin-left: 8px; font-size: 11px; } /* rt-fancy-text-box element-two */ .rt-fancy-text-box.element-two { text-align: left; } .rt-fancy-text-box.element-two > .holder { position: relative; padding: 50px 30px 50px 30px; background-color: #fff; border-radius: 15px; text-align: inherit; } .rt-fancy-text-box.element-two > .holder:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; content: " "; background-color: rgba(0, 0, 0, 0.075); border-radius: inherit; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-two > .holder:hover:before { opacity: 1; visibility: visible; } .rt-fancy-text-box.element-two > .holder > .main-placeholder { position: relative; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .icon { margin-bottom: 17px; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .icon i { font-size: 50px; color: #1e1e1e; line-height: 1; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .data > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .data .title { margin-bottom: 15px; font-weight: 700; font-size: 24px; color: #1b1d1f; line-height: 32px; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .data .title a { color: inherit; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .data .subtitle { margin-bottom: 14px; font-weight: 500; font-size: 19px; color: #1b1d1f; line-height: 28px; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .content { margin-bottom: 20px; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .content > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .more { margin-bottom: 20px; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .more > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .more .btn { margin-bottom: 7px; padding: 0; background-color: transparent; border: none; border-radius: 0; box-shadow: initial; font-weight: 500; font-size: 15px; color: #565656; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-two > .holder > .main-placeholder .more .btn i { vertical-align: middle; margin-top: -4px; margin-left: 8px; font-size: 11px; } /* rt-fancy-text-box element-three */ .rt-fancy-text-box.element-three { text-align: center; } .rt-fancy-text-box.element-three > .holder { padding: 30px 25px 30px 25px; text-align: inherit; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-three > .holder:hover { background-color: #fff; transform: translate(-3px, -3px); -webkit-transform: translate(-3px, -3px); box-shadow: 20px 10px 20px rgba(0, 0, 0, 0.075); } .rt-fancy-text-box.element-three > .holder > .main-placeholder { position: relative; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .icon { margin-bottom: 16px; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .icon i { font-size: 50px; color: #1e1e1e; line-height: 1; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .data > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .data .title { margin-bottom: 16px; font-weight: 700; font-size: 22px; color: #1b1d1f; line-height: 30px; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .data .title a { color: inherit; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .data .subtitle { margin-bottom: 14px; font-weight: 500; font-size: 15px; color: #1b1d1f; line-height: 28px; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .content { margin-bottom: 20px; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .content > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .more { margin-bottom: 20px; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .more > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .more .btn { margin-bottom: 7px; padding: 0; background-color: transparent; border: none; border-radius: 0; box-shadow: initial; font-weight: 500; font-size: 15px; color: #565656; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-three > .holder > .main-placeholder .more .btn i { vertical-align: middle; margin-top: -4px; margin-left: 8px; font-size: 11px; } /* rt-fancy-text-box element-four */ .rt-fancy-text-box.element-four { text-align: left; } .rt-fancy-text-box.element-four > .holder { padding: 35px 27px 35px 25px; background-color: #fff; text-align: inherit; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-fancy-text-box.element-four > .holder:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.1); } .rt-fancy-text-box.element-four > .holder > .main-placeholder { position: relative; padding-left: 75px; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .icon { position: absolute; top: 0; left: 0; z-index: 1; width: 55px; text-align: center; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .icon i { font-size: 35px; line-height: 1; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .data > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .data .title { margin-bottom: 12px; font-weight: 400; font-size: 25px; line-height: 32px; letter-spacing: -0.5px; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .data .title a { color: inherit; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .data .subtitle { margin-bottom: 14px; font-weight: 400; font-size: 18px; color: #272526; line-height: 28px; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .content { margin-bottom: 20px; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .content > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .more { margin-bottom: 20px; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .more > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .more .btn { margin-bottom: 7px; padding: 0; background-color: transparent; border: none; border-radius: 0; box-shadow: initial; font-weight: 500; font-size: 15px; color: #565656; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-four > .holder > .main-placeholder .more .btn i { vertical-align: middle; margin-top: -4px; margin-left: 8px; font-size: 11px; } /* rt-fancy-text-box element-five */ .rt-fancy-text-box.element-five { text-align: left; } .rt-fancy-text-box.element-five > .holder { background-color: #fff; border: 1px #d8dadd solid; text-align: inherit; } .rt-fancy-text-box.element-five > .holder .data { padding: 26px 23px 27px 23px; } .rt-fancy-text-box.element-five > .holder .data > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-five > .holder .data .title { margin-bottom: 10px; font-weight: 400; font-size: 25px; line-height: 32px; letter-spacing: -0.5px; } .rt-fancy-text-box.element-five > .holder .data .title a { color: inherit; } .rt-fancy-text-box.element-five > .holder .data .subtitle { margin-bottom: 14px; font-weight: 400; font-size: 18px; color: #272526; line-height: 28px; } .rt-fancy-text-box.element-five > .holder .data .content { margin-bottom: 20px; } .rt-fancy-text-box.element-five > .holder .data .content > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-five > .holder .icon { text-align: center; } .rt-fancy-text-box.element-five > .holder .icon img { width: 100%; } .rt-fancy-text-box.element-five > .holder .icon i { font-size: 35px; line-height: 1; } .rt-fancy-text-box.element-five > .holder .more { position: relative; overflow: hidden; } .rt-fancy-text-box.element-five > .holder .more .btn { display: block; padding: 10px 23px 10px 23px; background-color: transparent; border: none; border-radius: 0; box-shadow: initial; font-weight: 500; font-size: 13px; line-height: 30px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-fancy-text-box.element-five > .holder .more .btn.btn-first { background-color: transparent; } .rt-fancy-text-box.element-five > .holder .more .btn.btn-second { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; transform: translateY(100%); -webkit-transform: translateY(100%); } .rt-fancy-text-box.element-five > .holder .more .btn i { vertical-align: middle; margin-top: -4px; margin-left: 10px; } .rt-fancy-text-box.element-five > .holder:hover .more > .btn.btn-first { transform: translateY(-100%); -webkit-transform: translateY(-100%); } .rt-fancy-text-box.element-five > .holder:hover .more > .btn.btn-second { transform: translateY(0); -webkit-transform: translateY(0); } /* rt-fancy-text-box element-six */ .rt-fancy-text-box.element-six { text-align: left; } .rt-fancy-text-box.element-six > .holder { background: center center no-repeat; background-size: cover; } .rt-fancy-text-box.element-six > .holder > .main-placeholder { position: relative; padding: 160px 25px 5px 25px; background-color: rgba(0, 0, 0, 0.3); } .rt-fancy-text-box.element-six > .holder > .main-placeholder .icon { margin-bottom: 26px; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .icon i { font-size: 50px; color: #fff; line-height: 1; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .data { position: relative; padding-right: 100px; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .data .title { margin-bottom: 2px; font-weight: 500; font-size: 22px; color: #fff; line-height: 32px; letter-spacing: -0.5px; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .data .title a { color: inherit; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .data .subtitle { margin-bottom: 14px; font-weight: 400; font-size: 16px; color: #fff; line-height: 28px; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .content { margin-bottom: 20px; color: #fff; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .content > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .more { position: absolute; top: 9px; right: 0; z-index: 1; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn { position: relative; display: block; width: 45px; height: 45px; padding: 0; overflow: hidden; background-color: transparent; border: 1px #fff solid; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover { background-color: #fff; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span[class*="btn-icon-"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; text-align: center; font-weight: 400; font-size: 20px; color: #fff; line-height: 43px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span.btn-icon-first { color: #fff; } .rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover > span.btn-icon-first { transform: translateX(100%); -webkit-transform: translateX(100%); } .rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span.btn-icon-second { color: #333; transform: translateX(-100%); -webkit-transform: translateX(-100%); } .rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover > span.btn-icon-second { transform: translateX(0); -webkit-transform: translateX(0); } /* rt-fancy-text-box element-seven */ .rt-fancy-text-box.element-seven { text-align: center; } .rt-fancy-text-box.element-seven > .holder { padding: 30px 25px 10px 25px; background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.13); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder { position: relative; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon { margin-bottom: 15px; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon img { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon i { font-size: 50px; color: #010313; line-height: 1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .title { margin-bottom: 10px; font-weight: 500; font-size: 22px; color: #010313; line-height: 32px; letter-spacing: -0.5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .title a { color: inherit; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .subtitle { margin-bottom: 15px; font-weight: 400; font-size: 16px; color: #010313; line-height: 28px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .content { margin-bottom: 20px; color: #010313; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .content > *:last-child { margin-bottom: 0 !important; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .more { margin-bottom: 20px; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .more .btn { display: inline-block; vertical-align: top; padding: 5px 20px 6px 20px; background-color: #010313; border: none; border-radius: 0; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); font-weight: 400; font-size: 14px; color: #fff; line-height: 26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-fancy-text-box.element-seven > .holder > .main-placeholder .more .btn:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15); transform: translateY(-5px); -webkit-transform: translateY(-5px); } .rt-fancy-text-box.element-seven > .holder:hover { box-shadow: initial; } .rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .icon img { filter: brightness(0) invert(1); } .rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .icon i, .rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .data .title, .rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .data .subtitle, .rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .content { color: #fff !important; } .rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .more .btn { background-color: #fff; color: #010313; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* rt-flip-box element-one */ .rt-flip-box.element-one > .holder { position: relative; } .rt-flip-box.element-one > .holder .front, .rt-flip-box.element-one > .holder .backY { width: 100%; } .rt-flip-box.element-one > .holder .first-card, .rt-flip-box.element-one > .holder .second-card { position: relative; display: flex; align-items: center; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); text-align: center; } .rt-flip-box.element-one > .holder > .second-card { position: absolute !important; top: 0; } .rt-flip-box.element-one > .holder .first-card > .first-card-main, .rt-flip-box.element-one > .holder .second-card > .second-card-main { width: 100%; } .rt-flip-box.element-one > .holder .first-card img, .rt-flip-box.element-one > .holder .second-card img { margin-bottom: 15px; } .rt-flip-box.element-one > .holder .first-card h4, .rt-flip-box.element-one > .holder .second-card h4 { margin-bottom: 12px; font-weight: 600; font-size: 18px; color: #000; line-height: 28px; } .rt-flip-box.element-one > .holder .second-card h4 { color: #fff; } .rt-flip-box.element-one > .holder .first-card p, .rt-flip-box.element-one > .holder .second-card p { margin-bottom: 15px; font-weight: 400; font-size: 15px; line-height: 26px; } .rt-flip-box.element-one > .holder .second-card p { color: #fff; } .rt-flip-box.element-one > .holder .second-card .btn { margin-bottom: 0; padding: 0; background-color: initial; border: none; font-weight: 500; font-size: 14px; color: #fff; } .rt-flip-box.element-one > .holder .second-card .btn i { margin-left: 8px; } /* rt-highlight-box element-one */ .rt-highlight-box.element-one > .holder { margin-right: 0; margin-left: 0; } .rt-highlight-box.element-one > .holder >[class*="col-"] { padding-right: 0; padding-left: 0; } .rt-highlight-box.element-one > .holder .pic { padding-left: 5px; padding-right: 5px; overflow: hidden; text-align: center; } .rt-highlight-box.element-one > .holder .pic > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-highlight-box.element-one > .holder .pic > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: bottom; } .rt-highlight-box.element-one > .holder .pic img { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-one > .holder:hover .pic img { transform: translateY(15px); -webkit-transform: translateY(15px); } .rt-highlight-box.element-one > .holder .data { padding: 22px 25px 25px 25px; text-align: left; } .rt-highlight-box.element-one > .holder .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-highlight-box.element-one > .holder .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-highlight-box.element-one > .holder .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-highlight-box.element-one > .holder .data h4 { margin-bottom: 7px; font-weight: 300; font-size: 40px; color: #fff; line-height: 50px; } .rt-highlight-box.element-one > .holder .data p { margin-bottom: 30px; font-weight: 400; font-size: 16px; color: rgba(0, 0, 0, 0.6); line-height: 28px; } .rt-highlight-box.element-one > .holder .data .btn { margin-bottom: 30px; padding: 9px 25px 12px 25px; background-color: initial; border: 1px #fff solid; border-radius: 35px; font-weight: 400; font-size: 18px; color: #fff; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-one > .holder .data .btn:hover { background-color: #fff; color: #252525; } .rt-highlight-box.element-one > .holder .data .btn:after { margin-left: 0px; content: "\f105"; font-family: "FontAwesome"; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-one > .holder .data .btn:hover:after { margin-left: 12px; opacity: 1; visibility: visible; } /* rt-highlight-box element-two */ .rt-highlight-box.element-two > .holder { position: relative; overflow: hidden; } .rt-highlight-box.element-two > .holder > .pic { position: absolute; top: 0; left: -20%; z-index: 1; width: 140%; opacity: 0.75; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .rt-highlight-box.element-two > .holder:hover > .pic { transform: scale(1.1); -webkit-transform: scale(1.1); } .rt-highlight-box.element-two > .holder > .pic img { width: 100%; } .rt-highlight-box.element-two > .holder > .data { position: relative; z-index: 2; padding: 55px 25px 60px 25px; text-align: center; } .rt-highlight-box.element-two > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-highlight-box.element-two > .holder .data h4 { margin-bottom: 7px; font-weight: 300; font-size: 35px; color: #fff; line-height: 45px; } .rt-highlight-box.element-two > .holder .data p { margin-bottom: 20px; font-weight: 400; font-size: 16px; color: rgba(255, 255, 255, 0.8); line-height: 28px; } .rt-highlight-box.element-two > .holder .data .btn { margin-bottom: 30px; padding: 9px 25px 12px 25px; background-color: initial; border: 1px #fff solid; border-radius: 35px; font-weight: 400; font-size: 18px; color: #fff; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-two > .holder .data .btn:hover { background-color: #fff; color: #252525; } .rt-highlight-box.element-two > .holder .data .btn:after { margin-left: 0px; content: "\f105"; font-family: "FontAwesome"; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-two > .holder .data .btn:hover:after { margin-left: 12px; opacity: 1; visibility: visible; } /* rt-highlight-box element-three */ .rt-highlight-box.element-three > .holder { position: relative; overflow: hidden; } .rt-highlight-box.element-three > .holder > .pic { position: absolute; top: -20%; left: -30%; z-index: 1; width: 160%; opacity: 0.85; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .rt-highlight-box.element-three > .holder:hover > .pic { transform: translateY(40px); -webkit-transform: translateY(40px); } .rt-highlight-box.element-three > .holder > .pic img { width: 100%; } .rt-highlight-box.element-three > .holder > .data { position: relative; z-index: 2; padding: 55px 25px 60px 25px; text-align: center; } .rt-highlight-box.element-three > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-highlight-box.element-three > .holder .data h4 { margin-bottom: 7px; font-weight: 300; font-size: 35px; color: #fff; line-height: 45px; } .rt-highlight-box.element-three > .holder .data p { margin-bottom: 20px; font-weight: 400; font-size: 16px; color: rgba(255, 255, 255, 0.8); line-height: 28px; } .rt-highlight-box.element-three > .holder .data .btn { margin-bottom: 30px; padding: 9px 25px 12px 25px; background-color: initial; border: 1px #fff solid; border-radius: 35px; font-weight: 400; font-size: 18px; color: #fff; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-three > .holder .data .btn:hover { background-color: #fff; color: #252525; } .rt-highlight-box.element-three > .holder .data .btn:after { margin-left: 0px; content: "\f105"; font-family: "FontAwesome"; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-three > .holder .data .btn:hover:after { margin-left: 12px; opacity: 1; visibility: visible; } /* rt-highlight-box element-four */ .rt-highlight-box.element-four > .holder { position: relative; overflow: hidden; } .rt-highlight-box.element-four > .holder > .pic { position: absolute; top: 0; left: -30%; z-index: 1; width: 160%; opacity: 0.85; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .rt-highlight-box.element-four > .holder:hover > .pic { transform: translateX(40px); -webkit-transform: translateX(40px); } .rt-highlight-box.element-four > .holder > .pic img { width: 100%; } .rt-highlight-box.element-four > .holder > .data { position: relative; z-index: 2; padding: 55px 25px 60px 25px; text-align: center; } .rt-highlight-box.element-four > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-highlight-box.element-four > .holder .data h4 { margin-bottom: 7px; font-weight: 300; font-size: 35px; color: #fff; line-height: 45px; } .rt-highlight-box.element-four > .holder .data p { margin-bottom: 20px; font-weight: 400; font-size: 16px; color: rgba(255, 255, 255, 0.8); line-height: 28px; } .rt-highlight-box.element-four > .holder .data .btn { margin-bottom: 30px; padding: 9px 25px 12px 25px; background-color: initial; border: 1px #fff solid; border-radius: 35px; font-weight: 400; font-size: 18px; color: #fff; line-height: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-four > .holder .data .btn:hover { background-color: #fff; color: #252525; } .rt-highlight-box.element-four > .holder .data .btn:after { margin-left: 0px; content: "\f105"; font-family: "FontAwesome"; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-highlight-box.element-four > .holder .data .btn:hover:after { margin-left: 12px; opacity: 1; visibility: visible; } /* radiantthemes-iconbox element-one */ .radiantthemes-iconbox.element-one > .radiantthemes-iconbox-holder { display: inline-block; vertical-align: top; } .radiantthemes-iconbox.element-one[data-border-radius="square"] > .radiantthemes-iconbox-holder { border-radius: 0; } .radiantthemes-iconbox.element-one[data-border-radius="rounded"] > .radiantthemes-iconbox-holder { border-radius: 5px; } .radiantthemes-iconbox.element-one[data-border-radius="circle"] > .radiantthemes-iconbox-holder { border-radius: 50%; } .radiantthemes-iconbox.element-one > .radiantthemes-iconbox-holder > i { line-height: 1; } /* rt-ihover element-one */ .rt-ihover.element-one > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-one > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-one > .holder:hover > .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); } .rt-ihover.element-one > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(219, 127, 8, 0.7); justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-ihover.element-one > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-ihover.element-one > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-one > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-one > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-one > .holder > .data h2 { margin-bottom: 20px; padding: 10px; background-color: rgba(0, 0, 0, 0.8); text-transform: uppercase; font-size: 17px; color: #fff; line-height: 28px; opacity: 0; visibility: hidden; transform: translateY(-100px); -webkit-transform: translateY(-100px); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-one > .holder:hover > .data h2 { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .rt-ihover.element-one > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #fff; line-height: 22px; opacity: 0; visibility: hidden; transform: translateY(100px); -webkit-transform: translateY(100px); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-ihover.element-one > .holder:hover > .data p { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } /* rt-ihover element-two */ .rt-ihover.element-two > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-two > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-two > .holder:hover > .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); } .rt-ihover.element-two > .holder > .overlay { position: absolute; top: -30%; right: -30%; bottom: -30%; left: -30%; background-color: rgba(219, 127, 8, 0.7); transform: skewX(-40deg) translateX(150%); -webkit-transform: skewX(-40deg) translateX(150%); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-ihover.element-two > .holder:hover > .overlay { transform: skewX(-40deg) translateX(0); -webkit-transform: skewX(-40deg) translateX(0); } .rt-ihover.element-two > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-ihover.element-two > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-ihover.element-two > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-two > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-two > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-two > .holder > .data h2 { margin-bottom: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 12px; border-bottom: 1px rgba(0, 0, 0, 0.4) solid; text-transform: uppercase; font-size: 17px; color: #fff; line-height: 28px; transform: translate(100%, -150%); -webkit-transform: translate(100%, -150%); transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; } .rt-ihover.element-two > .holder:hover > .data h2 { transform: translate(0, 0); -webkit-transform: translate(0, 0); } .rt-ihover.element-two > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #fff; line-height: 22px; transform: translate(-100%, 150%); -webkit-transform: translate(-100%, 150%); transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .rt-ihover.element-two > .holder:hover > .data p { transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* rt-ihover element-three */ .rt-ihover.element-three > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-three > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-three > .holder:hover > .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); } .rt-ihover.element-three > .holder > .overlay { position: absolute; top: -30%; right: -30%; bottom: -30%; left: -30%; background-color: rgba(219, 127, 8, 0.7); transform: translate(100%, -100%) rotate(90deg); -webkit-transform: translate(100%, -100%) rotate(90deg); transition: all 0.2s 0.4s ease-in-out; -webkit-transition: all 0.2s 0.4s ease-in-out; } .rt-ihover.element-three > .holder:hover > .overlay { transition-delay: 0s; -webkit-transition-delay: 0s; transform: translate(0, 0); -webkit-transform: translate(0, 0); } .rt-ihover.element-three > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-ihover.element-three > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-ihover.element-three > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-three > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-three > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-three > .holder > .data h2 { margin-bottom: 20px; padding: 9px 20px 10px 20px; background: rgba(0, 0, 0, 0.7); text-transform: uppercase; font-size: 17px; color: #fff; line-height: 28px; transform: translateY(-200%); -webkit-transform: translateY(-200%); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-three > .holder:hover > .data h2 { transform: translateY(0); transition-delay: 0.5s; -webkit-transform: translateY(0); -webkit-transition-delay: 0.5s; } .rt-ihover.element-three > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #fff; line-height: 22px; transform: translateX(100%) rotate(90deg); -webkit-transform: translateX(100%) rotate(90deg); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-three > .holder:hover > .data p { transform: translateX(0) rotate(0); transition-delay: 0.4s; -webkit-transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; } /* rt-ihover element-four */ .rt-ihover.element-four > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-four > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-four > .holder:hover > .pic img { transform: scale(0); -webkit-transform: scale(0); } .rt-ihover.element-four > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-ihover.element-four > .holder:hover > .data { opacity: 1; visibility: visible; transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .rt-ihover.element-four > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-four > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-four > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-four > .holder > .data h2 { margin-bottom: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-transform: uppercase; font-size: 17px; color: #fff; line-height: 28px; transform: translateY(-200%); -webkit-transform: translateY(-200%); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-four > .holder:hover > .data h2 { transform: translateY(0); transition-delay: 0.5s; -webkit-transform: translateY(0); -webkit-transition-delay: 0.5s; } .rt-ihover.element-four > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #fff; line-height: 22px; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .rt-ihover.element-four > .holder:hover > .data p { opacity: 1; visibility: visible; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } /* rt-ihover element-five */ .rt-ihover.element-five > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-five > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-ihover.element-five > .holder:hover > .pic img { transform: translateX(100%); -webkit-transform: translateX(100%); } .rt-ihover.element-five > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(146, 96, 91, 0.3); transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-ihover.element-five > .holder:hover > .data { transform: translateX(0); -webkit-transform: translateX(0); } .rt-ihover.element-five > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-five > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-five > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-five > .holder > .data h2 { margin-bottom: 20px; padding: 9px 20px 10px 20px; background-color: rgba(255, 255, 255, 0.9); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-transform: uppercase; font-size: 17px; color: #010101; line-height: 28px; } .rt-ihover.element-five > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #010101; line-height: 22px; } /* rt-ihover element-six */ .rt-ihover.element-six > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-six > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; transition: all 0.4s ease-in-out 0.5s; -webkit-transition: all 0.4s ease-in-out 0.5s; } .rt-ihover.element-six > .holder:hover > .pic img { transition-delay: 0s; -webkit-transition-delay: 0s; } .rt-ihover.element-six > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(146, 96, 91, 0.5); opacity: 0; visibility: hidden; transition: all 0.3s ease-in 0.4s; -webkit-transition: all 0.3s ease-in 0.4s; } .rt-ihover.element-six > .holder:hover > .data { opacity: 1; visibility: visible; transition-delay: 0s; -webkit-transition-delay: 0s; } .rt-ihover.element-six > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-six > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-six > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-six > .holder > .data h2 { margin-bottom: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 12px; border-bottom: 1px rgba(0, 0, 0, 0.3) solid; text-transform: uppercase; font-size: 17px; color: #fff; line-height: 28px; opacity: 0; visibility: hidden; transform: scale(10); -webkit-transform: scale(10); transition: all 0.3s ease-in-out 0.1s; -webkit-transition: all 0.3s ease-in-out 0.1s; } .rt-ihover.element-six > .holder:hover > .data h2 { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } .rt-ihover.element-six > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #fff; line-height: 22px; opacity: 0; visibility: hidden; transform: scale(10); -webkit-transform: scale(10); transition: all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; } .rt-ihover.element-six > .holder:hover > .data p { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } /* rt-ihover element-seven */ .rt-ihover.element-seven > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-seven > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; opacity: 1; visibility: visible; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .rt-ihover.element-seven > .holder:hover > .pic img { opacity: 0; visibility: hidden; transform: rotate(720deg) scale(0); -webkit-transform: rotate(720deg) scale(0); } .rt-ihover.element-seven > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(77, 44, 35, 0.5); opacity: 0; visibility: hidden; transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: translateY(-200px) rotate(180deg); -webkit-transform: translateY(-200px) rotate(180deg); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .rt-ihover.element-seven > .holder:hover > .data { opacity: 1; visibility: visible; transform: translateY(0px) rotate(0deg); -webkit-transform: translateY(0px) rotate(0deg); transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } .rt-ihover.element-seven > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-seven > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-seven > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-seven > .holder > .data h2 { margin-bottom: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 12px; border-bottom: 1px rgba(0, 0, 0, 0.3) solid; text-transform: uppercase; font-size: 17px; color: #fff; line-height: 28px; transform: translateY(-200px); -webkit-transform: translateY(-200px); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-seven > .holder:hover > .data h2 { transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.7s; -webkit-transition-delay: 0.7s; } .rt-ihover.element-seven > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #fff; line-height: 22px; transform: translateY(-200px); -webkit-transform: translateY(-200px); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-ihover.element-seven > .holder:hover > .data p { transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } /* rt-ihover element-eight */ .rt-ihover.element-eight > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-eight > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; } .rt-ihover.element-eight > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); opacity: 0; visibility: hidden; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all 0.3s ease-out 0.5s; -webkit-transition: all 0.3s ease-out 0.5s; } .rt-ihover.element-eight > .holder:hover > .data { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); transition-delay: 0s; -webkit-transition-delay: 0s; animation: bounceY 0.9s linear; -webkit-animation: bounceY 0.9s linear; } .rt-ihover.element-eight > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-eight > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-eight > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-eight > .holder > .data h2 { margin-bottom: 20px; padding: 9px 20px 10px 20px; background-color: rgba(0, 0, 0, 0.3); text-transform: uppercase; font-size: 17px; color: #fff; line-height: 28px; transform: translateY(-200%); -webkit-transform: translateY(-200%); transition: all 0.2s ease-in-out 0.1s; -webkit-transition: all 0.2s ease-in-out 0.1s; } .rt-ihover.element-eight > .holder:hover > .data h2 { transform: translateY(0); -webkit-transform: translateY(0); transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } .rt-ihover.element-eight > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #333; line-height: 22px; transform: translateY(-200%); -webkit-transform: translateY(-200%); transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; } .rt-ihover.element-eight > .holder:hover > .data p { transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } @keyframes bounceY { 0% { transform: translateY(-205%); } 40% { transform: translateY(-100%); } 65% { transform: translateY(-52%); } 82% { transform: translateY(-25%); } 92% { transform: translateY(-12%); } 55%, 75%, 87%, 97%, 100% { transform: translateY(0%); } } @-webkit-keyframes bounceY { 0% { transform: translateY(-205%); } 40% { transform: translateY(-100%); } 65% { transform: translateY(-52%); } 82% { transform: translateY(-25%); } 92% { transform: translateY(-12%); } 55%, 75%, 87%, 97%, 100% { transform: translateY(0%); } } /* rt-ihover element-nine */ .rt-ihover.element-nine > .holder { position: relative; overflow: hidden; border: 10px #fff solid; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .rt-ihover.element-nine > .holder > .pic img { width: 100%; display: inline-block; vertical-align: top; transform: scaleY(1); -webkit-transform: scaleY(1); transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .rt-ihover.element-nine > .holder:hover > .pic img { opacity: 0; visibility: hidden; transform: scale(10); -webkit-transform: scale(10); } .rt-ihover.element-nine > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(77, 44, 35, 0.5); opacity: 0; visibility: hidden; background-color: rgba(255, 231, 179, 0.3); -webkit-background-color: rgba(255, 231, 179, 0.3); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .rt-ihover.element-nine > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-ihover.element-nine > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-ihover.element-nine > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-ihover.element-nine > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-ihover.element-nine > .holder > .data h2 { margin-bottom: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 12px; border-bottom: 1px rgba(0, 0, 0, 0.3) solid; text-transform: uppercase; font-size: 17px; color: #333; line-height: 28px; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .rt-ihover.element-nine > .holder:hover > .data h2 { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } .rt-ihover.element-nine > .holder > .data p { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; color: #333; line-height: 22px; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .rt-ihover.element-nine > .holder:hover > .data p { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } /* rt-image-gallery element-one */ .rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-stage-outer { margin-bottom: 14px; } .rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs { margin-left: -7px; margin-right: -7px; } .rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs > .owl-thumb-item { padding-left: 7px; padding-right: 7px; background-color: initial; border: none; border-radius: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs > .owl-thumb-item.active { opacity: 0.6; } /* rt-image-gallery element-two */ .rt-image-gallery.element-two > .rt-image-gallery-holder { margin-left: -8px; margin-right: -8px; } .rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item { margin-bottom: 16px; padding-left: 8px; padding-right: 8px; } .rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item > .holder { position: relative; padding-top: calc((90 / 100) * 100%); } .rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item > .holder > .pic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; } /* rt-image-gallery element-three */ .rt-image-gallery.element-three > .rt-image-gallery-holder { margin-left: -6px; margin-right: -6px; } .rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item { margin-bottom: 12px; padding-left: 6px; padding-right: 6px; } .rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item > .holder { position: relative; padding-top: calc((90 / 100) * 100%); } .rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item > .holder > .pic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; } /* rt-image-gallery element-four */ .rt-image-gallery.element-four { margin-right: -5px; margin-left: -5px; } .rt-image-gallery.element-four .rt-image-gallery-holder { margin-left: 0; margin-right: 0; } .rt-image-gallery.element-four .rt-image-gallery-item { margin-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: left; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder { position: relative; overflow: hidden; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .pic { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .pic > img { width: 100%; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #000; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; padding: 23px 25px 23px 25px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: bottom; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .title { margin-bottom: 2px; font-weight: 500; font-size: 17px; color: #fff; line-height: 26px; letter-spacing: -0.5px; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .title a { color: inherit; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .description { margin-bottom: 10px; font-weight: 400; font-size: 12px; color: #fff; line-height: 25px; letter-spacing: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .pic { transform: scale(1.17); -webkit-transform: scale(1.17); } .rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .overlay { opacity: 0.7; visibility: visible; } .rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .data, .rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .data .description { opacity: 1; visibility: visible; } /* rt-image-gallery element-six */ .radiantthemes.element-six code { background: #eee; padding: 0 5px; } .radiantthemes.element-six iframe { border: 1px solid #ccc; width: 80vw; height: calc(100vh - 100px); } .radiantthemes.element-six .rt_imggrid { text-align: center; display: block; } .radiantthemes.element-six .rt_imggrid .col-md-4 { margin: 0; padding: 15px; } .radiantthemes.element-six .rt_imggrid a { display: block; position: relative; overflow: hidden; text-align: center; } .radiantthemes.element-six .rt_imggrid a img { /*height: 160px;*/ overflow: hidden; width: 100%; height: 100%; transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .radiantthemes.element-six .rt_imggrid a: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); } .radiantthemes.element-six .rt_lightpop_overlay { position: absolute; padding: 0; top: 0; left: 0; right: 0; color: #fff; height: 100%; opacity: 0; overflow: hidden; content: ""; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .radiantthemes.element-six .rt_imggrid a:hover .rt_lightpop_overlay { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: rgba(0, 0, 0, 0.4); } .radiantthemes.element-six .rt_lightpop_overlay .rt_gal_pop_overlay { width: 30px; height: 30px; line-height: 30px; border-radius: 20%; text-align: center; background: rgba(225, 225, 225, 0.8); color: #000; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translate(0, -50%); } .radiantthemes.element-six .rt_lightpop_overlay .rt_gal_pop_overlay:hover { background: rgba(225, 225, 225, 1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .radiantthemes.element-six .hidden { display: none; } .radiantthemes.element-six .grid { float: left; width: 30%; padding: 20px; background: #eee; margin: 0 20px 20px 0; } .radiantthemes.element-six body.fancybox-active { overflow: hidden; } .radiantthemes.element-six body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .radiantthemes.element-six .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .radiant_fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .radiant_fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .radiant_fancybox-bg { background: #000; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .radiant_fancybox-is-open .radiant_fancybox-bg { opacity: 1; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar { position: absolute; direction: ltr; z-index: 99997; padding: 12px; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0s linear 0.25s; box-sizing: border-box; color: #fff; font-size: 13px; } .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; transition: opacity 0.25s, visibility 0s; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: visible; direction: ltr; z-index: 99994; -webkit-transform: translateZ(0); } .radiant_fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image:before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; padding: 0; } .fancybox-slide video { vertical-align: top; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); background: #fff; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--video .fancybox-content { overflow: visible; } .fancybox-slide--iframe .fancybox-content iframe { width: 100%; height: 100%; } .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); transition: color 0.3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button div { padding: 20px !important; } .fancybox-navigation button::before { right: 16px !important; } .fancybox-navigation .fancybox-button { width: 40px important; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 0px !important; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; padding: 0px !important; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 5px; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; color: #777; } .fancybox-close-small svg { fill: transparent; stroke: currentColor; stroke-width: 2; border-radius: 50%; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus svg { outline: 1px dotted #888; } .fancybox-close-small:hover svg { color: #333; background: #eee; } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small { top: 0; right: -40px; color: #ccc; padding: 0; } .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8)); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid hsla(0, 0%, 100%, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; } .fancybox-caption a { color: #fff; text-decoration: underline; } .fancybox-slide > .fancybox-loading { border: 6px solid hsla(0, 0%, 39%, 0.4); border-top: 6px solid hsla(0, 0%, 100%, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a 0.8s infinite linear; animation: a 0.8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; transition: all 0.2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-radius: 0; border-bottom: 2px solid #d7d7d7; } .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; overflow: hidden; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: hidden; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; border-radius: 4px; padding: 0; margin: 2px; width: 90px; height: 75px; max-width: calc(50% - 4px); /*max-height: calc(100% - 8px);*/ object-fit: cover; position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; border: 2px solid #fff; transition: border-color 0.25s ease; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:hover { border: 2px solid #a90707; } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active { opacity: 1; border: 2px solid #a90707; } .fancybox-image-wrap img.fancybox-image { transition: all 1s cubic-bezier(0.5, 0, 0.3, 1); transform: scale(1); -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition-duration: 2s, 2s; transition-timing-function: cubic-bezier(0, 0, 0.25, 1), ease; } .fancybox-slide--current .fancybox-image-wrap img { transform: scale(1.05); } @media (max-width: 800px) { .fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right: 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; } } @media all and (min-width: 800px) { .fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right: 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; } } .fancybox-thumbs__list a { border: 2px solid #fff !important; border-radius: 5px !important; } a.fancybox-thumbs-active { border: 2px solid #a21717 !important; border-radius: 5px !important; } .fancybox-thumbs__list a:before { border: none !important; } .fancybox-thumbs__list { margin: 0 auto !important; } .fancybox-content img.fancybox-image { transition: all 1s cubic-bezier(0.5, 0, 0.3, 1) !important; transform: scale(1) !important; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important; transition-duration: 2s, 2s !important; transition-timing-function: cubic-bezier(0, 0, 0.25, 1), ease !important; } .fancybox-slide--current .fancybox-content img { transform: scale(1.05) !important; } /* start video popup */ #video-box { position: relative; opacity: 1; visibility: visible; overflow: hidden; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .vpop { position: absolute; left: 0; right: 0; margin: 0 auto; display: block; text-align: center; } .vpop svg { cursor: pointer; } #video-popup-container { display: none; position: fixed; z-index: 996; width: 60%; left: 50%; margin-left: -30%; top: 20%; background-color: #fff; } #video-popup-close { cursor: pointer; position: absolute; right: -10px; top: -10px; z-index: 998; width: 25px; height: 25px; border-radius: 25px; text-align: center; font-size: 12px; background-color: #000; line-height: 25px; color: #fff; } #video-popup-iframe-container { position: absolute; z-index: 997; width: 100%; padding-bottom: 56.25%; border: 2px solid #000; border-radius: 2px; background-color: #000; } #video-popup-iframe { z-index: 999; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; } #video-popup-overlay { display: none; position: fixed; z-index: 995; top: 0; background-color: #000; opacity: 0.8; width: 100%; height: 100%; } #video-popup-close:hover { color: #DE0023; } /* end video popup */ /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* rt-image-slider element-one */ .rt-image-slider.element-one { position: relative; } .rt-image-slider.element-one .rt-image-slider-item { text-align: center; } .rt-image-slider.element-one .rt-image-slider-item > .holder { position: relative; overflow: hidden; padding-top: calc((102 / 100) * 100%); background-color: #000; } .rt-image-slider.element-one .rt-image-slider-item > .holder > .pic { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-image-slider.element-one .rt-image-slider-item > .holder:hover > .pic { opacity: 0.7; transform: scale(1.12); -webkit-transform: scale(1.12); } .rt-image-slider.element-one .owl-nav { display: none; } .rt-image-slider.element-one > .owl-dots { display: none; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* radiantthemes-list element-one */ .radiantthemes-list.element-one ul li { position: relative; margin-bottom: 8px; padding-left: 0px; } .radiantthemes-list.element-one ul li a { font-size: 16px; line-height: 28px; transition: all 0.4s ease-in-out; margin-left: 0px; font-weight: 400; } .radiantthemes-list.element-one ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f105"; font-family: "FontAwesome"; } .radiantthemes-list.element-one ul li ul, .radiantthemes-list.element-one ul li ol { margin-top: 12px; } .radiantthemes-list.element-one ol li { margin-bottom: 10px; } .radiantthemes-list.element-one ol li ul, .radiantthemes-list.element-one ol li ol { margin-top: 12px; } .radiantthemes-list.element-one ul li:before { display: none; } /* radiantthemes-list element-two */ .radiantthemes-list.element-two ul > li, .radiantthemes-list.element-two ol > li { margin-bottom: 10px; } .radiantthemes-list.element-two ul > li { position: relative; padding-left: 20px; } .radiantthemes-list.element-two ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f101"; font-family: "FontAwesome"; } .radiantthemes-list.element-two > ul > li ul, .radiantthemes-list.element-two > ul > li ol { margin-top: 12px; } /* radiantthemes-list element-three */ .radiantthemes-list.element-three ul > li, .radiantthemes-list.element-three ol > li { margin-bottom: 10px; } .radiantthemes-list.element-three ul > li { position: relative; padding-left: 25px; } .radiantthemes-list.element-three ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f0a9"; font-family: "FontAwesome"; } .radiantthemes-list.element-three > ul > li ul, .radiantthemes-list.element-three > ul > li ol { margin-top: 12px; } /* radiantthemes-list element-four */ .radiantthemes-list.element-four ul > li, .radiantthemes-list.element-four ol > li { margin-bottom: 10px; } .radiantthemes-list.element-four ul > li { position: relative; padding-left: 18px; } .radiantthemes-list.element-four ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f0da"; font-family: "FontAwesome"; } .radiantthemes-list.element-four > ul > li ul, .radiantthemes-list.element-four > ul > li ol { margin-top: 12px; } /* radiantthemes-list element-five */ .radiantthemes-list.element-five ul > li, .radiantthemes-list.element-five ol > li { margin-bottom: 10px; } .radiantthemes-list.element-five ul > li { position: relative; padding-left: 25px; } .radiantthemes-list.element-five ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f05d"; font-family: "FontAwesome"; } .radiantthemes-list.element-five > ul > li ul, .radiantthemes-list.element-five > ul > li ol { margin-top: 12px; } /* radiantthemes-list element-six */ .radiantthemes-list.element-six ul > li, .radiantthemes-list.element-six ol > li { margin-bottom: 10px; } .radiantthemes-list.element-six ul > li { position: relative; padding-left: 25px; } .radiantthemes-list.element-six ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f058"; font-family: "FontAwesome"; } .radiantthemes-list.element-six > ul > li ul, .radiantthemes-list.element-six > ul > li ol { margin-top: 12px; } /* radiantthemes-list element-seven */ .radiantthemes-list.element-seven ul > li, .radiantthemes-list.element-seven ol > li { margin-bottom: 18px; } .radiantthemes-list.element-seven ul > li { position: relative; /*padding-left: 18px;*/ } /*.radiantthemes-list.element-seven ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f111"; font-family: 'FontAwesome'; font-size: 55%; }*/ .radiantthemes-list.element-seven > ul > li ul, .radiantthemes-list.element-seven > ul > li ol { margin-top: 12px; } /* radiantthemes-list element-eight */ .radiantthemes-list.element-eight ul > li, .radiantthemes-list.element-eight ol > li { margin-bottom: 10px; } .radiantthemes-list.element-eight ul > li { position: relative; padding-left: 20px; } .radiantthemes-list.element-eight ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f0c8"; font-family: "FontAwesome"; font-size: 60%; } .radiantthemes-list.element-eight > ul > li ul, .radiantthemes-list.element-eight > ul > li ol { margin-top: 12px; } /* radiantthemes-list element-nine */ .radiantthemes-list.element-nine ul > li, .radiantthemes-list.element-nine ol > li { margin-bottom: 10px; } .radiantthemes-list.element-nine ul > li { position: relative; padding-left: 25px; } .radiantthemes-list.element-nine ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f005"; font-family: "FontAwesome"; } .radiantthemes-list.element-nine > ul > li ul, .radiantthemes-list.element-nine > ul > li ol { margin-top: 12px; } /* radiantthemes-list element-ten */ .radiantthemes-list.element-ten ul > li, .radiantthemes-list.element-ten ol > li { margin-bottom: 10px; } .radiantthemes-list.element-ten ul > li { position: relative; padding-left: 25px; } .radiantthemes-list.element-ten ul li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f178"; font-family: "FontAwesome"; font-size: 80%; } .radiantthemes-list.element-ten > ul > li ul, .radiantthemes-list.element-ten > ul > li ol { margin-top: 12px; } /* rt-masonry-gallery element-one */ .rt-masonry-gallery.element-one .rt-masonry-gallery-item { margin-bottom: 30px; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder { position: relative; overflow: hidden; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .pic { display: block; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder:hover > .pic { transform: scale(1.1); -webkit-transform: scale(1.1); } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .pic img { width: 100%; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 25px; background-color: rgba(227, 15, 95, 0.8); opacity: 0; visibility: hidden; transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder:hover > .data { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: bottom; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data h5 { margin-bottom: 12px; font-weight: 400; font-size: 30px; color: #fff; line-height: 40px; } .rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data p { margin-bottom: 20px; font-weight: 400; font-size: 16px; color: #fff; line-height: 28px; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* radiantthemes-custom-menu element-one */ .radiantthemes-custom-menu.element-one { text-align: left; } .radiantthemes-custom-menu.element-one ul.menu li { position: relative; padding-left: 22px; margin-bottom: 12px; font-size: 15px; line-height: 28px; } .radiantthemes-custom-menu.element-one ul.menu li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f111"; font-family: "FontAwesome"; font-size: 9px; } .radiantthemes-custom-menu.element-one ul.menu li a { color: inherit; } .radiantthemes-custom-menu.element-one ul.menu li ul { margin-top: 12px; } /* radiantthemes-custom-menu element-two */ .radiantthemes-custom-menu.element-two { text-align: left; } .radiantthemes-custom-menu.element-two ul.menu li { margin-bottom: 3px; } .radiantthemes-custom-menu.element-two ul.menu li a { display: block; background-color: #eeeeef; padding: 14px 24px 14px 24px; font-size: 16px; color: #141515; line-height: 28px; border-left: 4px transparent solid; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-custom-menu.element-two ul.menu li:hover a, .radiantthemes-custom-menu.element-two ul.menu li.current-menu-item a { background-color: #e1e1e5; } .radiantthemes-custom-menu.element-two ul.menu li ul { margin-left: 15px; } /* radiantthemes-custom-menu element-three */ .radiantthemes-custom-menu.element-three { text-align: left; } .radiantthemes-custom-menu.element-three ul.menu li { position: relative; padding-left: 18px; margin-bottom: 12px; font-size: 15px; line-height: 28px; } .radiantthemes-custom-menu.element-three ul.menu li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f105"; font-family: "FontAwesome"; } .radiantthemes-custom-menu.element-three ul.menu li a { color: inherit; } .radiantthemes-custom-menu.element-three ul.menu li ul { margin-top: 12px; } /* radiantthemes-custom-menu element-four */ .radiantthemes-custom-menu.element-four { text-align: center; } .radiantthemes-custom-menu.element-four ul.menu li { display: inline-block; vertical-align: top; margin-left: 20px; margin-right: 20px; margin-bottom: 12px; font-size: 15px; line-height: 28px; } .radiantthemes-custom-menu.element-four ul.menu li a { color: inherit; } /* radiantthemes-custom-menu element-five */ .radiantthemes-custom-menu.element-five { text-align: left; } .radiantthemes-custom-menu.element-five ul.menu li a { position: relative; display: block; padding: 14px 24px 14px 24px; background-color: #0e204c; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; font-size: 16px; color: #fff; line-height: 28px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-custom-menu.element-five ul.menu li a:before { position: absolute; top: 13px; bottom: 13px; left: 0; z-index: 1; content: " "; width: 3px; transform: scaleY(0); -webkit-transform: scaleY(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-custom-menu.element-five ul.menu li:last-child a, .radiantthemes-custom-menu.element-five ul.menu li:only-child a { border-bottom: none; } .radiantthemes-custom-menu.element-five ul.menu li:hover a:before, .radiantthemes-custom-menu.element-five ul.menu li.current-menu-item a:before { transform: scaleY(1); -webkit-transform: scaleY(1); } .radiantthemes-custom-menu.element-five ul.menu li ul { margin-left: 15px; } /* rt-popup-video element-one */ .rt-popup-video.element-one[data-popup-video-align="left"] > .holder { text-align: left; } .rt-popup-video.element-one[data-popup-video-align="center"] > .holder { text-align: center; } .rt-popup-video.element-one[data-popup-video-align="right"] > .holder { text-align: right; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ .rt-portfolio-box.element-one { margin-right: 0; margin-left: 0; } .rt-portfolio-box.element-one .rt-portfolio-box-item { margin-bottom: 0; padding-left: 0; padding-right: 0; text-align: left; } .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box { width: 20%; } .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box { width: 40%; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; padding-top: calc((106/100) * 100%); } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data { position: absolute; bottom: 0; left: 0; z-index: 2; width: 80%; padding: 20px 24px 20px 24px; background-color: #fff; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 3px; font-weight: 500; font-size: 17px; color: #1f1e1e; line-height: 26px; letter-spacing: -0.5px; transform: translateX(-120%); -webkit-transform: translateX(-120%); transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 15px; font-weight: 400; font-size: 12px; color: #8a8a8a; line-height: 22px; letter-spacing: 0; transform: translateX(-120%); -webkit-transform: translateX(-120%); transition: all 0.3s ease-in-out 0.6s; -webkit-transition: all 0.3s ease-in-out 0.6s; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-link, .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-zoom { display: inline-block; vertical-align: top; margin-right: 10px; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-link > i, .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-zoom > i { display: block; width: 32px; height: 32px; background-color: transparent; border: 1px rgba(0, 0, 0, 0.75) solid; border-radius: 50%; text-align: center; font-size: 11px; color: #000; line-height: 31px; } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .pic { transform: scale(1.05); -webkit-transform: scale(1.05); } .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data, .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data .title, .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data .categories { transform: translateX(0); -webkit-transform: translateX(0); } .rt-portfolio-box.element-two { margin-right: -5px; margin-left: -5px; } .rt-portfolio-box.element-two .rt-portfolio-box-item { padding-left: 15px; padding-right: 15px; text-align: left; } /*.rt-portfolio-box.element-two .rt-portfolio-box-item:not(.no-paddings) { padding: 20px; } .rt-portfolio-box-item .holder .pic-8 { padding-bottom: -webkit-calc(50% - 20px); padding-bottom: calc(50% - 20px); }*/ .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > img { width: 100%; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; padding: 23px 25px 23px 25px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: bottom; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 2px; font-weight: 500; font-size: 17px; color: #fff; line-height: 26px; letter-spacing: -0.5px; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 10px; font-weight: 400; font-size: 12px; color: #fff; line-height: 25px; letter-spacing: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-link, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-zoom { display: inline-block; vertical-align: top; margin-right: 10px; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-link > i, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-zoom > i { display: block; width: 32px; height: 32px; background-color: transparent; border: 1px rgba(255, 255, 255, 0.75) solid; border-radius: 50%; text-align: center; font-size: 11px; color: #fff; line-height: 31px; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .pic { transform: scale(1.17); -webkit-transform: scale(1.17); } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .overlay { opacity: 0.75; visibility: visible; } .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .data, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .data .categories { opacity: 1; visibility: visible; } .rt-portfolio-box.element-three { margin-right: 0; margin-left: 0; } .rt-portfolio-box.element-three .rt-portfolio-box-item { margin-bottom: 0; padding-left: 0; padding-right: 0; text-align: left; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; padding-top: calc((90/100) * 100%); } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .pic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTc3LjU5MiwwSDIwLjEwNUM5LDAsMCw5LDAsMjAuMTA1djE1Ni44MTdjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjQwLjIwOSAgICAgaDEzNy4zODJjMTEuMTA0LDAsMjAuMTA1LTksMjAuMTA1LTIwLjEwNUMxOTcuNjk2LDksMTg4LjY5NiwwLDE3Ny41OTIsMHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTE3Ni45MjEsNDcxLjEySDQwLjIwOVYzMzQuNDA4YzAtMTEuMTA0LTktMjAuMTA1LTIwLjEwNS0yMC4xMDVDOSwzMTQuMzA0LDAsMzIzLjMwNCwwLDMzNC40MDh2MTU2LjgxNyAgICAgYzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1UzE4OC4wMjYsNDcxLjEyLDE3Ni45MjEsNDcxLjEyeiIgZmlsbD0iIzA5MDkwOSIvPgoJCQk8cGF0aCBkPSJNNDkxLjIyNSwzMTQuMzA0Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1djEzNy4zODJIMzM0LjQwOGMtMTEuMTA0LDAtMjAuMTA1LDktMjAuMTA1LDIwLjEwNSAgICAgczksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOC45OTQsMjAuMTA1LTIwLjEwNVYzMzQuNDA4QzUxMS4zMywzMjMuMzA0LDUwMi4zMywzMTQuMzA0LDQ5MS4yMjUsMzE0LjMwNHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTQ5MS44OTUsMEgzMzQuNDA4Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1YzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTM3LjM4MnYxMzcuMzgyICAgICBjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMTEsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjIwLjEwNUM1MTIsOSw1MDMsMCw0OTEuODk1LDB6IiBmaWxsPSIjMDkwOTA5Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); background-size: 24px auto; background-position: center center; background-repeat: no-repeat; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 25px 30px 25px 30px; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 2px; font-weight: 400; font-size: 13px; line-height: 25px; letter-spacing: 0; opacity: 0; visibility: hidden; transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 7px; font-weight: 500; font-size: 18px; color: #090909; line-height: 28px; letter-spacing: -0.5px; opacity: 0; visibility: hidden; transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: all 0.2s ease-in-out 0.5s; -webkit-transition: all 0.2s ease-in-out 0.5s; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons { position: absolute; top: 0; left: 0; right: 0; z-index: 3; padding: 20px; text-align: right; font-size: 0; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link, .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom { display: inline-block; vertical-align: top; margin-left: 10px; background-color: transparent; border: 1px rgba(0, 0, 0, 0.7) solid; border-radius: 50%; opacity: 0; visibility: hidden; transform: translateX(30px); -webkit-transform: translateX(30px); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i, .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i { display: block; width: 32px; height: 32px; text-align: center; font-size: 12px; color: #181b31; line-height: 32px; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .pic { transform: scale(1.3); -webkit-transform: scale(1.3); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay, .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .categories, .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .title, .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data .categories, .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data .title { opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); } .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-link, .rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-zoom { opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); } .rt-portfolio-box.element-four { margin-right: -15px; margin-left: -15px; } .rt-portfolio-box.element-four .rt-portfolio-box-item { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: left; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > img { width: 100%; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.5; transform: scaleX(0); transform-origin: left center; transition: transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03); } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 27px 35px 27px 35px; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 6px; text-transform: uppercase; font-weight: 400; font-size: 15px; color: #fff; line-height: 26px; letter-spacing: 0; opacity: 0; transform: translateX(-40px); transition: transform 0.6s cubic-bezier(0, 0, 0, 0.85), opacity 0.4s linear; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 3px; font-weight: 700; font-size: 28px; color: #fff; line-height: 35px; letter-spacing: -0.3px; opacity: 0; transform: translateX(-40px); transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link, .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom { position: absolute; top: 15px; z-index: 2; background-color: transparent; border: 1px rgba(255, 255, 255, 0.6) solid; border-radius: 50%; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.5s ease-in-out; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link > i, .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom > i { display: block; width: 45px; height: 45px; text-align: center; font-size: 15px; color: #fff; line-height: 45px; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link { left: 15px; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom { right: 15px; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .overlay { transform: scaleX(1); } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .data .title { opacity: 1; transform: translateX(0); transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .data .categories { opacity: 1; transform: translateX(0); transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s; } .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .portfolio-link, .rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .portfolio-zoom { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .rt-portfolio-box.element-five { margin-right: -15px; margin-left: -15px; } .rt-portfolio-box.element-five .rt-portfolio-box-item { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: center; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > img { width: 100%; border-radius: 5px; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 20px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 5px; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 3px; font-weight: 500; font-size: 18px; color: #fff; line-height: 26px; letter-spacing: -0.5px; opacity: 0; visibility: hidden; transform: translateY(-12px); -webkit-transform: translateY(-12px); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 15px; font-weight: 400; font-size: 13px; color: #fff; line-height: 22px; letter-spacing: 0px; opacity: 0; visibility: hidden; transform: translateY(12px); -webkit-transform: translateY(12px); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons { font-size: 0; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all 0.6s ease-in-out 0.4s; -webkit-transition: all 0.6s ease-in-out 0.4s; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-link, .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-zoom { display: inline-block; vertical-align: top; margin-left: 7px; margin-right: 7px; background-color: transparent; border: 1px rgba(255, 255, 255, 0.7) solid; border-radius: 0; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-link > i, .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-zoom > i { display: block; width: 35px; height: 35px; text-align: center; font-size: 15px; color: #fff; line-height: 35px; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data { opacity: 1; visibility: visible; border-radius: 5px; } .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .categories, .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .title, .rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .action-buttons { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .rt-portfolio-box.element-six .col-md-3, .rt-portfolio-box.element-six .col-md-4, .rt-portfolio-box.element-six .col-lg-6 { padding: 0px; } .portfolio-joned .rt-portfolio-box.element-six .rt-portfolio-box-item { padding: 0px; margin: 0px; } .rt-portfolio-box.element-six .rt-portfolio-box-item { padding: 0 8px; margin: 0 0 16px; border-radius: 0px; } .rt-portfolio-box.element-six .rt-portfolio-box-item { display: block; position: relative; overflow: hidden; float: left; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder { position: relative; overflow: hidden; transition: all 0.3s ease-in-out; text-align: right; border-radius: 0px; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .pic { position: relative; overflow: hidden; transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content { position: absolute; display: block; top: 0; left: 0; padding: 0 0 0 52px; width: 100%; height: 100%; text-align: left; box-sizing: border-box; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; background-color: #000; overflow: hidden; opacity: 0; background-color: #F3F3F3; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content { opacity: 1; } /*.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content { display: flex; height: 100%; width: 100%; vertical-align: middle; flex-direction: column; align-items: flex-start; justify-content: center; }*/ .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .rt-portfolio-box-content-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .rt-portfolio-box-content-inner .rt-portfolio-box-content-inner-holder { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category { margin: 0 0 10px 0; position: relative; top: -100px; transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3); } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content .portfolio-category { top: 0px; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title a { position: relative; top: 100px; transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3); } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title a:hover { color: currentColor; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content .portfolio-title a { top: 0px; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title { margin-bottom: 0px; margin: 0px; } .rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .portfolio-joined .rt-portfolio-box.element-six .rt-portfolio-box-item { padding: 0 0px; margin: 0 0 0px; border-radius: 0px; } @media screen and (min-width: 768px) and (max-width: 991px) { .rt-portfolio-box.element-six .col-lg-4.col-md-4, .rt-portfolio-box.element-six .col-lg-3.col-md-3 { max-width: 50% !important; flex: 50%; } } .rt-portfolio-box.element-seven { margin-right: 0; margin-left: 0; background-color: #fff; } .rt-portfolio-box.element-seven .rt-portfolio-box-item { margin-bottom: 0; padding-left: 0; padding-right: 0; text-align: center; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; padding-top: calc((90/100) * 100%); } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; background: center center no-repeat; background-size: cover; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; padding: 22px 25px 25px 25px; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data hr { max-width: 30px; margin-left: auto; margin-right: auto; margin-bottom: 15px; border-top-width: 1px; border-top-color: #000; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 5px; font-weight: 500; font-size: 17px; color: #000; line-height: 26px; letter-spacing: 0; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 1px; font-weight: 400; font-size: 13px; color: #000; line-height: 22px; letter-spacing: 0; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons { position: absolute; bottom: 25px; left: 25px; right: 25px; z-index: 2; font-size: 0; opacity: 0; visibility: hidden; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link, .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom { display: inline-block; vertical-align: top; margin-right: 15px; background-color: transparent; border: 1px rgba(255, 255, 255, 0.7) solid; border-radius: 50%; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i, .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i { display: block; width: 40px; height: 40px; text-align: center; font-size: 14px; color: #fff; line-height: 40px; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .overlay { opacity: 0.92; visibility: visible; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .action-buttons { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .rt-portfolio-box.element-eight { margin-right: -15px; margin-left: -15px; } .rt-portfolio-box.element-eight .rt-portfolio-box-item { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: left; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; padding-top: calc((106/100) * 100%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 5px; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; background: center center no-repeat; background-size: cover; height: 270px; transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); border-radius: 5px; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; overflow: hidden; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder { padding: 17px 20px 18px 20px; transform: translateY(0%); transition: all 0.3s ease; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .title { margin-bottom: 1px; font-weight: 500; font-size: 17px; color: #151515; line-height: 28px; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .title a { color: inherit; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories { margin-bottom: 5px; font-weight: 400; font-size: 13px; color: #8a8a8a; line-height: 26px; letter-spacing: 0; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:after { content: "/"; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after, .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after { display: none; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons { position: absolute; top: 25px; right: 25px; z-index: 4; font-size: 0; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transition: all 0.4s ease-in-out 0.4s; -webkit-transition: all 0.4s ease-in-out 0.4s; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link, .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom { display: inline-block; vertical-align: top; margin-left: 10px; background-color: transparent; border: 1px rgba(0, 0, 0, 0.7) solid; border-radius: 50%; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i, .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i { display: block; width: 32px; height: 32px; text-align: center; font-size: 12px; color: #151515; line-height: 32px; } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover { box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05); } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .pic { transform: scale(0.95); -webkit-transform: scale(0.95); } .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .action-buttons { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } @keyframes PortfolioEightBounce { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } .rt-portfolio-box.element-nine { margin-right: -5px; margin-left: -5px; } .rt-portfolio-box.element-nine .rt-portfolio-box-item { margin-bottom: 40px; padding-left: 15px; padding-right: 15px; text-align: left; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; padding-top: calc((150/100) * 100%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover { box-shadow: 0 0 18px rgba(0, 0, 0, 0.25); } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .pic { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; padding: 25px; background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%); opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; padding: 22px 25px 22px 25px; background-color: rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 3px; font-weight: 400; font-size: 13px; color: #fff; line-height: 26px; letter-spacing: 0; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: all 0.3s ease-in-out 0s; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 5px; font-weight: 500; font-size: 18px; color: #fff; line-height: 26px; letter-spacing: -0.5px; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: all 0.3s ease-in-out 0.3s; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons { position: absolute; bottom: 0; left: 0; right: 0; z-index: 4; padding: 20px; text-align: right; font-size: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0.6s; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link, .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom { display: inline-block; vertical-align: top; margin-left: 5px; margin-right: 5px; background-color: transparent; border: 1px rgba(255, 255, 255, 0.7) solid; border-radius: 50%; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i, .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i { display: block; width: 32px; height: 32px; text-align: center; font-size: 12px; color: #fff; line-height: 32px; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .pic { transform: scale(1.05); -webkit-transform: scale(1.05); } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .overlay { opacity: 1; visibility: visible; transform: translateY(0); } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data, .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons { opacity: 1; visibility: visible; } .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .categories, .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .title, .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .categories, .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .title { opacity: 1; visibility: visible; transform: translateY(0); } .rt-portfolio-box.element-ten { margin-right: 0; margin-left: 0; } .rt-portfolio-box.element-ten .rt-portfolio-box-item { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: left; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; padding-top: calc((100/100) * 100%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 0px; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .pic { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; background: center center no-repeat; background-size: cover; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data { position: absolute; bottom: 25px; right: 25px; max-width: calc(100% - 50px); z-index: 3; overflow: hidden; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder { padding: 17px 22px 20px 22px; transform: translateY(110%); transition: all 0.3s ease; border-radius: 0px; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories { margin-bottom: 3px; font-weight: 500; font-size: 14px; color: #8a8a8a; line-height: 26px; letter-spacing: 0; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:after { content: "/"; padding: 0 5px; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after, .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after { display: none; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title { margin-bottom: 1px; text-transform: uppercase; font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: 0.05em; color: #262626; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title a { color: inherit; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons { position: absolute; top: 25px; right: 25px; z-index: 4; font-size: 0; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transition: all 0.4s ease-in-out 0.4s; -webkit-transition: all 0.4s ease-in-out 0.4s; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link, .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom { display: inline-block; vertical-align: top; margin-left: 10px; background-color: rgba(255, 255, 255, 0.1); border: 1px rgba(255, 255, 255, 0.7) solid; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i, .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i { display: block; width: 32px; height: 32px; text-align: center; font-size: 12px; color: #fff; line-height: 32px; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover { box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05); } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data { animation: PortfolioTenBounce 900ms ease 0s normal; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data > .holder { transform: translateY(0); background: #262626 !important; } .rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .action-buttons { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } @keyframes PortfolioTenBounce { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } .rt-portfolio-box.element-eleven { margin-right: -15px; margin-left: -15px; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: center; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .pic > img { width: 100%; border-radius: 5px; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 145px 30px 30px 30px; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.65); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; border-radius: 5px; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 11px; font-weight: 500; text-align: center; font-size: 20px; color: #fff; line-height: 28px; letter-spacing: -0.5px; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transform: translateY(15px); transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 15px; font-weight: 400; font-size: 12px; color: #fff; line-height: 22px; letter-spacing: 0; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transform: translateY(15px); transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .excerpt { margin-bottom: 20px; color: #fff; line-height: 26px; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transform: translateY(15px); transition: all 0.3s ease-in-out 0.6s; -webkit-transition: all 0.3s ease-in-out 0.6s; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .btn { display: inline-block; vertical-align: top; width: 40px; height: 40px; margin-right: 10px; background-color: #f94338; border: none; border-radius: 50%; text-align: center; font-size: 21px; color: #fff; line-height: 43px; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transform: translateY(15px); transition: all 0.3s ease-in-out 0.9s; -webkit-transition: all 0.3s ease-in-out 0.9s; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .title, .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .categories, .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .excerpt, .rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .btn { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .rt-portfolio-box.element-twelve { columns: 2; column-gap: 16px; } @media (max-width: 1200px) { .rt-portfolio-box.element-twelve { columns: 2; } } @media (max-width: 992px) { .rt-portfolio-box.element-twelve { columns: 2; } } @media (max-width: 480px) { .rt-portfolio-box.element-twelve { columns: 1; } } .rt-portfolio-box.element-twelve .rt-grid { display: inline-block; margin-bottom: 30px; position: relative; padding-left: 7px; padding-right: 7px; } .rt-portfolio-box.element-twelve .rt-grid img { outline: none; border: none; display: block; max-width: 100%; overflow: hidden; } .rt-portfolio-box.element-twelve .rt-image-box { position: relative; margin: auto; overflow: hidden; } .rt-portfolio-box.element-twelve .rt-image-box img { max-width: 100%; transition: all cubic-bezier(.4, 0, .2, 1) .4s; display: block; width: 100%; height: auto; transform: scale(1); } .rt-portfolio-box.element-twelve .rt-image-box:hover img { transform: scale3d(1.1, 1.1, 1); transition: all cubic-bezier(.4, 0, .2, 1) .4s; } .rt-portfolio-box.element-Masonry { margin-right: -15px; margin-left: -15px; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: left; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; transition: all 0.4s ease-in-out; border-radius: 4px; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.20); } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .pic > img { width: 100%; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03); } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data { position: absolute; bottom: 0; left: 0; right: 0; z-index: 9; padding: 27px 35px 27px 35px; text-align: center; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 6px; text-transform: uppercase; font-weight: 400; font-size: 15px; color: #fff; line-height: 26px; letter-spacing: 0; opacity: 0; transform: translateY(40px); transition: transform 0.6s cubic-bezier(0, 0, 0, 0.85), opacity 0.4s linear; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:after { content: "/"; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:last-child:after, .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:only-child:after { display: none; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 3px; font-weight: 600; font-size: 20px; color: #fff; line-height: 30px; letter-spacing: 0; opacity: 0; transform: translateY(40px); transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: flex; align-items: center; justify-content: center; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link, .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom { background-color: rgba(0, 0, 0, 0.4); width: 40px; height: 40px; text-align: center; border-radius: 50%; opacity: 0; visibility: hidden; transform: scale(0); margin: 0 8px 0 0; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link { transition: transform 0.3s ease-in; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom { transition: transform 0.3s ease-in 0.2s; margin: 0; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover, .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover { /*background-color: rgba(0, 0, 0, 1);*/ background-color: #013CA3; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span, .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span { display: block; text-align: center; font-size: 15px; color: #fff; line-height: 40px; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .overlay { opacity: 0.9; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .data .title { opacity: 1; transform: translateY(0); transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .data .categories { opacity: 1; transform: translateY(0); transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s; } .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .portfolio-action-btn > .portfolio-link, .rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .portfolio-action-btn > .portfolio-zoom { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } .rt-portfolio-box.element-full-width-icon { margin-right: 0; margin-left: 0; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item { margin-bottom: 0; padding: 0; text-align: left; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; padding-top: calc((88/100) * 100%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .pic { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; background: center center no-repeat; background-size: cover; transform: scale(1) translateY(0); transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .pic { transform: scale(1.1) translateY(-12px); } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data { position: absolute; top: 0; left: 0; right: 0; z-index: 3; overflow: hidden; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder { position: relative; overflow: hidden; padding: 27px 0 27px 40px; transition: all 0.3s ease; background-color: transparent !important; z-index: 9; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 0; transform: translateY(-100%); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .data > .overlay { opacity: 1; visibility: visible; transform: translateY(0); background-color: #F3F3F3 !important; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .title { margin-bottom: 1px; font-weight: 500; font-size: 24px; color: #262626; line-height: 34px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .data > .holder .title, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .data > .holder .title a, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .data > .holder .categories, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .action-buttons > .portfolio-link > i, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .action-buttons > .portfolio-zoom > i, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .data > .holder .categories span { color: #ffffff ; transition: all 0.4s ease-in-out; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .title a { color: inherit; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .categories { margin-bottom: 5px; font-weight: 400; font-size: 17px; color: #676766; line-height: 28px; letter-spacing: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .categories span:after { content: "/"; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after { display: none; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons { position: absolute; top: 35px; right: 35px; z-index: 4; font-size: 0; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); transition: all 0.4s ease-in-out 0.4s; -webkit-transition: all 0.4s ease-in-out 0.4s; display: none; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom { display: inline-block; vertical-align: top; margin-left: 10px; background-color: transparent; border: 1px #ffffff solid; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-link, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-zoom { border: 1px #fff solid; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i, .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i { display: block; width: 32px; height: 32px; text-align: center; font-size: 12px; color: #262626; line-height: 32px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover { box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05); } .rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .action-buttons { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg { padding: 20px 45px 1px 45px; background: transparent; } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 { font-size: 22px; color: #181b31; line-height: 28px; margin-bottom: 11px; padding: 0; } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 a { color: #181b31; text-decoration: none; cursor: pointer !important; } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 a:hover { color: #181b31; } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg p { font-size: 15px; color: #181b31; line-height: 30px; margin-bottom: 6px; padding: 0; } .rt-portfolio-box.element-twelve .rt-bottom-left { position: absolute; bottom: 10px; left: 0px; } .rt-portfolio-box.element-twelve a.transparent-masionary-btn-hover { color: #ffffff; text-decoration: none; font-weight: bold; } .rt-portfolio-box.element-twelve a:hover.transparent-masionary-btn-hover { color: #ffffff; text-decoration: none; cursor: pointer; } .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span { position: relative; display: inline-block; } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:before { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:after, .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:before { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; background-color: currentColor; -webkit-transition: .35s cubic-bezier(.04, .11, .6, .97); -o-transition: .35s cubic-bezier(.04, .11, .6, .97); transition: .35s cubic-bezier(.04, .11, .6, .97); } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover:hover span:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover:hover span:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: .34s; -o-transition-delay: .34s; transition-delay: .34s; } .rt-portfolio-box.element-therteen { columns: 2; column-gap: 16px; padding-top: 149px; padding-bottom: 124px; } @media (max-width: 1200px) { .rt-portfolio-box.element-therteen { columns: 2; } } @media (max-width: 992px) { .rt-portfolio-box.element-therteen { columns: 2; } } @media (max-width: 480px) { .rt-portfolio-box.element-therteen { columns: 1; } } .rt-portfolio-box.element-therteen .rt-grid { display: inline-block; margin-bottom: 10px; position: relative; padding-left: 7px; padding-right: 7px; } .rt-portfolio-box.element-therteen .rt-grid img { outline: none; border: none; display: block; max-width: 100%; overflow: hidden; } .rt-portfolio-box.element-therteen .rt-image-box { position: relative; margin: auto; overflow: hidden; } .rt-portfolio-box.element-therteen .rt-image-box img { max-width: 100%; transition: all 2.0s; display: block; width: 100%; height: auto; transform: scale(1); } .rt-portfolio-box.element-therteen .rt-image-box:hover img { transform: scale3d(1.1, 1.1, 1); transition: all cubic-bezier(.4, 0, .2, 1) .4s; } .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col { padding: 18px 80px 2px 0px; background: #ffffff; } .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 { font-size: 22px; color: #181b31; line-height: 30px !important; margin-bottom: 11px; padding: 0; } .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 a { color: #181b31; text-decoration: none; cursor: pointer !important; } .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 a:hover { color: #181b31; } .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col p { font-size: 15px; color: #181b31; line-height: 30px; margin-bottom: 25px; padding: 0; } .rt-portfolio-box.element-therteen .rt-masn-brdr { border-bottom: 1px solid #ededed; margin-bottom: 17px; display: block; position: relative; } .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col .radiant-masonory-date p { font-size: 15px; color: #797675; line-height: 30px; margin-bottom: 7px; padding: 0; } @media screen and (max-width: 1024px) { .rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li { width: 100%; } .rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col { background: transparent; margin-top: -49%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li { width: 100%; margin: 0 auto 30px auto; } .rt-portfolio-box.element-therteen #rt-lightbox_pop { padding: 0; } } @media screen and (max-width: 768px) { .rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col { background: transparent; margin-top: -72%; } } @media screen and (max-width: 767px) { .rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li { width: 100%; margin: 0 auto 30px auto; } .rt-portfolio-box.element-therteen #rt-lightbox_pop { padding: 0; } .rt-portfolio-box.element-therteen .radiant_lifestyle { border-left: none; } .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col { padding: 15px 15px 10px 15px; } .rt-portfolio-box.element-therteen .radiant-date-bx { display: inline; position: relative; text-align: left; } .elementor-25002 .elementor-element.elementor-element-bcc5ad0 > .elementor-element-populated { padding: 0 !important; } .elementor-25002 .elementor-element.elementor-element-fc4f17d > .elementor-element-populated { padding: 0 !important; } .elementor-25002 .elementor-element.elementor-element-319b5ca > .elementor-element-populated { padding: 0 !important; } .elementor-25002 .elementor-element.elementor-element-319b5ca > .elementor-element-populated { padding: 0 !important; } .elementor-25682 .elementor-element.elementor-element-e30a731 > .elementor-element-populated { padding: 0 !important; } .elementor-25682 .elementor-element.elementor-element-72071bc > .elementor-element-populated { padding: 0 !important; } } @media screen and (max-width: 480px) { .rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col h3 { width: 100%; } } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item { padding-left: 15px; padding-right: 15px; text-align: center; } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .pic { position: relative; overflow: hidden; transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); border-radius: 0px; } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder:hover .pic { transform: scale(1.06) translateY(-12px); -webkit-transform: scale(1.06) translateY(-12px); } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .pic > a > img { width: 100%; } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data { position: relative; z-index: 1; padding: 13px 20px 8px 20px; margin: 0 30px; border-radius: 0px; background-color: #ffffff; transform: translateY(-50px); -webkit-transform: translateY(-50px); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08); transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder:hover .data { transform: translateY(-90px); -webkit-transform: translateY(-90px); } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .title { margin-bottom: 3px; transition: all 0.4s cubic-bezier(0.39, 0.01, 0.36, 0.9); position: relative; } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .title a { color: inherit; } .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .categories { margin-bottom: 5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.element-fifteen { margin-right: -15px; margin-left: -15px; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item { margin-bottom: 25px; padding-left: 15px; padding-right: 15px; text-align: left; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; margin-bottom: 30px; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .pic > img { width: 100%; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03); } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data { text-align: center; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title { margin-bottom: 3px; font-weight: 700; font-size: 28px; color: #000; line-height: 35px; letter-spacing: -0.3px; transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title a { color: inherit; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: flex; align-items: center; justify-content: center; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link, .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom { background-color: rgba(0, 0, 0, 0.4); width: 40px; height: 40px; text-align: center; border-radius: 50%; opacity: 0; visibility: hidden; transform: scale(0); margin: 0 8px 0 0; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link { transition: transform 0.3s ease-in; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom { transition: transform 0.3s ease-in 0.2s; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover, .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover { background-color: rgba(0, 0, 0, 1); } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span, .rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span { display: block; text-align: center; font-size: 15px; color: #fff; line-height: 40px; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .overlay { opacity: 0.9; } .rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn > .portfolio-link, .rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn > .portfolio-zoom { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); } .rt-portfolio-box.element-sixteen { margin-right: -15px; margin-left: -15px; } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item { margin-bottom: 25px; padding-left: 15px; padding-right: 15px; text-align: left; } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder { position: relative; overflow: hidden; margin-bottom: 30px; } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder > .pic { transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder > .pic img { width: 100%; } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item:hover > .holder > .pic { transform: scale(0.95); -webkit-transform: scale(0.95); } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data .title { margin-bottom: 1px; /*font-weight: 500; font-size: 17px; line-height: 28px;*/ transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear; } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data .title a { color: inherit; } .rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data > .holder .categories { margin-bottom: 5px; font-weight: 400; font-size: 14px; color: #828282; line-height: 26px; letter-spacing: 0; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item { display: flex; justify-content: center; align-items: center; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item img { width: 100%; height: 100%; object-fit: cover; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item img { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover img { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } .rt-portfolio-box.element-seventeen { display: grid; grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)); grid-auto-rows: 48%; grid-auto-flow: dense; margin-bottom: -3%; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide { grid-column: span 2; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall { grid-row: span 2; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder { position: absolute; display: block; top: 0; left: 0; padding: 0 0 0 52px; width: 100%; height: 100%; text-align: left; box-sizing: border-box; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; background-color: #000; overflow: hidden; opacity: 0; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover .text-holder { opacity: 1; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text .content-entry-title { font-size: 28px; color: #fff; margin: 0 0 10px 0; position: relative; top: -100%; transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3); } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover .text-holder .text-wrapper .content-text .content-entry-title { top: 0; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text .content-category-holder { position: relative; top: 100%; transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3); } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover .text-holder .text-wrapper .content-text .content-category-holder { top: 0; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text .content-category { font-size: 17px; color: #fff; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item .portfolio-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } @media screen and (min-width: 768px) and (max-width: 991px) { .rt-portfolio-box.element-seventeen { display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide { grid-column: auto; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall { grid-row: auto; } } @media screen and (min-width: 321px) and (max-width: 479px) { .rt-portfolio-box.element-seventeen { display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide { grid-column: auto; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall { grid-row: auto; } } @media screen and (max-width: 320px) { .rt-portfolio-box.element-seventeen { display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide { grid-column: auto; } .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall { grid-row: auto; } } .element-eightteen .rt-portfolio-box-item .holder { overflow: hidden; } .element-eightteen .rt-portfolio-box-item { margin-bottom: 10px; width: 100%; color: white; width: 360px; overflow: hidden; } .element-eightteen .rt-portfolio-box-item .holder .pic { height: 450px; display: block; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background-position: center; } .element-eightteen .rt-portfolio-box-item .holder .pic { display: block; -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); -webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93); -o-transition: transform 1s cubic-bezier(.33, .02, 0, .93); transition: transform 1s cubic-bezier(.33, .02, 0, .93); transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93); } .element-eightteen .rt-portfolio-box-item .holder:hover .pic { -webkit-transform: scale(1.06) translateX(-3%); -ms-transform: scale(1.06) translateX(-3%); transform: scale(1.06) translateX(-3%); -webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93); -o-transition: transform 1s cubic-bezier(.33, .02, 0, .93); transition: transform 1s cubic-bezier(.33, .02, 0, .93); transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93); } .element-eightteen .rt-portfolio-box-item .holder .text-holder { position: absolute; display: block; width: 102%; height: auto; top: 0px; right: -1px; padding: 19px 32px 10px 23px; background-color: #171717; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-130%); -ms-transform: translateY(-130%); transform: translateY(-130%); -webkit-transition: -webkit-transform .4s ease-in-out; -o-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; z-index: 30; } .element-eightteen .rt-portfolio-box-item .holder:hover .text-holder, .element-eightteen .rt-portfolio-box-item .holder:hover .text-holder .text-wrapper { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper { display: inline-block; -webkit-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); -webkit-transition: -webkit-transform .4s ease-in-out; -o-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; text-align: left; } .element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text .content-entry-title { color: #fff; font-size: 16px; margin: 0px; } .element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text .content-category { color: #bcbcbc; text-decoration: none; } .element-eightteen .rt-portfolio-box-item .holder .portfolio-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .element-eightteen .rt-portfolio-box-item:nth-child(1) .holder .pic { /*background-image: url(images/zivi-port-01.jpg);*/ } .element-eightteen .rt-portfolio-box-item:nth-child(2) .holder .pic { /*background-image: url(images/zivi-port-02.jpg);*/ } .element-eightteen .rt-portfolio-box-item:nth-child(3) .holder .pic { /*background-image: url(images/zivi-port-03.jpg);*/ } .element-eightteen .rt-portfolio-box-item:nth-child(4) .holder .pic { /*background-image: url(images/zivi-port-04.jpg);*/ } .element-eightteen .rt-portfolio-box-item:nth-child(5) .holder .pic { /*background-image: url(images/zivi-port-05.jpg);*/ } .element-eightteen .rt-portfolio-box-item:nth-child(6) .holder .pic { /*background-image: url(images/zivi-port-06.jpg);*/ } .element-eightteen .rt-portfolio-box-item:nth-child(7) .holder .pic { /*background-image: url(images/zivi-port-07.jpg);*/ } .element-eightteen .rt-portfolio-box-item:nth-child(1) .holder .pic { height: 450px; } .element-eightteen .rt-portfolio-box-item:nth-child(2) .holder .pic { height: 240px; } .element-eightteen .rt-portfolio-box-item:nth-child(3) .holder .pic { height: 540px; } .element-eightteen .rt-portfolio-box-item:nth-child(4) .holder .pic { height: 500px; } .element-eightteen .rt-portfolio-box-item:nth-child(5) .holder .pic { height: 545px; } .element-eightteen .rt-portfolio-box-item:nth-child(6) .holder .pic { height: 455px; } .element-eightteen .rt-portfolio-box-item:nth-child(7) .holder .pic { height: 245px; } .rt-portfolio-box-item { opacity: 1; } .rt-portfolio-box-item.is-visible {}@-webkit-keyframes Items2 { 0% { opacity: 0; height: 0%; padding: 0px; } 100% { opacity: 1; } } @keyframes Items2 { 0% { opacity: 0; height: 0%; padding: 0px; } 100% { opacity: 1; } } @-webkit-keyframes Items { 0% { opacity: 0; -webkit-transform: scale(0.3) rotateY(90deg); transform: scale(0.3) rotateY(90deg); } 60% { -webkit-transform: scale(1.4); transform: scale(1.4); } 90% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { opacity: 1; } } @keyframes Items { 0% { opacity: 0; -webkit-transform: scale(0.3) rotateY(90deg); transform: scale(0.3) rotateY(90deg); } 60% { -webkit-transform: scale(1.4); transform: scale(1.4); } 90% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { opacity: 1; } } @media screen and (min-width: 768px) and (max-width: 991px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box { width: 50%; } .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box { width: 100%; } .element-eightteen .rt-portfolio-box-item { margin-bottom: 10px; width: 100%; color: white; overflow: hidden; } } @media screen and (min-width: 480px) and (max-width: 767px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box { width: 50%; } .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box { width: 100%; } .element-eightteen .rt-portfolio-box-item { margin-bottom: 10px; width: 100%; color: white; overflow: hidden; } } @media screen and (min-width: 321px) and (max-width: 479px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box, .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box { width: 100%; } .element-eightteen .rt-portfolio-box-item { margin-bottom: 10px; width: 100%; color: white; overflow: hidden; } } @media screen and (max-width: 320px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box, .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box { width: 100%; } .element-eightteen .rt-portfolio-box-item { margin-bottom: 10px; width: 100%; color: white; overflow: hidden; } } .rt-portfolio-slider.element-one { width: auto; margin-left: 0; margin-right: 0; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item { padding-left: 0; padding-right: 0; text-align: center; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder { position: relative; padding-top: calc((109/100) * 100%); overflow: hidden; text-align: inherit; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .pic { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 2; padding: 15px; background-color: rgba(19, 19, 19, 0.8); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 { display: inline-block; vertical-align: top; margin-bottom: 10px; padding: 8px 22px 7px 22px; background-color: #000; border-radius: 5px; font-weight: 500; font-size: 16px; color: #fff; line-height: 22px; letter-spacing: 0; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 a { color: inherit; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p { margin-bottom: 5px; font-weight: 400; font-size: 14px; color: #fff; line-height: 18px; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:after { content: ","; margin-right: 3px; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:last-child:after, .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:only-child:after { display: none; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; width: auto; height: auto; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .pic { transform: scale(1.05); -webkit-transform: scale(1.05); } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data h4, .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data p { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .rt-portfolio-slider.element-one > .owl-nav > .owl-prev, .rt-portfolio-slider.element-one > .owl-nav > .owl-next { position: absolute; top: 50%; z-index: 1; font-size: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-one > .owl-nav > .owl-prev { left: -20px; } .rt-portfolio-slider.element-one:hover > .owl-nav > .owl-prev { left: 20px; } .rt-portfolio-slider.element-one > .owl-nav > .owl-next { right: -20px; } .rt-portfolio-slider.element-one:hover > .owl-nav > .owl-next { right: 20px; } .rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before, .rt-portfolio-slider.element-one > .owl-nav > .owl-next:before { font-family: "FontAwesome"; font-size: 30px; color: #fff; line-height: 36px; } .rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before { content: "\f104"; } .rt-portfolio-slider.element-one > .owl-nav > .owl-next:before { content: "\f105"; } .rt-portfolio-slider.element-two { width: auto; margin-left: -15px; margin-right: -15px; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item { padding-left: 15px; padding-right: 15px; text-align: center; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic { position: relative; overflow: hidden; margin-bottom: 25px; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > img { width: 100%; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > .overlay { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .pic > .overlay { transform: translateY(-10px); -webkit-transform: translateY(-10px); } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 { margin-bottom: 10px; font-weight: 600; font-size: 20px; color: #030712; line-height: 25px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .data h4 { color: #1d4fce; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 a { color: inherit; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p { margin-bottom: 4px; text-transform: uppercase; font-weight: 400; font-size: 13px; color: #030712; line-height: 22px; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:after { content: ","; margin-right: 3px; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:last-child:after, .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:only-child:after { display: none; } .rt-portfolio-slider.element-two > .owl-nav > .owl-prev, .rt-portfolio-slider.element-two > .owl-nav > .owl-next { position: absolute; top: calc(50% - 53px); z-index: 1; font-size: 0; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-two:hover > .owl-nav > .owl-prev, .rt-portfolio-slider.element-two:hover > .owl-nav > .owl-next { transform: scale(1); -webkit-transform: scale(1); } .rt-portfolio-slider.element-two > .owl-nav > .owl-prev { left: 30px; } .rt-portfolio-slider.element-two > .owl-nav > .owl-next { right: 30px; } .rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before, .rt-portfolio-slider.element-two > .owl-nav > .owl-next:before { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; text-align: center; font-family: "FontAwesome"; font-size: 20px; color: #fff; line-height: 50px; } .rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before { content: "\f177"; } .rt-portfolio-slider.element-two > .owl-nav > .owl-next:before { content: "\f178"; } .rt-portfolio-slider.element-three { width: auto; margin-left: -15px; margin-right: -15px; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item { padding-left: 15px; padding-right: 15px; text-align: center; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder { position: relative; overflow: hidden; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic { position: relative; overflow: hidden; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > img { width: 100%; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > .holder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder:hover > .pic > .holder { transform: scale(1.1); -webkit-transform: scale(1.1); } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: auto; height: auto; } .rt-portfolio-slider.element-three > .owl-nav > .owl-prev, .rt-portfolio-slider.element-three > .owl-nav > .owl-next { position: absolute; top: 50%; z-index: 1; font-size: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-three > .owl-nav > .owl-prev { left: -20px; } .rt-portfolio-slider.element-three:hover > .owl-nav > .owl-prev { left: 20px; } .rt-portfolio-slider.element-three > .owl-nav > .owl-next { right: -20px; } .rt-portfolio-slider.element-three:hover > .owl-nav > .owl-next { right: 20px; } .rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before, .rt-portfolio-slider.element-three > .owl-nav > .owl-next:before { font-family: "FontAwesome"; font-size: 30px; color: #fff; line-height: 36px; } .rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before { content: "\f104"; } .rt-portfolio-slider.element-three > .owl-nav > .owl-next:before { content: "\f105"; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item { display: flex; justify-content: center; align-items: center } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item img { width: 100%; height: 100%; object-fit: cover } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item img { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -webkit-transition: .4s; -moz-transition: .4s; transition: .4s } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover img { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%) } .rt-portfolio-box.rt-port-metro { display: grid; grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)); grid-auto-rows: 200px; grid-auto-flow: dense } /*.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide { grid-column: span 2 }*/ .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall { grid-row: span 3; } /*.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big { grid-column: span 2; grid-row: span 2 }*/ .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-square { grid-column: span 1; grid-row: span 2; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .rt-portfolio-box-content { position: absolute; bottom: 0; left: 0; padding: 45px 4em; width: 100%; text-align: right } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover .rt-portfolio-box-content { z-index: 1 } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .rt-portfolio-box-content { position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, .93); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 20px; text-align: center; clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); -webkit-transition: -webkit-clip-path .5s cubic-bezier(.59, .02, .17, .87); transition: -webkit-clip-path .5s cubic-bezier(.59, .02, .17, .87); -o-transition: clip-path .5s cubic-bezier(.59, .02, .17, .87); transition: clip-path .5s cubic-bezier(.59, .02, .17, .87); transition: clip-path .5s cubic-bezier(.59, .02, .17, .87), -webkit-clip-path .5s cubic-bezier(.59, .02, .17, .87) } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover .rt-portfolio-box-content { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0) } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:nth-child(1) .rt-portfolio-box-content { background: #fff; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:nth-child(2) .rt-portfolio-box-content { background: #DFE7FE; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:nth-child(3) .rt-portfolio-box-content { background: #fff; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:nth-child(4) .rt-portfolio-box-content { background: #CDB392; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:nth-child(5) .rt-portfolio-box-content { background: #f3f3f3; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:nth-child(6) .rt-portfolio-box-content { background: #66B9BD; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:nth-child(7) .rt-portfolio-box-content { background: #fff; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:nth-child(8) .rt-portfolio-box-content { background: #fff; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .rt-portfolio-box-content .portfolio-category { visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .3s ease-in-out .35s; -o-transition: .3s ease-in-out .35s; transition: .3s ease-in-out .35s; color: #a1a1a1; margin-bottom: 0px; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .rt-portfolio-box-content .portfolio-title { opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .3s ease-in-out .3s; -o-transition: .3s ease-in-out .3s; transition: .3s ease-in-out .3s; color: #fff; margin-bottom: 0px; font-size: 20px; line-height: 30px; } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover .rt-portfolio-box-content .portfolio-category { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover .rt-portfolio-box-content .portfolio-title { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .portfolio-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1 } @media screen and (min-width: 768px) and (max-width: 991px) { .rt-portfolio-box.rt-port-metro { display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide { grid-column: auto } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall {} .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big { grid-row: auto; grid-column: auto } } @media screen and (min-width: 480px) and (max-width: 767px) { .rt-portfolio-box.rt-port-metro { display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide { grid-column: auto } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall {} .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big { grid-row: auto; grid-column: auto } } @media screen and (min-width: 321px) and (max-width: 479px) { .rt-portfolio-box.rt-port-metro { display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide { grid-column: auto } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall {} .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big { grid-row: auto; grid-column: auto } } @media screen and (max-width: 320px) { .rt-portfolio-box.rt-port-metro { display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide { grid-column: auto } .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall {} .rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big { grid-row: auto; grid-column: auto } } /* rt-portfolio-slider element-one */ .rt-portfolio-slider.element-one { width: auto; margin-left: 0; margin-right: 0; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item { padding-left: 0; padding-right: 0; text-align: center; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder { position: relative; padding-top: calc((109 / 100) * 100%); overflow: hidden; text-align: inherit; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .pic { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 2; padding: 15px; background-color: rgba(19, 19, 19, 0.8); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 { display: inline-block; vertical-align: top; margin-bottom: 10px; padding: 8px 22px 7px 22px; background-color: #000; border-radius: 5px; font-weight: 500; font-size: 16px; color: #fff; line-height: 22px; letter-spacing: 0; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 a { color: inherit; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p { margin-bottom: 5px; font-weight: 400; font-size: 14px; color: #fff; line-height: 18px; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:after { content: ","; margin-right: 3px; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:last-child:after, .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:only-child:after { display: none; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; width: auto; height: auto; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .pic { transform: scale(1.05); -webkit-transform: scale(1.05); } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data { opacity: 1; visibility: visible; } .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data h4, .rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data p { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } /* owl-nav */ .rt-portfolio-slider.element-one > .owl-nav > .owl-prev, .rt-portfolio-slider.element-one > .owl-nav > .owl-next { position: absolute; top: 50%; z-index: 1; font-size: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-one > .owl-nav > .owl-prev { left: -20px; } .rt-portfolio-slider.element-one:hover > .owl-nav > .owl-prev { left: 20px; } .rt-portfolio-slider.element-one > .owl-nav > .owl-next { right: -20px; } .rt-portfolio-slider.element-one:hover > .owl-nav > .owl-next { right: 20px; } .rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before, .rt-portfolio-slider.element-one > .owl-nav > .owl-next:before { font-family: "FontAwesome"; font-size: 30px; color: #fff; line-height: 36px; } .rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before { content: "\f104"; } .rt-portfolio-slider.element-one > .owl-nav > .owl-next:before { content: "\f105"; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* rt-portfolio-slider element-two */ .rt-portfolio-slider.element-two { width: auto; margin-left: -15px; margin-right: -15px; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item { padding-left: 15px; padding-right: 15px; text-align: center; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic { position: relative; overflow: hidden; margin-bottom: 25px; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > img { width: 100%; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > .overlay { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .pic > .overlay { transform: translateY(-10px); -webkit-transform: translateY(-10px); } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data > *:last-child { margin-bottom: 0 !important; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 { margin-bottom: 10px; font-weight: 600; font-size: 20px; color: #030712; line-height: 25px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .data h4 { color: #1d4fce; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 a { color: inherit; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p { margin-bottom: 4px; text-transform: uppercase; font-weight: 400; font-size: 13px; color: #030712; line-height: 22px; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:after { content: ","; margin-right: 3px; } .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:last-child:after, .rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:only-child:after { display: none; } .rt-portfolio-slider.element-two > .owl-nav > .owl-prev, .rt-portfolio-slider.element-two > .owl-nav > .owl-next { position: absolute; top: calc(50% - 53px); z-index: 1; font-size: 0; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-two:hover > .owl-nav > .owl-prev, .rt-portfolio-slider.element-two:hover > .owl-nav > .owl-next { transform: scale(1); -webkit-transform: scale(1); } .rt-portfolio-slider.element-two > .owl-nav > .owl-prev { left: 30px; } .rt-portfolio-slider.element-two > .owl-nav > .owl-next { right: 30px; } .rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before, .rt-portfolio-slider.element-two > .owl-nav > .owl-next:before { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; text-align: center; font-family: "FontAwesome"; font-size: 20px; color: #fff; line-height: 50px; } .rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before { content: "\f177"; } .rt-portfolio-slider.element-two > .owl-nav > .owl-next:before { content: "\f178"; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* rt-portfolio-slider element-three */ .rt-portfolio-slider.element-three { width: auto; margin-left: -15px; margin-right: -15px; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item { padding-left: 15px; padding-right: 15px; text-align: center; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder { position: relative; overflow: hidden; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic { position: relative; overflow: hidden; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > img { width: 100%; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > .holder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder:hover > .pic > .holder { transform: scale(1.1); -webkit-transform: scale(1.1); } .rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: auto; height: auto; } .rt-portfolio-slider.element-three > .owl-nav > .owl-prev, .rt-portfolio-slider.element-three > .owl-nav > .owl-next { position: absolute; top: 50%; z-index: 1; font-size: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-slider.element-three > .owl-nav > .owl-prev { left: -20px; } .rt-portfolio-slider.element-three:hover > .owl-nav > .owl-prev { left: 20px; } .rt-portfolio-slider.element-three > .owl-nav > .owl-next { right: -20px; } .rt-portfolio-slider.element-three:hover > .owl-nav > .owl-next { right: 20px; } .rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before, .rt-portfolio-slider.element-three > .owl-nav > .owl-next:before { font-family: "FontAwesome"; font-size: 30px; color: #fff; line-height: 36px; } .rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before { content: "\f104"; } .rt-portfolio-slider.element-three > .owl-nav > .owl-next:before { content: "\f105"; } @media screen and (max-width: 768px) { .mobile-wrapper { background: #f7f7f7; border-bottom: 1px solid #eaeaea; overflow: hidden; padding: 13px 20px; } .mobile-logo { width: 50%; float: left; display: block; } } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* rt-pricing-table element-five */ /*.rt-pricing-table.element-five > .holder { position: relative; overflow: hidden; background-color: #fff; text-align: center; border-radius: 4px; padding: 40px 35px 20px 35px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; box-shadow: 0px 0px 30px 0px rgba(42.000000000000156, 22.000000000000014, 139, 0.08); } .rt-pricing-table.element-five > .holder:hover { } .rt-pricing-table.element-five > .holder > .icon { margin-bottom: 30px; } .rt-pricing-table.element-five > .holder > .plan-name { margin-bottom: 25px; } .rt-pricing-table > .holder > .plan-name > *:last-child { margin-bottom: 0 !important; } .rt-pricing-table.element-five > .holder > .plan-name h5 { color: #000; } .rt-pricing-table.element-five > .holder > .pricing { margin-bottom: 0; } .rt-pricing-table.element-five > .holder > .pricing .price { margin-bottom: 25px; font-weight: 600; font-size: 50px; color: #8fa4c2; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; font-family: "Poppins", sans-serif; } .rt-pricing-table.element-five > .holder > .pricing .price sup { display: inline-block; vertical-align: middle; margin-top: 11px; margin-right: 8px; font-weight: 400; font-size: 30px; line-height: 1; } .rt-pricing-table.element-five > .holder > .pricing .price sub { display: inline-block; text-transform: capitalize; vertical-align: bottom; margin-bottom: 5px; margin-left: 10px; font-weight: 500; font-size: 18px; line-height: 32px; } .rt-pricing-table.element-five > .holder > .pricing .tagline { margin-bottom: 22px; font-weight: 400; font-size: 13px; line-height: 26px; } .rt-pricing-table.element-five > .holder > .list { margin-bottom: 35px; font-size: 16px; color: #2b2944; line-height: 28px; padding-top: 25px; border-top: 1px solid #ededed; } .rt-pricing-table.element-five > .holder > .list > *:last-child { margin-bottom: 0 !important; } .rt-pricing-table.element-five > .holder > .list > ul { margin: 0; padding: 0; list-style: none; } .rt-pricing-table.element-five > .holder > .list > ul li { margin-bottom: 11px; }*/ /*.rt-pricing-table.element-five > .holder > .spotlight-tag { position: absolute; top: 0; right: 0; height: 106px; width: 94px; background: url(../images/price-tag.png) no-repeat 0 0; padding: 5px 0 0 40px; }*/ /*.rt-pricing-table.element-five > .holder > .spotlight-tag > .spotlight-tag-text { position: relative; display: block; -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; font-size: 14px; line-height: 26px; font-weight: 600; letter-spacing: 0; }*/ /*.rt-pricing-table.element-five > .holder > .select-btn .btn { margin-bottom: 15px; padding: 13px 43px !important; background: #14255B; font-size: 15px; line-height: 25px !important; letter-spacing: 0px; font-weight: 500; color: #fff; width: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border: none !important; border-radius: 4px !important; } .rt-pricing-table.element-five.spotlight > .holder > .select-btn .btn { margin-bottom: 15px; padding: 13px 43px !important; background: #1E4EC4; font-size: 15px; line-height: 25px !important; letter-spacing: 0px; font-weight: 500; color: #fff; width: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border: none !important; border-radius: 4px !important; } .rt-pricing-table.element-five > .holder > .select-btn .btn:hover, .rt-pricing-table.element-five.spotlight > .holder > .select-btn .btn:hover { box-shadow: 0px 11px 14px -7px rgb(0 0 0 / 25%); transform: translateY(-5px); -webkit-transform: translateY(-5px); }*/ @media screen and (max-width: 767px) {} /* ============== Drop Down new css ============== */ .rt-select-wrapper { position:relative; /*width: 100%;*/ height:55px; display:inline-block; vertical-align:middle; min-width:232px; padding-right:36px; border-radius:0px; border:1px solid #d0d0d0; border-radius:4px; } .rt-select-wrapper .rt-select-text { display: block; padding: 13px; font-size: 16px; line-height: 28px; overflow: hidden; text-align: left; white-space: nowrap; color: #000; } .rt-select-wrapper .rt-select-button { width: 36px; height: 55px; position: absolute; right: 0px; top: 0px; cursor: pointer; } .rt-select-wrapper .rt-select-button:before { content: "\e64b"; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -11px; font-family: 'themify'; font-size: 10px; width: 24px; height: 24px; line-height: 24px; font-weight: normal; } .select2-container .select2-selection > .select2-selection__arrow:before { content: "\e64b"; position: absolute; /*left: 50%;*/ right: 0; top: 50%; margin-left: -12px; margin-top: -14px; font-family: "themify"; font-size: 10px; width: 24px; height: 24px; line-height: 24px; font-weight: normal; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none !important; } .widget-area > .widget select { width: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 0; padding: 0 10px 0 0; font-size: 13px; height: 37px; border: 1px solid #e7f1fb; background-color: #ffffff; } .widget-area > .widget select:hover { border: 1px solid #e7f1fb !important; background-color: #ffffff; } .widget-area > .widget select:focus { border: 1px solid #afb1b1 !important; background-color: #ffffff; } /* ============== End Drop Down new css ============== */ /** ======================== * Pricing Table Responsive CSS ============================*/ @media screen and (max-width: 1199px) { .rt-pricing-table.element-nine { padding-left: 35px; padding-right: 35px; } .rt-pricing-table.element-nine.spotlight { padding-left: 35px; padding-right: 35px; } } @media screen and (max-width: 991px) { .rt-pricing-table.element-nine.spotlight > .spotlight-tag { top: 10px; } .rt-pricing-table.element-nine { padding-left: 20px; padding-right: 20px; } .rt-pricing-table.element-nine.spotlight { padding-left: 20px; padding-right: 20px; } .rt-pricing-table.element-nine .rt-price { font-size: 38px; } .rt-pricing-table.element-nine .rt-price .rt-supsub .rt-superscript { top: 16px; } .rt-pricing-table.element-nine .rt-price .rt-supsub .rt-subscript { top: 36px; } } @media screen and (max-width: 768px) { .rt-pricing-table.element-nine { padding-left: 20px; padding-right: 20px; } .rt-pricing-table.element-nine.spotlight { padding-left: 20px; padding-right: 20px; } .rt-pricing-table.element-nine .rt-price { font-size: 37px; } } @media screen and (max-width: 767px) { .rt-pricing-table.element-nine { padding-left: 40px; padding-right: 40px; margin-bottom: 30px; } .rt-pricing-table.element-nine.spotlight { padding-left: 40px; padding-right: 40px; margin-bottom: 30px; } .rt-pricing-table.element-nine.spotlight > .spotlight-tag { top: 26px; } } /* rt-pricing-table element-ten */ .rt-pricing-table.element-ten { text-align: left; float: left; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; padding-top: 27px; padding-left: 45px; padding-bottom: 33px; padding-right: 45px; background: #ffffff; } .rt-pricing-table.element-ten.spotlight { text-align: left; float: left; -webkit-box-shadow: none; box-shadow: 0px 5px 60px 0px rgba(255, 95, 99, 0.12); -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; /*border:1px solid black;*/ padding-top: 27px; padding-left: 45px; padding-bottom: 33px; padding-right: 45px; background: #ffffff; } @media screen and (min-width: 768px) and (max-width: 991px) { .rt-pricing-table.element-ten { padding-left: 25px; padding-right: 25px; } .rt-pricing-table.element-ten.spotlight { padding-left: 25px; padding-right: 25px; } } .rt-pricing-table.element-ten .rt-pricing-title { color: #1c1615; background: transparent; padding: 0px 0px; font-size: 22px; text-shadow: none; text-align: left; font-weight: 500; } .rt-pricing-table.element-ten .rt-price { /*background: #403e3d;*/ background: transparent; font-size: 55px; font-weight: 700; padding: 0px 0px; text-align: left; color: #ff6064; } .rt-pricing-table.element-ten .rt-price sub { font-size: 50% !important; position: relative; left: 5px; color: #3c4f62; font-weight: 500; } .rt-pricing-table.element-ten .rt-list ul { background: transparent; color: #403d3a; } .rt-pricing-table.element-ten .rt-list ul li { font-size: 15px !important; font-weight: normal; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; text-align: left; } .rt-pricing-table.element-ten .rt-list ul li span.rt-unlimited { color: #fff; background: #3cbf70; font-size: 12px; padding: 0px 5px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rt-pricing-table.element-ten .rt-list ul li span.rt-unlimited-danger { color: #fff; background: #ff6064; font-size: 12px; padding: 0px 5px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rt-pricing-table.element-ten .rt-list ul li:nth-child(2n) { background: transparent; } .rt-pricing-table.element-ten .rt-table-buy { background: transparent; padding: 0px; text-align: left; overflow: hidden; width: 100%; } .rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action { float: left; color: #ff6064; background: transparent; padding-top: 12px; padding-bottom: 12px; /*padding-left: 30px; padding-right: 30px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; font-size: 15px; text-shadow: none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; border: 1px solid #ff6064; text-decoration: none !important; margin-top: 23px; width: 180px; text-align: center; } .rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action:hover { background: #ff6064; color: #fff; } .rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action .fa-angle-right { font-weight: bold; margin-left: 5px; display: none; } .rt-pricing-table.element-ten .rt-list p { padding-top: 17px; font-size: 15px; color: #33475b; line-height: 28px; letter-spacing: 0.1; } .rt-pricing-table.element-ten .rt-pricing-text-2 { padding-top: 15px; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* rt-progress-bar element-one */ .rt-progress-bar.element-one > .title { margin-bottom: 5px; font-weight: 700; font-size: 16px; color: #000; line-height: 28px; } .rt-progress-bar.element-one > .title > .progress-width { float: right; } .rt-progress-bar.element-one > .progress > .progress-bar { transition-duration: 2s; -webkit-transition-duration: 2s; } /* radiantthemes-recent-post-widget element-one */ .radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post { margin-bottom: 22px; } .radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:last-child, .radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:only-child { margin-bottom: 0; } .radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .date { margin-bottom: 10px; font-weight: 500; font-size: 14px; color: #fff; line-height: 27px; font-style: italic; } .radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .title { margin-bottom: 0; font-weight: 400; font-size: 15px; color: #fff; line-height: 28px; opacity: 0.7; } /* radiantthemes-recent-post-widget element-two */ .radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post { margin-bottom: 22px; } .radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:last-child, .radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:only-child { margin-bottom: 0; } .radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .date { margin-bottom: 10px; font-weight: 500; font-size: 14px; color: #141515; line-height: 27px; font-style: italic; } .radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .title { margin-bottom: 0; font-weight: 400; font-size: 15px; color: #141515; line-height: 28px; opacity: 0.7; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* radiantthemes-separator element-one */ .radiantthemes-separator.element-one > .radiantthemes-separator-block { position: relative; display: inline-block; vertical-align: top; overflow: hidden; } .radiantthemes-separator.element-one > .radiantthemes-separator-block > .radiantthemes-separator-block-gap { position: absolute; top: 0; bottom: 0; width: 12px; animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out; } @keyframes RadiantThemesSeparatorAnimation { 0% { left: -12px; } 100% { left: 100%; } } /* radiantthemes-separator element-two */ .radiantthemes-separator.element-two > .radiantthemes-separator-block { position: relative; display: inline-block; vertical-align: top; overflow: hidden; transform: skewX(20deg); -webkit-transform: skewX(20deg); } .radiantthemes-separator.element-two > .radiantthemes-separator-block > .radiantthemes-separator-block-gap { position: absolute; top: 0; bottom: 0; width: 12px; animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out; } @keyframes RadiantThemesSeparatorAnimation { 0% { left: -12px; } 100% { left: 100%; } } /* radiantthemes-separator element-three */ .radiantthemes-separator.element-three > .radiantthemes-separator-block { position: relative; display: inline-block; vertical-align: top; overflow: hidden; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); } .radiantthemes-separator.element-three > .radiantthemes-separator-block > .radiantthemes-separator-block-gap { position: absolute; top: 0; bottom: 0; width: 12px; animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out; } @keyframes RadiantThemesSeparatorAnimation { 0% { left: -12px; } 100% { left: 100%; } } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ /* SMART PHONE LANDSCAPE PART */ /* SMART PHONE PROTRAIT PART */ /* radiantthemes-social-widget element-one */ .radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons { font-size: 0; } .radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li { display: inline-block; vertical-align: top; margin-right: 14px; } .radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li:last-child, .radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li:only-child { margin-right: 0; } .radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li > a { display: block; width: 35px; height: 35px; background-color: #fff; border-radius: 50%; text-align: center; font-size: 15px; color: #000; line-height: 36px; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li > a:hover { color: #fff; } /* radiantthemes-social-widget element-two */ .radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons { font-size: 0; } .radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li { display: inline-block; vertical-align: top; margin-right: 15px; } .radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li:last-child, .radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li:only-child { margin-right: 0; } .radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li > a { display: block; width: 45px; height: 45px; background-color: #000; border-radius: 50%; text-align: center; font-size: 15px; color: #fff; line-height: 45px; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* radiantthemes-social-widget element-three */ .radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons { font-size: 0; } .radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li { display: inline-block; vertical-align: top; margin-right: 17px; } .radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li:last-child, .radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li:only-child { margin-right: 0; } .radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li > a { display: block; text-align: center; font-size: 16px; color: #000; line-height: 1; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* radiantthemes-social-widget element-four */ .radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons { font-size: 0; } .radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li { display: inline-block; vertical-align: top; margin-right: 15px; } .radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li:last-child, .radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li:only-child { margin-right: 0; } .radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li > a { display: block; width: 45px; height: 45px; background-color: transparent; border-width: 2px; border-style: solid; border-radius: 50%; text-align: center; font-size: 15px; color: #fff; line-height: 42px; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li > a:hover { color: #fff; } /* radiantthemes-social-widget element-five */ .radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons { font-size: 0; } .radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li { display: inline-block; vertical-align: top; margin-right: 17px; } .radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li:last-child, .radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li:only-child { margin-right: 0; } .radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li > a { display: block; text-align: center; font-size: 16px; color: #fff; line-height: 1; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* radiantthemes-social-widget element-six */ .radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons { font-size: 0; } .radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li { display: inline-block; vertical-align: top; margin-right: 15px; } .radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li:last-child, .radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li:only-child { margin-right: 0; } .radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li > a { display: block; width: 40px; height: 40px; background-color: transparent; border-width: 2px; border-style: solid; border-radius: 50%; text-align: center; font-size: 15px; line-height: 38px; cursor: pointer; } /* radiantthemes-social-widget element-seven */ .radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons { font-size: 0; } .radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li { display: inline-block; vertical-align: top; margin-right: 13px; } .radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li:last-child, .radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li:only-child { margin-right: 0; } .radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li > a { display: block; width: 45px; height: 45px; background-color: transparent; border: 2px rgba(0, 0, 0, 0.1) solid; border-radius: 50%; text-align: center; font-size: 15px; color: #282828; line-height: 42px; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li > a:hover { color: #fff; } /* Event */ .up-event-box { border: 1px solid #d2d2d2; background: #fff; width: 100%; float: left; margin-bottom: 30px; position: relative; } .up-event-box:after { content: ""; width: 15%; height: 3px; background: #3cb065; position: absolute; bottom: 0px; left: 0px; } .heading { margin-bottom: 20px; width: 100%; float: left; } .heading span { color: #22356a; font-size: 30px; font-weight: 600; float: left; } .viewall-btn { background: #3db166; padding: 13px 30px; float: right; color: #fff; font-size: 14px; } .viewall-btn:hover { text-decoration: none; color: #fff; } .up-event-calender-box { width: 15%; float: left; padding: 15px 15px; text-align: center; } .up-event-calender-box .date { color: #22356a; font-size: 36px; font-weight: 700; } .up-event-calender-box .month { color: #767676; font-size: 16px; font-weight: 600; } .up-event-text-box { width: 85%; float: left; border-left: 1px solid #d2d2d2; min-height: 95px; padding: 10px; } .up-event-text-box h3 { margin: 10px 0 10px 0; line-height: 22px; color: #22356a; font-size: 16px; font-weight: 600; } .up-event-text-box p { margin-bottom: 0px; } .up-event-text-box span { margin-right: 15px; color: #767676; } /* Slider Start */ #app-slider { padding: 14px 0; } #app-slider { position: relative; display: inline-block; } #app-slider:before { background: url(../images/app-slider-ph-bg.png); content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 235px; height: 542px; z-index: 99; background-repeat: no-repeat; top: 0; } .owl-theme .owl-dots { margin-top: 30px !important; } /* rt-slider Nav Style */ .rt-slider .owl-nav { font-size: 0; } .rt-slider .owl-nav > .owl-prev, .rt-slider .owl-nav > .owl-next { position: absolute; top: 50%; margin-top: -30px; text-align: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-slider:hover .owl-nav > .owl-prev, .rt-slider:hover .owl-nav > .owl-next { opacity: 1; visibility: visible; } .rt-slider .owl-nav > .owl-prev { left: 15px; } .rt-slider:hover .owl-nav > .owl-prev { left: -35px; } .rt-slider .owl-nav > .owl-next { right: 15px; } .rt-slider:hover .owl-nav > .owl-next { right: -35px; } .rt-slider .owl-nav > .owl-prev:before, .rt-slider .owl-nav > .owl-next:before { font-family: "FontAwesome"; font-size: 55px; color: #6a30f5; line-height: 1; } .rt-slider .owl-nav > .owl-prev:before { content: "\f104"; } .rt-slider .owl-nav > .owl-next:before { content: "\f105"; } @media screen and (max-width: 480px) { #app-slider .pic { width: 58%; margin: 0 auto; } } @media screen and (min-width: 481px) and (max-width: 768px) { #app-slider .pic { width: 90%; margin: 0 auto; } } /* rt-tab element-one */ .rt-tab.element-one > ul.nav-tabs { margin-top: 5px; margin-bottom: 50px; border: none; text-align: center; font-size: 0; } .rt-tab.element-one > ul.nav-tabs:after { content: " "; display: block; clear: both; } .rt-tab.element-one > ul.nav-tabs > li { display: inline-block; vertical-align: top; float: none; margin-bottom: 0; background-color: #ede8e6; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-one > ul.nav-tabs > li:first-child { border-radius: 35px 0px 0px 35px; } .rt-tab.element-one > ul.nav-tabs > li:last-child { border-radius: 0px 35px 35px 0px; } .rt-tab.element-one > ul.nav-tabs > li:only-child { border-radius: 35px 35px 35px 35px; } .rt-tab.element-one > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 10px 25px 10px 25px; border: none; border-radius: 35px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-align: center; font-weight: 600; font-size: 12px; color: #1e1e1e; line-height: 26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-one > ul.nav-tabs > li > a i { margin-right: 10px; } .rt-tab.element-one > ul.nav-tabs > li > a > span { position: relative; } .rt-tab.element-one > ul.nav-tabs > li.active > a { background-color: #fff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12); } /* rt-tab element-two */ .rt-tab.element-two > ul.nav-tabs { margin-top: 5px; margin-bottom: 50px; border: none; text-align: center; font-size: 0; } .rt-tab.element-two > ul.nav-tabs:after { content: " "; display: block; clear: both; } .rt-tab.element-two > ul.nav-tabs > li { display: inline-block; vertical-align: top; float: none; margin-bottom: 0; background-color: rgba(247, 208, 209, 0.9); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; height: 27px !important; /*width: 30px;*/ } .rt-tab.element-two > ul.nav-tabs > li:first-child { border-radius: 35px 0px 0px 35px; } .rt-tab.element-two > ul.nav-tabs > li:last-child { border-radius: 0px 35px 35px 0px; } .rt-tab.element-two > ul.nav-tabs > li:only-child { border-radius: 35px 35px 35px 35px; } .rt-tab.element-two > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 0px; border: none; border-radius: 35px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-align: center; font-weight: 600; font-size: 12px; color: #1e1e1e; line-height: 26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; width: 23px; height: 22px; margin-right: 0; padding-right: 0; top: 2px; border: 2px solid transparent; margin: 0 3px; } .rt-tab.element-two > ul.nav-tabs > li > a i { margin-right: 10px; } /*.rt-tab.element-two > ul.nav-tabs > li > a > span { position: relative; }*/ .rt-tab.element-two > ul.nav-tabs > li:first-child span { position: absolute; width: 100px; right: 30px; top: -7px; font-size: 22px; font-weight: 500; line-height: 28px; } .rt-tab.element-two > ul.nav-tabs > li:last-child span { position: absolute; width: 100px; left: 30px; top: -7px; font-size: 22px; font-weight: 500; line-height: 28px; } .rt-tab.element-two > ul.nav-tabs > li.active > a { background-color: #ff6064; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12); border: 2px solid #f7f7f7; margin: 0 3px; } /* rt-tab element-three */ .rt-tab-three > .elementor-tabs { margin-bottom: 50px; border: none; border-bottom: 1px #dddad9 solid; text-align: center; font-size: 0; width: 80%; margin: 0 auto; } .rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title { display: inline-block; vertical-align: top; width: auto; float: none; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; padding: 0 26px 0 26px; color: #454545; } .rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a { padding: 14px 0; text-align: center; text-transform: capitalize; font-weight: 500; font-size: 22px; color: #454545; line-height: 30px; position: relative; color: inherit; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a:before { content: ""; width: 0; height: 1px; bottom: 5px; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: #ef576c; } .rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a:hover:before { right: auto; left: 0; width: 100%; } .rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a i { display: block; margin-bottom: 15px; font-size: 35px; color: #939190; line-height: 1; } /* .rt-tab.element-three > ul.nav-tabs > li.active > a:before { transform: scaleX(1); -webkit-transform: scaleX(1); } */ .rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a.active { padding: 14px 0; text-align: center; text-transform: capitalize; font-weight: 500; font-size: 22px; color: #454545; line-height: 30px; position: relative; color: inherit; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a.active:before { content: ""; width: 100%; height: 1px; bottom: 5px; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: #ef576c; } /* rt-tab element-four */ .rt-tab.element-four > ul.nav-tabs { margin-bottom: 50px; border-bottom: 1px #dedede solid; text-align: center; font-size: 0; } .rt-tab.element-four > ul.nav-tabs > li { display: table-cell; width: 1%; float: none; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-four > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 0px 50px 20px 50px; background-color: transparent; border: none; border-radius: 0; text-align: center; font-weight: 500; font-size: 15px; color: #6f6f6f; line-height: 26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-four > ul.nav-tabs > li > a i { display: block; margin-bottom: 15px; font-size: 30px; line-height: 1; } .rt-tab.element-four > ul.nav-tabs > li.active > a { color: #030712; } .rt-tab.element-four > ul.nav-tabs > li > a:before { position: absolute; bottom: -1px; left: 30px; right: 30px; z-index: 0; content: " "; height: 2px; transform: scaleX(0); -webkit-transform: scaleX(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-four > ul.nav-tabs > li.active > a:before { transform: scaleX(1); -webkit-transform: scaleX(1); } /* rt-tab element-five */ .rt-tab.element-five > ul.nav-tabs { /*margin-bottom: 28px;*/ border: none; text-align: center; font-size: 0; background: transparent; /*box-shadow: 0px 0px 20px 0px rgba(47, 85, 212, 0.1);*/ /*width: 100%;*/ margin: 0 auto; /*border-bottom: 2px solid #EDEDED;*/ box-shadow: none; /*margin: 0 120px 0px 120px;*/ } .rt-tab.element-five > ul.nav-tabs > li { /*display: table-cell;*/ display: inline-block; /*width: 1%;*/ width: 260px; float: none; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-five > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; /*padding: 11px 25px 10px 25px;*/ padding: 19px 0px 19px 0px; background-color: #f4f4f4; /*border: 1px #ece9e9 solid; border-right: none;*/ border: none; border-radius: 0; text-align: center; text-transform: capitalize; font-weight: 600; font-size: 17px; color: #1E4EC4; line-height: 27px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-five > ul.nav-tabs > li > a.active { background-color: #1E4EC4; color: #fff; } .rt-tab.element-five > ul.nav-tabs > li:last-child > a, .rt-tab.element-five > ul.nav-tabs > li:only-child > a { border-right: 1px #ece9e9 solid; } .rt-tab.element-five > ul.nav-tabs > li > a:before { position: absolute; top: 0; right: 0; bottom: -2px; left: 0; z-index: 0; content: " "; background-color: #ece9e9; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background: transparent; border-bottom: 2px solid #fb5347; /*width: 43px;*/ } .rt-tab.element-five > ul.nav-tabs > li.active > a:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); } .rt-tab.element-five > ul.nav-tabs > li > a i { margin-right: 10px; } .rt-tab.element-five > ul.nav-tabs > li.active > a > span { position: relative; color: #fb5347; } .rt-tab.element-five > ul.nav-tabs > li:last-child > a { border-right: 1px transparent solid; } .rt-tab.element-five > .tab-content { padding-top: 25px; } /*.rt-tab.element-five .tab-content h2 { font-size: 22px; line-height: 32px !important; }*/ /* rt-tab element-six */ .rt-tab.element-six > ul.nav-tabs { margin-bottom: 20px; border: none; text-align: left; font-size: 0; } .rt-tab.element-six > ul.nav-tabs > li { display: inline-block; vertical-align: top; float: none; margin-right: 2px; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-six > ul.nav-tabs > li:last-child, .rt-tab.element-six > ul.nav-tabs > li:only-child { margin-right: 0; } .rt-tab.element-six > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 11px 25px 9px 25px; background-color: transparent; border: none; border-radius: 30px; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 14px; color: #171d2d; line-height: 25px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-six > ul.nav-tabs > li > a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; content: " "; border-width: 2px; border-style: solid; border-radius: inherit; opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; } .rt-tab.element-six > ul.nav-tabs > li.active > a:before { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); } .rt-tab.element-six > ul.nav-tabs > li > a i { margin-right: 10px; } .rt-tab.element-six > ul.nav-tabs > li.active > a > span { position: relative; } /* rt-tab element-seven */ .rt-tab.element-seven > ul.nav-tabs { margin-bottom: 20px; border: none; text-align: left; font-size: 0; } .rt-tab.element-seven > ul.nav-tabs > li { display: inline-block; vertical-align: top; float: none; margin-right: 2px; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-seven > ul.nav-tabs > li:last-child, .rt-tab.element-seven > ul.nav-tabs > li:only-child { margin-right: 0; } .rt-tab.element-seven > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 11px 25px 9px 25px; background-color: transparent; border: none; border-radius: 30px; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 14px; color: #171d2d; line-height: 25px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-seven > ul.nav-tabs > li.active > a { color: #fff; } .rt-tab.element-seven > ul.nav-tabs > li > a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; content: " "; border-radius: inherit; opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; } .rt-tab.element-seven > ul.nav-tabs > li.active > a:before { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); } .rt-tab.element-seven > ul.nav-tabs > li > a i { margin-right: 10px; } .rt-tab.element-seven > ul.nav-tabs > li.active > a > span { position: relative; } /* rt-tab element-eight */ /*.rt-tab.element-eight > ul.nav-tabs { margin-bottom: 20px; border: none; text-align: left; font-size: 0; } .rt-tab.element-eight > ul.nav-tabs > li { display: inline-block; vertical-align: top; width: auto; float: none; margin-bottom: 0; margin-right: 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-eight > ul.nav-tabs > li:last-child, .rt-tab.element-eight > ul.nav-tabs > li:only-child { margin-right: 0; } .rt-tab.element-eight > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 0 0 0 40px; background-color: transparent; border: none; border-radius: 0; text-align: left; text-transform: uppercase; font-weight: 500; font-size: 15px; color: #030000; line-height: 28px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-eight > ul.nav-tabs > li > a:before { position: absolute; top: 14px; left: 0; z-index: 0; content: " "; width: 0; height: 1px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-eight > ul.nav-tabs > li > a i { margin-right: 15px; } .rt-tab.element-eight > ul.nav-tabs > li.active > a:before { width: 28px; }*/ .rt-tab.element-eight > ul.nav-tabs { border: none; text-align: left; font-size: 0; background: transparent; margin: 0 auto; box-shadow: none; } .rt-tab.element-eight > ul.nav-tabs > li { display: inline-block; width: auto; float: none; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; margin-left: 15px; } .rt-tab.element-eight > ul.nav-tabs > li:first-child { margin-left: 0; } .rt-tab.element-eight > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 5px 19px 5px 19px; background-color: #fff; border: none; border-radius: 0; text-align: center; text-transform: capitalize; font-weight: 500; font-size: 16px; color: #616670; line-height: 26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 4px; border: 1px solid #E4E4E4; } .rt-tab.element-eight > ul.nav-tabs > li > a.active { background-color: #14255B; color: #fff; border: 1px solid #14255B; } /*.rt-tab.element-eight > ul.nav-tabs > li:last-child > a, .rt-tab.element-eight > ul.nav-tabs > li:only-child > a { border-right: 1px #ece9e9 solid; }*/ .rt-tab.element-eight > ul.nav-tabs > li > a:before { position: absolute; top: 0; right: 0; bottom: -2px; left: 0; z-index: 0; content: " "; background-color: #ece9e9; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background: transparent; border-bottom: 2px solid #fb5347; /*width: 43px;*/ } .rt-tab.element-eight > ul.nav-tabs > li.active > a:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); } .rt-tab.element-eight > ul.nav-tabs > li > a i { margin-right: 10px; } .rt-tab.element-eight > ul.nav-tabs > li.active > a > span { position: relative; color: #fb5347; } /*.rt-tab.element-eight > ul.nav-tabs > li:last-child > a { border-right: 1px transparent solid; }*/ .rt-tab.element-eight > .tab-content { padding-top: 25px; } /*.rt-tab.element-five .tab-content h2 { font-size: 22px; line-height: 32px !important; }*/ /* rt-tab element-nine */ .rt-tab.element-nine > ul.nav-tabs { margin-bottom: 20px; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; text-align: left; font-size: 0; } .rt-tab.element-nine > ul.nav-tabs > li { display: inline-block; vertical-align: top; float: none; margin-right: 40px; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-nine > ul.nav-tabs > li:last-child, .rt-tab.element-nine > ul.nav-tabs > li:only-child { margin-right: 0; } .rt-tab.element-nine > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 0px 0px 10px 0px; background-color: transparent; border: none; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 14px; color: #fff; line-height: 25px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-nine > ul.nav-tabs > li > a:before { position: absolute; bottom: -1px; left: 0; right: 0; z-index: 0; content: " "; height: 3px; opacity: 0; visibility: hidden; transform: scaleX(0); -webkit-transform: scaleX(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-nine > ul.nav-tabs > li.active > a:before { opacity: 1; visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); } .rt-tab.element-nine > ul.nav-tabs > li > a i { margin-right: 10px; } .rt-tab.element-nine > ul.nav-tabs > li.active > a > span { position: relative; } .rt-tab.element-nine > .tab-content { color: #fff; } /* rt-tab element-ten */ .rt-tab.element-ten > ul.nav-tabs { width: 110px; float: left; border: none; border-right: 1px #e5e6e8 solid; text-align: left; font-size: 0; } .rt-tab.element-ten > ul.nav-tabs > li { width: 100%; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-ten > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 15px 10px 15px 0px; background-color: transparent; border: none; text-align: left; text-transform: uppercase; font-weight: 500; font-size: 14px; color: #171d2d; line-height: 25px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-ten > ul.nav-tabs > li > a:before { position: absolute; top: 0; bottom: 0; right: -2px; z-index: 0; content: " "; width: 3px; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-ten > ul.nav-tabs > li.active > a:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); } .rt-tab.element-ten > ul.nav-tabs > li > a i { margin-right: 10px; } .rt-tab.element-ten > ul.nav-tabs > li.active > a > span { position: relative; } .rt-tab.element-ten > .tab-content { width: calc(100% - 110px); float: left; padding-left: 30px; } /* rt-tab element-eleven */ .rt-tab.element-eleven > ul.nav-tabs { width: 110px; float: left; border: none; border-right: 1px rgba(255, 255, 255, 0.2) solid; text-align: left; font-size: 0; } .rt-tab.element-eleven > ul.nav-tabs > li { width: 100%; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-eleven > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 15px 10px 15px 0px; background-color: transparent; border: none; text-align: left; text-transform: uppercase; font-weight: 500; font-size: 14px; color: #fff; line-height: 25px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-eleven > ul.nav-tabs > li > a:before { position: absolute; top: 0; bottom: 0; right: -2px; z-index: 0; content: " "; width: 3px; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-eleven > ul.nav-tabs > li.active > a:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); } .rt-tab.element-eleven > ul.nav-tabs > li > a i { margin-right: 10px; } .rt-tab.element-eleven > ul.nav-tabs > li.active > a > span { position: relative; } .rt-tab.element-eleven > .tab-content { width: calc(100% - 110px); float: left; padding-left: 30px; color: #fff; } /* rt-tab element-twelve */ .rt-tab.element-twelve { display: flex; align-items: stretch; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .rt-tab.element-twelve:after { content: " "; display: block; clear: both; } .rt-tab.element-twelve > ul.nav-tabs { width: 22%; float: left; border: none; } .rt-tab.element-twelve > ul.nav-tabs > li { width: 100%; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-twelve > ul.nav-tabs > li > a { position: relative; display: block; margin: 0; padding: 23px 40px 22px 40px; background-color: transparent; border-top: none; border-right: none; border-bottom: 1px #d7d7d7 solid; border-left: none; border-radius: 0; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 15px; color: #000; line-height: 26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-twelve > ul.nav-tabs > li:last-child > a { border-bottom: none; } .rt-tab.element-twelve > ul.nav-tabs > li.active > a { background-color: #282828; } .rt-tab.element-twelve > ul.nav-tabs > li > a:before { position: absolute; top: 50%; left: 100%; content: " "; width: 0; height: 0; pointer-events: none; border: solid transparent; border-color: rgba(40, 40, 40, 0); border-left-color: #282828; border-width: 0; margin-top: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-twelve > ul.nav-tabs > li.active > a:before { border-width: 12px; margin-top: -12px; } .rt-tab.element-twelve > ul.nav-tabs > li > a i { display: block; margin-bottom: 10px; font-size: 40px; color: #282828; line-height: 1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-tab.element-twelve > .tab-content { width: 78%; float: left; padding: 30px; border-left: 1px #d7d7d7 solid; } /* testimonial element-three */ .testimonial.element-three { position: relative; width: auto !important; margin-left: -15px; margin-right: -15px; } .testimonial.element-three .swiper-wrapper { padding: 15px; } .testimonial.element-three .testimonial-item { background: #fff url(../images/without-shadow.png) center center no-repeat; box-shadow: 0px 14px 46px 0 rgb(0 26 87 / 8%); border-radius: 0px; } .testimonial.element-three .testimonial-item > .holder { background: transparent; padding-top: 12px; padding-bottom: 15px; border-bottom: none; margin-top: 15px; margin-bottom: 15px; padding-left: 38px; padding-right: 38px; } .testimonial.element-three .testimonial-item > .holder > .testimonial-data { margin-bottom: 0px; } .testimonial.element-three .testimonial-item > .holder > .testimonial-title { position: relative; min-height: 80px; margin-bottom: 15px; padding-top: 22px; padding-left: 78px; } .testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic { position: absolute; top: 11px; left: 0; z-index: 1; width: 60px; height: 60px; background: center center no-repeat; background-size: cover; border-radius: 50%; } .testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data { margin-top: -5px; } .testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child { margin-bottom: 0 !important; } .testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .testi-star { margin-bottom: 8px; } .testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title { margin-bottom: 0px; margin-top: -9px; margin-left: 2px; text-transform: capitalize; font-weight: 600; font-size: 17px; color: #16171e; line-height: 27px; } .testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data h6.title { margin-bottom: 0; padding-bottom: 0; } .testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation { margin-bottom: 7px; margin-left: 2px; text-transform: capitalize; font-weight: 500; font-size: 13px; color: #676767; line-height: 26px; } .testimonial.element-three .testimonial-item > .holder > .testimonial-data blockquote > *:last-child { margin-bottom: 0 !important; } .testimonial.element-three .testimonial-item > .holder > .testimonial-data blockquote p { margin-bottom: 20px; } .testimonial.element-three:not(.owl-carousel) .testimonial-item { float: left; padding-left: 0; margin-bottom: 62px; } .testimonial.element-three > .owl-thumbs { display: none; } .testimonial.element-three > .owl-nav { margin-top: -40px !important; text-align: right !important; } /* testimonial three ends */ /* testimonial element-five starts */ .testimonial.element-five { position: relative; width: auto !important; /*margin-left: -15px; margin-right: -15px;*/ padding-bottom: 60px; } .testimonial.element-five .testimonial-item { margin: 0; padding: 0px; } .testimonial.element-five .testimonial-item > .holder { text-align: left; box-shadow: none; background: transparent; margin: 0 15px; padding: 0px; border-radius: 0px; } .testimonial.element-five .testimonial-item > .holder > .testimonial-data { margin-bottom: 15px; } .testimonial.element-five .testimonial-item > .holder > .testimonial-data blockquote > *:last-child { margin-bottom: 0 !important; } .testimonial.element-five .testimonial-item > .holder > .testimonial-data blockquote p { margin-bottom: 20px; } .testimonial.element-five .testimonial-item > .holder > .testimonial-title { position: relative; min-height: 63px; padding-top: 6px; padding-left: 80px; } .testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic { position: absolute; top: 3px; left: 0; z-index: 1; width: 60px; height: 60px; background: center center no-repeat; background-size: cover; border-radius: 50%; } .testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testi-pic-three { border-radius: 50%; } .testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testimonial-pic-icon { position: absolute; bottom: 1%; right: 0%; width: 17px; height: 17px; border-radius: 50%; text-align: center; font-size: 25px; color: #fff; line-height: 60px; border: 2px solid #fff; background: #42ED13; display: none; } .testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testimonial-pic-icon i { display: none; } /*.testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child { margin-bottom: 0 !important; }*/ .testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title { margin-bottom: 3px; /*margin-top: -9px;*/ margin-left: 0px; text-transform: capitalize; font-weight: 500; font-size: 16px; color: #160914; line-height: 28px; } .testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation { margin-left: 0px; margin-bottom: 6px; } .testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title u { margin-left: 7px; text-decoration: underline !important; } /* testimonial one pagination css starts */ .testimonial.element-five .swiper-pagination { text-align: left !important; margin-left: 15px; } .testimonial.element-five > .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10; bottom: 0; right: 0; left: 0; /* width: 30%; */ /*margin: 0 auto;*/ } .testimonial.element-five > .swiper-pagination .swiper-pagination-bullet { background: #E2E9FF; width: 20px; height: 3px; border-radius: 0px !important; opacity: 0.8; } .testimonial.element-five > .swiper-pagination .swiper-pagination-bullet-active { background: #1e4ec4; width: 40px; height: 3px; border-radius: 0px !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .testimonial.element-five .testimonial-item { margin: 0; } } @media (max-width: 767px) { .testimonial.element-five .testimonial-item { margin: 0; padding: 0px; } } .testimonial.element-five21727 .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testimonial-pic-icon { display: none; } /*.swiper-pagination-clickable .swiper-pagination-bullet { display: none !important; }*/ /*.blog.element-five .swiper-pagination-clickable .swiper-pagination-bullet, .blog.element-six .swiper-pagination-clickable .swiper-pagination-bullet, .rt-testimonial.element-seven .swiper-pagination-clickable .swiper-pagination-bullet, .blog.element-two .swiper-pagination-clickable .swiper-pagination-bullet, .rt-case-study-box1.element-one .swiper-pagination-clickable .swiper-pagination-bullet, .rt-testimonial.element-one .swiper-pagination-clickable .swiper-pagination-bullet, .testimonial.element-eight .swiper-pagination-clickable .swiper-pagination-bullet, .testimonial.element-three .swiper-pagination-clickable .swiper-pagination-bullet, .blog.element-one .swiper-pagination-clickable .swiper-pagination-bullet { display: none !important; }*/ /* testimonial element-five ends */ /* ================== Testimonial Element One Starts ================== */ .rt-testimonial.element-six.swiper-container .swiper-wrapper .swiper-slide { position: relative; padding: 35px 30px 42px 30px; /*background: #F3F5FA;*/ background: #fff; box-shadow: 0px 10px 16px 0px rgb(33 71 162 / 8%); border-radius: 4px; margin: 25px 4px 54px 4px; } @media only screen and (max-width: 991px) { .rt-testimonial.element-six.swiper-container .swiper-wrapper .swiper-slide { padding: 25px 20px 32px 20px; margin: 25px 4px 84px 4px; } } @media only screen and (max-width: 480px) { .rt-testimonial.element-six.swiper-container .swiper-wrapper .swiper-slide { padding: 20px 15px 33px 15px; } } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide { text-align: left; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic { margin-bottom: 50px; position: absolute; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder { position: relative; display: inline-block; vertical-align: top; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main { display: inline-block; vertical-align: top; width: 125px; height: 125px; background: center center no-repeat; background-size: cover; border-radius: 50%; border: none; box-shadow: none; margin-top: 17px; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-icon { background: linear-gradient(90deg, rgb(255, 56, 52) 0%, rgb(255, 113, 51) 100%); position: absolute; bottom: -10px; right: -5px; width: 60px; height: 60px; border-radius: 50%; text-align: center; font-size: 25px; color: #fff; line-height: 60px; box-shadow: 0px 5px 20px 0px rgb(255 104 51 / 23%); display: none; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data { margin-bottom: 15px; margin-left: 150px; margin-top: 7px; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data blockquote > *:last-child { margin-bottom: 0 !important; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data blockquote p { margin-bottom: 20px; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title > *:last-child { margin-bottom: 0 !important; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .title { margin-bottom: 0px; text-transform: capitalize; color: #1D1A4E; margin-left: 150px; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .designation { margin-bottom: 0; text-transform: capitalize; color: #616670; margin-left: 150px; } /* testimonial one pagination css starts */ .rt-testimonial.element-six > .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10; bottom: -10px; right: 0; left: 0; /* width: 30%; */ margin: 0 auto; } .rt-testimonial.element-six > .swiper-pagination .swiper-pagination-bullet { background: #000; width: 20px; height: 5px; border-radius: 0px !important; } .rt-testimonial.element-six > .swiper-pagination .swiper-pagination-bullet-active { background: #1e4ec4; width: 40px; height: 5px; border-radius: 0px !important; } @media only screen and (max-width: 1024px) { .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .designation { margin-left: 150px; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .title { margin-left: 150px; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data { margin-left: 150px; } } @media screen and (max-width: 480px) { .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide { text-align: center; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic { margin-bottom: 30px; position: relative; } .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data, .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .title, .rt-testimonial.element-six.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .designation { margin-left: 0; } } @media only screen and (max-width: 767px) { .rt-testimonial.element-six > .swiper-pagination { bottom: 20px; text-align: center; } } /* testimonial pagination css ends */ /* Style Seven testimonial starts */ .rt-testimonial.element-seven .testimonial-item { /*box-shadow: 0px 10px 17px 0px rgba(11, 83, 255, 0.1);*/ box-shadow: 0px 11px 31px -8px rgba(255, 255, 255, 0.2); border-radius: 0px; } .owl-carousel.owl-drag .owl-item { padding: 15px 0 !important; } .rt-testimonial.element-seven .testimonial-item > .holder { padding-top: 70px; padding-bottom: 40px; border-bottom: none; border-radius: 4px; margin-bottom: 76px; } .rt-testimonial.element-seven > .owl-dots { margin-top: 20px; } .rt-testimonial.element-seven > .owl-dots { text-align: center !important; } .rt-testimonial.element-seven .testimonial-item>.holder { padding: 37px 35px 47px 35px; background: #F4F4F4; } .hm-eight-testi .rt-testimonial.element-seven .testimonial-item { box-shadow: none; } .hm-eight-testi .rt-testimonial.element-seven .testimonial-item>.holder { background: transparent; } .rt-testimonial.element-seven .testimonial-item>.holder>.star-rating { padding-bottom: 5px; } .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-title>.testimonial-title-pic img { position: absolute; top: 3px; left: 0; z-index: 1; width: 90px; height: 90px; /*background: center center no-repeat; background-size: cover;*/ border-radius: 50%; } .hm-eight-testi .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-title>.testimonial-title-pic img { width: 90px; height: 90px; } .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-data blockquote { padding-left: 0px; border: none !important; margin-bottom: 0 !important; } .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-data blockquote p { margin-bottom: 12px; } .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-title>.testimonial-title-data .title { margin-left: 35px; padding-bottom: 0; margin-bottom: 0; } .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-title>.testimonial-title-data .designation { margin-left: 35px; } .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-title { position: relative; min-height: 63px; padding-top: 22px; padding-left: 80px; } .hm-eight-testi .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-title>.testimonial-title-data .title { margin-left: 35px; } .hm-eight-testi .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-title>.testimonial-title-data .designation { margin-left: 35px; } .hm-eight-testi .rt-testimonial.element-seven .testimonial-item>.holder>.testimonial-title { padding-top: 22px; } /* Style Seven testimonial ends */ /* testimonial eight css starts */ .testimonial.element-eight .holder .testimonial-title .testimonial-title-data h6.title { margin-bottom: 0; margin-top: 25px; } /* testimonial eight css ends */ /* testimonial element-nine starts */ .testimonial.element-nine { position: relative; width: auto !important; /*margin-left: -15px; margin-right: -15px;*/ padding-bottom: 55px; } .testimonial.element-nine .testimonial-item { margin: 0; padding: 0px; } .testimonial.element-nine .testimonial-item > .holder { text-align: left; box-shadow: none; background: transparent; margin: 0 15px; padding: 0px; border-radius: 0px; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-data { margin-bottom: 15px; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-data blockquote > *:last-child { margin-bottom: 0 !important; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-data blockquote p { margin-bottom: 20px; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-title { position: relative; min-height: 63px; padding-top: 11px; padding-left: 90px; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic { position: absolute; top: 3px; left: 0; z-index: 1; width: 70px; height: 70px; background: center center no-repeat; background-size: cover; border-radius: 50%; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testi-pic-three { border-radius: 50%; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testimonial-pic-icon { position: absolute; bottom: 0%; right: 0%; width: 25px; height: 25px; border-radius: 50%; text-align: center; font-size: 25px; color: #fff; line-height: 60px; border: none; background: #FFA901; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testimonial-pic-icon i { display: block; font-size: 12px; padding: 7px 0; } /*.testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child { margin-bottom: 0 !important; }*/ .testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title { margin-bottom: 3px; /*margin-top: -9px;*/ margin-left: 0px; text-transform: capitalize; font-weight: 500; font-size: 16px; color: #160914; line-height: 28px; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation { margin-left: 0px; margin-bottom: 6px; } .testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title u { margin-left: 7px; text-decoration: underline !important; } /* testimonial one pagination css starts */ .testimonial.element-nine .swiper-pagination { text-align: left !important; margin-left: 15px; } .testimonial.element-nine > .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10; bottom: 0; right: 0; left: 0; /* width: 30%; */ /*margin: 0 auto;*/ } .testimonial.element-nine > .swiper-pagination .swiper-pagination-bullet { background: #E2E9FF; width: 20px; height: 3px; border-radius: 0px !important; opacity: 0.8; } .testimonial.element-nine > .swiper-pagination .swiper-pagination-bullet-active { background: #1e4ec4; width: 40px; height: 3px; border-radius: 0px !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .testimonial.element-nine .testimonial-item { margin: 0; } } @media (max-width: 767px) { .testimonial.element-nine .testimonial-item { margin: 0; padding: 0px; } } /* radiantthemes-timeline element-one */ .radiantthemes-timeline.element-one > .radiantthemes-timeline-item { position: relative; padding-top: 60px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line { display: block; position: absolute; top: 0; bottom: 0; left: 50%; z-index: 0; width: 2px; margin-left: -1px; background-color: #cacdd4; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot { display: block; position: absolute; top: 75px; left: 50%; z-index: 0; content: " "; width: 20px; height: 20px; margin-left: -10px; background-color: #fff; border-width: 5px; border-style: solid; border-radius: 50%; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .row { margin-left: -33px; margin-right: -33px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .row >[class*="col-"] { padding-left: 33px; padding-right: 33px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp { margin-bottom: 30px; padding-left: 10px; padding-right: 10px; text-align: right; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp { text-align: left; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic { margin-bottom: 30px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic img { width: 100%; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data { margin-top: 7px; text-align: left; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data > *:last-child { margin-bottom: 0 !important; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title { margin-bottom: 8px; text-transform: uppercase; font-weight: 500; font-size: 20px; color: #242222; line-height: 28px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp { margin-bottom: 17px; font-weight: 400; font-size: 14px; color: #777171; line-height: 28px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data p { margin-bottom: 20px; } /* radiantthemes-timeline element-two */ .radiantthemes-timeline.element-two > .radiantthemes-timeline-item { position: relative; padding-top: 0; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line { display: block; position: absolute; top: 0; bottom: 0; left: 50%; z-index: 0; width: 2px; margin-left: -1px; /*background: url(../images/time-line-dashed.png) repeat-y;*/ } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line.last-line-arrow:after { position: absolute; bottom: -10px; content: "\e64b"; font-family: "themify"; left: -6.5px; right: 0; margin: 0 auto; color: #b4b4b4; } .top-line-line { /*background: url(../images/dash-img.png) repeat-x;*/ height: 2px; display: block; position: absolute; top: 0; right: 0; left: 0; z-index: 0; content: " "; width: 50px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot { display: block; position: absolute; top: 106px; left: 50%; z-index: 0; content: " "; width: 20px; height: 20px; margin-left: -10px; background-color: #fff; border-width: 5px; border-style: solid; border-radius: 50%; } .left-rt-box { position: relative; } .right-rt-box { position: relative; } .radiantthemes-timeline-dashed-right { /*background: url(../images/top-line.png) repeat-x;*/ display: block; position: absolute; top: 115px; left: 10px; /* right: 0; */ /* z-index: 0; */ content: " "; width: 6%; height: 20px; z-index: 0; } .radiantthemes-timeline-dashed-left { background: url(../images/top-line.png) repeat-x; display: block; position: absolute; top: 115px; right: 10px; /* right: 0; */ /* z-index: 0; */ content: " "; width: 6%; height: 20px; z-index: 0; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row { margin-left: -50px; margin-right: -50px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row >[class*="col-"] { padding-left: 50px; padding-right: 50px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp { margin-bottom: 30px; padding-left: 10px; padding-right: 10px; text-align: right; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp { text-align: left; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic { width: 230px; height: 230px; margin-top: 50px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic img { width: 100%; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data { margin-top: 50px; text-align: left; background: #fff; box-shadow: 2px 5px 20px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08); padding: 20px 30px; border-left: 5px solid #104cba; overflow: hidden; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data > *:last-child { margin-bottom: 0 !important; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title { margin-bottom: 8px; text-transform: uppercase; font-weight: 500; font-size: 20px; color: #242222; line-height: 28px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp { margin-bottom: 17px; font-weight: 400; font-size: 14px; color: #777171; line-height: 28px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle { width: 20%; float: left; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle span { border-radius: 50%; width: 65px; height: 65px; float: left; background-image: linear-gradient(90deg, #30077d 0%, #0f51bf 100%); color: #fff; text-align: center; font-size: 25px; line-height: 65px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-InRight { width: 80%; float: right; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle span { border-radius: 50%; width: 50px; height: 50px; float: left; background-image: linear-gradient(90deg, #30077d 0%, #0f51bf 100%); color: #fff; text-align: center; font-size: 20px; line-height: 50px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-InRight { width: 75%; float: right; } } @media only screen and (max-width: 767px) { .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle { width: 20%; float: left; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-InRight { width: 75%; float: right; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle span { border-radius: 50%; width: 50px; height: 50px; float: left; background-image: linear-gradient(90deg, #30077d 0%, #0f51bf 100%); color: #fff; text-align: center; font-size: 20px; line-height: 50px; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-InRight { width: 75%; float: right; } .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data { padding: 15px; } } /* radiantthemes-timeline element-three */ .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider { padding-top: 100px; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic { margin-bottom: 30px; text-align: center; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table .table-cell > *:last-child { margin-bottom: 0 !important; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder { position: relative; display: inline-block; vertical-align: top; width: 470px; max-width: 100%; padding-top: calc((65 / 100) * 100%); } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder > .radiantthemes-timeline-item-pic-main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data { margin-bottom: 40px; text-align: left; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table .table-cell > *:last-child { margin-bottom: 0 !important; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date { margin-bottom: 10px; text-transform: uppercase; font-weight: 500; font-size: 16px; line-height: 26px; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title { margin-bottom: 15px; font-weight: 700; font-size: 32px; color: #030712; line-height: 42px; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data p:not(.date) { margin-bottom: 20px; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs { position: absolute; top: 0; right: 0; left: 0; margin-left: 50px; margin-right: 50px; text-align: center; font-size: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item { position: relative; display: inline-block; vertical-align: top; width: 200px; max-width: 100%; margin-bottom: 13px; padding-top: 26px; background: none; border: none; text-transform: uppercase; font-weight: 500; font-size: 16px; color: #030712; line-height: 26px; cursor: pointer; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:before { position: absolute; top: 4px; left: 0; right: 0; z-index: 0; content: " "; height: 4px; background-color: #d5d8e0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before { left: 50%; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before { right: 50%; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:only-child:before { display: none; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:after { position: absolute; top: 0; left: 50%; z-index: 1; content: " "; width: 12px; height: 12px; margin-left: -6px; background-color: #fff; border: 3px #a8abb3 solid; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* LARGE DESKTOP PART */ /* DESKTOP PART */ /* TABLET LANDSCAPE PART */ /* TABLET PROTRAIT PART */ @media screen and (min-width: 480px) and (max-width: 767px) { /* radiantthemes-timeline element-one */ .radiantthemes-timeline.element-one > .radiantthemes-timeline-item { padding-top: 0px; padding-left: 30px; padding-bottom: 10px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line { left: 0; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot { top: 6px; left: 0; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data { margin-top: 0; margin-bottom: 20px; } /* radiantthemes-timeline element-three */ .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider { padding-top: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs { position: static; margin-left: 0; margin-right: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item { width: 100%; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before, .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before { left: 0; right: 0; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width: 321px) and (max-width: 479px) { /* radiantthemes-timeline element-one */ .radiantthemes-timeline.element-one > .radiantthemes-timeline-item { padding-top: 0px; padding-left: 30px; padding-bottom: 10px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line { left: 0; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot { top: 6px; left: 0; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data { margin-top: 0; margin-bottom: 20px; } /* radiantthemes-timeline element-three */ .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider { padding-top: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs { position: static; margin-left: 0; margin-right: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item { width: 100%; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before, .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before { left: 0; right: 0; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width: 320px) { /* radiantthemes-timeline element-one */ .radiantthemes-timeline.element-one > .radiantthemes-timeline-item { padding-top: 0px; padding-left: 30px; padding-bottom: 10px; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line { left: 0; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot { top: 6px; left: 0; } .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data { margin-top: 0; margin-bottom: 20px; } /* radiantthemes-timeline element-three */ .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider { padding-top: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs { position: static; margin-left: 0; margin-right: 0; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item { width: 100%; } .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before, .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before { left: 0; right: 0; } } /* ================================== */ /* RadiantThemes Element CSS */ /* Typewriter Text */ /* ================================== */ .radiantthemes-typewriter-text.element-one > .typed-strings:after { content: "|"; font-weight: 300; opacity: 1; animation: blink 0.5s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /* radiantthemes-twitter-widget element-one */ .radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li { position: relative; margin-bottom: 22px; padding-left: 27px; } .radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:last-child, .radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:only-child { margin-bottom: 0; } .radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:before { position: absolute; top: 0; left: 0; z-index: 0; content: "\f099"; font-family: "FontAwesome"; font-size: 16px; color: #fff; line-height: 28px; } .radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .tweet { margin-bottom: 0; font-weight: 400; font-size: 15px; color: #fff; line-height: 28px; } .radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .tweet a { color: inherit; opacity: 0.7; } .radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .interact { display: none; } /*===========================================*/ /* Slider Start */ #app-slider { padding: 14px 0; } #app-slider { position: relative; display: inline-block; } #app-slider:before { background: url(../images/app-slider-ph-bg.png); content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 235px; height: 542px; z-index: 99; background-repeat: no-repeat; top: 0; } .owl-theme .owl-dots { margin-top: 30px !important; } /* rt-slider Nav Style */ .rt-slider .owl-nav { font-size: 0; } .rt-slider .owl-nav > .owl-prev, .rt-slider .owl-nav > .owl-next { position: absolute; top: 50%; margin-top: -30px; text-align: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-slider:hover .owl-nav > .owl-prev, .rt-slider:hover .owl-nav > .owl-next { opacity: 1; visibility: visible; } .rt-slider .owl-nav > .owl-prev { left: 15px; } .rt-slider:hover .owl-nav > .owl-prev { left: -35px; } .rt-slider .owl-nav > .owl-next { right: 15px; } .rt-slider:hover .owl-nav > .owl-next { right: -35px; } .rt-slider .owl-nav > .owl-prev:before, .rt-slider .owl-nav > .owl-next:before { font-family: "FontAwesome"; font-size: 55px; color: #6a30f5; line-height: 1; } .rt-slider .owl-nav > .owl-prev:before { content: "\f104"; } .rt-slider .owl-nav > .owl-next:before { content: "\f105"; } @media screen and (max-width: 480px) { #app-slider .pic { width: 58%; margin: 0 auto; } .elementor-widget-radiant-custom-search .header-slideout-searchbar { margin-right: 15px; margin-top: -79px; float: right; } } @media screen and (min-width: 481px) and (max-width: 768px) { #app-slider .pic { width: 90%; margin: 0 auto; } } /* Slider End */ /*============================== Default ==============================*/ .radiantthemes-custom-heading.element-one .default { width: 100%; display: block; overflow: hidden; } .radiantthemes-custom-heading.element-two .default { font-size: 25px; line-height: 25px; margin: 0; padding: 0; color: #000; text-transform: uppercase; } .rt-text-reveal .holder > h1, .rt-text-reveal .holder > h2, .rt-text-reveal .holder > h3, .rt-text-reveal .holder > h4, .rt-text-reveal .holder > h5, .rt-text-reveal .holder > h6, .rt-text-reveal .holder > div, .rt-text-reveal .holder > span, .rt-text-reveal .holder > p { margin: 0 !important; } /*============================== Text Reveal(Left to Right) ==============================*/ .radiantthemes-custom-heading.element-two .rt_text_anim { width: 100%; display: block; overflow: hidden; } .radiantthemes-custom-heading.element-two .rt_textimage { position: relative; overflow: hidden; width: auto; display: inline-block; } .radiantthemes-custom-heading.element-two .rt_textimage { font-size: 25px; line-height: 25px; margin: 0; padding: 0; color: #000; text-transform: uppercase; animation: fadeIn 0s 0.4s; animation-fill-mode: backwards; } .radiantthemes-custom-heading.element-two .rt_textimage .rtoverlay_area { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(-100%); animation: rttxtImageOverlayIn 0.4s 0s, rttxtImageOverlayOut 0.4s 0.6s; animation-fill-mode: both; } @keyframes rttxtImageOverlayIn { 0% { width: 0; } 100% { width: 100%; } } @keyframes rttxtImageOverlayOut { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } /*============================== Text Reveal(Right to Left) ==============================*/ .radiantthemes-custom-heading.element-three .rttext_animation { width: 100%; display: block; overflow: hidden; } .radiantthemes-custom-heading.element-three .rtimage { position: relative; overflow: hidden; width: auto; display: inline-block; } .radiantthemes-custom-heading.element-three .rtimage { font-size: 25px; line-height: 25px; margin: 0; padding: 0; color: #000; text-transform: uppercase; animation: fadeIn 0s 0.4s; animation-fill-mode: backwards; } .radiantthemes-custom-heading.element-three .rtimage .rt_overlay { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(100%); animation: rttxt_OverlayIn 0.4s 0.6s, rttxt_OverlayOut 0.4s 0s; animation-fill-mode: both; } @keyframes rttxt_OverlayIn { 0% { width: 100%; } 100% { width: 0; } } @keyframes rttxt_OverlayOut { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } /*============================== Object Reveal ==============================*/ .rt-text-reveal .holder, .rt-image-reveal .holder { position: relative; display: inline-block; overflow: hidden; } .rt-text-reveal .holder .animate, .rt-image-reveal .holder .animate { position: absolute; top: 0; width: 100%; height: 101%; background: none; } .rt-text-reveal .holder .animate:before, .rt-image-reveal .holder .animate:before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: #27ae60; transition-property: transform; transition-duration: 0.4s; } .rt-text-reveal .holder .animate.top.aos-animate:before, .rt-text-reveal .holder .animate.bottom.aos-animate:before, .rt-image-reveal .holder .animate.top.aos-animate:before, .rt-image-reveal .holder .animate.bottom.aos-animate:before { transform: scaleY(1); } .rt-text-reveal .holder .animate.left.aos-animate::before, .rt-text-reveal .holder .animate.right.aos-animate::before, .rt-image-reveal .holder .animate.left.aos-animate:before, .rt-image-reveal .holder .animate.right.aos-animate:before { transform: scaleX(1); } .rt-text-reveal .holder .animate.top::before, .rt-image-reveal .holder .animate.top:before { transform: scaleY(0); transform-origin: 0% 100%; } .rt-text-reveal .holder .animate.left::before, .rt-image-reveal .holder .animate.left::before { transform: scaleX(0); transform-origin: 100% 0%; } .rt-text-reveal .holder .animate.right::before, .rt-image-reveal .holder .animate.right::before { transform: scaleX(0); transform-origin: 0% 100%; } .rt-text-reveal .holder .animate.bottom::before, .rt-image-reveal .holder .animate.bottom::before { transform: scaleY(0); transform-origin: 100% 0%; } /* AOS animate */ [data-aos="reveal-top"], [data-aos="reveal-left"], [data-aos="reveal-right"], [data-aos="reveal-bottom"] { transition-property: transform; transition-delay: 0.3s; } [data-aos="reveal-top"] { transform: scaleY(1); } [data-aos="reveal-top"].aos-animate { transform: scaleY(0); transform-origin: 100% 0%; } [data-aos="reveal-left"] { transform: scaleX(1); } [data-aos="reveal-left"].aos-animate { transform: scaleX(0); transform-origin: 0% 100%; } [data-aos="reveal-right"] { transform: scaleX(1); } [data-aos="reveal-right"].aos-animate { transform: scaleX(0); transform-origin: 100% 0%; } [data-aos="reveal-bottom"] { transform: scaleY(1); } [data-aos="reveal-bottom"].aos-animate { transform: scaleY(0); transform-origin: 0% 100%; } [data-aos="reveal-item"] { visibility: hidden; transition-property: visibility; transition-duration: 0s; } [data-aos="reveal-item"].aos-animate { visibility: visible; } @keyframes SlideImageAnim { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } .rt-search-icon { border: none; padding: 0px; font-size: 16px; cursor: pointer; color: #000; } .rt-main-bg-overlay { content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 0%; /*right: 0px;*/ left: 0px; top: 0px; position: fixed; /*display: none;*/ z-index: 1; overflow-y: hidden; transition: 0.6s; } .rt-bg-overlay { height: 100%; width: 100%; /*display: none;*/ /*position: fixed;*/ z-index: 1; top: 0; left: 0; background-color: #fafafa; } .rt-overlay-content { position: relative; top: 40%; width: 50%; text-align: center; margin-top: 30px; margin: auto; } .rt-bg-overlay .closebtn { position: absolute; top: 60px; right: 45px; font-size: 20px; cursor: pointer; color: #0f0c0c; } .rt-bg-overlay input[type="search"] { padding: 15px 65px 15px 0px; font-size: 40px; font-weight: 600; line-height: 40px; border: none; float: left; width: 100%; background: none; border-bottom: 2px solid #797777; color: #0f0c0c; } .rt-bg-overlay input::placeholder { color: #0f0c0c; font-size: 40px; font-weight: 600; line-height: 40px; } .rt-bg-overlay button { float: left; width: auto; padding: 0px 12px; margin-bottom: 26px; background: none; font-size: 17px; border: none; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0px; line-height: 54px; } .rt-bg-overlay button i { font-size: 28px; vertical-align: middle; } .rt-bg-overlay button:focus, .rt-bg-overlay input:focus { outline: transparent; } .rt-bg-overlay label { position: relative; left: 0; width: 100%; text-align: left; top: 10px; font-size: 13px; font-weight: 400; color: #b6b6b6; } /* MOVING IMAGE START */ .layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sect { position: relative; height: 100%; min-height: 400px; overflow: hidden; text-align: center; } #landing-cover { z-index: 1; overflow: hidden; opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .layer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 50px 200px; margin: -50px -200px; left: 0px; top: 0px; } .frontlayer { z-index: 2; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background-position: center center; background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1); } .overlay { position: absolute; top: 0; left: 0; z-index: 5; /*width: 100%; height: 100%;*/ width: auto; height: auto; } /* MOVING IMAGE END */ /* ================== CASE STUDY ONE STARTS ================== */ /*.rt-case-study-box1.element-one .mask, .rt-case-study-box1.element-one .content { width: 100%; position: absolute; overflow: hidden; bottom: 0px; left: 0; right: 0; margin: 0 auto; height: 100%; } .rt-case-study-box1.element-one img { display: block; position: relative; border-radius:0px; box-shadow: 2px 10px 20px 5px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08); width: 100%; } .rt-case-study-box1.element-one h4 a { color: #fff; position: relative; padding: 0; margin: 0; font-size: 25px; } .rt-case-study-box1.element-one p { font-size: 16px; position: relative; color: #fff; padding: 0; } .rt-case-study-box1.element-one a.info { display: inline-block; text-decoration: none; padding: 11px 33px 11px 33px; background: linear-gradient(to right, #ff3834 0%, #ff7133 100%); border-radius: 4px; color: #fff; } .rt-case-study-box1.element-one .case-study-box { float: left; position: relative; cursor: pointer; padding: 0px; } .rt-case-study-box1.element-one .case-study-box .mask { padding: 20px 30px; transform: translateY(30px); opacity: 0; transition: all 0.4s ease-in-out; background: #001a57; padding-top: 120px; } @media screen and (min-width: 1058px) and (max-width: 1259px) { .rt-case-study-box1.element-one .case-study-box .mask { padding-top: 60px; } } @media screen and (min-width: 1025px) and (max-width: 1057px) { .rt-case-study-box1.element-one .case-study-box .mask { padding-top: 20px; } } .rt-case-study-box1.element-one .case-study-box .case-data{ position: absolute; bottom: 0; padding: 0 30px 20px 30px; } .rt-case-study-box1.element-one .case-study-box:hover .case-data{ transform: translateY(30px); opacity: 0; transition: all 0.4s ease-in-out; } .rt-case-study-box1.element-one .case-study-box:hover .mask { opacity: 1; transition-delay: 0.2s; transform: translateY(0px); }*/ /*.rt-case-study-box1.element-one .case-study-box h5 { transform: translateY(100px); opacity: 0; transition: all 0.2s ease-in-out; } .rt-case-study-box1.element-one .case-study-box:hover h5 { transition-delay: 0.2s; } .rt-case-study-box1.element-one .case-study-box p { transform: translateY(100px); opacity: 0; transition: all 0.2s ease-in-out; } .rt-case-study-box1.element-one .case-study-box:hover p { transition-delay: 0.2s; } .rt-case-study-box1.element-one .case-study-box:hover h5, .rt-case-study-box1.element-one .case-study-box:hover p, .rt-case-study-box1.element-one .case-study-box:hover a.info { opacity: 1; transform: translateY(0px); } .rt-case-study-box1.element-one > .swiper-wrapper { padding: 30px 0 50px 0 !important; } .rt-case-study-box1.element-one > .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0 !important; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px !important; height: 8px !important; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 10px !important; height: 10px !important; }*/ .rt-case-study-box1.element-one .case-study-box { margin-bottom: 30px; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip { color: #000; position: relative; overflow: hidden; width: 100%; /*background: #000000;*/ background: transparent; text-align: left; /*height: 310px;*/ } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip * { -webkit-box-sizing: border-box; box-sizing: border-box; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip img { max-width: 100%; opacity: 1; width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; height: 100%; max-height: 100%; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip .data div { position: absolute; bottom: 0; left: 0; padding: 46px 25px 45px 25px; width: 100%; height: auto; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip .data div::before { position: absolute; top: 30px; right: 50px; bottom: 30px; left: 100%; border-left: 2px solid #1E4EC4; content: ''; opacity: 0; background-color: #1E4EC4; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; margin-left: 30px; border-radius: 4px; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip h6, .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip .data div h6 { margin: 2px 35px 7px 35px; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip .data div p { margin: 6px 35px 0px 35px; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip h6 { /*word-spacing: -0.15em; font-weight: 300; text-transform: uppercase; font-size: 20px; line-height: 30px; font-weight: 500;*/ text-transform: capitalize; /*color: #1D1A4E;*/ color: #fff; padding-bottom: 0px; -webkit-transform: translate3d(30%, 0%, 0); transform: translate3d(30%, 0%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip h6 a { /*word-spacing: -0.15em; font-weight: 300; text-transform: uppercase; font-size: 20px; line-height: 30px; font-weight: 500;*/ text-transform: capitalize; /*color: #1D1A4E;*/ color: #fff; padding-bottom: 0px; -webkit-transform: translate3d(30%, 0%, 0); transform: translate3d(30%, 0%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip p { /*font-weight: 200;*/ font-size: 14px; line-height: 28px; letter-spacing: 0.1; font-weight: 600; text-transform: capitalize; /*color: #47465e;*/ color: #93B0F8; -webkit-transform: translate3d(0%, 30%, 0); transform: translate3d(0%, 30%, 0); -webkit-transition-delay: 0s; transition-delay: 0s; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip a { left: 0; right: 0; top: 0; bottom: 0; /*position: absolute;*/ color: #000; text-decoration: none; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip:hover img { /*opacity: 0.3;*/ opacity: 1; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip:hover div h6 { opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip:hover div p { opacity: 0.9; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .rt-case-study-box1.element-one .case-study-box .holder div.rt-snip:hover div::before { background: #1E4EC4; left: 0px; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } /* ================== CASE STUDY ONE ENDS ================== */ /* ================== FANCY IMAGE BOX STARTS ================== */ .rt-fancy-img-box.element-one .holder { overflow: hidden; position: relative; } .rt-fancy-img-box.element-one .holder .pic img { width: 100%; height: auto; } .rt-fancy-img-box.element-one .holder:before, .rt-fancy-img-box.element-one .holder:after { content: ""; width: 0; height: 0; background: rgba(216, 228, 245, 1); position: absolute; transition: all 0.3s ease 0s; } .rt-fancy-img-box.element-one .holder:before { top: 0; left: 0; } .rt-fancy-img-box.element-one .holder:after { bottom: 0; right: 0; } .rt-fancy-img-box.element-one .holder:hover:before, .rt-fancy-img-box.element-one .holder:hover:after { width: 100%; height: 100%; } .rt-fancy-img-box.element-one .holder .box-main-content { width: 100%; position: absolute; bottom: 30px; } .rt-fancy-img-box.element-one .holder .box-main-content .title { padding: 0px 20px; margin: 0; font-size: 22px; font-weight: 700; color: #fff; bottom: 0px; left: 0px; transition: all 0.5s ease 0s; z-index: 1; opacity: 1; } .rt-fancy-img-box.element-one .holder:hover .box-main-content .title { bottom: 40px; opacity: 0; } .rt-fancy-img-box.element-one .holder .box-main-content .category { padding: 0px 20px; margin: 0; font-size: 17px; font-weight: 400; color: #fff; bottom: 0px; left: 0px; transition: all 0.5s ease 0s; z-index: 1; } .rt-fancy-img-box.element-one .holder:hover .box-main-content .category { opacity: 0; } .rt-fancy-img-box.element-one .holder .box-overlay-content { z-index: 1; } .rt-fancy-img-box.element-one .holder .box-overlay-content { -webkit-box-align: center; -ms-flex-align: center; align-items: self-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 1; position: absolute; top: 0; -webkit-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; z-index: 1; width: 100%; } .rt-fancy-img-box.element-one .holder .box-overlay-content .text-content { padding: 10px 30px; margin: 0; font-size: 22px; font-weight: 400; color: #000; opacity: 0; z-index: 1; } .rt-fancy-img-box.element-one .holder:hover .box-overlay-content .text-content { opacity: 1; } .rt-fancy-img-box.element-one .holder .box-overlay-content .text-content, .rt-fancy-img-box.element-one .holder .box-overlay-content a { -webkit-transform: translate3d(-100px, 0, 0) skewX(-15deg); transform: translate3d(-100px, 0, 0) skewX(-15deg); -webkit-transition: -webkit-transform 0s 0.3s; transition: -webkit-transform 0s 0.3s; -o-transition: transform 0s 0.3s; transition: transform 0s 0.3s; transition: transform 0s 0.3s, -webkit-transform 0s 0.3s; } .rt-fancy-img-box.element-one .holder:hover .box-overlay-content .text-content, .rt-fancy-img-box.element-one .holder:hover .box-overlay-content a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .rt-fancy-img-box.element-one .holder .box-overlay-content a { padding: 0px; margin: 10px 30px; font-size: 17px; line-height: 30px; font-weight: 400; color: #000; opacity: 0; z-index: 1; position: relative; display: inline-block; text-decoration: none; } .rt-fancy-img-box.element-one .holder:hover .box-overlay-content a { opacity: 1; } .rt-fancy-img-box.element-one .holder .box-overlay-content a:before { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .rt-fancy-img-box.element-one .holder .box-overlay-content a:after, .rt-fancy-img-box.element-one .holder .box-overlay-content a:before { content: ""; position: absolute; bottom: 3px; left: 0; width: 100%; height: 1px; background-color: currentColor; -webkit-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97); -o-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97); transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97); } .rt-fancy-img-box.element-one .holder .box-overlay-content a:hover:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .rt-fancy-img-box.element-one .holder .box-overlay-content a:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .rt-fancy-img-box.element-one .holder .box-overlay-content a:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 0.34s; -o-transition-delay: 0.34s; transition-delay: 0.34s; } .rt-fancy-img-box.element-one .holder .box-overlay-content .box-overlay-pattern img { width: auto; } .rt-fancy-img-box.element-one .holder .box-overlay-content .box-overlay-pattern .pat-1 { top: -25px; position: absolute; right: -100px; opacity: 0; transition: all 0.5s ease 0s; } .rt-fancy-img-box.element-one .holder:hover .box-overlay-content .box-overlay-pattern .pat-1 { right: -50px; opacity: 1; transition-delay: 0.3s; } .rt-fancy-img-box.element-one .holder .box-overlay-content .box-overlay-pattern .pat-2 { bottom: -25px; position: absolute; left: -100px; opacity: 0; transition: all 0.5s ease 0s; } .rt-fancy-img-box.element-one .holder:hover .box-overlay-content .box-overlay-pattern .pat-2 { left: -50px; opacity: 1; transition-delay: 0.3s; } @media only screen and (max-width: 990px) { .rt-fancy-img-box.element-one .holder { margin-bottom: 20px; } } /* ================== FANCY IMAGE BOX ENDS ================== */ /* ================== Testimonial Element One Starts ================== */ .rt-testimonial.element-one.swiper-container .swiper-wrapper .swiper-slide { position: relative; padding: 45px 0 20px 0; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide { text-align: center; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic { margin-bottom: 30px; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder { position: relative; display: inline-block; vertical-align: top; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main { display: inline-block; vertical-align: top; width: 175px; height: 175px; background: center center no-repeat; background-size: cover; border-radius: 50%; /*border: 3px solid #fff; box-shadow: 5px 20px 20px 0px rgb(23 22 139 / 9%);*/ } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-icon { background: #004FFC; position: absolute; bottom: 0px; right: -5px; width: 55px; height: 55px; border-radius: 50%; text-align: center; font-size: 25px; color: #fff; line-height: 60px; box-shadow: none; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .qoute-img { margin-bottom: 60px; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .qoute-img svg { fill: #C4C4C4; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data { margin-bottom: 25px; padding: 0 23%; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data blockquote > *:last-child { margin-bottom: 0 !important; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data blockquote p { margin-bottom: 20px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 30px !important; height: 30px !important; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: none !important; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 30px; height: 30px; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title > *:last-child { margin-bottom: 0 !important; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .testimonial-title-data { display: flex; align-items: center; justify-content: center; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .title { margin-bottom: 0px; text-transform: capitalize; font-weight: 600; font-size: 17px; color: #000; line-height: 27px !important; margin: 0px; padding-left: 10px; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .designation { margin-bottom: 0; margin: 0px; padding-right: 20px; position: relative; display: inline-block; letter-spacing: .05em; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .designation:after { content: ""; background: currentColor; width: 8px; height: 1px; position: absolute; top: 50%; right: 0; } /* ================== Testimonial Element One Ends ================== */ /*===================== CIRCULAR PROGRESS BAR STARTS ======================*/ .circular-progress-bar { width: 100%; margin: 0 auto; display: block; text-align: center; } .rt-progressbar { width: auto; margin: 15px; display: inline-block; text-align: center; } .circle { width: 139px; height: 139px; margin: 0 auto; display: inline-block; position: relative; text-align: center; } .circle:after { width: 120px; height: 120px; content: ""; border-radius: 50%; display: block; position: absolute; top: 30px; left: 30px; } .circle canvas { vertical-align: middle; border: 0; border-radius: 50%; position: relative; } .inner-circle { position: absolute; top: 10px; left: 10px; margin: 0; width: 100%; text-align: center; font-size: 30px; background: #252297; overflow: hidden; border-radius: 100%; width: 120px; padding: 46px 0; color: #fff; font-weight: bold; } .inner-circle strong i { font-style: normal; font-size: 0.6em; font-weight: normal; } .inner-circle span { display: block; color: white; margin-top: 12px; } @media screen and (max-width: 767px) { .rt-progressbar { width: 100%; margin: 15px 0; padding: 0; } .rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data { margin-bottom: 25px; padding: 0 10%; } } /*===================== CIRCULAR PROGRESS BAR ENDS ======================*/ /*===================== PAGE BLOG CSS STARTS ======================*/ .rt-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; /*border: 1px solid rgba(0, 0, 0, 0.125);*/ border: none; border-radius: 0 rem; cursor: pointer !important; margin-bottom: 29px; } .rt-card h5 { padding-bottom: 15px; } .rt-card h5 a, .rt-card h6 a { color: #000; } .rt-card:hover .rt-card h6 { color: #104cba; } .rt-card a { width: 100%; } .rt-card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /*padding: 1.25rem;*/ /*padding: 30px;*/ padding-top: 25px; padding-left: 0; padding-right: 0; padding-bottom: 20px; } .rt-card-img-overlay { position: relative; top: 0; right: 0; bottom: 0; left: 0; } .rt-card-img-overlay:hover { opacity: 0.8; } .rt-card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .rt-card img { border-radius: 4px; } .rt-card-image-top { opacity: 1; display: block; transition: .5s ease; backface-visibility: hidden; cursor: pointer !important; width: 100%; -webkit-filter: brightness(100%); } .rt-card:hover .rt-card-image-top { /*opacity: 1;*/ -webkit-filter: brightness(80%); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .rt-category-text a { font-size: 15px !important; line-height: 20px !important; color: #ffffff !important; text-decoration: none !important; } a.rt-category-text { font-size: 15px; line-height: 20px; color: #ffffff; text-decoration: none; text-align: center; font-style: italic; font-weight: bold; } .rt-news-style-4 .rt-news-style-4-post-name { color: #696969 !important; text-decoration: none !important; font-weight: normal; font-size: 14px; line-height: 26px; } .rt-news-style-4 .rt-news-style-4-date-post-devider { color: #696969; } .rt-news-style-4 .rt-news-style-4-post-date { color: #696969; font-size: 14px; line-height: 26px; } .rt-card-body-right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; } .rt-card .rt-card-body-right { margin-top: -8px; } .rt-post-meta { padding-bottom: 5px; } .rt-card .blogpost-img { position: relative; top: 0; left: 0; } .rt-card .blogpost-img .tag-name { position: absolute; bottom: -12px; left: 40px; z-index: 999; display: inline-block; width: auto; padding: 0; text-align: center; } .rt-card .blogpost-img .tag-name a { color: #fff !important; text-align: center; padding: 5px 20px; background: #1367fe; border-radius: 4px; margin-right: 8px; font-size: 14px; line-height: 26px; text-transform: capitalize; } .rt-card .blog-cat-name { position: absolute; bottom: -12px; left: 40px; z-index: 999; display: inline-block; width: auto; padding: 0; text-align: center; } .rt-card .blog-cat-name a { color: #fff !important; text-align: center; padding: 5px 20px; background: #1367fe; border-radius: 4px; margin-right: 8px; font-size: 14px; line-height: 26px; text-transform: capitalize; } @media screen and (min-width: 768px) and (max-width: 1024px) { .rt-card:last-child { margin-bottom: 0; } } @media only screen and (max-width: 767px) { .rt-card-body-right { padding: 25px 0 0 0; } .rt-card:last-child { margin-bottom: 0; } } /*===================== PAGE BLOG CSS ENDS ======================*/ .rt-case-study-box-filter { margin: 0 20px 4px 20px; text-align: left; } .rt-case-study-box-filter.element-one .name { margin-left: 20px; } .rt-case-study-box-filter.element-one .num { /*position: absolute; top: -10px; right: -10px;*/ text-align: right; font-size: 14px; padding: 0; } .rt-case-study-box-filter.element-one button { border: none; background: transparent; color: #000; font-weight: 700; position: relative; /* margin-right: 5px; */ margin-bottom: 0; padding: 0; margin-right: 20px; transition: all cubic-bezier(.4, 0, .2, 1) .4s; } /* .rt-case-study-box-filter.element-one button:before { content: ""; width: 0; height: 1px; bottom: -3px; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .rt-case-study-box-filter.element-one button:hover:before { right: auto; left: 0; width: 100%; color: #013CA3; }*/ .rt-case-study-box-filter.element-one button:hover { color: #013CA3; transition: all cubic-bezier(.4, 0, .2, 1) .4s; } /*------------------------------------------ EXTRA ------------------------------------------*/ .rt-portfolio-box.style-seven > .holder { position: relative; text-align: left; float: left; margin-top: 30px; } .rt-portfolio-box.style-seven > .holder > .onsale { top: 15px; left: 15px; width: 50px; min-width: initial; height: 50px; min-height: initial; margin: 0; padding: 5px; border-radius: 50%; text-transform: uppercase; font-weight: 400; font-size: 13px; line-height: 40px; background: #fff; color: #000; } .rt-portfolio-box.style-seven > .holder > .pic { position: relative; overflow: hidden; margin-bottom: 15px; background-size: cover; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; border-radius: 4px; } .rt-portfolio-box.style-seven > .holder > .pic:before { content: " "; display: block; padding-top: calc((120/120) * 100%); } .rt-portfolio-box.style-seven > .holder > .pic > .product-image { position: absolute; top: -10px; right: 0; bottom: -10px; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.style-seven > .holder:hover .pic .product-image { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } .rt-portfolio-box.style-seven > .holder > .pic > .overlay { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details { text-align: left; position: relative; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details h6 { margin-bottom: 3px; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details h6 a { display: block; overflow: hidden; width: 100%; color: #000; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-category-holder { display: block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s; -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s; transition: all cubic-bezier(.4, 0, .2, 1) .4s; } .rt-portfolio-box.style-seven > .holder:hover .rt-portfolio-item-details .rt-category-holder { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-category-holder .rt-category { font-size: 16px; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-category-holder .rt-category a { color: #000; font-weight: 600; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project { position: absolute; opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); left: 0; right: 0; -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s; -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s; transition: all cubic-bezier(.4, 0, .2, 1) .4s; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details:hover .rt-show-project { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .rt-portfolio-box.style-seven > .holder:hover .rt-portfolio-item-details .rt-show-project { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a { position: relative; color: inherit; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; color: #000; font-weight: 600; } /*.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:before { content: ""; width: 0; height: 1px; bottom: -3px; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:hover:before { right: auto; left: 0; width: 100%; color: #013CA3; }*/ .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:hover { right: auto; left: 0; width: 100%; color: #013CA3; } .rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:after { content: ""; position: absolute; width: 40px; height: 2px; background-color: currentColor; top: 50%; right: -55px; } /*--------------------------- Load More div Section ---------------------------*/ .rt-case-study-box.element-two .rt-portfolio-box-item.holder { position: relative; text-align: left; float: left; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .pic { position: relative; overflow: hidden; margin-bottom: 15px; background-size: cover; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; border-radius: 4px; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .pic:before { content: " "; display: block; padding-top: calc((120/120) * 100%); } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .pic > .product-image { position: absolute; top: -10px; right: 0; bottom: -10px; left: 0; z-index: 1; background: center center no-repeat; background-size: cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder:hover .pic .product-image { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .pic > .overlay { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details { text-align: left; position: relative; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details h5 { margin-bottom: 3px; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-category-holder { display: block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s; -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s; transition: all cubic-bezier(.4, 0, .2, 1) .4s; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder:hover > .rt-portfolio-item-details .rt-category-holder { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-category-holder .rt-category { font-size: 16px; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-category-holder .rt-category a { color: #000; font-weight: 600; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-show-project { position: absolute; opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); left: 0; right: 0; -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s; -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s; transition: all cubic-bezier(.4, 0, .2, 1) .4s; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details:hover .rt-show-project { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .rt-case-study-box.element-two .rt-portfolio-box-item.holder:hover > .rt-portfolio-item-details .rt-show-project { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-show-project .rt-show-project-link a { position: relative; color: inherit; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; color: #000; font-weight: 600; } /*.rt-case-study-box.element-two .rt-portfolio-box-item.holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:before { content: ""; width: 0; height: 1px; bottom: -3px; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor } .rt-case-study-box.element-two .rt-portfolio-box-item.holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:hover:before { right: auto; left: 0; width: 100%; color: #013CA3; }*/ .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:hover { right: auto; left: 0; width: 100%; color: #013CA3; } .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:after { content: ""; position: absolute; width: 40px; height: 2px; background-color: currentColor; top: 50%; right: -55px; } /*--------------------------- Load More ---------------------------*/ .rt_item { width: 100%; height: 100%; } .rtlazyload { padding: 11.5px 0px 11.5px 0px; text-align: center; background: #015abd; border-radius: 0px; font-size: 13px; font-weight: 500; letter-spacing: 2px; overflow: hidden; color: #ffffff; display: block; border: 0px; text-transform: capitalize; clear: both; cursor: pointer; text-align: center; margin: 100px auto 100px auto; width: 14.3%; line-height: 25px; } .rtlazyload img { width: 16px; height: 16px; } .rt-no-more-post { text-align: center; font-size: 15px; text-transform: capitalize; margin-bottom: 92px; } .radiantthemes_loadmore_item { margin: 40px auto 0 auto; width: 100%; text-align: center; float: left; clear: both; /*overflow: hidden;*/ display: block; position: relative; padding: 0 0 50px 0; height: 52px; } .radiantthemes_loadmore_item p { margin-bottom: 0px; margin-top: 0; } .radiantthemes_loadmore { padding: 11px 33px; text-align: center; background: linear-gradient(to right, #FF3834 0%, #FF7133 100%); border-radius: 4px; font-size: 17px; font-weight: 700; text-transform: capitalize; line-height: 30px; letter-spacing: 0; color: #FFFFFF; overflow: hidden; display: block; border: 0px; clear: both; cursor: pointer; text-align: center; height: 52px; bottom: 0; margin: 0 auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; /* position: absolute; left: 0; right: 0; bottom: -90px;*/ } .radiantthemes_loadmore:hover { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25); transform: translateY(-5px); -webkit-transform: translateY(-5px); } /*===================== PORTFOLIO WRAPPER WIDTH =====================*/ .rt-portfolio-wrapper .elementor-widget-container { margin-left: -15px; margin-right: -15px; } .rt-boxed-contents-wrapper .elementor-widget-container { margin-left: -15px; margin-right: -15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { .rt-portfolio-wrapper .elementor-widget-container { margin-left: 15px; margin-right: 15px; } .rt-case-study-box-filter { margin: 0 0 4px 0 !important; } .rt-portfolio-box.element-two .rt-portfolio-box-item { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 768px) { .rt-portfolio-wrapper .elementor-widget-container { margin-left: 15px; margin-right: 15px; } .rt-case-study-box-filter { margin: 0 0 4px 0 !important; } .rt-portfolio-box.element-two .rt-portfolio-box-item { padding-left: 0; padding-right: 0; } } /*.radiantthemes-custom-button .radiantthemes-custom-button-main { box-shadow: 5px 20px 30px 5px rgba(253.49999999999997, 18.185869565217537, 0, 0.17); }*/ /*#header { position: absolute; width: 100%; z-index: 199 !important; } #header .container { position: relative } #header .rt-header-inner, #header #header-wrap { left: 0; right: 0; transition: all .4s ease-in-out } #header .rt-header-inner .logo, #header #header-wrap .logo { float: left; font-size: 28px; position: relative; z-index: 1; transition: all .4s ease-in-out; } #header .rt-header-inner .logo a > img, #header #header-wrap .logo a > img { vertical-align: inherit; transition: all .4s ease-in-out; height: 80px; width: auto } #header .rt-header-inner .logo a > img, #header .rt-header-inner .logo a [class*=logo-], #header #header-wrap .logo a > img, #header #header-wrap .logo a [class*=logo-] { display: none } #header .rt-header-inner .logo a .logo-default, #header #header-wrap .logo a .logo-default { display: block }*/ .rt-dark #header .rt-header-inner .logo a > img, .rt-dark #header .rt-header-inner .logo a[class*=logo-], .rt-dark #header #header-wrap .logo a > img, .rt-dark #header #header-wrap .logo a[class*=logo-], #header.rt-dark .rt-header-inner .logo a > img, #header.rt-dark .rt-header-inner .logo a[class*=logo-], #header.rt-dark #header-wrap .logo a > img, #header.rt-dark #header-wrap .logo a[class*=logo-] { display: block } .rt-dark #header .rt-header-inner .logo a .logo-rt-dark, .rt-dark #header #header-wrap .logo a .logo-rt-dark, #header.rt-dark .rt-header-inner .logo a .logo-rt-dark, #header.rt-dark #header-wrap .logo a .logo-rt-dark { display: block } .rt-subscribe-foot-form input[type='email'] { background: #fafafa; height: 52px; padding: 0 20px; color: #696969; border: 1px solid #d0dcec; border-radius: 4px; width: 100%; box-shadow: 8px 8px 25px 0 rgba(42, 67, 113, 0.15); -webkit-box-shadow: 8px 8px 25px 0 rgba(42, 67, 113, 0.15); -moz-box-shadow: 8px 8px 25px 0 rgba(42, 67, 113, 0.15); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .rt-subscribe-foot-form input[type='submit'] { border-radius: 4px; display: inline-block; padding: 11px 0; letter-spacing: 0; line-height: 30px; font-size: 17px; letter-spacing: 0; position: absolute; right: 0px; top: 0; border: none; /*background: transparent url(../images/sub-button.png) no-repeat top right !important;*/ color: transparent; transition: all 0.4s ease-in-out !important; -webkit-transition: all 0.4s ease-in-out !important; font-weight: bold; } .post-navigation, .comment-navigation { margin-top: 0px; margin-bottom: 115px; font-size: 0; } .right-sidebar .widget-area > section.widget_radiantthemes_image_box_widget { box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 20px 30px 30px 30px; margin-bottom: 55px; } .right-sidebar .widget-area > .widget .widget-title { margin-top: 0; margin-bottom: 20px; } .widget-area > #text-2 { background-image: linear-gradient(180deg, #35126C 0%, #780DF9 100%); box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 20px 30px 10px 30px; margin-top: 45px; } .widget-area > #text-2 .widget-title { margin-top: 0px; margin-bottom: 12px; font-weight: 600; font-size: 25px; line-height: 34px; color: #ffffff; } .widget-area > #text-2 .textwidget p { margin-bottom: 26px; font-size: 16px; line-height: 28px; font-weight: 400; color: #a7b4df; } .widget-area > #text-2 .textwidget p:last-child { margin-bottom: 0; } .right-sidebar .textwidget input[type=email] { background: #fafafa; border-radius: 4px; width: 100%; height: 55px; line-height: 55px; border: none; margin-bottom: 10px; padding: 0 20px; color: #696969; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border: 1px solid #D0DCEC; } .right-sidebar .textwidget input[type=email]:hover { border: 1px solid #104CBA; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .textwidget input[type=email]::-webkit-input-placeholder { color: #696969; } .right-sidebar .widget-area > #text-2 .textwidget p { margin-bottom: 0 !important; } .right-sidebar .widget-area > .widget .textwidget { margin-bottom: 0 !important; } .right-sidebar .widget-area > #text-2 { margin-top: 0 !important; } .right-sidebar .textwidget input[type=submit] { padding: 12px 0; width: 100%; position: relative; background: linear-gradient(to right, #FF3834 0%, #FF7133 100%); border: none; color: #fff; font-size: 17px; line-height: 30px; letter-spacing: 0; font-weight: 700; text-transform: capitalize; border-radius: 4px; transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; } .right-sidebar .textwidget input[type=submit]:hover { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25); transform: translateY(-5px); -webkit-transform: translateY(-5px); } .discover-link a { position: relative; display: inline-block; } .discover-link a:before { content: ""; position: absolute; bottom: 0; left: 0; right: auto; width: 0; height: 1px; background-color: #fd4219; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .discover-link a:hover:before { width: 100%; color: #fd4219; } .pr-agcy-counter .elementor-counter .elementor-counter-title { text-align: left; } .pr-agcy-counter .elementor-counter .elementor-counter-number-prefix { display: none; } /* CLIENT ELEMENT CSS STARTS */ /* clients element-one */ .clients.element-one { width: auto; margin-left: -15px; margin-right: -15px; } .clients.element-one:not(.owl-carousel):after { display: block; content: " "; width: 100%; height: 0; clear: both; } .clients.element-one * { margin: 0 auto; } .clients.element-one .clients-item { padding: 5px 15px 10px 15px; } .clients.element-one:not(.owl-carousel) .clients-item { float: left; margin-bottom: 0px; } .clients.element-one .clients-item > .holder { text-align: center; height: 120px !important; } .clients.element-one .clients-item > .holder > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .clients.element-one .clients-item > .holder > .table > .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .clients.element-one .clients-item > .holder .pic { display: inline-block; vertical-align: top; } /* CLIENT ELEMENT CSS ENDS */ .elementor-widget.header-five-icon-box .elementor-icon-list-icon { margin-top: 7px; }