Файловый менеджер - Редактировать - /home/digitalm/tendepavia/wp-content/themes/trydo/assets/css/style.css
Назад
@charset "UTF-8"; /********************************************************************************* Template Name: Trydo Html Creative Agency Template Note: This is style css. **********************************************************************************/ /************************************************************** STYLESHEET INDEXING | | |___ Default Styles | | | |___ variables | |___ mixins | |___ reset | |___ typography | |___ extend | |___ animations | |___ shortcode | |___ spacing | | |___Header Styles | |___ header | |___ mainmenu | | |___Inner Styles | |___ breadcrump | |___ section-title | |___ button | |___ pagination | |___ socialicon | |___ footer | |___Elements Styles | |___ portfolio | |___ service | |___ slider | |___ counterup | |___ testimonial | |___ brand | |___ team | |___ callto-action | |___ tab | |___ accordion | |___ list | |___ contact | |___BLog Styles | |___ blog | |___ blog-details | |___Template Styles | |___ about | |___ portfolio-details | |___ service-details | |___ preview | | |___ END STYLESHEET INDEXING ***************************************************************/ /************************************** Default Styles ***************************************/ :root { --color-primary: #f9004d; --color-primary-light: #ffedf2; --color-body: #717173; --color-heading: #1f1f25; --color-secondary: #00D09C; --color-tertiary: #030303; --color-success: #3EB75E; --color-danger: #FF0003; --color-border: #e9e9e9; --color-border-2: #0000004d; --color-lighter: #f8f9fc; --color-white: #ffffff; --radius: 4px; --border-width: 2px; --border-sdfs: #717173; --h1: 72px; --h2: 60px; --h3: 40px; --h4: 30px; --h5: 20px; --h6: 16px; } /*=============================== Font Family =================================*/ /*=============================== Color Variation =================================*/ /** * Reset Styels */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } a { color: var(--color-heading); } a { text-decoration: none; } a:hover, a:focus, a:active { text-decoration: none; outline: none; color: var(--color-primary); } address { margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } mark { background: var(--color-primary); color: #ffffff; } code, kbd, pre, samp { font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; color: var(--color-primary); } kbd, ins { color: #ffffff; } pre, .wp-block-code { font-family: "Courier 10 Pitch", Courier, monospace; font-size: 14px; margin: 10px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; color: var(--color-body); background: #eee; border-radius: 4px; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; } blockquote strong, blockquote b { font-weight: 700; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin-top: 0; margin-bottom: 10px; } dd { margin: 0 15px 15px; } dt { font-weight: bold; color: var(--color-heading); } menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } ol ul { margin-bottom: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } big { font-size: 125%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid var(--color-border); margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { padding: 0; } input[type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; appearance: textfield; padding-right: 2px; width: 270px; } input[type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } caption, th, td { font-weight: normal; } th { font-weight: 400; } td, .wp-block-calendar tfoot td { border: 1px solid #e9e9e9; padding: 7px 10px; } del { color: #333; } ins { background: var(--color-primary); text-decoration: none; padding: 0 5px; } hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } table a, table a:link, table a:visited { text-decoration: underline; } dt { font-weight: bold; margin-bottom: 10px; } dd { margin: 0 15px 15px; } caption { caption-side: top; } kbd { background: var(--color-primary); } dfn, cite, em { font-style: italic; } var { color: #757589; font-size: 18px; } code { font-family: "Courier 10 Pitch", Courier, monospace; } a > code { color: var(--color-primary); } /** * Typography */ * { box-sizing: border-box; } html { overflow: hidden; overflow-y: auto; font-size: 10px; } body { overflow: hidden; font-size: 16px; line-height: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Poppins", sans-serif; color: var(--color-body); font-weight: 400; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, menu, ol, ul, table, hr { margin: 0; margin-bottom: 15px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-break: break-word; font-family: "Poppins", sans-serif; line-height: 1.4074; color: var(--color-heading); } h1, .h1 { font-size: var(--h1); line-height: 1.3; } h2, .h2 { font-size: var(--h2); line-height: 1.4074; } h3, .h3 { font-size: var(--h3); line-height: 1.4074; } h4, .h4 { font-size: var(--h4); line-height: 1.4074; } h5, .h5 { font-size: var(--h5); line-height: 1.4074; } h6, .h6 { font-size: var(--h6); line-height: 1.4074; } @media only screen and (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: calc(var(--h1) - 10px); } h2, .h2 { font-size: calc(var(--h2) - 10px); } h3, .h3 { font-size: calc(var(--h3) - 5px); } h4, .h4 { font-size: calc(var(--h4) - 5px); } h5, .h5 { font-size: calc(var(--h5) - 2px); } } @media only screen and (max-width: 767px) { h1, .h1 { font-size: calc(var(--h1) - 20px); } h2, .h2 { font-size: calc(var(--h2) - 20px); } h3, .h3 { font-size: calc(var(--h3) - 10px); } h4, .h4 { font-size: calc(var(--h4) - 5px); } h5, .h5 { font-size: calc(var(--h5) - 4px); } h6, .h6 { font-size: calc(var(--h6) - 2px); } } h1, .h1, h2, .h2, h3, .h3 { font-weight: 700; } h4, .h4, h5, .h5 { font-weight: 600; } h6, .h6 { font-weight: 600; } .rn-blog-details P.has-large-font-size { line-height: 1.5; font-size: 36px; } p { font-size: 16px; line-height: 1.9; font-weight: 400; color: var(--color-body); margin: 0 0 40px; } p:last-child { margin-bottom: 0; } p.has-large-font-size { line-height: 1.5; font-size: 36px; } p.has-medium-font-size { font-size: 20px; } p.has-small-font-size { font-size: 13px; } p.has-very-light-gray-color { color: #ffffff; } p.has-background { padding: 20px 30px; } input, button, select, textarea { background: transparent; border: 1px solid #e9e9e9; transition: all 0.4s ease-out 0s; color: var(--color-body); } input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active { outline: none; border-color: var(--color-primary); } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 20px; width: 100%; } table a, table a:link, table a:visited { text-decoration: none; } cite, .wp-block-pullquote cite, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-quote cite { color: var(--color-heading); margin-top: 10px; display: inline-block; text-transform: inherit; } var { font-family: "Courier 10 Pitch", Courier, monospace; } /*--------------------------- List Style ---------------------------*/ ul, ol { padding-left: 18px; } ul { list-style: disc; margin-bottom: 40px; padding-left: 20px; } ul.liststyle.bullet li { font-size: 16px; line-height: 28px; color: var(--color-body); position: relative; padding-left: 30px; } @media only screen and (max-width: 767px) { ul.liststyle.bullet li { padding-left: 19px; } } ul.liststyle.bullet li::before { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 100%; background: var(--color-body); left: 0; top: 10px; } ul.liststyle.bullet li + li { margin-top: 8px; } ul li { font-size: 16px; line-height: 28px; margin-top: 10px; margin-bottom: 10px; } ul li a { text-decoration: none; color: var(--color-heading); } ul li a:hover { color: var(--color-primary); } ul ul { margin-bottom: 0; } ol { margin-bottom: 40px; } ol li { font-size: 16px; line-height: 28px; color: var(--color-body); margin-top: 10px; margin-bottom: 10px; } ol li a { color: var(--color-heading); text-decoration: none; } ol li a:hover { color: var(--color-primary); } ol ul { padding-left: 30px; } p.cite { margin-top: 0; } /*===================== Common Css =======================*/ .line-separator { border-bottom: 1px solid #ebebeb; } .textBlack { color: #000000; } .bodyColor { color: #535353; } .single-service.service__style--2:hover .content p, .single-service.service__style--2:hover .content .title { color: #ffffff; } .color-1 { color: #8956e2; } .color-2 { color: #11ccd3; } .color-3 { color: #f4769a; } .color-4 { color: #2f21b3; } .bgcolor-4 { background: #2f21b3; } .footer-widget ul, .rbt-single-widget.share ul.social-list, .rbt-single-widget.category ul.category-list, .rbt-single-widget .small-post .content ul.blog-meta, ul.blog-meta, ul.list-style, .list-style--1, ul.nav.tab-style--1, ul.brand-style, .rn-pagination ul.page-numbers, .rn-pagination ul.page-list, .post-breadcrumbs .page-list, .breadcrumb-inner .page-list, .color-black .mainmenunav ul.mainmenu, .color-white .mainmenunav ul.mainmenu, .mainmenunav ul.mainmenu > li ul.submenu, .mainmenunav ul.mainmenu, .trydo-active-onepage-navigation .header-area .mainmenu > li .submenu { padding: 0; margin: 0; list-style: none; } .liststyle { padding: 0; margin: 0; list-style: none; } .copyright-text p a, .footer-widget ul li a, .footer-style-2 p a, .footer-default .footer-right .footer-widget ul.ft-link li a, .pv-tab-button li span::after, .pv-tab-button button span::after, .single-demo a, .related-work .inner h4 a, .about-inner .section-title p a, .tagcloud a, .wp-block-tag-cloud a, ul.blog-meta li a, .single-post-content-wrap input, .comment-list .comment .reply-edit .reply a.comment-reply-link, .comment-list .pingback .reply-edit .reply a.comment-reply-link, .comment-list .trackback .reply-edit .reply a.comment-reply-link, .comment-list .comment .reply-edit a.comment-edit-link, .comment-list .pingback .reply-edit a.comment-edit-link, .comment-list .trackback .reply-edit a.comment-edit-link, .comment-list .comment .comment-text a, .comment-list .pingback .comment-text a, .comment-list .trackback .comment-text a, .comment-list .comment .comment-img .commenter a, .comment-list .pingback .comment-img .commenter a, .comment-list .trackback .comment-img .commenter a, .rn-blog-details .single-post-content-wrap p a, .trydo-blog-list .blog-top .title a, .blog.blog-style--1 .content .blog-btn, .blog.blog-style--1 .content .title a, .blog.blog-style--1 .content::before, .blog.blog-style--1 .content, .blog.blog-style--1 .thumbnail a::after, .blog.blog-style--1 .thumbnail a img, .blog.blog-style--1, .trydo-slick-active.slick-dot-bottom ul.slick-dots li button::after, input, textarea, .rn-address .inner p a, .rn-address .icon, .single-tab-content ul li a, ul.nav.tab-style--1 li a::before, ul.nav.tab-style--1 li a, .team .thumbnail::after, .team .thumbnail img, .single-service.service__style--4 .content p, .single-service.service__style--5 .content p, .single-service.service__style--4 .content .title, .single-service.service__style--5 .content .title, .single-service.service__style--4 .icon, .single-service.service__style--5 .icon, .single-service.service__style--4::before, .single-service.service__style--5::before, .single-service.service__style--4, .single-service.service__style--5, .single-service.service__style--3, .single-service.service__style--2 a::before, .single-service.service__style--2 .content p, .single-service.service__style--2 .content .title, .single-service.service__style--2 .icon, .single-service.service__style--2 a, .single-service.service__style--1 .content p, .single-service.service__style--1 .content .title, .single-service.service__style--1 .icon, .single-service.service__style--1, .portfolio-style--3 .content .portfolio-btn, .portfolio-style--3 .content h4.title a, .portfolio-style--3 .content::before, .portfolio-style--3 .content, .portfolio-style--3 .thumbnail a::after, .portfolio-style--3 .thumbnail a img, .portfolio-style--3, .portfolio-sacousel-inner .slick-dots li button::after, .rn-slick-dot .slick-dots li button::after, .portfolio-tilthover .portfolio .content, .portfolio-tilthover .portfolio .bg-blr-image, .portfolio .content .inner .portfolio-button, .portfolio .bg-blr-image, .portfolio .thumbnail::after, .portfolio .thumbnail-inner::before, .portfolio, ul.social-share li a, .rn-pagination .post-page-numbers::before, .page-links .post-page-numbers::before, .rn-pagination .post-page-numbers, .page-links .post-page-numbers, .rn-pagination ul.page-numbers li a::before, .rn-pagination ul.page-list li a::before, a.rn-btn, button.rn-btn, a.btn-transparent::after, a.btn-transparent, .section-title p a, .breadcrumb-inner .page-list li a, .mainmenunav ul.mainmenu > li ul.submenu li > a, .mainmenunav ul.mainmenu > li ul.submenu, .mainmenunav ul.mainmenu > li > a, .trydo-active-onepage-navigation .header-area .mainmenu > li .submenu, .header-area.header--sticky.sticky .header-wrapper .logo img, .header-area .header-wrapper a.rn-btn, .form-group textarea, .form-group input, #scrollUp i, #scrollUp, ul li a, ol li a { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .about-us-list .title { font-weight: 500; } .section-title-default h2.title { font-weight: 400; } .fontWeight900 { font-weight: 900 !important; } .fontWeight800 { font-weight: 800 !important; } .fontWeight700 { font-weight: 700 !important; } .fontWeight600 { font-weight: 600 !important; } .fontWeight500 { font-weight: 500 !important; } .fontWeight400 { font-weight: 400 !important; } .fontWeight300 { font-weight: 300 !important; } .single-service.service__style--3, .single-service.service__style--2, .single-service.service__style--1 { position: relative; } .bg_image { background-repeat: no-repeat; background-size: cover; background-position: center center; } .text-default-gradient { background: linear-gradient(to right, #f81f01 50%, #ee076e 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .theme-gradient { background: linear-gradient(-259deg, #f81f01 0, #ee076e 100%); } .rn-pagination .post-page-numbers.current, .page-links .post-page-numbers.current, .rn-pagination .post-page-numbers::before, .page-links .post-page-numbers::before, .rn-pagination ul.page-numbers li .current, .rn-pagination ul.page-list li .current, .rn-pagination ul.page-numbers li a::before, .rn-pagination ul.page-list li a::before { background: linear-gradient(-259deg, #f81f01 0, #ee076e 100%); } /*-------------------------- Gutenberg Color Support ----------------------------*/ .has-primary-background-color { background-color: var(--color-primary); } .has-primary-color, .has-primary-color p { color: var(--color-primary); } .has-secondary-background-color { background-color: var(--color-secondary); } .has-secondary-color, .has-secondary-color p { color: var(--color-secondary); } .has-dark-background-color { background-color: var(--color-heading); } .has-dark-color, .has-dark-color p { color: var(--color-heading); } .has-gray-background-color { background-color: var(--color-body); } .has-gray-color, .has-gray-color p { color: var(--color-body); } .has-light-background-color { background-color: var(--color-lighter); } .has-light-color, .has-light-color p { color: var(--color-lighter); } .has-white-background-color { background-color: #ffffff; } .has-white-color, .has-white-color p { color: #ffffff; } /*! Animate.css - http://daneden.me/animate Version - 3.4.0 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { opacity: 0; transform: translateY(200%); -webkit-transform: translateY(200%); } .animated.bmw { transform: translate(0px, 0px); opacity: 1; } /* ------------------------ Custom Animation 01 ----------------------------*/ @-webkit-keyframes headerSlideDown { 0% { margin-top: -100px; } to { margin-top: 0; } } @keyframes headerSlideDown { 0% { margin-top: -100px; } to { margin-top: 0; } } /*============================== * Utilities =================================*/ /*---------------------------------------- font-family: 'Montserrat', sans-serif; font-family: 'Poppins', sans-serif; -------------------------------------*/ .hidden { display: none; } .fix { overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .wrapper { position: relative; } /* Define Colors */ .theme-color { color: var(--color-primary); } .theme-gradient { background-color: #f81f01; background: #f81f01; background: -moz-linear-gradient(145deg, #f81f01 0%, #ee076e 100%); background: -webkit-linear-gradient(145deg, #f81f01 0%, #ee076e 100%); background: linear-gradient(145deg, #f81f01 0%, #ee076e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f81f01", endColorstr="#ee076e",GradientType=1 ); color: #f81f01; } .rn-text-white { color: #c6c9d8 !important; } .bg_image.bg-position-fixed { background-position: fixed; } /*=============================== Background Color =================================*/ .bg_color--1 { background: #fff; } .bg_color--2 { background: var(--color-primary); } .bg_color--3 { background: #f8f9fc; } .bg_color--4 { background: #1a1b1f; } .bg_color--5 { background: #f8f9fc; } .bg_color--6 { background: #000000; } .bg_color--7 { background: #101010; } /*=========================== Background Image =============================*/ .bg_overlay:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #00010c; opacity: 0.57; } .bg_overlay { position: relative; } .bg_image--1 { background-image: url(../images/bg/bg-image-1.jpg); } .bg_image--3 { background-image: url(../images/bg/bg-image-3.jpg); } .bg_image--8 { background-image: url(../images/bg/bg-image-8.jpg); } .font--1 { font-size: 1px !important; } .font--2 { font-size: 2px !important; } .font--3 { font-size: 3px !important; } .font--4 { font-size: 4px !important; } .font--5 { font-size: 5px !important; } .font--6 { font-size: 6px !important; } .font--7 { font-size: 7px !important; } .font--8 { font-size: 8px !important; } .font--9 { font-size: 9px !important; } .font--10 { font-size: 10px !important; } .font--11 { font-size: 11px !important; } .font--12 { font-size: 12px !important; } .font--13 { font-size: 13px !important; } .font--14 { font-size: 14px !important; } .font--15 { font-size: 15px !important; } .font--16 { font-size: 16px !important; } .font--17 { font-size: 17px !important; } .font--18 { font-size: 18px !important; } .font--19 { font-size: 19px !important; } .font--20 { font-size: 20px !important; } .font--21 { font-size: 21px !important; } .font--22 { font-size: 22px !important; } .font--23 { font-size: 23px !important; } .font--24 { font-size: 24px !important; } .font--25 { font-size: 25px !important; } .font--26 { font-size: 26px !important; } .font--27 { font-size: 27px !important; } .font--28 { font-size: 28px !important; } .font--29 { font-size: 29px !important; } .font--30 { font-size: 30px !important; } .font--31 { font-size: 31px !important; } .font--32 { font-size: 32px !important; } .font--33 { font-size: 33px !important; } .font--34 { font-size: 34px !important; } .font--35 { font-size: 35px !important; } .font--36 { font-size: 36px !important; } .font--37 { font-size: 37px !important; } .font--38 { font-size: 38px !important; } .font--39 { font-size: 39px !important; } .font--40 { font-size: 40px !important; } .font--41 { font-size: 41px !important; } .font--42 { font-size: 42px !important; } .font--43 { font-size: 43px !important; } .font--44 { font-size: 44px !important; } .font--45 { font-size: 45px !important; } .font--46 { font-size: 46px !important; } .font--47 { font-size: 47px !important; } .font--48 { font-size: 48px !important; } .font--49 { font-size: 49px !important; } .font--50 { font-size: 50px !important; } .font--51 { font-size: 51px !important; } .font--52 { font-size: 52px !important; } .font--53 { font-size: 53px !important; } .font--54 { font-size: 54px !important; } .font--55 { font-size: 55px !important; } .font--56 { font-size: 56px !important; } .font--57 { font-size: 57px !important; } .font--58 { font-size: 58px !important; } .font--59 { font-size: 59px !important; } .font--60 { font-size: 60px !important; } .font--61 { font-size: 61px !important; } .font--62 { font-size: 62px !important; } .font--63 { font-size: 63px !important; } .font--64 { font-size: 64px !important; } .font--65 { font-size: 65px !important; } .font--66 { font-size: 66px !important; } .font--67 { font-size: 67px !important; } .font--68 { font-size: 68px !important; } .font--69 { font-size: 69px !important; } .font--70 { font-size: 70px !important; } .font--71 { font-size: 71px !important; } .font--72 { font-size: 72px !important; } .font--73 { font-size: 73px !important; } .font--74 { font-size: 74px !important; } .font--75 { font-size: 75px !important; } .font--76 { font-size: 76px !important; } .font--77 { font-size: 77px !important; } .font--78 { font-size: 78px !important; } .font--79 { font-size: 79px !important; } .font--80 { font-size: 80px !important; } /*========================= Text specialized ==========================*/ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { font-style: underline; } /* Height and width */ .fullscreen { min-height: 100vh; width: 100%; } @media only screen and (max-width: 767px) { .fullscreen { min-height: auto; } } .fullscreen.empty-div { pointer-events: none; background: transparent; } /*=================== Custom Row ======================*/ .row--0 { margin-left: 0px; margin-right: 0px; } .row--0 > [class*=col] { padding-left: 0px; padding-right: 0px; } .row--5 { margin-left: -5px; margin-right: -5px; } .row--5 > [class*=col] { padding-left: 5px; padding-right: 5px; } .row--10 { margin-left: -10px; margin-right: -10px; } .row--10 > [class*=col] { padding-left: 10px; padding-right: 10px; } .row--20 { margin-left: -20px; margin-right: -20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--20 { margin-left: -15px !important; margin-right: -15px !important; } } .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--25 { margin-left: -25px; margin-right: -25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--25 { margin-left: -15px !important; margin-right: -15px !important; } } .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 25px; padding-right: 25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--30 { margin-left: -30px; margin-right: -30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--30 { margin-left: -15px !important; margin-right: -15px !important; } } .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 30px; padding-right: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--35 { margin-left: -35px; margin-right: -35px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--35 { margin-left: -25px; margin-right: -25px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--35 { margin-left: -25px; margin-right: -25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--35 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--35 { margin-left: -15px !important; margin-right: -15px !important; } } .row--35 > [class*=col], .row--35 > [class*=col-] { padding-left: 35px; padding-right: 35px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--35 > [class*=col], .row--35 > [class*=col-] { padding-left: 25px; padding-right: 25px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--35 > [class*=col], .row--35 > [class*=col-] { padding-left: 25px; padding-right: 25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--35 > [class*=col], .row--35 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--35 > [class*=col], .row--35 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--40 { margin-left: -40px; margin-right: -40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--40 { margin-left: -25px; margin-right: -25px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--40 { margin-left: -25px; margin-right: -25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--40 { margin-left: -15px !important; margin-right: -15px !important; } } .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 40px; padding-right: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 25px; padding-right: 25px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 25px; padding-right: 25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } /*=========================== Input Placeholder =============================*/ input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*============================= Overlay styles ==============================*/ [data-overlay], [data-black-overlay], [data-white-overlay] { position: relative; z-index: 1; } [data-overlay] > div, [data-overlay] > *, [data-black-overlay] > div, [data-black-overlay] > *, [data-white-overlay] > div, [data-white-overlay] > * { position: relative; z-index: 1; } [data-overlay]:before, [data-black-overlay]:before, [data-white-overlay]:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; } [data-overlay]:before { background-color: var(--color-primary); } [data-black-overlay]:before { background-color: #00010c; } [data-white-overlay]:before { background-color: #b4abab; } [data-overlay="1"]:before, [data-black-overlay="1"]:before, [data-white-overlay="1"]:before { opacity: 0.1; } [data-overlay="2"]:before, [data-black-overlay="2"]:before, [data-white-overlay="2"]:before { opacity: 0.2; } [data-overlay="3"]:before, [data-black-overlay="3"]:before, [data-white-overlay="3"]:before { opacity: 0.3; } [data-overlay="4"]:before, [data-black-overlay="4"]:before, [data-white-overlay="4"]:before { opacity: 0.4; } [data-overlay="5"]:before, [data-black-overlay="5"]:before, [data-white-overlay="5"]:before { opacity: 0.5; } [data-overlay="6"]:before, [data-black-overlay="6"]:before, [data-white-overlay="6"]:before { opacity: 0.6; } [data-overlay="7"]:before, [data-black-overlay="7"]:before, [data-white-overlay="7"]:before { opacity: 0.7; } [data-overlay="8"]:before, [data-black-overlay="8"]:before, [data-white-overlay="8"]:before { opacity: 0.8; } [data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-white-overlay="9"]:before { opacity: 0.9; } [data-overlay="10"]:before, [data-black-overlay="10"]:before, [data-white-overlay="10"]:before { opacity: 1; } /*------------------------------ Scroll Up --------------------------------*/ #scrollUp { width: 50px; height: 50px; background-color: #ffffff; color: var(--color-primary); right: 30px; bottom: 60px; text-align: center; overflow: hidden; border-radius: 50px; z-index: 9811 !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { #scrollUp { right: 20px; } } #scrollUp i { display: block; line-height: 48px; font-size: 22px; font-weight: 600; } #scrollUp:hover { background: var(--color-primary); color: var(--color-white); } #scrollUp:hover i { color: var(--color-white); } .form-message { margin-bottom: 0; text-align: center; } .form-message.error { margin-top: 20px; color: #f80707; } .form-message.success { margin-top: 20px; color: #0d8d2d; } .thumb img, .thumbnail img { border-radius: 6px; } img.react-parallax-bgimage { object-fit: contain; } /*========================= Section Separation ==========================*/ .page-wrapper { min-height: 600px; } .rn-section-gap { padding: 120px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-section-gap { padding: 80px 0 !important; } } @media only screen and (max-width: 767px) { .rn-section-gap { padding: 80px 0 !important; } } .rn-section-gapBottom { padding-bottom: 120px; } @media only screen and (max-width: 767px) { .rn-section-gapBottom { padding-bottom: 80px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-section-gapBottom { padding-bottom: 80px !important; } } .rn-section-gapTop { padding-top: 120px; } @media only screen and (max-width: 767px) { .rn-section-gapTop { padding-top: 60px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-section-gapTop { padding-top: 80px !important; } } .mt_dec--40 { margin-top: -40px !important; } .mb_dec--30 { margin-bottom: -30px !important; } .mt_dec--60 { margin-top: -60px !important; } .mt_dec--30 { margin-top: -30px !important; } .letterspacing--2 { letter-spacing: 2px !important; } .pra { font-size: 18px; line-height: 2em; } @media only screen and (max-width: 767px) { .pra { font-size: 14px; line-height: 24px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .plr--120 { padding: 0 60px !important; } } @media only screen and (max-width: 767px) { .plr--120 { padding: 0 30px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .plr--120 { padding: 0 60px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .plr--120 { padding: 0 60px !important; } } @media only screen and (max-width: 767px) { .plr--120 { padding: 0 30px !important; } } .pl--0 { padding-left: 0 !important; } .pr--0 { padding-right: 0 !important; } .pt--0 { padding-top: 0 !important; } .pb--0 { padding-bottom: 0 !important; } .mr--0 { margin-right: 0 !important; } .ml--0 { margin-left: 0 !important; } .mt--0 { margin-top: 0 !important; } .mb--0 { margin-bottom: 0 !important; } .pt--260 { padding-top: 260px; } .pt--250 { padding-top: 250px; } .plr--270 { padding: 0 270px; } .plr--300 { padding: 0 300px; } .plr--340 { padding: 0 340px; } .ptb--300 { padding: 300px 0; } .ptb--340 { padding: 340px 0; } .ptb--450 { padding: 450px 0; } .plr_dec--15 { margin: 0 -15px; } .mb-dec--30 { margin-bottom: -30px; } .pt--300 { padding-top: 300px; } .ptb--5 { padding: 5px 0 !important; } .plr--5 { padding: 0 5px !important; } .pt--5 { padding-top: 5px !important; } .pb--5 { padding-bottom: 5px !important; } .pl--5 { padding-left: 5px !important; } .pr--5 { padding-right: 5px !important; } .mt--5 { margin-top: 5px !important; } .mb--5 { margin-bottom: 5px !important; } .mr--5 { margin-right: 5px !important; } .ml--5 { margin-left: 5px !important; } .ptb--10 { padding: 10px 0 !important; } .plr--10 { padding: 0 10px !important; } .pt--10 { padding-top: 10px !important; } .pb--10 { padding-bottom: 10px !important; } .pl--10 { padding-left: 10px !important; } .pr--10 { padding-right: 10px !important; } .mt--10 { margin-top: 10px !important; } .mb--10 { margin-bottom: 10px !important; } .mr--10 { margin-right: 10px !important; } .ml--10 { margin-left: 10px !important; } .ptb--15 { padding: 15px 0 !important; } .plr--15 { padding: 0 15px !important; } .pt--15 { padding-top: 15px !important; } .pb--15 { padding-bottom: 15px !important; } .pl--15 { padding-left: 15px !important; } .pr--15 { padding-right: 15px !important; } .mt--15 { margin-top: 15px !important; } .mb--15 { margin-bottom: 15px !important; } .mr--15 { margin-right: 15px !important; } .ml--15 { margin-left: 15px !important; } .ptb--20 { padding: 20px 0 !important; } .plr--20 { padding: 0 20px !important; } .pt--20 { padding-top: 20px !important; } .pb--20 { padding-bottom: 20px !important; } .pl--20 { padding-left: 20px !important; } .pr--20 { padding-right: 20px !important; } .mt--20 { margin-top: 20px !important; } .mb--20 { margin-bottom: 20px !important; } .mr--20 { margin-right: 20px !important; } .ml--20 { margin-left: 20px !important; } .ptb--25 { padding: 25px 0 !important; } .plr--25 { padding: 0 25px !important; } .pt--25 { padding-top: 25px !important; } .pb--25 { padding-bottom: 25px !important; } .pl--25 { padding-left: 25px !important; } .pr--25 { padding-right: 25px !important; } .mt--25 { margin-top: 25px !important; } .mb--25 { margin-bottom: 25px !important; } .mr--25 { margin-right: 25px !important; } .ml--25 { margin-left: 25px !important; } .ptb--30 { padding: 30px 0 !important; } .plr--30 { padding: 0 30px !important; } .pt--30 { padding-top: 30px !important; } .pb--30 { padding-bottom: 30px !important; } .pl--30 { padding-left: 30px !important; } .pr--30 { padding-right: 30px !important; } .mt--30 { margin-top: 30px !important; } .mb--30 { margin-bottom: 30px !important; } .mr--30 { margin-right: 30px !important; } .ml--30 { margin-left: 30px !important; } .ptb--35 { padding: 35px 0 !important; } .plr--35 { padding: 0 35px !important; } .pt--35 { padding-top: 35px !important; } .pb--35 { padding-bottom: 35px !important; } .pl--35 { padding-left: 35px !important; } .pr--35 { padding-right: 35px !important; } .mt--35 { margin-top: 35px !important; } .mb--35 { margin-bottom: 35px !important; } .mr--35 { margin-right: 35px !important; } .ml--35 { margin-left: 35px !important; } .ptb--40 { padding: 40px 0 !important; } .plr--40 { padding: 0 40px !important; } .pt--40 { padding-top: 40px !important; } .pb--40 { padding-bottom: 40px !important; } .pl--40 { padding-left: 40px !important; } .pr--40 { padding-right: 40px !important; } .mt--40 { margin-top: 40px !important; } .mb--40 { margin-bottom: 40px !important; } .mr--40 { margin-right: 40px !important; } .ml--40 { margin-left: 40px !important; } .ptb--45 { padding: 45px 0 !important; } .plr--45 { padding: 0 45px !important; } .pt--45 { padding-top: 45px !important; } .pb--45 { padding-bottom: 45px !important; } .pl--45 { padding-left: 45px !important; } .pr--45 { padding-right: 45px !important; } .mt--45 { margin-top: 45px !important; } .mb--45 { margin-bottom: 45px !important; } .mr--45 { margin-right: 45px !important; } .ml--45 { margin-left: 45px !important; } .ptb--50 { padding: 50px 0 !important; } .plr--50 { padding: 0 50px !important; } .pt--50 { padding-top: 50px !important; } .pb--50 { padding-bottom: 50px !important; } .pl--50 { padding-left: 50px !important; } .pr--50 { padding-right: 50px !important; } .mt--50 { margin-top: 50px !important; } .mb--50 { margin-bottom: 50px !important; } .mr--50 { margin-right: 50px !important; } .ml--50 { margin-left: 50px !important; } .ptb--55 { padding: 55px 0 !important; } .plr--55 { padding: 0 55px !important; } .pt--55 { padding-top: 55px !important; } .pb--55 { padding-bottom: 55px !important; } .pl--55 { padding-left: 55px !important; } .pr--55 { padding-right: 55px !important; } .mt--55 { margin-top: 55px !important; } .mb--55 { margin-bottom: 55px !important; } .mr--55 { margin-right: 55px !important; } .ml--55 { margin-left: 55px !important; } .ptb--60 { padding: 60px 0 !important; } .plr--60 { padding: 0 60px !important; } .pt--60 { padding-top: 60px !important; } .pb--60 { padding-bottom: 60px !important; } .pl--60 { padding-left: 60px !important; } .pr--60 { padding-right: 60px !important; } .mt--60 { margin-top: 60px !important; } .mb--60 { margin-bottom: 60px !important; } .mr--60 { margin-right: 60px !important; } .ml--60 { margin-left: 60px !important; } .ptb--65 { padding: 65px 0 !important; } .plr--65 { padding: 0 65px !important; } .pt--65 { padding-top: 65px !important; } .pb--65 { padding-bottom: 65px !important; } .pl--65 { padding-left: 65px !important; } .pr--65 { padding-right: 65px !important; } .mt--65 { margin-top: 65px !important; } .mb--65 { margin-bottom: 65px !important; } .mr--65 { margin-right: 65px !important; } .ml--65 { margin-left: 65px !important; } .ptb--70 { padding: 70px 0 !important; } .plr--70 { padding: 0 70px !important; } .pt--70 { padding-top: 70px !important; } .pb--70 { padding-bottom: 70px !important; } .pl--70 { padding-left: 70px !important; } .pr--70 { padding-right: 70px !important; } .mt--70 { margin-top: 70px !important; } .mb--70 { margin-bottom: 70px !important; } .mr--70 { margin-right: 70px !important; } .ml--70 { margin-left: 70px !important; } .ptb--75 { padding: 75px 0 !important; } .plr--75 { padding: 0 75px !important; } .pt--75 { padding-top: 75px !important; } .pb--75 { padding-bottom: 75px !important; } .pl--75 { padding-left: 75px !important; } .pr--75 { padding-right: 75px !important; } .mt--75 { margin-top: 75px !important; } .mb--75 { margin-bottom: 75px !important; } .mr--75 { margin-right: 75px !important; } .ml--75 { margin-left: 75px !important; } .ptb--80 { padding: 80px 0 !important; } .plr--80 { padding: 0 80px !important; } .pt--80 { padding-top: 80px !important; } .pb--80 { padding-bottom: 80px !important; } .pl--80 { padding-left: 80px !important; } .pr--80 { padding-right: 80px !important; } .mt--80 { margin-top: 80px !important; } .mb--80 { margin-bottom: 80px !important; } .mr--80 { margin-right: 80px !important; } .ml--80 { margin-left: 80px !important; } .ptb--85 { padding: 85px 0 !important; } .plr--85 { padding: 0 85px !important; } .pt--85 { padding-top: 85px !important; } .pb--85 { padding-bottom: 85px !important; } .pl--85 { padding-left: 85px !important; } .pr--85 { padding-right: 85px !important; } .mt--85 { margin-top: 85px !important; } .mb--85 { margin-bottom: 85px !important; } .mr--85 { margin-right: 85px !important; } .ml--85 { margin-left: 85px !important; } .ptb--90 { padding: 90px 0 !important; } .plr--90 { padding: 0 90px !important; } .pt--90 { padding-top: 90px !important; } .pb--90 { padding-bottom: 90px !important; } .pl--90 { padding-left: 90px !important; } .pr--90 { padding-right: 90px !important; } .mt--90 { margin-top: 90px !important; } .mb--90 { margin-bottom: 90px !important; } .mr--90 { margin-right: 90px !important; } .ml--90 { margin-left: 90px !important; } .ptb--95 { padding: 95px 0 !important; } .plr--95 { padding: 0 95px !important; } .pt--95 { padding-top: 95px !important; } .pb--95 { padding-bottom: 95px !important; } .pl--95 { padding-left: 95px !important; } .pr--95 { padding-right: 95px !important; } .mt--95 { margin-top: 95px !important; } .mb--95 { margin-bottom: 95px !important; } .mr--95 { margin-right: 95px !important; } .ml--95 { margin-left: 95px !important; } .ptb--100 { padding: 100px 0 !important; } .plr--100 { padding: 0 100px !important; } .pt--100 { padding-top: 100px !important; } .pb--100 { padding-bottom: 100px !important; } .pl--100 { padding-left: 100px !important; } .pr--100 { padding-right: 100px !important; } .mt--100 { margin-top: 100px !important; } .mb--100 { margin-bottom: 100px !important; } .mr--100 { margin-right: 100px !important; } .ml--100 { margin-left: 100px !important; } .ptb--105 { padding: 105px 0 !important; } .plr--105 { padding: 0 105px !important; } .pt--105 { padding-top: 105px !important; } .pb--105 { padding-bottom: 105px !important; } .pl--105 { padding-left: 105px !important; } .pr--105 { padding-right: 105px !important; } .mt--105 { margin-top: 105px !important; } .mb--105 { margin-bottom: 105px !important; } .mr--105 { margin-right: 105px !important; } .ml--105 { margin-left: 105px !important; } .ptb--110 { padding: 110px 0 !important; } .plr--110 { padding: 0 110px !important; } .pt--110 { padding-top: 110px !important; } .pb--110 { padding-bottom: 110px !important; } .pl--110 { padding-left: 110px !important; } .pr--110 { padding-right: 110px !important; } .mt--110 { margin-top: 110px !important; } .mb--110 { margin-bottom: 110px !important; } .mr--110 { margin-right: 110px !important; } .ml--110 { margin-left: 110px !important; } .ptb--115 { padding: 115px 0 !important; } .plr--115 { padding: 0 115px !important; } .pt--115 { padding-top: 115px !important; } .pb--115 { padding-bottom: 115px !important; } .pl--115 { padding-left: 115px !important; } .pr--115 { padding-right: 115px !important; } .mt--115 { margin-top: 115px !important; } .mb--115 { margin-bottom: 115px !important; } .mr--115 { margin-right: 115px !important; } .ml--115 { margin-left: 115px !important; } .ptb--120 { padding: 120px 0 !important; } .plr--120 { padding: 0 120px !important; } .pt--120 { padding-top: 120px !important; } .pb--120 { padding-bottom: 120px !important; } .pl--120 { padding-left: 120px !important; } .pr--120 { padding-right: 120px !important; } .mt--120 { margin-top: 120px !important; } .mb--120 { margin-bottom: 120px !important; } .mr--120 { margin-right: 120px !important; } .ml--120 { margin-left: 120px !important; } .ptb--125 { padding: 125px 0 !important; } .plr--125 { padding: 0 125px !important; } .pt--125 { padding-top: 125px !important; } .pb--125 { padding-bottom: 125px !important; } .pl--125 { padding-left: 125px !important; } .pr--125 { padding-right: 125px !important; } .mt--125 { margin-top: 125px !important; } .mb--125 { margin-bottom: 125px !important; } .mr--125 { margin-right: 125px !important; } .ml--125 { margin-left: 125px !important; } .ptb--130 { padding: 130px 0 !important; } .plr--130 { padding: 0 130px !important; } .pt--130 { padding-top: 130px !important; } .pb--130 { padding-bottom: 130px !important; } .pl--130 { padding-left: 130px !important; } .pr--130 { padding-right: 130px !important; } .mt--130 { margin-top: 130px !important; } .mb--130 { margin-bottom: 130px !important; } .mr--130 { margin-right: 130px !important; } .ml--130 { margin-left: 130px !important; } .ptb--135 { padding: 135px 0 !important; } .plr--135 { padding: 0 135px !important; } .pt--135 { padding-top: 135px !important; } .pb--135 { padding-bottom: 135px !important; } .pl--135 { padding-left: 135px !important; } .pr--135 { padding-right: 135px !important; } .mt--135 { margin-top: 135px !important; } .mb--135 { margin-bottom: 135px !important; } .mr--135 { margin-right: 135px !important; } .ml--135 { margin-left: 135px !important; } .ptb--140 { padding: 140px 0 !important; } .plr--140 { padding: 0 140px !important; } .pt--140 { padding-top: 140px !important; } .pb--140 { padding-bottom: 140px !important; } .pl--140 { padding-left: 140px !important; } .pr--140 { padding-right: 140px !important; } .mt--140 { margin-top: 140px !important; } .mb--140 { margin-bottom: 140px !important; } .mr--140 { margin-right: 140px !important; } .ml--140 { margin-left: 140px !important; } .ptb--145 { padding: 145px 0 !important; } .plr--145 { padding: 0 145px !important; } .pt--145 { padding-top: 145px !important; } .pb--145 { padding-bottom: 145px !important; } .pl--145 { padding-left: 145px !important; } .pr--145 { padding-right: 145px !important; } .mt--145 { margin-top: 145px !important; } .mb--145 { margin-bottom: 145px !important; } .mr--145 { margin-right: 145px !important; } .ml--145 { margin-left: 145px !important; } .ptb--150 { padding: 150px 0 !important; } .plr--150 { padding: 0 150px !important; } .pt--150 { padding-top: 150px !important; } .pb--150 { padding-bottom: 150px !important; } .pl--150 { padding-left: 150px !important; } .pr--150 { padding-right: 150px !important; } .mt--150 { margin-top: 150px !important; } .mb--150 { margin-bottom: 150px !important; } .mr--150 { margin-right: 150px !important; } .ml--150 { margin-left: 150px !important; } .ptb--155 { padding: 155px 0 !important; } .plr--155 { padding: 0 155px !important; } .pt--155 { padding-top: 155px !important; } .pb--155 { padding-bottom: 155px !important; } .pl--155 { padding-left: 155px !important; } .pr--155 { padding-right: 155px !important; } .mt--155 { margin-top: 155px !important; } .mb--155 { margin-bottom: 155px !important; } .mr--155 { margin-right: 155px !important; } .ml--155 { margin-left: 155px !important; } .ptb--160 { padding: 160px 0 !important; } .plr--160 { padding: 0 160px !important; } .pt--160 { padding-top: 160px !important; } .pb--160 { padding-bottom: 160px !important; } .pl--160 { padding-left: 160px !important; } .pr--160 { padding-right: 160px !important; } .mt--160 { margin-top: 160px !important; } .mb--160 { margin-bottom: 160px !important; } .mr--160 { margin-right: 160px !important; } .ml--160 { margin-left: 160px !important; } .ptb--165 { padding: 165px 0 !important; } .plr--165 { padding: 0 165px !important; } .pt--165 { padding-top: 165px !important; } .pb--165 { padding-bottom: 165px !important; } .pl--165 { padding-left: 165px !important; } .pr--165 { padding-right: 165px !important; } .mt--165 { margin-top: 165px !important; } .mb--165 { margin-bottom: 165px !important; } .mr--165 { margin-right: 165px !important; } .ml--165 { margin-left: 165px !important; } .ptb--170 { padding: 170px 0 !important; } .plr--170 { padding: 0 170px !important; } .pt--170 { padding-top: 170px !important; } .pb--170 { padding-bottom: 170px !important; } .pl--170 { padding-left: 170px !important; } .pr--170 { padding-right: 170px !important; } .mt--170 { margin-top: 170px !important; } .mb--170 { margin-bottom: 170px !important; } .mr--170 { margin-right: 170px !important; } .ml--170 { margin-left: 170px !important; } .ptb--175 { padding: 175px 0 !important; } .plr--175 { padding: 0 175px !important; } .pt--175 { padding-top: 175px !important; } .pb--175 { padding-bottom: 175px !important; } .pl--175 { padding-left: 175px !important; } .pr--175 { padding-right: 175px !important; } .mt--175 { margin-top: 175px !important; } .mb--175 { margin-bottom: 175px !important; } .mr--175 { margin-right: 175px !important; } .ml--175 { margin-left: 175px !important; } .ptb--180 { padding: 180px 0 !important; } .plr--180 { padding: 0 180px !important; } .pt--180 { padding-top: 180px !important; } .pb--180 { padding-bottom: 180px !important; } .pl--180 { padding-left: 180px !important; } .pr--180 { padding-right: 180px !important; } .mt--180 { margin-top: 180px !important; } .mb--180 { margin-bottom: 180px !important; } .mr--180 { margin-right: 180px !important; } .ml--180 { margin-left: 180px !important; } .ptb--185 { padding: 185px 0 !important; } .plr--185 { padding: 0 185px !important; } .pt--185 { padding-top: 185px !important; } .pb--185 { padding-bottom: 185px !important; } .pl--185 { padding-left: 185px !important; } .pr--185 { padding-right: 185px !important; } .mt--185 { margin-top: 185px !important; } .mb--185 { margin-bottom: 185px !important; } .mr--185 { margin-right: 185px !important; } .ml--185 { margin-left: 185px !important; } .ptb--190 { padding: 190px 0 !important; } .plr--190 { padding: 0 190px !important; } .pt--190 { padding-top: 190px !important; } .pb--190 { padding-bottom: 190px !important; } .pl--190 { padding-left: 190px !important; } .pr--190 { padding-right: 190px !important; } .mt--190 { margin-top: 190px !important; } .mb--190 { margin-bottom: 190px !important; } .mr--190 { margin-right: 190px !important; } .ml--190 { margin-left: 190px !important; } .ptb--195 { padding: 195px 0 !important; } .plr--195 { padding: 0 195px !important; } .pt--195 { padding-top: 195px !important; } .pb--195 { padding-bottom: 195px !important; } .pl--195 { padding-left: 195px !important; } .pr--195 { padding-right: 195px !important; } .mt--195 { margin-top: 195px !important; } .mb--195 { margin-bottom: 195px !important; } .mr--195 { margin-right: 195px !important; } .ml--195 { margin-left: 195px !important; } .ptb--200 { padding: 200px 0 !important; } .plr--200 { padding: 0 200px !important; } .pt--200 { padding-top: 200px !important; } .pb--200 { padding-bottom: 200px !important; } .pl--200 { padding-left: 200px !important; } .pr--200 { padding-right: 200px !important; } .mt--200 { margin-top: 200px !important; } .mb--200 { margin-bottom: 200px !important; } .mr--200 { margin-right: 200px !important; } .ml--200 { margin-left: 200px !important; } @media only screen and (max-width: 767px) { .ptb--120, .ptb--80 { padding: 60px 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ptb--120, .ptb--80 { padding: 80px 0 !important; } } @media only screen and (max-width: 767px) { .pt--120, .pt--140, .pt--110 { padding-top: 60px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt--120, .pt--140, .pt--110 { padding-top: 80px !important; } } @media only screen and (max-width: 767px) { .pb--120, .pb--110, .pb--110 { padding-bottom: 60px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pb--120, .pb--110, .pb--110 { padding-bottom: 80px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .ptb_lp--5 { padding: 5px 0; } .plr_lp--5 { padding: 0 5px; } .pt_lp--5 { padding-top: 5px; } .pb_lp--5 { padding-bottom: 5px; } .pl_lp--5 { padding-left: 5px; } .pr_lp--5 { padding-right: 5px; } .mt_lp--5 { margin-top: 5px; } .mb_lp--5 { margin-bottom: 5px; } .ptb_lp--10 { padding: 10px 0; } .plr_lp--10 { padding: 0 10px; } .pt_lp--10 { padding-top: 10px; } .pb_lp--10 { padding-bottom: 10px; } .pl_lp--10 { padding-left: 10px; } .pr_lp--10 { padding-right: 10px; } .mt_lp--10 { margin-top: 10px; } .mb_lp--10 { margin-bottom: 10px; } .ptb_lp--15 { padding: 15px 0; } .plr_lp--15 { padding: 0 15px; } .pt_lp--15 { padding-top: 15px; } .pb_lp--15 { padding-bottom: 15px; } .pl_lp--15 { padding-left: 15px; } .pr_lp--15 { padding-right: 15px; } .mt_lp--15 { margin-top: 15px; } .mb_lp--15 { margin-bottom: 15px; } .ptb_lp--20 { padding: 20px 0; } .plr_lp--20 { padding: 0 20px; } .pt_lp--20 { padding-top: 20px; } .pb_lp--20 { padding-bottom: 20px; } .pl_lp--20 { padding-left: 20px; } .pr_lp--20 { padding-right: 20px; } .mt_lp--20 { margin-top: 20px; } .mb_lp--20 { margin-bottom: 20px; } .ptb_lp--25 { padding: 25px 0; } .plr_lp--25 { padding: 0 25px; } .pt_lp--25 { padding-top: 25px; } .pb_lp--25 { padding-bottom: 25px; } .pl_lp--25 { padding-left: 25px; } .pr_lp--25 { padding-right: 25px; } .mt_lp--25 { margin-top: 25px; } .mb_lp--25 { margin-bottom: 25px; } .ptb_lp--30 { padding: 30px 0; } .plr_lp--30 { padding: 0 30px; } .pt_lp--30 { padding-top: 30px; } .pb_lp--30 { padding-bottom: 30px; } .pl_lp--30 { padding-left: 30px; } .pr_lp--30 { padding-right: 30px; } .mt_lp--30 { margin-top: 30px; } .mb_lp--30 { margin-bottom: 30px; } .ptb_lp--35 { padding: 35px 0; } .plr_lp--35 { padding: 0 35px; } .pt_lp--35 { padding-top: 35px; } .pb_lp--35 { padding-bottom: 35px; } .pl_lp--35 { padding-left: 35px; } .pr_lp--35 { padding-right: 35px; } .mt_lp--35 { margin-top: 35px; } .mb_lp--35 { margin-bottom: 35px; } .ptb_lp--40 { padding: 40px 0; } .plr_lp--40 { padding: 0 40px; } .pt_lp--40 { padding-top: 40px; } .pb_lp--40 { padding-bottom: 40px; } .pl_lp--40 { padding-left: 40px; } .pr_lp--40 { padding-right: 40px; } .mt_lp--40 { margin-top: 40px; } .mb_lp--40 { margin-bottom: 40px; } .ptb_lp--45 { padding: 45px 0; } .plr_lp--45 { padding: 0 45px; } .pt_lp--45 { padding-top: 45px; } .pb_lp--45 { padding-bottom: 45px; } .pl_lp--45 { padding-left: 45px; } .pr_lp--45 { padding-right: 45px; } .mt_lp--45 { margin-top: 45px; } .mb_lp--45 { margin-bottom: 45px; } .ptb_lp--50 { padding: 50px 0; } .plr_lp--50 { padding: 0 50px; } .pt_lp--50 { padding-top: 50px; } .pb_lp--50 { padding-bottom: 50px; } .pl_lp--50 { padding-left: 50px; } .pr_lp--50 { padding-right: 50px; } .mt_lp--50 { margin-top: 50px; } .mb_lp--50 { margin-bottom: 50px; } .ptb_lp--55 { padding: 55px 0; } .plr_lp--55 { padding: 0 55px; } .pt_lp--55 { padding-top: 55px; } .pb_lp--55 { padding-bottom: 55px; } .pl_lp--55 { padding-left: 55px; } .pr_lp--55 { padding-right: 55px; } .mt_lp--55 { margin-top: 55px; } .mb_lp--55 { margin-bottom: 55px; } .ptb_lp--60 { padding: 60px 0; } .plr_lp--60 { padding: 0 60px; } .pt_lp--60 { padding-top: 60px; } .pb_lp--60 { padding-bottom: 60px; } .pl_lp--60 { padding-left: 60px; } .pr_lp--60 { padding-right: 60px; } .mt_lp--60 { margin-top: 60px; } .mb_lp--60 { margin-bottom: 60px; } .ptb_lp--65 { padding: 65px 0; } .plr_lp--65 { padding: 0 65px; } .pt_lp--65 { padding-top: 65px; } .pb_lp--65 { padding-bottom: 65px; } .pl_lp--65 { padding-left: 65px; } .pr_lp--65 { padding-right: 65px; } .mt_lp--65 { margin-top: 65px; } .mb_lp--65 { margin-bottom: 65px; } .ptb_lp--70 { padding: 70px 0; } .plr_lp--70 { padding: 0 70px; } .pt_lp--70 { padding-top: 70px; } .pb_lp--70 { padding-bottom: 70px; } .pl_lp--70 { padding-left: 70px; } .pr_lp--70 { padding-right: 70px; } .mt_lp--70 { margin-top: 70px; } .mb_lp--70 { margin-bottom: 70px; } .ptb_lp--75 { padding: 75px 0; } .plr_lp--75 { padding: 0 75px; } .pt_lp--75 { padding-top: 75px; } .pb_lp--75 { padding-bottom: 75px; } .pl_lp--75 { padding-left: 75px; } .pr_lp--75 { padding-right: 75px; } .mt_lp--75 { margin-top: 75px; } .mb_lp--75 { margin-bottom: 75px; } .ptb_lp--80 { padding: 80px 0; } .plr_lp--80 { padding: 0 80px; } .pt_lp--80 { padding-top: 80px; } .pb_lp--80 { padding-bottom: 80px; } .pl_lp--80 { padding-left: 80px; } .pr_lp--80 { padding-right: 80px; } .mt_lp--80 { margin-top: 80px; } .mb_lp--80 { margin-bottom: 80px; } .ptb_lp--85 { padding: 85px 0; } .plr_lp--85 { padding: 0 85px; } .pt_lp--85 { padding-top: 85px; } .pb_lp--85 { padding-bottom: 85px; } .pl_lp--85 { padding-left: 85px; } .pr_lp--85 { padding-right: 85px; } .mt_lp--85 { margin-top: 85px; } .mb_lp--85 { margin-bottom: 85px; } .ptb_lp--90 { padding: 90px 0; } .plr_lp--90 { padding: 0 90px; } .pt_lp--90 { padding-top: 90px; } .pb_lp--90 { padding-bottom: 90px; } .pl_lp--90 { padding-left: 90px; } .pr_lp--90 { padding-right: 90px; } .mt_lp--90 { margin-top: 90px; } .mb_lp--90 { margin-bottom: 90px; } .ptb_lp--95 { padding: 95px 0; } .plr_lp--95 { padding: 0 95px; } .pt_lp--95 { padding-top: 95px; } .pb_lp--95 { padding-bottom: 95px; } .pl_lp--95 { padding-left: 95px; } .pr_lp--95 { padding-right: 95px; } .mt_lp--95 { margin-top: 95px; } .mb_lp--95 { margin-bottom: 95px; } .ptb_lp--100 { padding: 100px 0; } .plr_lp--100 { padding: 0 100px; } .pt_lp--100 { padding-top: 100px; } .pb_lp--100 { padding-bottom: 100px; } .pl_lp--100 { padding-left: 100px; } .pr_lp--100 { padding-right: 100px; } .mt_lp--100 { margin-top: 100px; } .mb_lp--100 { margin-bottom: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ptb_lg--5 { padding: 5px 0; } .plr_lg--5 { padding: 0 5px; } .pt_lg--5 { padding-top: 5px; } .pb_lg--5 { padding-bottom: 5px; } .pl_lg--5 { padding-left: 5px; } .pr_lg--5 { padding-right: 5px; } .mt_lg--5 { margin-top: 5px; } .mb_lg--5 { margin-bottom: 5px; } .ptb_lg--10 { padding: 10px 0; } .plr_lg--10 { padding: 0 10px; } .pt_lg--10 { padding-top: 10px; } .pb_lg--10 { padding-bottom: 10px; } .pl_lg--10 { padding-left: 10px; } .pr_lg--10 { padding-right: 10px; } .mt_lg--10 { margin-top: 10px; } .mb_lg--10 { margin-bottom: 10px; } .ptb_lg--15 { padding: 15px 0; } .plr_lg--15 { padding: 0 15px; } .pt_lg--15 { padding-top: 15px; } .pb_lg--15 { padding-bottom: 15px; } .pl_lg--15 { padding-left: 15px; } .pr_lg--15 { padding-right: 15px; } .mt_lg--15 { margin-top: 15px; } .mb_lg--15 { margin-bottom: 15px; } .ptb_lg--20 { padding: 20px 0; } .plr_lg--20 { padding: 0 20px; } .pt_lg--20 { padding-top: 20px; } .pb_lg--20 { padding-bottom: 20px; } .pl_lg--20 { padding-left: 20px; } .pr_lg--20 { padding-right: 20px; } .mt_lg--20 { margin-top: 20px; } .mb_lg--20 { margin-bottom: 20px; } .ptb_lg--25 { padding: 25px 0; } .plr_lg--25 { padding: 0 25px; } .pt_lg--25 { padding-top: 25px; } .pb_lg--25 { padding-bottom: 25px; } .pl_lg--25 { padding-left: 25px; } .pr_lg--25 { padding-right: 25px; } .mt_lg--25 { margin-top: 25px; } .mb_lg--25 { margin-bottom: 25px; } .ptb_lg--30 { padding: 30px 0; } .plr_lg--30 { padding: 0 30px; } .pt_lg--30 { padding-top: 30px; } .pb_lg--30 { padding-bottom: 30px; } .pl_lg--30 { padding-left: 30px; } .pr_lg--30 { padding-right: 30px; } .mt_lg--30 { margin-top: 30px; } .mb_lg--30 { margin-bottom: 30px; } .ptb_lg--35 { padding: 35px 0; } .plr_lg--35 { padding: 0 35px; } .pt_lg--35 { padding-top: 35px; } .pb_lg--35 { padding-bottom: 35px; } .pl_lg--35 { padding-left: 35px; } .pr_lg--35 { padding-right: 35px; } .mt_lg--35 { margin-top: 35px; } .mb_lg--35 { margin-bottom: 35px; } .ptb_lg--40 { padding: 40px 0; } .plr_lg--40 { padding: 0 40px; } .pt_lg--40 { padding-top: 40px; } .pb_lg--40 { padding-bottom: 40px; } .pl_lg--40 { padding-left: 40px; } .pr_lg--40 { padding-right: 40px; } .mt_lg--40 { margin-top: 40px; } .mb_lg--40 { margin-bottom: 40px; } .ptb_lg--45 { padding: 45px 0; } .plr_lg--45 { padding: 0 45px; } .pt_lg--45 { padding-top: 45px; } .pb_lg--45 { padding-bottom: 45px; } .pl_lg--45 { padding-left: 45px; } .pr_lg--45 { padding-right: 45px; } .mt_lg--45 { margin-top: 45px; } .mb_lg--45 { margin-bottom: 45px; } .ptb_lg--50 { padding: 50px 0; } .plr_lg--50 { padding: 0 50px; } .pt_lg--50 { padding-top: 50px; } .pb_lg--50 { padding-bottom: 50px; } .pl_lg--50 { padding-left: 50px; } .pr_lg--50 { padding-right: 50px; } .mt_lg--50 { margin-top: 50px; } .mb_lg--50 { margin-bottom: 50px; } .ptb_lg--55 { padding: 55px 0; } .plr_lg--55 { padding: 0 55px; } .pt_lg--55 { padding-top: 55px; } .pb_lg--55 { padding-bottom: 55px; } .pl_lg--55 { padding-left: 55px; } .pr_lg--55 { padding-right: 55px; } .mt_lg--55 { margin-top: 55px; } .mb_lg--55 { margin-bottom: 55px; } .ptb_lg--60 { padding: 60px 0; } .plr_lg--60 { padding: 0 60px; } .pt_lg--60 { padding-top: 60px; } .pb_lg--60 { padding-bottom: 60px; } .pl_lg--60 { padding-left: 60px; } .pr_lg--60 { padding-right: 60px; } .mt_lg--60 { margin-top: 60px; } .mb_lg--60 { margin-bottom: 60px; } .ptb_lg--65 { padding: 65px 0; } .plr_lg--65 { padding: 0 65px; } .pt_lg--65 { padding-top: 65px; } .pb_lg--65 { padding-bottom: 65px; } .pl_lg--65 { padding-left: 65px; } .pr_lg--65 { padding-right: 65px; } .mt_lg--65 { margin-top: 65px; } .mb_lg--65 { margin-bottom: 65px; } .ptb_lg--70 { padding: 70px 0; } .plr_lg--70 { padding: 0 70px; } .pt_lg--70 { padding-top: 70px; } .pb_lg--70 { padding-bottom: 70px; } .pl_lg--70 { padding-left: 70px; } .pr_lg--70 { padding-right: 70px; } .mt_lg--70 { margin-top: 70px; } .mb_lg--70 { margin-bottom: 70px; } .ptb_lg--75 { padding: 75px 0; } .plr_lg--75 { padding: 0 75px; } .pt_lg--75 { padding-top: 75px; } .pb_lg--75 { padding-bottom: 75px; } .pl_lg--75 { padding-left: 75px; } .pr_lg--75 { padding-right: 75px; } .mt_lg--75 { margin-top: 75px; } .mb_lg--75 { margin-bottom: 75px; } .ptb_lg--80 { padding: 80px 0; } .plr_lg--80 { padding: 0 80px; } .pt_lg--80 { padding-top: 80px; } .pb_lg--80 { padding-bottom: 80px; } .pl_lg--80 { padding-left: 80px; } .pr_lg--80 { padding-right: 80px; } .mt_lg--80 { margin-top: 80px; } .mb_lg--80 { margin-bottom: 80px; } .ptb_lg--85 { padding: 85px 0; } .plr_lg--85 { padding: 0 85px; } .pt_lg--85 { padding-top: 85px; } .pb_lg--85 { padding-bottom: 85px; } .pl_lg--85 { padding-left: 85px; } .pr_lg--85 { padding-right: 85px; } .mt_lg--85 { margin-top: 85px; } .mb_lg--85 { margin-bottom: 85px; } .ptb_lg--90 { padding: 90px 0; } .plr_lg--90 { padding: 0 90px; } .pt_lg--90 { padding-top: 90px; } .pb_lg--90 { padding-bottom: 90px; } .pl_lg--90 { padding-left: 90px; } .pr_lg--90 { padding-right: 90px; } .mt_lg--90 { margin-top: 90px; } .mb_lg--90 { margin-bottom: 90px; } .ptb_lg--95 { padding: 95px 0; } .plr_lg--95 { padding: 0 95px; } .pt_lg--95 { padding-top: 95px; } .pb_lg--95 { padding-bottom: 95px; } .pl_lg--95 { padding-left: 95px; } .pr_lg--95 { padding-right: 95px; } .mt_lg--95 { margin-top: 95px; } .mb_lg--95 { margin-bottom: 95px; } .ptb_lg--100 { padding: 100px 0; } .plr_lg--100 { padding: 0 100px; } .pt_lg--100 { padding-top: 100px; } .pb_lg--100 { padding-bottom: 100px; } .pl_lg--100 { padding-left: 100px; } .pr_lg--100 { padding-right: 100px; } .mt_lg--100 { margin-top: 100px; } .mb_lg--100 { margin-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ptb_md--0 { padding: 0; } .pl_md--0 { padding-left: 0; } .pr_md--0 { padding-right: 0; } .pt_md--0 { padding-top: 0; } .pb_md--0 { padding-bottom: 0; } .mr_md--0 { margin-right: 0; } .ml_md--0 { margin-left: 0; } .mt_md--0 { margin-top: 0; } .mb_md--0 { margin-bottom: 0; } .ptb_md--250 { padding: 250px 0; } .ptb_md--5 { padding: 5px 0 !important; } .plr_md--5 { padding: 0 5px !important; } .pt_md--5 { padding-top: 5px !important; } .pb_md--5 { padding-bottom: 5px !important; } .pl_md--5 { padding-left: 5px !important; } .pr_md--5 { padding-right: 5px !important; } .mt_md--5 { margin-top: 5px !important; } .ml_md--5 { margin-left: 5px !important; } .mb_md--5 { margin-bottom: 5px !important; } .ptb_md--10 { padding: 10px 0 !important; } .plr_md--10 { padding: 0 10px !important; } .pt_md--10 { padding-top: 10px !important; } .pb_md--10 { padding-bottom: 10px !important; } .pl_md--10 { padding-left: 10px !important; } .pr_md--10 { padding-right: 10px !important; } .mt_md--10 { margin-top: 10px !important; } .ml_md--10 { margin-left: 10px !important; } .mb_md--10 { margin-bottom: 10px !important; } .ptb_md--15 { padding: 15px 0 !important; } .plr_md--15 { padding: 0 15px !important; } .pt_md--15 { padding-top: 15px !important; } .pb_md--15 { padding-bottom: 15px !important; } .pl_md--15 { padding-left: 15px !important; } .pr_md--15 { padding-right: 15px !important; } .mt_md--15 { margin-top: 15px !important; } .ml_md--15 { margin-left: 15px !important; } .mb_md--15 { margin-bottom: 15px !important; } .ptb_md--20 { padding: 20px 0 !important; } .plr_md--20 { padding: 0 20px !important; } .pt_md--20 { padding-top: 20px !important; } .pb_md--20 { padding-bottom: 20px !important; } .pl_md--20 { padding-left: 20px !important; } .pr_md--20 { padding-right: 20px !important; } .mt_md--20 { margin-top: 20px !important; } .ml_md--20 { margin-left: 20px !important; } .mb_md--20 { margin-bottom: 20px !important; } .ptb_md--25 { padding: 25px 0 !important; } .plr_md--25 { padding: 0 25px !important; } .pt_md--25 { padding-top: 25px !important; } .pb_md--25 { padding-bottom: 25px !important; } .pl_md--25 { padding-left: 25px !important; } .pr_md--25 { padding-right: 25px !important; } .mt_md--25 { margin-top: 25px !important; } .ml_md--25 { margin-left: 25px !important; } .mb_md--25 { margin-bottom: 25px !important; } .ptb_md--30 { padding: 30px 0 !important; } .plr_md--30 { padding: 0 30px !important; } .pt_md--30 { padding-top: 30px !important; } .pb_md--30 { padding-bottom: 30px !important; } .pl_md--30 { padding-left: 30px !important; } .pr_md--30 { padding-right: 30px !important; } .mt_md--30 { margin-top: 30px !important; } .ml_md--30 { margin-left: 30px !important; } .mb_md--30 { margin-bottom: 30px !important; } .ptb_md--35 { padding: 35px 0 !important; } .plr_md--35 { padding: 0 35px !important; } .pt_md--35 { padding-top: 35px !important; } .pb_md--35 { padding-bottom: 35px !important; } .pl_md--35 { padding-left: 35px !important; } .pr_md--35 { padding-right: 35px !important; } .mt_md--35 { margin-top: 35px !important; } .ml_md--35 { margin-left: 35px !important; } .mb_md--35 { margin-bottom: 35px !important; } .ptb_md--40 { padding: 40px 0 !important; } .plr_md--40 { padding: 0 40px !important; } .pt_md--40 { padding-top: 40px !important; } .pb_md--40 { padding-bottom: 40px !important; } .pl_md--40 { padding-left: 40px !important; } .pr_md--40 { padding-right: 40px !important; } .mt_md--40 { margin-top: 40px !important; } .ml_md--40 { margin-left: 40px !important; } .mb_md--40 { margin-bottom: 40px !important; } .ptb_md--45 { padding: 45px 0 !important; } .plr_md--45 { padding: 0 45px !important; } .pt_md--45 { padding-top: 45px !important; } .pb_md--45 { padding-bottom: 45px !important; } .pl_md--45 { padding-left: 45px !important; } .pr_md--45 { padding-right: 45px !important; } .mt_md--45 { margin-top: 45px !important; } .ml_md--45 { margin-left: 45px !important; } .mb_md--45 { margin-bottom: 45px !important; } .ptb_md--50 { padding: 50px 0 !important; } .plr_md--50 { padding: 0 50px !important; } .pt_md--50 { padding-top: 50px !important; } .pb_md--50 { padding-bottom: 50px !important; } .pl_md--50 { padding-left: 50px !important; } .pr_md--50 { padding-right: 50px !important; } .mt_md--50 { margin-top: 50px !important; } .ml_md--50 { margin-left: 50px !important; } .mb_md--50 { margin-bottom: 50px !important; } .ptb_md--55 { padding: 55px 0 !important; } .plr_md--55 { padding: 0 55px !important; } .pt_md--55 { padding-top: 55px !important; } .pb_md--55 { padding-bottom: 55px !important; } .pl_md--55 { padding-left: 55px !important; } .pr_md--55 { padding-right: 55px !important; } .mt_md--55 { margin-top: 55px !important; } .ml_md--55 { margin-left: 55px !important; } .mb_md--55 { margin-bottom: 55px !important; } .ptb_md--60 { padding: 60px 0 !important; } .plr_md--60 { padding: 0 60px !important; } .pt_md--60 { padding-top: 60px !important; } .pb_md--60 { padding-bottom: 60px !important; } .pl_md--60 { padding-left: 60px !important; } .pr_md--60 { padding-right: 60px !important; } .mt_md--60 { margin-top: 60px !important; } .ml_md--60 { margin-left: 60px !important; } .mb_md--60 { margin-bottom: 60px !important; } .ptb_md--65 { padding: 65px 0 !important; } .plr_md--65 { padding: 0 65px !important; } .pt_md--65 { padding-top: 65px !important; } .pb_md--65 { padding-bottom: 65px !important; } .pl_md--65 { padding-left: 65px !important; } .pr_md--65 { padding-right: 65px !important; } .mt_md--65 { margin-top: 65px !important; } .ml_md--65 { margin-left: 65px !important; } .mb_md--65 { margin-bottom: 65px !important; } .ptb_md--70 { padding: 70px 0 !important; } .plr_md--70 { padding: 0 70px !important; } .pt_md--70 { padding-top: 70px !important; } .pb_md--70 { padding-bottom: 70px !important; } .pl_md--70 { padding-left: 70px !important; } .pr_md--70 { padding-right: 70px !important; } .mt_md--70 { margin-top: 70px !important; } .ml_md--70 { margin-left: 70px !important; } .mb_md--70 { margin-bottom: 70px !important; } .ptb_md--75 { padding: 75px 0 !important; } .plr_md--75 { padding: 0 75px !important; } .pt_md--75 { padding-top: 75px !important; } .pb_md--75 { padding-bottom: 75px !important; } .pl_md--75 { padding-left: 75px !important; } .pr_md--75 { padding-right: 75px !important; } .mt_md--75 { margin-top: 75px !important; } .ml_md--75 { margin-left: 75px !important; } .mb_md--75 { margin-bottom: 75px !important; } .ptb_md--80 { padding: 80px 0 !important; } .plr_md--80 { padding: 0 80px !important; } .pt_md--80 { padding-top: 80px !important; } .pb_md--80 { padding-bottom: 80px !important; } .pl_md--80 { padding-left: 80px !important; } .pr_md--80 { padding-right: 80px !important; } .mt_md--80 { margin-top: 80px !important; } .ml_md--80 { margin-left: 80px !important; } .mb_md--80 { margin-bottom: 80px !important; } .ptb_md--85 { padding: 85px 0 !important; } .plr_md--85 { padding: 0 85px !important; } .pt_md--85 { padding-top: 85px !important; } .pb_md--85 { padding-bottom: 85px !important; } .pl_md--85 { padding-left: 85px !important; } .pr_md--85 { padding-right: 85px !important; } .mt_md--85 { margin-top: 85px !important; } .ml_md--85 { margin-left: 85px !important; } .mb_md--85 { margin-bottom: 85px !important; } .ptb_md--90 { padding: 90px 0 !important; } .plr_md--90 { padding: 0 90px !important; } .pt_md--90 { padding-top: 90px !important; } .pb_md--90 { padding-bottom: 90px !important; } .pl_md--90 { padding-left: 90px !important; } .pr_md--90 { padding-right: 90px !important; } .mt_md--90 { margin-top: 90px !important; } .ml_md--90 { margin-left: 90px !important; } .mb_md--90 { margin-bottom: 90px !important; } .ptb_md--95 { padding: 95px 0 !important; } .plr_md--95 { padding: 0 95px !important; } .pt_md--95 { padding-top: 95px !important; } .pb_md--95 { padding-bottom: 95px !important; } .pl_md--95 { padding-left: 95px !important; } .pr_md--95 { padding-right: 95px !important; } .mt_md--95 { margin-top: 95px !important; } .ml_md--95 { margin-left: 95px !important; } .mb_md--95 { margin-bottom: 95px !important; } .ptb_md--100 { padding: 100px 0 !important; } .plr_md--100 { padding: 0 100px !important; } .pt_md--100 { padding-top: 100px !important; } .pb_md--100 { padding-bottom: 100px !important; } .pl_md--100 { padding-left: 100px !important; } .pr_md--100 { padding-right: 100px !important; } .mt_md--100 { margin-top: 100px !important; } .ml_md--100 { margin-left: 100px !important; } .mb_md--100 { margin-bottom: 100px !important; } } @media only screen and (max-width: 767px) { .ptb_sm--250 { padding: 250px 0 !important; } .ptb_sm--0 { padding: 0 !important; } .pl_sm--0 { padding-left: 0 !important; } .pr_sm--0 { padding-right: 0 !important; } .pt_sm--0 { padding-top: 0 !important; } .pb_sm--0 { padding-bottom: 0 !important; } .mr_sm--0 { margin-right: 0 !important; } .ml_sm--0 { margin-left: 0 !important; } .mt_sm--0 { margin-top: 0 !important; } .mb_sm--0 { margin-bottom: 0 !important; } .ptb_sm--5 { padding: 5px 0 !important; } .plr_sm--5 { padding: 0 5px !important; } .pt_sm--5 { padding-top: 5px !important; } .pb_sm--5 { padding-bottom: 5px !important; } .pl_sm--5 { padding-left: 5px !important; } .pr_sm--5 { padding-right: 5px !important; } .mt_sm--5 { margin-top: 5px !important; } .ml_sm--5 { margin-left: 5px !important; } .mb_sm--5 { margin-bottom: 5px !important; } .ptb_sm--10 { padding: 10px 0 !important; } .plr_sm--10 { padding: 0 10px !important; } .pt_sm--10 { padding-top: 10px !important; } .pb_sm--10 { padding-bottom: 10px !important; } .pl_sm--10 { padding-left: 10px !important; } .pr_sm--10 { padding-right: 10px !important; } .mt_sm--10 { margin-top: 10px !important; } .ml_sm--10 { margin-left: 10px !important; } .mb_sm--10 { margin-bottom: 10px !important; } .ptb_sm--15 { padding: 15px 0 !important; } .plr_sm--15 { padding: 0 15px !important; } .pt_sm--15 { padding-top: 15px !important; } .pb_sm--15 { padding-bottom: 15px !important; } .pl_sm--15 { padding-left: 15px !important; } .pr_sm--15 { padding-right: 15px !important; } .mt_sm--15 { margin-top: 15px !important; } .ml_sm--15 { margin-left: 15px !important; } .mb_sm--15 { margin-bottom: 15px !important; } .ptb_sm--20 { padding: 20px 0 !important; } .plr_sm--20 { padding: 0 20px !important; } .pt_sm--20 { padding-top: 20px !important; } .pb_sm--20 { padding-bottom: 20px !important; } .pl_sm--20 { padding-left: 20px !important; } .pr_sm--20 { padding-right: 20px !important; } .mt_sm--20 { margin-top: 20px !important; } .ml_sm--20 { margin-left: 20px !important; } .mb_sm--20 { margin-bottom: 20px !important; } .ptb_sm--25 { padding: 25px 0 !important; } .plr_sm--25 { padding: 0 25px !important; } .pt_sm--25 { padding-top: 25px !important; } .pb_sm--25 { padding-bottom: 25px !important; } .pl_sm--25 { padding-left: 25px !important; } .pr_sm--25 { padding-right: 25px !important; } .mt_sm--25 { margin-top: 25px !important; } .ml_sm--25 { margin-left: 25px !important; } .mb_sm--25 { margin-bottom: 25px !important; } .ptb_sm--30 { padding: 30px 0 !important; } .plr_sm--30 { padding: 0 30px !important; } .pt_sm--30 { padding-top: 30px !important; } .pb_sm--30 { padding-bottom: 30px !important; } .pl_sm--30 { padding-left: 30px !important; } .pr_sm--30 { padding-right: 30px !important; } .mt_sm--30 { margin-top: 30px !important; } .ml_sm--30 { margin-left: 30px !important; } .mb_sm--30 { margin-bottom: 30px !important; } .ptb_sm--35 { padding: 35px 0 !important; } .plr_sm--35 { padding: 0 35px !important; } .pt_sm--35 { padding-top: 35px !important; } .pb_sm--35 { padding-bottom: 35px !important; } .pl_sm--35 { padding-left: 35px !important; } .pr_sm--35 { padding-right: 35px !important; } .mt_sm--35 { margin-top: 35px !important; } .ml_sm--35 { margin-left: 35px !important; } .mb_sm--35 { margin-bottom: 35px !important; } .ptb_sm--40 { padding: 40px 0 !important; } .plr_sm--40 { padding: 0 40px !important; } .pt_sm--40 { padding-top: 40px !important; } .pb_sm--40 { padding-bottom: 40px !important; } .pl_sm--40 { padding-left: 40px !important; } .pr_sm--40 { padding-right: 40px !important; } .mt_sm--40 { margin-top: 40px !important; } .ml_sm--40 { margin-left: 40px !important; } .mb_sm--40 { margin-bottom: 40px !important; } .ptb_sm--45 { padding: 45px 0 !important; } .plr_sm--45 { padding: 0 45px !important; } .pt_sm--45 { padding-top: 45px !important; } .pb_sm--45 { padding-bottom: 45px !important; } .pl_sm--45 { padding-left: 45px !important; } .pr_sm--45 { padding-right: 45px !important; } .mt_sm--45 { margin-top: 45px !important; } .ml_sm--45 { margin-left: 45px !important; } .mb_sm--45 { margin-bottom: 45px !important; } .ptb_sm--50 { padding: 50px 0 !important; } .plr_sm--50 { padding: 0 50px !important; } .pt_sm--50 { padding-top: 50px !important; } .pb_sm--50 { padding-bottom: 50px !important; } .pl_sm--50 { padding-left: 50px !important; } .pr_sm--50 { padding-right: 50px !important; } .mt_sm--50 { margin-top: 50px !important; } .ml_sm--50 { margin-left: 50px !important; } .mb_sm--50 { margin-bottom: 50px !important; } .ptb_sm--55 { padding: 55px 0 !important; } .plr_sm--55 { padding: 0 55px !important; } .pt_sm--55 { padding-top: 55px !important; } .pb_sm--55 { padding-bottom: 55px !important; } .pl_sm--55 { padding-left: 55px !important; } .pr_sm--55 { padding-right: 55px !important; } .mt_sm--55 { margin-top: 55px !important; } .ml_sm--55 { margin-left: 55px !important; } .mb_sm--55 { margin-bottom: 55px !important; } .ptb_sm--60 { padding: 60px 0 !important; } .plr_sm--60 { padding: 0 60px !important; } .pt_sm--60 { padding-top: 60px !important; } .pb_sm--60 { padding-bottom: 60px !important; } .pl_sm--60 { padding-left: 60px !important; } .pr_sm--60 { padding-right: 60px !important; } .mt_sm--60 { margin-top: 60px !important; } .ml_sm--60 { margin-left: 60px !important; } .mb_sm--60 { margin-bottom: 60px !important; } .ptb_sm--65 { padding: 65px 0 !important; } .plr_sm--65 { padding: 0 65px !important; } .pt_sm--65 { padding-top: 65px !important; } .pb_sm--65 { padding-bottom: 65px !important; } .pl_sm--65 { padding-left: 65px !important; } .pr_sm--65 { padding-right: 65px !important; } .mt_sm--65 { margin-top: 65px !important; } .ml_sm--65 { margin-left: 65px !important; } .mb_sm--65 { margin-bottom: 65px !important; } .ptb_sm--70 { padding: 70px 0 !important; } .plr_sm--70 { padding: 0 70px !important; } .pt_sm--70 { padding-top: 70px !important; } .pb_sm--70 { padding-bottom: 70px !important; } .pl_sm--70 { padding-left: 70px !important; } .pr_sm--70 { padding-right: 70px !important; } .mt_sm--70 { margin-top: 70px !important; } .ml_sm--70 { margin-left: 70px !important; } .mb_sm--70 { margin-bottom: 70px !important; } .ptb_sm--75 { padding: 75px 0 !important; } .plr_sm--75 { padding: 0 75px !important; } .pt_sm--75 { padding-top: 75px !important; } .pb_sm--75 { padding-bottom: 75px !important; } .pl_sm--75 { padding-left: 75px !important; } .pr_sm--75 { padding-right: 75px !important; } .mt_sm--75 { margin-top: 75px !important; } .ml_sm--75 { margin-left: 75px !important; } .mb_sm--75 { margin-bottom: 75px !important; } .ptb_sm--80 { padding: 80px 0 !important; } .plr_sm--80 { padding: 0 80px !important; } .pt_sm--80 { padding-top: 80px !important; } .pb_sm--80 { padding-bottom: 80px !important; } .pl_sm--80 { padding-left: 80px !important; } .pr_sm--80 { padding-right: 80px !important; } .mt_sm--80 { margin-top: 80px !important; } .ml_sm--80 { margin-left: 80px !important; } .mb_sm--80 { margin-bottom: 80px !important; } .ptb_sm--85 { padding: 85px 0 !important; } .plr_sm--85 { padding: 0 85px !important; } .pt_sm--85 { padding-top: 85px !important; } .pb_sm--85 { padding-bottom: 85px !important; } .pl_sm--85 { padding-left: 85px !important; } .pr_sm--85 { padding-right: 85px !important; } .mt_sm--85 { margin-top: 85px !important; } .ml_sm--85 { margin-left: 85px !important; } .mb_sm--85 { margin-bottom: 85px !important; } .ptb_sm--90 { padding: 90px 0 !important; } .plr_sm--90 { padding: 0 90px !important; } .pt_sm--90 { padding-top: 90px !important; } .pb_sm--90 { padding-bottom: 90px !important; } .pl_sm--90 { padding-left: 90px !important; } .pr_sm--90 { padding-right: 90px !important; } .mt_sm--90 { margin-top: 90px !important; } .ml_sm--90 { margin-left: 90px !important; } .mb_sm--90 { margin-bottom: 90px !important; } .ptb_sm--95 { padding: 95px 0 !important; } .plr_sm--95 { padding: 0 95px !important; } .pt_sm--95 { padding-top: 95px !important; } .pb_sm--95 { padding-bottom: 95px !important; } .pl_sm--95 { padding-left: 95px !important; } .pr_sm--95 { padding-right: 95px !important; } .mt_sm--95 { margin-top: 95px !important; } .ml_sm--95 { margin-left: 95px !important; } .mb_sm--95 { margin-bottom: 95px !important; } .ptb_sm--100 { padding: 100px 0 !important; } .plr_sm--100 { padding: 0 100px !important; } .pt_sm--100 { padding-top: 100px !important; } .pb_sm--100 { padding-bottom: 100px !important; } .pl_sm--100 { padding-left: 100px !important; } .pr_sm--100 { padding-right: 100px !important; } .mt_sm--100 { margin-top: 100px !important; } .ml_sm--100 { margin-left: 100px !important; } .mb_sm--100 { margin-bottom: 100px !important; } .pl_sm--0 { padding-left: 0; } .pr_sm--0 { padding-right: 0; } .pt_sm--0 { padding-top: 0; } .pb_sm--0 { padding-bottom: 0; } .mr_sm--0 { margin-right: 0; } .ml_sm--0 { margin-left: 0; } .mt_sm--0 { margin-top: 0; } .mb_sm--0 { margin-bottom: 0; } } @media only screen and (max-width: 575px) { .ptb_mobile--5 { padding: 5px 0 !important; } .plr_mobile--5 { padding: 0 5px !important; } .pt_mobile--5 { padding-top: 5px !important; } .pb_mobile--5 { padding-bottom: 5px !important; } .pl_mobile--5 { padding-left: 5px !important; } .pr_mobile--5 { padding-right: 5px !important; } .mt_mobile--5 { margin-top: 5px !important; } .mb_mobile--5 { margin-bottom: 5px !important; } .ptb_mobile--10 { padding: 10px 0 !important; } .plr_mobile--10 { padding: 0 10px !important; } .pt_mobile--10 { padding-top: 10px !important; } .pb_mobile--10 { padding-bottom: 10px !important; } .pl_mobile--10 { padding-left: 10px !important; } .pr_mobile--10 { padding-right: 10px !important; } .mt_mobile--10 { margin-top: 10px !important; } .mb_mobile--10 { margin-bottom: 10px !important; } .ptb_mobile--15 { padding: 15px 0 !important; } .plr_mobile--15 { padding: 0 15px !important; } .pt_mobile--15 { padding-top: 15px !important; } .pb_mobile--15 { padding-bottom: 15px !important; } .pl_mobile--15 { padding-left: 15px !important; } .pr_mobile--15 { padding-right: 15px !important; } .mt_mobile--15 { margin-top: 15px !important; } .mb_mobile--15 { margin-bottom: 15px !important; } .ptb_mobile--20 { padding: 20px 0 !important; } .plr_mobile--20 { padding: 0 20px !important; } .pt_mobile--20 { padding-top: 20px !important; } .pb_mobile--20 { padding-bottom: 20px !important; } .pl_mobile--20 { padding-left: 20px !important; } .pr_mobile--20 { padding-right: 20px !important; } .mt_mobile--20 { margin-top: 20px !important; } .mb_mobile--20 { margin-bottom: 20px !important; } .ptb_mobile--25 { padding: 25px 0 !important; } .plr_mobile--25 { padding: 0 25px !important; } .pt_mobile--25 { padding-top: 25px !important; } .pb_mobile--25 { padding-bottom: 25px !important; } .pl_mobile--25 { padding-left: 25px !important; } .pr_mobile--25 { padding-right: 25px !important; } .mt_mobile--25 { margin-top: 25px !important; } .mb_mobile--25 { margin-bottom: 25px !important; } .ptb_mobile--30 { padding: 30px 0 !important; } .plr_mobile--30 { padding: 0 30px !important; } .pt_mobile--30 { padding-top: 30px !important; } .pb_mobile--30 { padding-bottom: 30px !important; } .pl_mobile--30 { padding-left: 30px !important; } .pr_mobile--30 { padding-right: 30px !important; } .mt_mobile--30 { margin-top: 30px !important; } .mb_mobile--30 { margin-bottom: 30px !important; } .ptb_mobile--35 { padding: 35px 0 !important; } .plr_mobile--35 { padding: 0 35px !important; } .pt_mobile--35 { padding-top: 35px !important; } .pb_mobile--35 { padding-bottom: 35px !important; } .pl_mobile--35 { padding-left: 35px !important; } .pr_mobile--35 { padding-right: 35px !important; } .mt_mobile--35 { margin-top: 35px !important; } .mb_mobile--35 { margin-bottom: 35px !important; } .ptb_mobile--40 { padding: 40px 0 !important; } .plr_mobile--40 { padding: 0 40px !important; } .pt_mobile--40 { padding-top: 40px !important; } .pb_mobile--40 { padding-bottom: 40px !important; } .pl_mobile--40 { padding-left: 40px !important; } .pr_mobile--40 { padding-right: 40px !important; } .mt_mobile--40 { margin-top: 40px !important; } .mb_mobile--40 { margin-bottom: 40px !important; } .ptb_mobile--45 { padding: 45px 0 !important; } .plr_mobile--45 { padding: 0 45px !important; } .pt_mobile--45 { padding-top: 45px !important; } .pb_mobile--45 { padding-bottom: 45px !important; } .pl_mobile--45 { padding-left: 45px !important; } .pr_mobile--45 { padding-right: 45px !important; } .mt_mobile--45 { margin-top: 45px !important; } .mb_mobile--45 { margin-bottom: 45px !important; } .ptb_mobile--50 { padding: 50px 0 !important; } .plr_mobile--50 { padding: 0 50px !important; } .pt_mobile--50 { padding-top: 50px !important; } .pb_mobile--50 { padding-bottom: 50px !important; } .pl_mobile--50 { padding-left: 50px !important; } .pr_mobile--50 { padding-right: 50px !important; } .mt_mobile--50 { margin-top: 50px !important; } .mb_mobile--50 { margin-bottom: 50px !important; } .ptb_mobile--55 { padding: 55px 0 !important; } .plr_mobile--55 { padding: 0 55px !important; } .pt_mobile--55 { padding-top: 55px !important; } .pb_mobile--55 { padding-bottom: 55px !important; } .pl_mobile--55 { padding-left: 55px !important; } .pr_mobile--55 { padding-right: 55px !important; } .mt_mobile--55 { margin-top: 55px !important; } .mb_mobile--55 { margin-bottom: 55px !important; } .ptb_mobile--60 { padding: 60px 0 !important; } .plr_mobile--60 { padding: 0 60px !important; } .pt_mobile--60 { padding-top: 60px !important; } .pb_mobile--60 { padding-bottom: 60px !important; } .pl_mobile--60 { padding-left: 60px !important; } .pr_mobile--60 { padding-right: 60px !important; } .mt_mobile--60 { margin-top: 60px !important; } .mb_mobile--60 { margin-bottom: 60px !important; } .ptb_mobile--65 { padding: 65px 0 !important; } .plr_mobile--65 { padding: 0 65px !important; } .pt_mobile--65 { padding-top: 65px !important; } .pb_mobile--65 { padding-bottom: 65px !important; } .pl_mobile--65 { padding-left: 65px !important; } .pr_mobile--65 { padding-right: 65px !important; } .mt_mobile--65 { margin-top: 65px !important; } .mb_mobile--65 { margin-bottom: 65px !important; } .ptb_mobile--70 { padding: 70px 0 !important; } .plr_mobile--70 { padding: 0 70px !important; } .pt_mobile--70 { padding-top: 70px !important; } .pb_mobile--70 { padding-bottom: 70px !important; } .pl_mobile--70 { padding-left: 70px !important; } .pr_mobile--70 { padding-right: 70px !important; } .mt_mobile--70 { margin-top: 70px !important; } .mb_mobile--70 { margin-bottom: 70px !important; } .ptb_mobile--75 { padding: 75px 0 !important; } .plr_mobile--75 { padding: 0 75px !important; } .pt_mobile--75 { padding-top: 75px !important; } .pb_mobile--75 { padding-bottom: 75px !important; } .pl_mobile--75 { padding-left: 75px !important; } .pr_mobile--75 { padding-right: 75px !important; } .mt_mobile--75 { margin-top: 75px !important; } .mb_mobile--75 { margin-bottom: 75px !important; } .ptb_mobile--80 { padding: 80px 0 !important; } .plr_mobile--80 { padding: 0 80px !important; } .pt_mobile--80 { padding-top: 80px !important; } .pb_mobile--80 { padding-bottom: 80px !important; } .pl_mobile--80 { padding-left: 80px !important; } .pr_mobile--80 { padding-right: 80px !important; } .mt_mobile--80 { margin-top: 80px !important; } .mb_mobile--80 { margin-bottom: 80px !important; } .ptb_mobile--85 { padding: 85px 0 !important; } .plr_mobile--85 { padding: 0 85px !important; } .pt_mobile--85 { padding-top: 85px !important; } .pb_mobile--85 { padding-bottom: 85px !important; } .pl_mobile--85 { padding-left: 85px !important; } .pr_mobile--85 { padding-right: 85px !important; } .mt_mobile--85 { margin-top: 85px !important; } .mb_mobile--85 { margin-bottom: 85px !important; } .ptb_mobile--90 { padding: 90px 0 !important; } .plr_mobile--90 { padding: 0 90px !important; } .pt_mobile--90 { padding-top: 90px !important; } .pb_mobile--90 { padding-bottom: 90px !important; } .pl_mobile--90 { padding-left: 90px !important; } .pr_mobile--90 { padding-right: 90px !important; } .mt_mobile--90 { margin-top: 90px !important; } .mb_mobile--90 { margin-bottom: 90px !important; } .ptb_mobile--95 { padding: 95px 0 !important; } .plr_mobile--95 { padding: 0 95px !important; } .pt_mobile--95 { padding-top: 95px !important; } .pb_mobile--95 { padding-bottom: 95px !important; } .pl_mobile--95 { padding-left: 95px !important; } .pr_mobile--95 { padding-right: 95px !important; } .mt_mobile--95 { margin-top: 95px !important; } .mb_mobile--95 { margin-bottom: 95px !important; } .ptb_mobile--100 { padding: 100px 0 !important; } .plr_mobile--100 { padding: 0 100px !important; } .pt_mobile--100 { padding-top: 100px !important; } .pb_mobile--100 { padding-bottom: 100px !important; } .pl_mobile--100 { padding-left: 100px !important; } .pr_mobile--100 { padding-right: 100px !important; } .mt_mobile--100 { margin-top: 100px !important; } .mb_mobile--100 { margin-bottom: 100px !important; } } .slick-gutter-5 { margin-left: -5px; margin-right: -5px; } .slick-gutter-5 .slick-slide { padding-left: 5px; padding-right: 5px; } .slick-gutter-10 { margin-left: -10px; margin-right: -10px; } .slick-gutter-10 .slick-slide { padding-left: 10px; padding-right: 10px; } .slick-gutter-15 { margin-left: -15px; margin-right: -15px; } .slick-gutter-15 .slick-slide { padding-left: 15px; padding-right: 15px; } .slick-gutter-20 { margin-left: -20px; margin-right: -20px; } .slick-gutter-20 .slick-slide { padding-left: 20px; padding-right: 20px; } .slick-gutter-25 { margin-left: -25px; margin-right: -25px; } .slick-gutter-25 .slick-slide { padding-left: 25px; padding-right: 25px; } .slick-gutter-30 { margin-left: -30px; margin-right: -30px; } .slick-gutter-30 .slick-slide { padding-left: 30px; padding-right: 30px; } .slick-gutter-35 { margin-left: -35px; margin-right: -35px; } .slick-gutter-35 .slick-slide { padding-left: 35px; padding-right: 35px; } .slick-gutter-40 { margin-left: -40px; margin-right: -40px; } .slick-gutter-40 .slick-slide { padding-left: 40px; padding-right: 40px; } .slick-gutter-45 { margin-left: -45px; margin-right: -45px; } .slick-gutter-45 .slick-slide { padding-left: 45px; padding-right: 45px; } .slick-gutter-50 { margin-left: -50px; margin-right: -50px; } .slick-gutter-50 .slick-slide { padding-left: 50px; padding-right: 50px; } .slick-gutter-55 { margin-left: -55px; margin-right: -55px; } .slick-gutter-55 .slick-slide { padding-left: 55px; padding-right: 55px; } .slick-gutter-60 { margin-left: -60px; margin-right: -60px; } .slick-gutter-60 .slick-slide { padding-left: 60px; padding-right: 60px; } .slick-gutter-65 { margin-left: -65px; margin-right: -65px; } .slick-gutter-65 .slick-slide { padding-left: 65px; padding-right: 65px; } .slick-gutter-70 { margin-left: -70px; margin-right: -70px; } .slick-gutter-70 .slick-slide { padding-left: 70px; padding-right: 70px; } .slick-gutter-75 { margin-left: -75px; margin-right: -75px; } .slick-gutter-75 .slick-slide { padding-left: 75px; padding-right: 75px; } .slick-gutter-80 { margin-left: -80px; margin-right: -80px; } .slick-gutter-80 .slick-slide { padding-left: 80px; padding-right: 80px; } .slick-gutter-85 { margin-left: -85px; margin-right: -85px; } .slick-gutter-85 .slick-slide { padding-left: 85px; padding-right: 85px; } .slick-gutter-90 { margin-left: -90px; margin-right: -90px; } .slick-gutter-90 .slick-slide { padding-left: 90px; padding-right: 90px; } .slick-gutter-95 { margin-left: -95px; margin-right: -95px; } .slick-gutter-95 .slick-slide { padding-left: 95px; padding-right: 95px; } .slick-gutter-100 { margin-left: -100px; margin-right: -100px; } .slick-gutter-100 .slick-slide { padding-left: 100px; padding-right: 100px; } .rn-blog-area .section-title { margin-bottom: 20px; } /* ========= Forms Styles ========= */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } input, select, textarea { width: 100%; transition: 0.3s; } input { height: 40px; padding: 0 15px; } select { transition: 0.3s; height: 60px; line-height: 28px; padding: 10px 20px; outline: none; color: var(--color-body); -moz-appearance: none; -webkit-appearance: none; appearance: none; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); background: url(../images/icons/arrow-icon.png) 98% center no-repeat transparent; font-size: 16px; line-height: 28px; font-weight: 400; padding-right: 30px; } input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea { font-size: 16px; font-weight: 400; height: auto; line-height: 28px; background: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0 15px; outline: none; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); /* -- Placeholder -- */ } input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, textarea::placeholder { color: var(--body-color); /* Firefox */ opacity: 1; } input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--body-color); opacity: 1; } input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */ color: var(--body-color); opacity: 1; } input[type=text].p-holder__active, .input-active input[type=text], input[type=text].input-active, input[type=password].p-holder__active, .input-active input[type=password], input[type=password].input-active, input[type=email].p-holder__active, .input-active input[type=email], input[type=email].input-active, input[type=number].p-holder__active, .input-active input[type=number], input[type=number].input-active, input[type=tel].p-holder__active, .input-active input[type=tel], input[type=tel].input-active, textarea.p-holder__active, textarea.input-active { border-color: var(--color-primary); /* -- Placeholder -- */ } input[type=text].p-holder__active::placeholder, .input-active input[type=text]::placeholder, input[type=text].input-active::placeholder, input[type=password].p-holder__active::placeholder, .input-active input[type=password]::placeholder, input[type=password].input-active::placeholder, input[type=email].p-holder__active::placeholder, .input-active input[type=email]::placeholder, input[type=email].input-active::placeholder, input[type=number].p-holder__active::placeholder, .input-active input[type=number]::placeholder, input[type=number].input-active::placeholder, input[type=tel].p-holder__active::placeholder, .input-active input[type=tel]::placeholder, input[type=tel].input-active::placeholder, textarea.p-holder__active::placeholder, textarea.input-active::placeholder { color: var(--color-primary); /* Firefox */ opacity: 1; } input[type=text].p-holder__active:-ms-input-placeholder, .input-active input[type=text]:-ms-input-placeholder, input[type=text].input-active:-ms-input-placeholder, input[type=password].p-holder__active:-ms-input-placeholder, .input-active input[type=password]:-ms-input-placeholder, input[type=password].input-active:-ms-input-placeholder, input[type=email].p-holder__active:-ms-input-placeholder, .input-active input[type=email]:-ms-input-placeholder, input[type=email].input-active:-ms-input-placeholder, input[type=number].p-holder__active:-ms-input-placeholder, .input-active input[type=number]:-ms-input-placeholder, input[type=number].input-active:-ms-input-placeholder, input[type=tel].p-holder__active:-ms-input-placeholder, .input-active input[type=tel]:-ms-input-placeholder, input[type=tel].input-active:-ms-input-placeholder, textarea.p-holder__active:-ms-input-placeholder, textarea.input-active:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--color-primary); } input[type=text].p-holder__active::-ms-input-placeholder, .input-active input[type=text]::-ms-input-placeholder, input[type=text].input-active::-ms-input-placeholder, input[type=password].p-holder__active::-ms-input-placeholder, .input-active input[type=password]::-ms-input-placeholder, input[type=password].input-active::-ms-input-placeholder, input[type=email].p-holder__active::-ms-input-placeholder, .input-active input[type=email]::-ms-input-placeholder, input[type=email].input-active::-ms-input-placeholder, input[type=number].p-holder__active::-ms-input-placeholder, .input-active input[type=number]::-ms-input-placeholder, input[type=number].input-active::-ms-input-placeholder, input[type=tel].p-holder__active::-ms-input-placeholder, .input-active input[type=tel]::-ms-input-placeholder, input[type=tel].input-active::-ms-input-placeholder, textarea.p-holder__active::-ms-input-placeholder, textarea.input-active::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-primary); } input[type=text].p-holder__error, .input-error input[type=text], input[type=text].input-error, input[type=password].p-holder__error, .input-error input[type=password], input[type=password].input-error, input[type=email].p-holder__error, .input-error input[type=email], input[type=email].input-error, input[type=number].p-holder__error, .input-error input[type=number], input[type=number].input-error, input[type=tel].p-holder__error, .input-error input[type=tel], input[type=tel].input-error, textarea.p-holder__error, textarea.input-error { border-color: #f4282d; /* -- Placeholder -- */ } input[type=text].p-holder__error::placeholder, .input-error input[type=text]::placeholder, input[type=text].input-error::placeholder, input[type=password].p-holder__error::placeholder, .input-error input[type=password]::placeholder, input[type=password].input-error::placeholder, input[type=email].p-holder__error::placeholder, .input-error input[type=email]::placeholder, input[type=email].input-error::placeholder, input[type=number].p-holder__error::placeholder, .input-error input[type=number]::placeholder, input[type=number].input-error::placeholder, input[type=tel].p-holder__error::placeholder, .input-error input[type=tel]::placeholder, input[type=tel].input-error::placeholder, textarea.p-holder__error::placeholder, textarea.input-error::placeholder { color: #f4282d; /* Firefox */ opacity: 1; } input[type=text].p-holder__error:-ms-input-placeholder, .input-error input[type=text]:-ms-input-placeholder, input[type=text].input-error:-ms-input-placeholder, input[type=password].p-holder__error:-ms-input-placeholder, .input-error input[type=password]:-ms-input-placeholder, input[type=password].input-error:-ms-input-placeholder, input[type=email].p-holder__error:-ms-input-placeholder, .input-error input[type=email]:-ms-input-placeholder, input[type=email].input-error:-ms-input-placeholder, input[type=number].p-holder__error:-ms-input-placeholder, .input-error input[type=number]:-ms-input-placeholder, input[type=number].input-error:-ms-input-placeholder, input[type=tel].p-holder__error:-ms-input-placeholder, .input-error input[type=tel]:-ms-input-placeholder, input[type=tel].input-error:-ms-input-placeholder, textarea.p-holder__error:-ms-input-placeholder, textarea.input-error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #f4282d; } input[type=text].p-holder__error::-ms-input-placeholder, .input-error input[type=text]::-ms-input-placeholder, input[type=text].input-error::-ms-input-placeholder, input[type=password].p-holder__error::-ms-input-placeholder, .input-error input[type=password]::-ms-input-placeholder, input[type=password].input-error::-ms-input-placeholder, input[type=email].p-holder__error::-ms-input-placeholder, .input-error input[type=email]::-ms-input-placeholder, input[type=email].input-error::-ms-input-placeholder, input[type=number].p-holder__error::-ms-input-placeholder, .input-error input[type=number]::-ms-input-placeholder, input[type=number].input-error::-ms-input-placeholder, input[type=tel].p-holder__error::-ms-input-placeholder, .input-error input[type=tel]::-ms-input-placeholder, input[type=tel].input-error::-ms-input-placeholder, textarea.p-holder__error::-ms-input-placeholder, textarea.input-error::-ms-input-placeholder { /* Microsoft Edge */ color: #f4282d; } input[type=text].p-holder__error:focus, .input-error input[type=text]:focus, input[type=text].input-error:focus, input[type=password].p-holder__error:focus, .input-error input[type=password]:focus, input[type=password].input-error:focus, input[type=email].p-holder__error:focus, .input-error input[type=email]:focus, input[type=email].input-error:focus, input[type=number].p-holder__error:focus, .input-error input[type=number]:focus, input[type=number].input-error:focus, input[type=tel].p-holder__error:focus, .input-error input[type=tel]:focus, input[type=tel].input-error:focus, textarea.p-holder__error:focus, textarea.input-error:focus { border-color: #f4282d; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus { border-color: var(--color-primary); } input[type=checkbox], input[type=radio] { opacity: 0; position: absolute; } input[type=checkbox] ~ label, input[type=radio] ~ label { position: relative; font-size: 15px; line-height: 25px; color: var(--body-color); font-weight: 400; padding-left: 20px; cursor: pointer; margin-bottom: 0; } input[type=checkbox] ~ label::before, input[type=radio] ~ label::before { content: " "; position: absolute; top: 6px; left: 0; width: 14px; height: 14px; background-color: #fff; border: var(--border-width) solid rgba(24, 152, 165, 0.2); border-radius: 2px; transition: all 0.3s; } input[type=checkbox] ~ label::after, input[type=radio] ~ label::after { content: " "; position: absolute; top: 9px; left: 2px; width: 10px; height: 5px; background-color: transparent; border-bottom: var(--border-width) solid #fff; border-left: var(--border-width) solid #fff; border-radius: 2px; transform: rotate(-45deg); opacity: 0; transition: all 0.3s; } input[type=checkbox]:checked ~ label::before, input[type=radio]:checked ~ label::before { background-color: var(--color-primary); border-color: var(--color-primary); } input[type=checkbox]:checked ~ label::after, input[type=radio]:checked ~ label::after { opacity: 1; } input[type=radio] ~ label::before { border-radius: 50%; } input[type=radio] ~ label::after { width: 8px; height: 8px; left: 3px; background: #fff; border-radius: 50%; } .form-group { margin-bottom: 20px; } .form-group input { border: var(--border-width) solid var(--color-border); border-radius: var(--radius); height: 50px; font-size: 16px; padding: 0 15px; } .form-group input:focus { border-color: var(--color-primary); } .form-group textarea { min-height: 193px; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); resize: none; padding: 15px; font-size: 16px; } .form-group textarea:focus { border-color: var(--color-primary); } input[type=submit] { width: auto; font-size: 16px; letter-spacing: 2px; padding: 15px 20px; border-radius: 6px; display: block; font-weight: 500; transition: 0.3s; border: var(--border-width) solid var(--color-primary); background: var(--color-primary); color: #ffffff; height: 60px; margin-top: 30px; } input[type=submit]:hover { color: #ffffff; -webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .contact-form--1 form input::-webkit-input-placeholder, .contact-form--1 form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--color-body) !important; } .contact-form--1 form input::-moz-placeholder, .contact-form--1 form textarea::-moz-placeholder { /* Firefox 19+ */ color: var(--color-body) !important; } .contact-form--1 form input:-ms-input-placeholder, .contact-form--1 form textarea:-ms-input-placeholder { /* IE 10+ */ color: var(--color-body) !important; } .contact-form--1 form input:-moz-placeholder, .contact-form--1 form textarea:-moz-placeholder { /* Firefox 18- */ color: var(--color-body) !important; } /************************************** Header Styles ***************************************/ /*===================== Header Area =======================*/ .header-area { padding-left: 50px; padding-right: 50px; z-index: 999; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .header-area { padding-left: 15px; padding-right: 15px; } } .header-area .header-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .header-area .header-wrapper { padding: 15px 0; } } .header-area .header-wrapper .header-hamberger { display: flex; align-items: center; } .header-area .header-wrapper .header-hamberger .hamberger { margin-right: 27px; } .header-area .header-wrapper a.rn-btn { padding: 0 25px; height: 46px; display: inline-block; line-height: 42px; border: 2px solid var(--color-heading); border-radius: 6px; color: var(--color-heading); font-size: 14px; position: relative; z-index: 2; letter-spacing: 1px; font-weight: 500; } .header-area .header-wrapper a.rn-btn.theme-color { border-color: var(--color-primary); color: var(--color-primary); } @media only screen and (max-width: 767px) { .header-area .header-wrapper a.rn-btn { padding: 0 11px; height: 39px; line-height: 33px; font-size: 12px; } } @media only screen and (max-width: 575px) { .header-area .header-wrapper a.rn-btn { height: 34px; line-height: 29px; } } .header-area .header-wrapper a.rn-btn::before { display: none; } .header-area .header-wrapper a.rn-btn:hover { border-color: transparent; transform: translateY(-3px); color: #ffffff !important; border: 2px solid var(--color-primary) !important; background: var(--color-primary); border-radius: 6px; } @media only screen and (max-width: 767px) { .header-area .header-wrapper a.rn-btn { display: none; } } .header-area .header-wrapper .logo a { display: block; font-size: 39px; color: var(--color-primary); font-weight: 700; } .header-area .header-wrapper .logo a img { max-height: 66px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area .header-wrapper .logo a img { max-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .logo a img { max-height: 50px; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .logo a img { max-height: 50px; } } .header-area.header--transparent { position: absolute; top: 0; left: 0; right: 0; width: auto; } .header-area.header--transparent .header-wrapper { padding: 30px 0; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-area.header--transparent .header-wrapper { padding: 30px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area.header--transparent .header-wrapper { padding: 30px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.header--transparent .header-wrapper { padding: 20px 0; } } @media only screen and (max-width: 767px) { .header-area.header--transparent .header-wrapper { padding: 15px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area.header--sticky { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.header--sticky { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .header-area.header--sticky { padding-left: 15px; padding-right: 15px; } } .header-area.header--sticky.sticky { position: fixed; top: 0; z-index: 999; padding-left: 50px; padding-right: 50px; width: 100%; background: #ffffff; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); animation: headerSlideDown 0.95s ease forwards; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area.header--sticky.sticky { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.header--sticky.sticky { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 767px) { .header-area.header--sticky.sticky { padding-left: 15px; padding-right: 15px; } } .header-area.header--sticky.sticky .header-wrapper { padding-top: 15px; padding-bottom: 15px; } .header-area.header--sticky.sticky .header-wrapper .logo img { max-height: 50px; } .header-area.header--sticky.sticky .header-wrapper a.rn-btn { color: #1f1f25; border-color: #1f1f25; } .header-area.header--sticky.sticky .header-wrapper a.rn-btn:hover { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; } .header-area.header--sticky.sticky .mainmenunav ul.mainmenu > li > a { color: #1f1f25; padding: 9px 0; } .header-area.header--sticky.sticky .mainmenunav ul.mainmenu > li:hover > a { color: var(--color-primary); } .header-area.sticky-bg-black.header--sticky.sticky { background: #1f1f25; } .header-area.sticky-bg-black.header--sticky.sticky .header-wrapper a.rn-btn { color: #c6c9d8; border-color: #b1b4c1; } .header-area.sticky-bg-black.header--sticky.sticky .header-wrapper a.rn-btn:hover { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; } .header-area.sticky-bg-black.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a { color: #c6c9d8; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.sticky-bg-black.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a { color: #1f1f25; } } @media only screen and (max-width: 767px) { .header-area.sticky-bg-black.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a { color: #1f1f25; } } .header-area.sticky-bg-black.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li:hover > a { color: var(--color-primary); } .header-area.color-white a.rn-btn { border: 2px solid #ffffff; color: #ffffff; } .header-area.color-black a.rn-btn { border: 2px solid rgba(29, 29, 36, 0.5); color: #1d1d24; } .header-area .header-right { display: flex; align-items: center; flex-wrap: wrap; } .header-area .header-right .header-btn { margin-left: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area .header-right .header-btn { margin-left: 20px; } } @media only screen and (max-width: 575px) { .header-area .header-right .header-btn { margin-left: 0; } } .header-area.header--fixed { position: fixed; top: 0; z-index: 999; padding-left: 50px; padding-right: 50px; width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area.header--fixed { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.header--fixed { padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .header-area.header--fixed { padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; } } .header-area.header--fixed .header-wrapper { padding: 20px 0; transition: 0.3s; } .header-area.header--fixed .header-wrapper .logo a img { transition: 0.5s; } .header-area.header--fixed .header-wrapper .logo a img.logo-1 { display: block; } .header-area.header--fixed .header-wrapper .logo a img.logo-2 { display: none; } .header-area.header--fixed .header-wrapper .mainmenunav ul.mainmenu > li > a { position: relative; } .header-area.header--fixed .header-wrapper .mainmenunav ul.mainmenu > li > a::after { position: absolute; content: ""; left: 0; width: 0; height: 3px; background: var(--color-primary); transition: 0.3s; bottom: 0; } .header-area.header--fixed .header-wrapper .mainmenunav ul.mainmenu > li.is-current a { color: var(--color-primary); } .header-area.header--fixed .header-wrapper .mainmenunav ul.mainmenu > li.is-current a::after { width: 100%; } .header-area.header--fixed.default-color.sticky .mainmenunav ul.mainmenu > li > a { color: #1f1f25; } .header-area.header--fixed.default-color.sticky .mainmenunav ul.mainmenu > li.is-current a { color: var(--color-primary); } .header-area.header--fixed.default-color.sticky .mainmenunav ul.mainmenu > li.is-current a::after { width: 100%; } .header-area.header--fixed.sticky { background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .header-area.header--fixed.sticky .header-wrapper { padding: 0px; } .header-area.header--fixed.sticky .header-wrapper a.rn-btn { color: #1f1f25; border-color: #1f1f25; } .header-area.header--fixed.sticky .logo a img { height: 50px; } .header-area.header--fixed.sticky .logo a img.logo-1 { display: none; } .header-area.header--fixed.sticky .logo a img.logo-2 { display: block; } .header-area.header--fixed.sticky .humberger-menu span.text-white { color: #1f1f25 !important; } .header-area.rn-scroll-nav .header-wrapper { padding: 20px 0; } .header-area.rn-scroll-nav.is-affixed { background: #ffffff; } .header-area.rn-scroll-nav.is-affixed .header-wrapper { padding: 0px 50px; width: 100% !important; background: #fff; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); animation: headerSlideDown 0.95s ease forwards; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.rn-scroll-nav.is-affixed .header-wrapper { padding: 8px 30px; } } @media only screen and (max-width: 767px) { .header-area.rn-scroll-nav.is-affixed .header-wrapper { padding: 8px 30px; } } .header-area.rn-scroll-nav.is-affixed .header-wrapper .mainmenunav ul.mainmenu > li > a { padding: 22px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.rn-scroll-nav.is-affixed .header-wrapper .mainmenunav ul.mainmenu > li > a { padding: 0px 0; } } @media only screen and (max-width: 767px) { .header-area.rn-scroll-nav.is-affixed .header-wrapper .mainmenunav ul.mainmenu > li > a { padding: 0px 0; } } .header-area.rn-scroll-nav .mainmenunav ul.mainmenu > li > a { position: relative; } .header-area.rn-scroll-nav .mainmenunav ul.mainmenu > li > a::after { position: absolute; content: ""; left: 0; width: 0; height: 3px; background: var(--color-primary); -webkit-transition: 0.3s; transition: 0.3s; bottom: 0; } .header-area.rn-scroll-nav .mainmenunav ul.mainmenu > li > a.active, .header-area.rn-scroll-nav .mainmenunav ul.mainmenu > li > a:hover { background: transparent; color: var(--color-primary); } .header-area.rn-scroll-nav .mainmenunav ul.mainmenu > li > a.active::after, .header-area.rn-scroll-nav .mainmenunav ul.mainmenu > li > a:hover::after { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .col-md-8, .header-area .col-6 { position: static; } } @media only screen and (max-width: 767px) { .header-area .col-md-8, .header-area .col-6 { position: static; } } /*-------------------------------- One Page Navigation --------------------------------*/ .trydo-active-onepage-navigation .header-area .mainmenu > li { margin: 0 15px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .trydo-active-onepage-navigation .header-area .mainmenu > li { margin: 0 9px; } } .trydo-active-onepage-navigation .header-area .mainmenu > li:first-child { margin-left: 0; } .trydo-active-onepage-navigation .header-area .mainmenu > li:last-child { margin-right: 0; } .trydo-active-onepage-navigation .header-area .mainmenu > li > .nav-link { position: relative; padding: 20px 0; } .trydo-active-onepage-navigation .header-area .mainmenu > li > .nav-link::before { position: absolute; content: ""; left: 0; width: 0; height: 3px; background: var(--color-primary); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; bottom: 0; } .trydo-active-onepage-navigation .header-area .mainmenu > li > .nav-link.active, .trydo-active-onepage-navigation .header-area .mainmenu > li > .nav-link:hover { background: transparent; color: var(--color-primary) !important; } .trydo-active-onepage-navigation .header-area .mainmenu > li > .nav-link.active::before, .trydo-active-onepage-navigation .header-area .mainmenu > li > .nav-link:hover::before { width: 100%; } .trydo-active-onepage-navigation .header-area .mainmenu > li .submenu { min-width: 247px; height: auto; position: absolute; top: 100%; left: 0; z-index: 90; opacity: 0; visibility: hidden; background-color: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); text-align: left; padding: 12px 0; border-radius: 4px; } .trydo-active-onepage-navigation .header-area .mainmenu > li .submenu li { margin: 0; } .trydo-active-onepage-navigation .header-area .mainmenu > li .submenu li .nav-link { position: relative; font-weight: 500; padding: 5px 20px; font-size: 14px; } .trydo-active-onepage-navigation .header-area .mainmenu > li .submenu li .nav-link.active, .trydo-active-onepage-navigation .header-area .mainmenu > li .submenu li .nav-link:hover { color: var(--color-primary); background: var(--color-primary-light); } .trydo-active-onepage-navigation .header-area .mainmenu > li:hover .submenu { opacity: 1; visibility: visible; } /*---------------------------- Mobile Menu Style Css ------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav { position: absolute; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav { position: absolute; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu { width: 60vw; height: 100vh; position: fixed; top: 0; right: -61vw; z-index: 99; background: #ffffff; -webkit-transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); -o-transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); display: block; overflow-y: auto; padding: 100px 30px; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu { width: 60vw; height: 100vh; position: fixed; top: 0; right: -61vw; z-index: 99; padding: 100px 30px; background: #ffffff; -webkit-transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); -o-transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); display: block; overflow-y: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li { margin: 0; padding: 0; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li { margin: 0; padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.current_page_item > a { color: var(--color-primary) !important; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.current_page_item > a { color: var(--color-primary) !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown { position: relative; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown { position: relative; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a { position: relative; } .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a::after { width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #1f1f25 transparent transparent transparent; position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open { color: var(--color-primary) !important; } .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open::after { width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent var(--color-primary) transparent; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a { position: relative; } .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a::after { width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #1f1f25 transparent transparent transparent; position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open { color: var(--color-primary); } .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open::after { width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent var(--color-primary) transparent; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown.current-menu-ancestor > a { color: var(--color-primary) !important; } .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown.current-menu-ancestor > a::after { border-color: var(--color-primary) transparent transparent transparent; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown.current-menu-ancestor > a { color: var(--color-primary) !important; } .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown.current-menu-ancestor > a::after { border-color: var(--color-primary) transparent transparent transparent; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown.current-menu-ancestor > a.open::after { border-color: transparent transparent var(--color-primary) transparent; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown.current-menu-ancestor > a.open::after { border-color: transparent transparent var(--color-primary) transparent; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li a { display: block; padding: 10px 0; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li a { display: block; padding: 10px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu { position: relative; transition: 0.3s; padding: 0; background: transparent; box-shadow: inherit; padding-left: 10px; display: none; opacity: 1; visibility: visible; transition: inherit; min-width: auto; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu { position: relative; transition: 0.3s; padding: 0; background: transparent; box-shadow: inherit; padding-left: 10px; display: none; opacity: 1; visibility: visible; transition: inherit; min-width: auto; } } .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li { position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li { padding: 3px 0; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li { padding: 3px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li a { padding: 2px 10px; margin: 0; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li a { padding: 2px 10px; margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li.current_page_item a { color: var(--color-primary) !important; background: var(--color-primary-light); } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li.current_page_item a { color: var(--color-primary) !important; background: var(--color-primary-light); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li a { color: #1f1f25; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper .mainmenunav ul.mainmenu li a { color: #1f1f25; } } .header-area .header-wrapper .close-menu { position: absolute; top: 30px; opacity: 0; visibility: hidden; right: 30px; z-index: -10; transition: 0.3s; background: var(--color-primary-light); border-radius: 100%; width: 50px; height: 50px; text-align: center; line-height: 46px; } .header-area .header-wrapper.menu-open .close-menu { opacity: 1; visibility: visible; z-index: 9999; } .header-area .header-wrapper.menu-open .close-menu span { color: #000000; font-size: 30px; cursor: pointer; display: block; height: 50px; width: 50px; } .header-area .header-wrapper.menu-open .close-menu span svg { width: 24px; height: 24px; color: var(--color-primary); } .header-area .header-wrapper.menu-open .close-menu:hover span svg { color: var(--color-primary); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .header-wrapper.menu-open .mainmenunav ul.mainmenu { right: 0; } } @media only screen and (max-width: 767px) { .header-area .header-wrapper.menu-open .mainmenunav ul.mainmenu { right: 0; } } @media only screen and (max-width: 575px) { .header-area .header-wrapper.menu-open .mainmenunav ul.mainmenu { width: 86vw; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.header-style-two .header-wrapper { padding: 15px 0; } } @media only screen and (max-width: 767px) { .header-area.header-style-two .header-wrapper { padding: 15px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.header-style-two .header-wrapper .logo a img { width: auto; } } @media only screen and (max-width: 767px) { .header-area.header-style-two .header-wrapper .logo a img { width: auto; } } @media only screen and (max-width: 767px) { .header-area.header-style-two .header-wrapper ul.social-share li { margin: 0; } } .humberger-menu span { cursor: pointer; } .humberger-menu span svg { width: 30px; height: 30px; } @media only screen and (max-width: 767px) { .humberger-menu span { font-size: 28px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .humberger-menu span { font-size: 28px; } } .header-wrapper.menu-open .humberger-menu span { opacity: 0; } .header-area.small-logo .header-wrapper .logo a img { width: auto !important; } .header-not-transparent .humberger-menu span.text-white { color: #000000 !important; } .header-style-two.header-not-transparent.sticky .humberger-menu span.text-white { color: #1d1d24 !important; } .logo a { display: block; font-size: 39px; color: var(--color-primary); font-weight: 700; } .admin-bar .header-area.header--transparent, .admin-bar .header-area.header--transparent.sticky, .admin-bar .header-area.header--sticky.sticky { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .header-area.header--transparent, .admin-bar .header-area.header--transparent.sticky, .admin-bar .header-area.header--sticky.sticky { top: 46px; } } /* Admin Bar */ @media only screen and (min-width: 779px) { body.admin-bar .side-nav, body.admin-bar .popup-mobile-manu { top: 32px; } } @media only screen and (max-width: 779px) and (min-width: 601px) { body.admin-bar .header-area .header-wrapper .mainmenunav ul.mainmenu { top: 46px; } } @media only screen and (max-width: 992px) and (min-width: 779px) { body.admin-bar .popup-mobile-manu, body.admin-bar .side-nav { top: 0; } } @media only screen and (max-width: 779px) and (min-width: 601px) { body.admin-bar .popup-mobile-manu, body.admin-bar .side-nav { top: 0; } } @media only screen and (max-width: 600px) { body.admin-bar .popup-mobile-manu, body.admin-bar .side-nav, .admin-bar .header-area.header--transparent.sticky, .admin-bar .header-area.header--sticky.sticky { top: 0; } body.admin-bar .header-area .header-wrapper .mainmenunav ul.mainmenu { top: 46px; } body.admin-bar .header-area.sticky .header-wrapper .mainmenunav ul.mainmenu { top: 0; } } .full-overlay { position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; transition: 0.3s; } .body-overlay .full-overlay { opacity: 1; visibility: visible; } .trydo-active-onepage-navigation .header-area.header--sticky.sticky .header-wrapper { padding-top: 0; padding-bottom: 0; } @media only screen and (min-width: 992px) { .trydo-active-onepage-navigation .header-area.header--sticky.sticky .mainmenunav ul.mainmenu > li > a { padding: 20px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .trydo-active-onepage-navigation .header-area.header--sticky.sticky .header-wrapper { padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 767px) { .trydo-active-onepage-navigation .header-area.header--sticky.sticky .header-wrapper { padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 992px) and (min-width: 779px) { body.admin-bar .header-area { z-index: 99999; } body.admin-bar .header-area .header-wrapper .mainmenunav ul.mainmenu { top: 0; } body.admin-bar .header-area .header-wrapper .close-menu { top: 0; } } @media only screen and (max-width: 779px) and (min-width: 601px) { body.admin-bar .header-area { z-index: 99999; } body.admin-bar .header-area .header-wrapper .mainmenunav ul.mainmenu { top: 0; } body.admin-bar .header-area .header-wrapper .close-menu { top: -17px; } } @media only screen and (max-width: 600px) { body.admin-bar .header-area { z-index: 99999; } body.admin-bar .header-area .header-wrapper .mainmenunav ul.mainmenu { top: 0; } body.admin-bar .header-area .header-wrapper .close-menu { top: -17px; } } .sticky .humberger-menu span.text-white { color: #1f1f25 !important; } .header-area.sticky-bg-black.header--sticky.sticky .humberger-menu span.text-white { color: #c6c9d8 !important; } .root-header-transparent .header-area.header-style-two ul.social-share.social-style--2.color-black li a { color: #1d1d24; } .root-header-transparent .header-area.header-style-two.header--transparent .header-wrapper a.rn-btn { border: 2px solid var(--color-heading); color: #1d1d24; } .root-header-transparent .header-style-two .humberger-menu span.text-white { color: #1d1d24 !important; } .root-header-transparent .header-area.header-style-two .mainmenunav ul.mainmenu > li > a { color: #1f1f25; } .root-header-transparent .header-area.header-style-two.sticky ul.social-share.social-style--2.color-black li a { color: #1d1d24; } .root-header-transparent .header-area.header-style-two.header--transparent.sticky .header-wrapper a.rn-btn { border: 2px solid var(--color-heading); color: var(--color-heading); } .root-header-transparent .header-style-two.sticky .humberger-menu span.text-white { color: #1d1d24 !important; } /*==================== Mainmenu Area =====================*/ .mainmenunav ul.mainmenu { display: flex; justify-content: flex-end; flex-wrap: wrap; } .mainmenunav ul.mainmenu li.current-menu-ancestor > a, .mainmenunav ul.mainmenu li.current_page_item > a, .mainmenunav ul.mainmenu li.current_page_item > a { color: var(--color-primary) !important; } .mainmenunav ul.mainmenu > li { margin: 0 15px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mainmenunav ul.mainmenu > li { margin: 0 9px; } } .mainmenunav ul.mainmenu > li > a { color: var(--color-heading); font-size: 16px; font-weight: 500; padding: 20px 0; display: inline-block; } .mainmenunav ul.mainmenu > li.current-menu-ancestor > a, .mainmenunav ul.mainmenu > li.current_page_item > a, .mainmenunav ul.mainmenu > li.current_page_item > a { color: var(--color-primary) !important; } .mainmenunav ul.mainmenu > li ul.submenu { min-width: 247px; height: auto; position: absolute; top: 100%; left: 0; z-index: 90; opacity: 0; visibility: hidden; background-color: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); text-align: left; padding: 12px 0; border-radius: 4px; } .mainmenunav ul.mainmenu > li ul.submenu li { margin: 0; padding: 0; position: relative; } .mainmenunav ul.mainmenu > li ul.submenu li > a { font-size: 16px; font-weight: 500; padding: 5px 20px; font-size: 14px; display: block; color: #1f1f25; margin: 0 10px; border-radius: 3px; } .mainmenunav ul.mainmenu > li ul.submenu li:hover > a { color: var(--color-primary); background: var(--color-primary-light); } @media only screen and (min-width: 768px) and (max-width: 991px) { .mainmenunav ul.mainmenu > li ul.submenu li:hover > a { background: transparent; } } @media only screen and (max-width: 767px) { .mainmenunav ul.mainmenu > li ul.submenu li:hover > a { background: transparent; } } .mainmenunav ul.mainmenu > li ul.submenu li.is-active > a { color: var(--color-primary) !important; } .mainmenunav ul.mainmenu > li ul.submenu li ul.submenu { left: 100%; top: 0; text-align: left; } .mainmenunav ul.mainmenu > li ul.submenu li ul.submenu li ul.submenu { left: auto; right: 100%; top: 0; } .mainmenunav ul.mainmenu > li ul.submenu li ul.submenu li:hover > ul.submenu { opacity: 1; visibility: visible; } .mainmenunav ul.mainmenu > li ul.submenu li:hover > ul.submenu { opacity: 1; visibility: visible; } .mainmenunav ul.mainmenu > li:hover > ul.submenu { opacity: 1; visibility: visible; } .mainmenunav ul.mainmenu > li:hover > a { color: var(--color-primary); } .mainmenunav ul.mainmenu > li.last-elements { position: relative; } .mainmenunav ul.mainmenu > li.last-elements ul.submenu li { position: relative; } .mainmenunav ul.mainmenu > li.last-elements ul.submenu li ul.submenu { right: 100%; left: auto; top: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mainmenunav ul.mainmenu > li.last-elements ul.submenu li ul.submenu { right: auto; left: initial; top: 0; } } @media only screen and (max-width: 767px) { .mainmenunav ul.mainmenu > li.last-elements ul.submenu li ul.submenu { right: auto; left: initial; top: 0; } } .mainmenunav ul.mainmenu > li:first-child { margin-left: 0; } .mainmenunav ul.mainmenu > li:last-child { margin-right: 0; } @media only screen and (min-width: 992px) { .header-area.header--transparent .mainmenunav ul.mainmenu > li > a { color: #c6c9d8; } .header-area.header--transparent .mainmenunav ul.mainmenu > li:hover > a { color: var(--color-primary); } .header-area.header--transparent .header-wrapper a.rn-btn { border: 2px solid #b1b4c1; color: #c6c9d8; } .header-area.header-style-two.header--transparent .mainmenunav ul.mainmenu > li:hover > a { color: var(--color-primary); } } .header-area.header--transparent .header-wrapper a.rn-btn { border: 2px solid #b1b4c1; color: #c6c9d8; } .header-area.header-style-two.header--transparent .header-wrapper a.rn-btn { border: 2px solid var(--color-heading); color: var(--color-heading); } .humberger-menu span.text-white { color: #c6c9d8 !important; } .color-white .mainmenunav ul.mainmenu > li > a { color: #ffffff; } .color-white .mainmenunav ul.mainmenu > li:hover > a { color: rgba(255, 255, 255, 0.6); } @media only screen and (min-width: 768px) and (max-width: 991px) { .color-white .mainmenunav ul.mainmenu > li:hover > a { color: var(--color-primary); } } @media only screen and (max-width: 767px) { .color-white .mainmenunav ul.mainmenu > li:hover > a { color: var(--color-primary); } } .color-black .mainmenunav ul.mainmenu > li > a { color: #1d1d24; } .color-black .mainmenunav ul.mainmenu > li:hover > a { color: var(--color-primary); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-style-two .humberger-menu span.text-white { color: #1d1d24 !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-style-two .humberger-menu span.text-white { color: #1d1d24 !important; } .mainmenunav ul.mainmenu > li ul.submenu li ul.submenu { left: auto; top: 0; text-align: left; } .mainmenunav ul.mainmenu > li ul.submenu li ul.submenu li ul.submenu { left: auto; right: 0; top: 0; } } @media only screen and (max-width: 767px) { .header-style-two .humberger-menu span.text-white { color: #1d1d24 !important; } .mainmenunav ul.mainmenu > li ul.submenu li ul.submenu { left: auto; top: 0; text-align: left; } .mainmenunav ul.mainmenu > li ul.submenu li ul.submenu li ul.submenu { left: auto; right: 0; top: 0; } } /************************************** Inner Styles ***************************************/ /*==================== Breadcrump Area ======================*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-page-title, .breadcrumb-inner { padding-top: 20px !important; } } @media only screen and (max-width: 767px) { .blog-single-page-title, .breadcrumb-inner { padding-top: 20px !important; } } .blog-single-page-title .title, .breadcrumb-inner .title { background: #f81f01; background: linear-gradient(145deg, #f81f01 0%, #ee076e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; line-height: 1.4; font-size: 72px; margin: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog-single-page-title .title, .breadcrumb-inner .title { line-height: 1.3; font-size: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-page-title .title, .breadcrumb-inner .title { line-height: 1.3; font-size: 50px; } } @media only screen and (max-width: 767px) { .blog-single-page-title .title, .breadcrumb-inner .title { line-height: 48px; font-size: 36px; } } .breadcrumb-inner { text-align: center; position: relative; z-index: 2; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .breadcrumb-inner { padding-top: 82px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .breadcrumb-inner { padding-top: 87px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .breadcrumb-inner { padding-top: 55px !important; } } @media only screen and (max-width: 767px) { .breadcrumb-inner { padding-top: 54px !important; } } .breadcrumb-inner .page-list { margin-top: 19px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .breadcrumb-inner .page-list { margin-top: 0px; } } @media only screen and (max-width: 767px) { .breadcrumb-inner .page-list { margin-top: 0px; } } .breadcrumb-inner .page-list li { display: inline-block; color: #c6c9d8; position: relative; margin: 0; font-size: 14px; line-height: 1.7; } .breadcrumb-inner .page-list li a { color: #c6c9d8; } .breadcrumb-inner .page-list li:hover a { color: var(--color-primary); } .breadcrumb-inner .page-list li.item-current { color: var(--color-primary); } .breadcrumb-inner .page-list li.separator { padding: 0 20px; } .breadcrumb-inner .page-list li.separator::before { content: ""; background: #c6c9d8; opacity: 0.3; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 20px; top: -5px; } .post-breadcrumbs { background: #f8f9fc; padding: 15px 0; text-align: center; padding-top: 13px; } .post-breadcrumbs .page-list li { display: inline-block; position: relative; margin: 0; font-size: 14px; line-height: 1.7; color: var(--color-body); } .post-breadcrumbs .page-list li a { color: var(--color-body); transition: 0.3s; } .post-breadcrumbs .page-list li a:hover { color: var(--color-primary); } .post-breadcrumbs .page-list li.separator { padding: 0 20px; position: relative; } .post-breadcrumbs .page-list li.separator::before { content: ""; background: #1f1f25; opacity: 0.2; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 20px; top: -5px; } /*---------------------- Page Title Area --------------------------*/ .rn-page-title .title { font-size: 72px; line-height: 1.3; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-page-title .title { font-size: 56px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-page-title .title { font-size: 50px; } } @media only screen and (max-width: 767px) { .rn-page-title .title { font-size: 40px; line-height: 59px; } } .rn-page-title p { font-size: 20px; line-height: 27px; color: #c6c9d8; margin-top: 25px; margin-bottom: 0; } .rn-page-title .page-list { margin-top: 20px; } /*------------------------------- Start Breadcrump Two --------------------------------*/ .breadcrupm-style--2 h2.title { text-transform: uppercase; font-size: 72px; } @media only screen and (max-width: 767px) { .breadcrupm-style--2 h2.title { font-size: 40px; line-height: 59px; } } .breadcrupm-style--2 span { font-size: 22px; color: #c6c9d8; } .backto-top > div { z-index: 999; width: 50px; height: 50px; line-height: 49px; border-radius: 50%; background-color: #ffffff; text-align: center; overflow: hidden; z-index: 999 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .backto-top svg { font-size: 14px !important; color: #222222; width: 27px; height: 27px; } @media only screen and (max-width: 767px) { .rn-page-title-area { padding-bottom: 100px !important; padding-top: 94px !important; } } @media only screen and (max-width: 767px) { .rn-page-title-area .title { font-size: 35px; } } @media only screen and (max-width: 767px) { .rn-page-title-area p { font-size: 16px; line-height: 28px; } } @media only screen and (max-width: 767px) { .rn-page-title-area .rn-page-title { padding-top: 0 !important; } } /*=================== Section Title ====================*/ .section-title { margin-top: -20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title { margin-top: 0; } } @media only screen and (max-width: 767px) { .section-title { margin-top: 0; } } .section-title h2 { margin-bottom: 8px; } .section-title p { font-size: 18px; line-height: 30px; color: #717173; padding: 0 24%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-title p { padding: 0 18%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title p { padding: 0 4%; } } @media only screen and (max-width: 767px) { .section-title p { padding: 0; font-size: 16px; line-height: 28px; } } .section-title p a { color: #1d1d24; font-weight: 500; } .section-title p a:hover { color: var(--color-primary); } @media only screen and (max-width: 767px) { .section-title p br { display: none; } } .section-title.text-left p { padding: 0; padding: 0 47% 0 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-title.text-left p { padding: 0 36% 0 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title.text-left p { padding: 0 8% 0 0; } } @media only screen and (max-width: 767px) { .section-title.text-left p { padding: 0; } } .section-title.text-right p { padding: 0; padding: 0 0 0 50%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-title.text-right p { padding: 0 0 0 36%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title.text-right p { padding: 0 0 0 8%; } } @media only screen and (max-width: 767px) { .section-title.text-right p { padding: 0; } } .section-title .service-btn { margin-top: 36px; } @media only screen and (max-width: 767px) { .section-title .service-btn { margin-top: 12px; } } .section-title.section-title--2 p { font-weight: 300; color: #717173; } .section-title.service-style--3 p { padding: 0 21%; font-weight: 300; color: #717173; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title.service-style--3 p { padding: 0 7%; } } @media only screen and (max-width: 767px) { .section-title.service-style--3 p { padding: 0; } } .section-title.service-style--3.text-left p { padding: 0 3% 0 0; } .section-single-title h3 { font-size: 36px; line-height: 26px; } @media only screen and (max-width: 767px) { .section-single-title h3 { font-size: 26px; margin-bottom: 8px; } } .section-title-default h2.title { line-height: 1.34; font-size: 48px; } .rn-contact-area .section-title.text-left P, .rn-contact-area .section-title.text-right P { padding: 0; } /*=================== Button Area ====================*/ a.btn-transparent { color: #1f1f25; font-size: 16px; font-weight: 500; position: relative; display: inline-block; padding-bottom: 3px; } a.btn-transparent:hover { color: var(--color-primary); } a.btn-transparent::after { position: absolute; content: ""; left: 0; bottom: 0; width: 40px; height: 2px; background: var(--color-primary); opacity: 0.75; } a.btn-transparent:hover::after { width: 100%; } a.rbt-btn-dark { color: #1f1f25; } a.rbt-btn-dark::after { background: #1f1f25; } a.rbt-btn-dark:hover { color: var(--color-primary); } a.rbt-btn-dark:hover::after { background: var(--color-primary); } a.rbt-btn-gray { color: #c6c9d8; } a.rbt-btn-gray::after { background: #c6c9d8; } a.rbt-btn-gray:hover { color: var(--color-primary); } a.rbt-btn-gray:hover::after { background: var(--color-primary); } a.rbt-btn-white { color: #ffffff; } a.rbt-btn-white::after { background: #ffffff; } a.rbt-btn-white:hover { color: var(--color-primary); } a.rbt-btn-white:hover::after { background: var(--color-primary); } a.rbt-btn-theme { color: var(--color-primary); } a.rbt-btn-theme::after { background: var(--color-primary); } a.rbt-btn-theme:hover { color: var(--color-primary); } a.rbt-btn-theme:hover::after { background: var(--color-primary); } a.rn-btn, button.rn-btn { padding: 0 23px; height: 40px; display: inline-block; line-height: 34px; border: 2px solid var(--color-primary); border-radius: 4px; font-size: 14px; position: relative; z-index: 2; color: var(--color-primary); letter-spacing: 0.2px; background: transparent; } a.rn-btn:hover, button.rn-btn:hover { border: 2px solid var(--color-primary); transform: translateY(-3px); color: #ffffff; background: var(--color-primary); } a.rn-btn.btn-white, button.rn-btn.btn-white { border: 2px solid #ffffff; color: #ffffff; } a.rn-btn.btn-white:hover, button.rn-btn.btn-white:hover { border-color: var(--color-primary); } button.rn-button-style--2, a.rn-button-style--2 { color: #c6c9d8; font-size: 16px; letter-spacing: 2px; border: 2px solid #b1b4c1; padding: 15px 40px; border-radius: 6px; display: inline-block; font-weight: 500; transition: 0.3s; } @media only screen and (max-width: 767px) { button.rn-button-style--2, a.rn-button-style--2 { padding: 9px 25px; } } button.rn-button-style--2.btn_solid, a.rn-button-style--2.btn_solid { border: 2px solid var(--color-primary); background: var(--color-primary); color: #ffffff; } button.rn-button-style--2.btn_solid.rbt-btn-dark, a.rn-button-style--2.btn_solid.rbt-btn-dark { border-color: #1f1f25; background-color: #1f1f25; color: #ffffff; } button.rn-button-style--2.btn_solid.rbt-btn-dark:hover, a.rn-button-style--2.btn_solid.rbt-btn-dark:hover { box-shadow: 0 10px 15px 0 rgba(31, 31, 37, 0.1); background: transparent; color: #1f1f25; } button.rn-button-style--2.btn_solid.rbt-btn-gray, a.rn-button-style--2.btn_solid.rbt-btn-gray { border-color: #c6c9d8; background-color: #c6c9d8; color: #1f1f25; } button.rn-button-style--2.btn_solid.rbt-btn-gray:hover, a.rn-button-style--2.btn_solid.rbt-btn-gray:hover { box-shadow: 0 10px 15px 0 rgba(198, 201, 216, 0.1); background: transparent; color: #c6c9d8; } button.rn-button-style--2.btn_solid.rbt-btn-white, a.rn-button-style--2.btn_solid.rbt-btn-white { border-color: #fff; background-color: #fff; color: var(--color-primary); } button.rn-button-style--2.btn_solid.rbt-btn-white:hover, a.rn-button-style--2.btn_solid.rbt-btn-white:hover { box-shadow: 0 10px 15px 0 rgba(255, 255, 255, 0.1); background: transparent; color: #fff; } button.rn-button-style--2.btn-size-md, a.rn-button-style--2.btn-size-md { padding: 9px 15px; letter-spacing: 1px; font-size: 15px; } button.rn-button-style--2.btn-size-sm, a.rn-button-style--2.btn-size-sm { padding: 11px 15px; font-size: 13px; letter-spacing: 0; line-height: 13px; } button.rn-button-style--2.btn_border, a.rn-button-style--2.btn_border { border: 2px solid var(--color-primary); color: var(--color-primary); } button.rn-button-style--2.btn_border:hover, a.rn-button-style--2.btn_border:hover { background: var(--color-primary); color: #fff; } button.rn-button-style--2.btn_border.rbt-btn-gray, a.rn-button-style--2.btn_border.rbt-btn-gray { border: 2px solid #b1b4c1; color: #c6c9d8; } button.rn-button-style--2.btn_border.rbt-btn-gray:hover, a.rn-button-style--2.btn_border.rbt-btn-gray:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); } button.rn-button-style--2.btn_border.btn_border--dark, button.rn-button-style--2.btn_border.rbt-btn-dark, a.rn-button-style--2.btn_border.btn_border--dark, a.rn-button-style--2.btn_border.rbt-btn-dark { border: 2px solid #1f1f25; color: #1f1f25; } button.rn-button-style--2.btn_border.btn_border--dark:hover, button.rn-button-style--2.btn_border.rbt-btn-dark:hover, a.rn-button-style--2.btn_border.btn_border--dark:hover, a.rn-button-style--2.btn_border.rbt-btn-dark:hover { background: #1f1f25; color: #fff; box-shadow: 0 10px 15px 0 rgba(31, 31, 37, 0.1); } button.rn-button-style--2.btn_border.rbt-btn-white, a.rn-button-style--2.btn_border.rbt-btn-white { border: 2px solid #ffffff; color: #ffffff; } button.rn-button-style--2.btn_border.rbt-btn-white:hover, a.rn-button-style--2.btn_border.rbt-btn-white:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); } button.rn-button-style--2.border-opacity-half, a.rn-button-style--2.border-opacity-half { border-color: rgba(31, 31, 37, 0.1); } button.rn-button-style--2.rn-btn-small, a.rn-button-style--2.rn-btn-small { padding: 10px 20px; } button.rn-button-style--2.btn-primary-color:hover, a.rn-button-style--2.btn-primary-color:hover { border: 2px solid var(--color-primary); background: var(--color-primary); color: #ffffff; } button.rn-button-style--2.btn-solid, a.rn-button-style--2.btn-solid { background: var(--color-primary); color: #ffffff; } button.rn-button-style--2:hover, a.rn-button-style--2:hover { background: transparent; color: var(--color-primary); box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); transform: translateY(-5px); } .button-group { margin: -10px; } .button-group a { margin: 10px; } /*------------------------ Wp Button Style --------------------------*/ a.wp-block-button__link { background-color: var(--color-primary); border: 2px solid var(--color-primary); color: #ffffff; font-size: 16px; letter-spacing: 2px; transition: 0.3s; } a.wp-block-button__link:hover { background: transparent; color: var(--color-primary); -webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } a.wp-block-file__button, a.wp-block-search__button, a .wp-block-file__button, button.wp-block-file__button, button.wp-block-search__button, button .wp-block-file__button, .wp-block-file.wp-block-file__button, .wp-block-file.wp-block-search__button, .wp-block-file .wp-block-file__button { background-color: var(--color-primary) !important; border: 2px solid var(--color-primary); color: #ffffff; font-size: 16px; letter-spacing: 2px; transition: 0.4s; } a.wp-block-file__button:hover, a.wp-block-search__button:hover, a .wp-block-file__button:hover, button.wp-block-file__button:hover, button.wp-block-search__button:hover, button .wp-block-file__button:hover, .wp-block-file.wp-block-file__button:hover, .wp-block-file.wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover { background: transparent !important; color: var(--color-primary) !important; box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); transform: translateY(-5px); } .is-style-outline a.wp-block-button__link, .wp-block-button.is-style-outline a.wp-block-button__link { background: transparent; color: var(--color-primary); border-color: var(--color-primary); } .is-style-outline a.wp-block-button__link:hover, .wp-block-button.is-style-outline a.wp-block-button__link:hover { background-color: var(--color-primary); color: #fff; border-color: var(--color-primary); } .wp-block-button__link { border-radius: 500px; } .wp-block-button.is-style-squared a.wp-block-button__link { border-radius: 0; } /*----------------------- Video Button -------------------------*/ .yu2fvl { z-index: 9999; top: 0; } .yu2fvl-iframe { display: block; height: 100%; width: 100%; border: 0; } .yu2fvl-overlay { z-index: 9998; background: #000; opacity: 0.8; } .yu2fvl-close { position: absolute; top: 1px; left: 100%; display: inline-block; height: 35px; width: 35px; line-height: 35px; text-align: center; background: #f10 !important; background-color: #f10 !important; color: #ffffff; border: 0; background: none; cursor: pointer; } @media only screen and (min-width: 768px) and (max-width: 991px) { .yu2fvl-close { left: auto; right: 0; top: auto; bottom: 100%; } } @media only screen and (max-width: 767px) { .yu2fvl-close { left: auto; right: 0; top: auto; bottom: 100%; } .video h2 { color: #ffffff; font-size: 32px; } .video h4 { font-size: 22px; line-height: 32px; } } /*===================== Pagination Styles =======================*/ .rn-pagination .page-link-holder { margin-right: 10px; } .rn-pagination ul.page-numbers, .rn-pagination ul.page-list { margin: -5px; } .rn-pagination ul.page-numbers li, .rn-pagination ul.page-list li { display: inline-block; padding: 5px; margin-top: 0; margin-bottom: 0; } .rn-pagination ul.page-numbers li a, .rn-pagination ul.page-list li a { padding: 0 10px; display: block; text-align: center; line-height: 38px; min-width: 42px; height: 42px; border: 2px solid var(--color-border); background: #fff; color: #000000; position: relative; z-index: 2; font-weight: 600; border-radius: 4px; font-size: 14px; } .rn-pagination ul.page-numbers li a::before, .rn-pagination ul.page-list li a::before { position: absolute; left: 0; right: 0; width: 100%; height: 100%; content: ""; z-index: -1; opacity: 0; visibility: hidden; } .rn-pagination ul.page-numbers li a:hover, .rn-pagination ul.page-list li a:hover { color: #ffffff !important; border-color: var(--color-primary) !important; } .rn-pagination ul.page-numbers li a:hover::before, .rn-pagination ul.page-list li a:hover::before { opacity: 1; visibility: visible; } .rn-pagination ul.page-numbers li .current, .rn-pagination ul.page-list li .current { padding: 0 10px; display: block; text-align: center; line-height: 38px; min-width: 42px; height: 42px; position: relative; z-index: 2; font-weight: 600; border-radius: 4px; color: #ffffff; border: 2px solid var(--color-border); border-color: var(--color-primary); } .rn-pagination ul.page-numbers li .current::before, .rn-pagination ul.page-list li .current::before { opacity: 1; visibility: visible; } .rn-pagination ul.page-numbers li.active a, .rn-pagination ul.page-list li.active a { color: #ffffff; border-color: var(--color-primary); } .rn-pagination ul.page-numbers li.active a::before, .rn-pagination ul.page-list li.active a::before { opacity: 1; visibility: visible; } /*--------------------------- Post Pagination ----------------------------*/ .rn-pagination .post-page-numbers, .page-links .post-page-numbers { padding: 0 10px; display: inline-block; text-align: center; line-height: 38px; min-width: 42px; height: 42px; border: 2px solid var(--color-border); background: #fff; color: #000000; position: relative; z-index: 2; font-weight: 600; border-radius: 4px; font-size: 14px; } .rn-pagination .post-page-numbers::before, .page-links .post-page-numbers::before { position: absolute; left: 0; right: 0; width: 100%; height: 100%; content: ""; z-index: -1; opacity: 0; visibility: hidden; } .rn-pagination .post-page-numbers:hover, .page-links .post-page-numbers:hover { color: #ffffff; border-color: var(--color-primary); } .rn-pagination .post-page-numbers:hover::before, .page-links .post-page-numbers:hover::before { opacity: 1; visibility: visible; } .rn-pagination .post-page-numbers.current, .page-links .post-page-numbers.current { border: 2px solid var(--color-primary); border-color: var(--color-primary); color: #ffffff; } .rn-pagination .post-page-numbers.current::before, .page-links .post-page-numbers.current::before { opacity: 1; visibility: visible; } /* Social icon Styles */ ul.social-share { padding: 0; margin: 0; margin: -6px; } ul.social-share li { margin: 6px; } ul.social-share li a { width: 40px; display: inline-block; height: 40px; border: 2px solid rgba(198, 201, 216, 0.75); line-height: 35px; color: rgba(198, 201, 216, 0.75); border-radius: 100%; text-align: center; font-size: 14px; } ul.social-share li:hover a { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); transform: translateY(-3px); } ul.social-share.color-theme li a { border-color: var(--color-primary); color: var(--color-primary); } ul.social-share.color-theme li a:hover { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; } ul.social-share.rn-lg-size { margin-top: 0 !important; } ul.social-share.rn-lg-size li a { width: 50px; height: 50px; line-height: 47px; font-size: 16px; } ul.social-share.social-style--2 li a { border: 0 none; width: 30px; height: auto; text-align: left; line-height: inherit; font-size: 16px; } @media only screen and (max-width: 575px) { ul.social-share.social-style--2 li a { width: 28px; font-size: 14px; } } ul.social-share.social-style--2 li:hover a { background: transparent; box-shadow: none; } ul.social-share.social-style--2.color-theme li a { color: var(--color-primary); } ul.social-share.social-style--2.color-theme li a:hover { color: currentColor; } ul.social-share.social-style--2.color-black li a { color: #1d1d24; opacity: 0.8; } ul.social-share.social-style--2.color-black li a:hover { color: var(--color-primary); opacity: 1; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 20px; } .alignright { display: inline; float: right; margin-left: 20px; margin-top: 20px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } /* .post, .page { margin: 0 0 1.5em; } */ .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .preloader { background: #ffffff; width: 100vw; height: 100vh; position: fixed; z-index: 9999999; } @keyframes bgg { 0% { background: var(--color-primary-light); } 50% { background: var(--color-primary); } 100% { background: var(--color-primary); } } .loader { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 70px; height: 70px; margin: auto; } .loader .circle { position: absolute; width: 50px; height: 50px; opacity: 0; transform: rotate(225deg); animation-iteration-count: infinite; animation-name: orbit; animation-duration: 5.5s; left: 3px; top: -5px; } .loader .circle:after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 100%; animation: bgg 1500ms ease-in alternate infinite; } .loader .circle:nth-child(2) { animation-delay: 240ms; } .loader .circle:nth-child(3) { animation-delay: 480ms; } .loader .circle:nth-child(4) { animation-delay: 720ms; } .loader .circle:nth-child(5) { animation-delay: 960ms; } @keyframes orbit { 0% { transform: rotate(225deg); opacity: 1; animation-timing-function: ease-out; } 7% { transform: rotate(345deg); animation-timing-function: linear; } 30% { transform: rotate(455deg); animation-timing-function: ease-in-out; } 39% { transform: rotate(690deg); animation-timing-function: linear; } 70% { transform: rotate(815deg); opacity: 1; animation-timing-function: ease-out; } 75% { transform: rotate(945deg); animation-timing-function: ease-out; } 76% { transform: rotate(945deg); opacity: 0; } 100% { transform: rotate(945deg); opacity: 0; } } /************************************** Elements Styles ***************************************/ /*================== Portfolio Area ==================*/ .mesonry-list { margin: 0 -22px; } .mesonry-list .masonry_item .portfolio-static { padding: 0 22px; } .mesonry-list.grid-metro3 .resizer { width: 33.33%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3 .resizer { width: 50%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3 .resizer { width: 100%; } } .mesonry-list.grid-metro3 .portfolio-33-33 { width: 33.33%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3 .portfolio-33-33 { width: 50%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3 .portfolio-33-33 { width: 100%; } } .mesonry-list.grid-metro3.grid-lg-6 .resizer { width: 50%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3.grid-lg-6 .resizer { width: 50%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3.grid-lg-6 .resizer { width: 100%; } } .mesonry-list.grid-metro3.grid-lg-6 .portfolio-33-33 { width: 50%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3.grid-lg-6 .portfolio-33-33 { width: 50%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3.grid-lg-6 .portfolio-33-33 { width: 100%; } } .mesonry-list.grid-metro3.grid-lg-4 .resizer { width: 33.33%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3.grid-lg-4 .resizer { width: 50%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3.grid-lg-4 .resizer { width: 100%; } } .mesonry-list.grid-metro3.grid-lg-4 .portfolio-33-33 { width: 33.33%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3.grid-lg-4 .portfolio-33-33 { width: 50%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3.grid-lg-4 .portfolio-33-33 { width: 100%; } } .mesonry-list.grid-metro3.grid-lg-3 .resizer { width: 25%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3.grid-lg-3 .resizer { width: 50%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3.grid-lg-3 .resizer { width: 100%; } } .mesonry-list.grid-metro3.grid-lg-3 .portfolio-33-33 { width: 25%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3.grid-lg-3 .portfolio-33-33 { width: 50%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3.grid-lg-3 .portfolio-33-33 { width: 100%; } } .mesonry-list.grid-metro3.grid-lg-12 .resizer { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3.grid-lg-12 .resizer { width: 100%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3.grid-lg-12 .resizer { width: 100%; } } .mesonry-list.grid-metro3.grid-lg-12 .portfolio-33-33 { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mesonry-list.grid-metro3.grid-lg-12 .portfolio-33-33 { width: 100%; } } @media only screen and (max-width: 767px) { .mesonry-list.grid-metro3.grid-lg-12 .portfolio-33-33 { width: 100%; } } .portfolio { position: relative; min-height: 600px; width: 100%; padding-top: 35%; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .portfolio { min-height: 500px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio { min-height: 500px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio { min-height: 450px; } } @media only screen and (max-width: 767px) { .portfolio { min-height: 400px; } } .portfolio .thumbnail-inner { transition: transform 0.28s ease; z-index: 9; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; overflow: hidden; border-radius: 5px; } .portfolio .thumbnail-inner::before { background-color: #f6004c; background-image: linear-gradient(#f6004c 10%, #000000 100%); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 0; } .portfolio .thumbnail { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; border-radius: 5px; background-color: #0a0a0a; transform: scale(1.13) translateZ(0); backface-visibility: hidden; transition: transform 0.28s ease; z-index: 4; } .portfolio .thumbnail::after { background-color: rgba(45, 45, 45, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: " "; z-index: 1; display: block; border-radius: 5px; background-color: rgba(25, 25, 25, 0.37); } .portfolio .bg-blr-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #0a0a0a; transform: translateY(38px); opacity: 0; z-index: 1; } .portfolio .content { position: absolute; bottom: 40px; left: 40px; right: 40px; max-width: 100% !important; z-index: 10; padding: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio .content { left: 20px; right: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio .content { left: 20px; right: 20px; } } @media only screen and (max-width: 767px) { .portfolio .content { left: 15px; right: 15px; } } .portfolio .content .inner p { color: #c6c9d8; font-size: 14px; line-height: 1.7; margin-bottom: 15px; } .portfolio .content .inner h4 { font-size: 24px; line-height: 36px; font-weight: 600; } @media only screen and (max-width: 767px) { .portfolio .content .inner h4 { font-size: 20px; line-height: 32px; } } .portfolio .content .inner h4 a { color: #ffffff; } .portfolio .content .inner .portfolio-button { margin-top: 35px; transition: 0.7s; } @media only screen and (max-width: 767px) { .portfolio .content .inner .portfolio-button { margin-top: 20px; } } @media only screen and (max-width: 575px) { .portfolio .content .inner .portfolio-button { margin-top: 25px; } } .portfolio .content .inner .portfolio-button a.rn-btn { color: #ffffff; border-color: rgba(255, 255, 255, 0.3); } .portfolio .content .inner .portfolio-button a.rn-btn:hover { border-color: var(--color-primary); } .portfolio.text-center .content { position: absolute; bottom: 40px; left: 40px; max-width: 80% !important; z-index: 10; padding: 0; right: 40px; margin: 0 auto; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio.text-center .content { left: 20px; right: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio.text-center .content { left: 15px; right: 15px; } } @media only screen and (max-width: 767px) { .portfolio.text-center .content { left: 10px; right: 10px; } } .portfolio:hover .thumbnail-inner { transform: scale(1.08) translateZ(0); } .portfolio:hover .thumbnail-inner::before { opacity: 0.85; } .portfolio:hover .thumbnail { transform: scale(1) translateZ(0); } .portfolio:hover .thumbnail::after { background-color: rgba(25, 25, 25, 0.24); } .portfolio:hover .bg-blr-image { opacity: 0; z-index: 9; } .portfolio.portfolio-style--2 .inner { margin: 0 20px; } .portfolio-tilthover .portfolio { margin-top: 30px; } @media only screen and (max-width: 767px) { .portfolio-tilthover .portfolio { min-height: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-tilthover .portfolio { min-height: 400px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-tilthover .portfolio { min-height: 400px; } } .portfolio-tilthover .portfolio .thumbnail { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; border-radius: 5px; background-color: #0a0a0a; transform: scale(1.13) translateZ(0); backface-visibility: hidden; transition: transform 0.28s ease; z-index: 4; } @media only screen and (max-width: 575px) { .portfolio-tilthover .portfolio .thumbnail { transform: scale(1) translateZ(0); } } .portfolio-tilthover .portfolio .thumbnail::after { display: none; } @media only screen and (max-width: 575px) { .portfolio-tilthover .portfolio .thumbnail-inner { transform: scale(1) translateZ(0); } .portfolio-tilthover .portfolio .thumbnail-inner::before { opacity: 0.85; } } .portfolio-tilthover .portfolio .bg-blr-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #0a0a0a; transform: translateY(38px); opacity: 0; z-index: 1; } @media only screen and (max-width: 575px) { .portfolio-tilthover .portfolio .bg-blr-image { opacity: 0; z-index: 9; } } .portfolio-tilthover .portfolio .content { opacity: 0; } @media only screen and (max-width: 575px) { .portfolio-tilthover .portfolio .content { opacity: 1; } } .portfolio-tilthover .portfolio:hover .content { opacity: 1; } .portfolio-tilthover .portfolio:hover .thumbnail-inner { transform: scale(1) translateZ(0); } .portfolio-tilthover .portfolio:hover .thumbnail-inner::before { opacity: 0.85; } .portfolio-tilthover .portfolio:hover .thumbnail { transform: scale(1) translateZ(0); } .portfolio-tilthover .portfolio:hover .thumbnail::after { background-color: rgba(25, 25, 25, 0.24); } .portfolio-tilthover .portfolio:hover .bg-blr-image { opacity: 0; z-index: 9; } /* Item Between Spacing */ .portfolio-slick-activation.item-fluid.slick-gutter-15 .slick-list { margin-left: -200px; margin-right: -200px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-slick-activation.item-fluid.slick-gutter-15 .slick-list { margin-left: 30px; margin-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation.item-fluid.slick-gutter-15 .slick-list { margin-left: 30px; margin-right: 30px; } } @media only screen and (max-width: 767px) { .portfolio-slick-activation.item-fluid.slick-gutter-15 .slick-list { margin-left: 15px; margin-right: 15px; } } .portfolio-sacousel-inner .slick-list { margin-left: -200px; margin-right: -200px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-sacousel-inner .slick-list { margin-left: 30px; margin-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-sacousel-inner .slick-list { margin-left: 30px; margin-right: 30px; } } @media only screen and (max-width: 767px) { .portfolio-sacousel-inner .slick-list { margin-left: 30px; margin-right: 30px; } } .portfolio-sacousel-inner .slick-slide { padding-left: 15px; padding-right: 15px; margin-bottom: -10px; } .portfolio-sacousel-inner .slick-list { overflow: visible; } .portfolio-sacousel-inner .slick-dots, .rn-slick-dot .slick-dots { bottom: -30px; } @media only screen and (max-width: 575px) { .portfolio-sacousel-inner .slick-dots, .rn-slick-dot .slick-dots { bottom: -30px; } } .portfolio-sacousel-inner .slick-dots li, .rn-slick-dot .slick-dots li { width: 30px; margin: 0; opacity: 0.35; position: relative; } .portfolio-sacousel-inner .slick-dots li button::before, .rn-slick-dot .slick-dots li button::before { display: none; } .portfolio-sacousel-inner .slick-dots li button::after, .rn-slick-dot .slick-dots li button::after { background: #333; width: 100%; display: block; content: ""; position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50%; margin-left: 11px; background-color: transparent; box-shadow: inset 0 0 0 5px #000; } .portfolio-sacousel-inner .slick-dots li.slick-active, .rn-slick-dot .slick-dots li.slick-active { opacity: 1; } .portfolio-sacousel-inner .slick-dots li.slick-active button::after, .rn-slick-dot .slick-dots li.slick-active button::after { -webkit-transform: scale(2); transform: scale(2); box-shadow: inset 0 0 0 1px var(--color-primary); background-color: transparent; background-color: transparent !important; } .portfolio-sacousel-inner.dot-light .slick-dots li button::after, .rn-slick-dot.dot-light .slick-dots li button::after { background: #ffffff; box-shadow: inset 0 0 0 5px #ffffff; } .portfolio-sacousel-inner.dot-light .slick-dots li.slick-active, .rn-slick-dot.dot-light .slick-dots li.slick-active { opacity: 1; } .portfolio-sacousel-inner.dot-light .slick-dots li.slick-active button::after, .rn-slick-dot.dot-light .slick-dots li.slick-active button::after { -webkit-transform: scale(2); transform: scale(2); box-shadow: inset 0 0 0 1px var(--color-primary); background-color: transparent; background-color: transparent !important; } /* Slick Arrow Button */ .portfolio-slick-activation { position: relative; } @media only screen and (max-width: 767px) { .portfolio-slick-activation { margin-left: -5px; margin-right: -5px; } } .portfolio-slick-activation button.slick-arrow { position: absolute; z-index: 3; background: transparent; font-size: 20px; width: 253px; height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-slick-activation button.slick-arrow { width: 136px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation button.slick-arrow { width: 100px; } } @media only screen and (max-width: 767px) { .portfolio-slick-activation button.slick-arrow { width: 100px; display: none !important; } } .portfolio-slick-activation button.slick-arrow::before { line-height: 1; opacity: 0.75; font-size: 30px; position: relative; top: -14px; transition: 0.5s; } .portfolio-slick-activation button.slick-arrow.slick-prev { left: 0; background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=1); } .portfolio-slick-activation button.slick-arrow.slick-prev::before { content: url(../images/icons/slick-arrow-left.png); } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation button.slick-arrow.slick-prev { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-slick-activation button.slick-arrow.slick-prev { display: none !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .portfolio-slick-activation button.slick-arrow.slick-prev { display: none !important; } } .portfolio-slick-activation button.slick-arrow.slick-next { right: 0; background: -moz-linear-gradient(right, black 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(right, black 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to left, black 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=1); } .portfolio-slick-activation button.slick-arrow.slick-next::before { content: url(../images/icons/slick-arrow-right.png); } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation button.slick-arrow.slick-next { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-slick-activation button.slick-arrow.slick-next { display: none !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .portfolio-slick-activation button.slick-arrow.slick-next { display: none !important; } } .portfolio-slick-activation button.slick-arrow:hover.slick-prev { padding-right: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation button.slick-arrow:hover.slick-prev { padding-right: 10px; } } @media only screen and (max-width: 767px) { .portfolio-slick-activation button.slick-arrow:hover.slick-prev { padding-right: 10px; } } .portfolio-slick-activation button.slick-arrow:hover.slick-next { padding-left: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation button.slick-arrow:hover.slick-next { padding-right: 10px; } } @media only screen and (max-width: 767px) { .portfolio-slick-activation button.slick-arrow:hover.slick-next { padding-right: 10px; } } .portfolio-slick-activation button.slick-arrow:hover::before { opacity: 1; } .portfolio-slick-activation.layout-2 button.slick-arrow { position: absolute; z-index: 3; background: transparent; font-size: 20px; width: auto; height: 40px; left: -60px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-slick-activation.layout-2 button.slick-arrow { width: 136px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation.layout-2 button.slick-arrow { width: 100px; } } @media only screen and (max-width: 767px) { .portfolio-slick-activation.layout-2 button.slick-arrow { width: 100px; display: none !important; } } .portfolio-slick-activation.layout-2 button.slick-arrow::before { line-height: 1; opacity: 0.75; font-size: 30px; position: relative; transition: 0.5s; filter: invert(0.5); } .portfolio-slick-activation.layout-2 button.slick-arrow.slick-prev::before { content: url(../images/icons/slick-arrow-left.png); } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation.layout-2 button.slick-arrow.slick-prev { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-slick-activation.layout-2 button.slick-arrow.slick-prev { display: none !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .portfolio-slick-activation.layout-2 button.slick-arrow.slick-prev { display: none !important; } } .portfolio-slick-activation.layout-2 button.slick-arrow.slick-next { left: auto; right: -60px; } .portfolio-slick-activation.layout-2 button.slick-arrow.slick-next::before { content: url(../images/icons/slick-arrow-right.png); } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation.layout-2 button.slick-arrow.slick-next { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-slick-activation.layout-2 button.slick-arrow.slick-next { display: none !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .portfolio-slick-activation.layout-2 button.slick-arrow.slick-next { display: none !important; } } .portfolio-slick-activation.layout-2 button.slick-arrow:hover.slick-prev { padding-right: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation.layout-2 button.slick-arrow:hover.slick-prev { padding-right: 10px; } } @media only screen and (max-width: 767px) { .portfolio-slick-activation.layout-2 button.slick-arrow:hover.slick-prev { padding-right: 10px; } } .portfolio-slick-activation.layout-2 button.slick-arrow:hover.slick-next { padding-left: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slick-activation.layout-2 button.slick-arrow:hover.slick-next { padding-right: 10px; } } @media only screen and (max-width: 767px) { .portfolio-slick-activation.layout-2 button.slick-arrow:hover.slick-next { padding-right: 10px; } } .portfolio-slick-activation.layout-2 button.slick-arrow:hover::before { opacity: 1; } .rn-slick-activation.item-fluid .slick-dots { bottom: -60px; } /* Slick Gutter Space */ .slick-space-gutter--15 { margin-left: -15px; margin-right: -15px; } .slick-space-gutter--15 .slick-slide { padding-left: 15px; padding-right: 15px; } .slick-space-gutter--15 .portfolio { margin: 40px 0; } .slickdot--20 .slick-dots { bottom: -20px; } /*----------------------------- Portfolio Style Three --------------------------------*/ .portfolio-style--3 { position: relative; margin-bottom: 40px; overflow: hidden; border-radius: 6px; } .portfolio-style--3 .thumbnail a { display: block; position: relative; z-index: 1; } .portfolio-style--3 .thumbnail a::after { background: linear-gradient(to bottom, #fc004d 0, #000000 100%); position: absolute; left: 0; right: 0; width: 100%; height: 100%; content: ""; z-index: 1; opacity: 0; } @media only screen and (max-width: 575px) { .portfolio-style--3 .thumbnail a::after { opacity: 0.85; top: 0; } } .portfolio-style--3 .content { position: absolute; bottom: -92px; width: 100%; padding: 50px 35px; z-index: 3; } @media only screen and (max-width: 575px) { .portfolio-style--3 .content { bottom: 0; } } @media only screen and (max-width: 575px) { .portfolio-style--3 .content { padding: 30px 20px; } } .portfolio-style--3 .content::before { position: absolute; content: ""; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000000 70%); left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: -1; } @media only screen and (max-width: 575px) { .portfolio-style--3 .content::before { opacity: 0; } } .portfolio-style--3 .content p.portfoliotype { font-size: 14px; margin-bottom: 5px; color: #c6c9d8; } .portfolio-style--3 .content h4.title { margin-bottom: 0; } .portfolio-style--3 .content h4.title a { color: #ffffff; font-size: 24px; font-weight: 500; line-height: 36px; } @media only screen and (max-width: 767px) { .portfolio-style--3 .content h4.title a { font-size: 18px; line-height: 29px; } } .portfolio-style--3 .content .portfolio-btn { margin-top: 35px; transition: 0.7s; opacity: 0; visibility: hidden; } @media only screen and (max-width: 575px) { .portfolio-style--3 .content .portfolio-btn { margin-top: 22px; } } @media only screen and (max-width: 575px) { .portfolio-style--3 .content .portfolio-btn { opacity: 1; visibility: visible; } } .portfolio-style--3:hover .content { bottom: 0; } .portfolio-style--3:hover .content::before { opacity: 0; } .portfolio-style--3:hover .thumbnail a img { transform: scale(1.1); } .portfolio-style--3:hover .thumbnail a::before { opacity: 0; } .portfolio-style--3:hover .thumbnail a::after { opacity: 0.85; top: 0; } .portfolio-style--3:hover .content .portfolio-btn { opacity: 1; visibility: visible; } .row--5 .portfolio-style--3 { margin-bottom: 10px; } /*-------------------------- Portfolio Style Static -----------------------------*/ a.item-portfolio-static { transition: inherit; } .item-portfolio-static { margin-top: 60px; margin-bottom: 0; } @media only screen and (max-width: 767px) { .item-portfolio-static { margin-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .item-portfolio-static { margin-top: 30px; } } .item-portfolio-static .inner { padding-top: 20px; } .item-portfolio-static .inner p { margin-bottom: 5px; font-size: 16px; color: var(--color-heading); transition: 0.3s; } .item-portfolio-static .inner p:hover { color: var(--color-primary); } .item-portfolio-static .inner .gallery-title { color: var(--color-heading); transition: 0.3s; margin-bottom: 0; } .item-portfolio-static .inner .gallery-title:hover { color: var(--color-primary); } .item-portfolio-static .thumbnail img { transition: 0.3s; width: 100%; border-radius: 5px; box-shadow: 0 25px 65px rgba(0, 0, 0, 0.1); } .item-portfolio-static:hover .thumbnail img { box-shadow: 0 50px 80px -10px rgba(0, 0, 0, 0.17); transform: translate3d(0, -10px, 0); } .portfolio-content-wrap-row.row--5 { margin-top: -10px; } /*========================== Service Area ===========================*/ .rn-service-area .section-title.text-left p { padding: 0; margin-bottom: 15px; } /* Bg Color Variation */ .single-service .icon svg { width: 54px; height: 54px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service h3.title { font-size: 22px; } } .single-service.service__style--1 { padding: 40px 0; z-index: 2; } @media only screen and (max-width: 767px) { .single-service.service__style--1 { padding: 15px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--1 { padding: 20px 0; } } .single-service.service__style--1 .icon { font-size: 54px; font-weight: 400; margin-bottom: 23px; display: inline-flex; color: var(--color-primary); } .single-service.service__style--1 .icon svg { stroke-width: 1 !important; } .single-service.service__style--1 .icon img { margin-bottom: 34px; } .single-service.service__style--1 .content .title { margin-bottom: 19px; font-weight: 400; font-size: 24px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--1 .content .title { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--1 .content .title { font-size: 22px; } } @media only screen and (max-width: 767px) { .single-service.service__style--1 .content .title { font-size: 18px; } } .single-service.service__style--1 .content .title a { color: inherit; } .single-service.service__style--1 .content p { color: #717173; } .single-service.service__style--1.text-white { z-index: 2; } .single-service.service__style--1.text-white .content h3.title { color: #c6c9d8; } .single-service.service__style--1.text-white .content p { color: #c6c9d8; } .single-service.service__style--2 a { display: block; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--2 { padding: 30px 25px; } } @media only screen and (max-width: 767px) { .single-service.service__style--2 { padding: 35px 25px; } } @media only screen and (max-width: 575px) { .single-service.service__style--2 { margin-top: 30px; } } .single-service.service__style--2 .icon { font-size: 54px; font-weight: 400; margin-bottom: 23px; display: inline-flex; color: var(--color-primary); } @media only screen and (max-width: 575px) { .single-service.service__style--2 .icon { color: #ffffff; } } .single-service.service__style--2 .icon svg { stroke-width: 1 !important; } .single-service.service__style--2 .content .title { margin-bottom: 19px; font-weight: 500; font-size: 24px; } @media only screen and (max-width: 575px) { .single-service.service__style--2 .content .title { color: #ffffff; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--2 .content .title { font-size: 20px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--2 .content .title { font-size: 22px; } } @media only screen and (max-width: 767px) { .single-service.service__style--2 .content .title { font-size: 18px; margin-bottom: 14px; } } .single-service.service__style--2 .content .title a { color: inherit; } @media only screen and (max-width: 575px) { .single-service.service__style--2 .content .title a { color: #ffffff; } } .single-service.service__style--2 .content p { color: #717173; font-size: 18px; line-height: 30px; } @media only screen and (max-width: 767px) { .single-service.service__style--2 .content p { font-size: 16px; line-height: 28px; } } @media only screen and (max-width: 575px) { .single-service.service__style--2 .content p { color: #ffffff; } } .single-service.service__style--2:hover a { transform: translateY(-5px); } .single-service.service__style--2:hover .icon { color: #ffffff; } .single-service.service__style--2.service-left-align { display: flex; padding: 50px 24px; } .single-service.service__style--2.service-left-align .icon { padding-right: 20px; } .single-service.service__style--2 a { padding: 60px 45px; z-index: 2; border-radius: 10px; } @media only screen and (max-width: 767px) { .single-service.service__style--2 a { padding: 60px 14px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--2 a { padding: 50px 11px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--2 a { padding: 60px 25px; } } .single-service.service__style--2 a::before { position: absolute; content: ""; left: 0; top: 0; background-image: linear-gradient(to right, #f61b10, #ef0963); width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; border-radius: 10px; } @media only screen and (max-width: 575px) { .single-service.service__style--2 a::before { opacity: 1; visibility: visible; } } .single-service.service__style--2.bg-color-gray { margin-top: 0; height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--2.bg-color-gray { padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--2.bg-color-gray { padding: 0; } } @media only screen and (max-width: 767px) { .single-service.service__style--2.bg-color-gray { padding: 0; } } .single-service.service__style--2.bg-color-gray a { display: flex; height: 100%; background: #f6f6f6; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--2.bg-color-gray a { padding: 33px 22px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--2.bg-color-gray a { padding: 35px 20px; } } @media only screen and (max-width: 767px) { .single-service.service__style--2.bg-color-gray a { padding: 35px 20px; } } .single-service.service__style--2:hover a { box-shadow: 0 10px 25px 10px rgba(0, 0, 0, 0.1); } .single-service.service__style--2:hover a::before { opacity: 1; visibility: visible; } .single-service.service__style--2:hover.bg-color-gray a { background: transparent; } .single-service.service__style--3 { padding: 40px 0; z-index: 2; margin-top: 50px; } @media only screen and (max-width: 767px) { .single-service.service__style--3 { padding: 15px 0; margin-top: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--3 { padding: 20px 0; } } .single-service.service__style--3 .icon { font-size: 54px; font-weight: 400; display: inline-flex; color: var(--color-primary); } .single-service.service__style--3 .icon img { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .single-service.service__style--3 .icon img { margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .single-service.service__style--3 .icon img { margin-bottom: 13px; height: 45px; } } .single-service.service__style--3 .content .title { margin-bottom: 15px; font-weight: 400; font-size: 24px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--3 .content .title { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--3 .content .title { font-size: 22px; } } @media only screen and (max-width: 767px) { .single-service.service__style--3 .content .title { font-size: 18px; margin-bottom: 14px; } } @media only screen and (max-width: 575px) { .single-service.service__style--3 .content .title { color: #ffffff; } } .single-service.service__style--3 .content p { opacity: 0.75; font-weight: 300; color: #c6c9d8; font-size: 18px; line-height: 30px; } @media only screen and (max-width: 767px) { .single-service.service__style--3 .content p { font-size: 16px; line-height: 28px; } } .single-service.service__style--3.text-white { z-index: 2; } .single-service.service__style--3.text-white .content h3.title { color: #c6c9d8; } .single-service.service__style--3.text-white .content p { color: #c6c9d8; } .single-service.service__style--4, .single-service.service__style--5 { padding: 30px 38px; z-index: 2; border-radius: 10px; position: relative; cursor: pointer; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--4, .single-service.service__style--5 { padding: 20px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--4, .single-service.service__style--5 { padding: 30px 25px; } } @media only screen and (max-width: 767px) { .single-service.service__style--4, .single-service.service__style--5 { padding: 20px 20px; } } .single-service.service__style--4.large-size, .single-service.service__style--5.large-size { padding: 60px 45px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--4.large-size, .single-service.service__style--5.large-size { padding: 25px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--4.large-size, .single-service.service__style--5.large-size { padding: 30px 25px; } } @media only screen and (max-width: 767px) { .single-service.service__style--4.large-size, .single-service.service__style--5.large-size { padding: 25px 20px; } } .single-service.service__style--4::before, .single-service.service__style--5::before { position: absolute; content: ""; left: 0; top: 0; background-image: -webkit-gradient(linear, left top, right top, from(#f61b10), to(#ef0963)); background-image: -webkit-linear-gradient(left, #f61b10, #ef0963); background-image: linear-gradient(90deg, #f61b10, #ef0963); width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; border-radius: 10px; } @media only screen and (max-width: 575px) { .single-service.service__style--4::before, .single-service.service__style--5::before { opacity: 1; visibility: visible; } } .single-service.service__style--4 a, .single-service.service__style--5 a { display: block; transition: 0.3s; } .single-service.service__style--4 .icon, .single-service.service__style--5 .icon { display: inline-flex; font-size: 54px; font-weight: 400; margin-bottom: 23px; display: inline-flex; color: var(--color-primary); } @media only screen and (max-width: 767px) { .single-service.service__style--4 .icon, .single-service.service__style--5 .icon { margin-bottom: 18px; } } @media only screen and (max-width: 575px) { .single-service.service__style--4 .icon, .single-service.service__style--5 .icon { color: #fff; } } .single-service.service__style--4 .icon svg, .single-service.service__style--5 .icon svg { stroke-width: 1 !important; } .single-service.service__style--4 .content .title, .single-service.service__style--5 .content .title { margin-bottom: 19px; font-weight: 500; font-size: 24px; line-height: 1.4074; } @media only screen and (max-width: 575px) { .single-service.service__style--4 .content .title, .single-service.service__style--5 .content .title { color: #fff; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-service.service__style--4 .content .title, .single-service.service__style--5 .content .title { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--4 .content .title, .single-service.service__style--5 .content .title { font-size: 22px; } } @media only screen and (max-width: 767px) { .single-service.service__style--4 .content .title, .single-service.service__style--5 .content .title { font-size: 18px; margin-bottom: 10px; } } .single-service.service__style--4 .content p, .single-service.service__style--5 .content p { font-size: 18px; line-height: 30px; } @media only screen and (max-width: 767px) { .single-service.service__style--4 .content p, .single-service.service__style--5 .content p { font-size: 16px; line-height: 28px; } } @media only screen and (max-width: 575px) { .single-service.service__style--4 .content p, .single-service.service__style--5 .content p { color: #fff; } } .single-service.service__style--4:hover, .single-service.service__style--5:hover { box-shadow: 0 10px 25px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .single-service.service__style--4:hover::before, .single-service.service__style--5:hover::before { opacity: 1; visibility: visible; } .single-service.service__style--4:hover .icon, .single-service.service__style--5:hover .icon { color: #fff; } .single-service.service__style--4:hover .content .title, .single-service.service__style--5:hover .content .title { color: #fff; } .single-service.service__style--4:hover .content p, .single-service.service__style--5:hover .content p { color: #fff; } .single-service.service__style--4:hover .content a, .single-service.service__style--5:hover .content a { color: #fff; } .service_stylefour-large .service__style--4 { padding: 60px 45px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service_stylefour-large .service__style--4 { padding: 25px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service_stylefour-large .service__style--4 { padding: 30px 25px; } } @media only screen and (max-width: 767px) { .service_stylefour-large .service__style--4 { padding: 25px 20px; } } /*--------------------------- Paralax Service Style -----------------------------*/ .rn-paralax-service .service__style--2 { z-index: 2; padding: 40px 40px; background: rgba(255, 255, 255, 0.3); margin-top: 40px; overflow: hidden; border: 2px solid transparent; } @media only screen and (max-width: 767px) { .rn-paralax-service .service__style--2 { padding: 30px 20px; background: transparent; margin-top: 30px; } } .rn-paralax-service .service__style--2 .icon { color: #ffffff; } .rn-paralax-service .service__style--2 .content h3.title { font-size: 19px; color: #ffffff; } .rn-paralax-service .service__style--2 .content p { font-size: 18px; line-height: 30px; } @media only screen and (max-width: 767px) { .rn-paralax-service .service__style--2 .content p { font-size: 16px; line-height: 28px; } } .rn-paralax-service .service__style--2:hover { border: 2px solid var(--color-primary); } .rn-paralax-service .service__style--2:hover::before { border-radius: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-one-wrapper { margin: 0 -40px; } } @media only screen and (max-width: 767px) { .service-one-wrapper { margin: 0 -40px; } } @media only screen and (max-width: 575px) { .service-one-wrapper { margin: 0 -15px; } } .standard-service { margin: 30px 0; } .standard-service .content { margin-top: 30px; } .standard-service .thumbnai img { border-radius: 5px; width: 100%; } .corporate-business-banner .slide.slide-style-2 { padding-top: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .corporate-business-banner .slide.slide-style-2 { padding-top: 0; padding-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .corporate-business-banner .slide.slide-style-2 { padding-top: 0; padding-bottom: 0; } } @media only screen and (max-width: 767px) { .corporate-business-banner .slide.slide-style-2 { padding-top: 0; padding-bottom: 0; } } .service-area--5 .section-title { margin-bottom: 5px; } .single-service.service__style--5 { box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07); background: #fff; padding: 40px; border-radius: 5px; } .single-service.service__style--5::before { border-radius: 5px; } .single-service.service__style--5 .service { display: flex; } .single-service.service__style--5 .icon { margin-right: 30px; } .single-service.service__style--5 .content p { font-size: 16px; } .contact-us-today .single-service.service__style--5 { cursor: default; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contact-us-today .single-service.service__style--5 .service { display: block; } .contact-us-today .single-service.service__style--5 { padding: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-service.service__style--5 .service { display: block; } .single-service.service__style--5 { padding: 30px; } .contact-us-today .single-service.service__style--5 .service { display: block; } .contact-us-today .single-service.service__style--5 { padding: 30px 17px; } .contact-us-today .single-service.service__style--5 .content p { font-size: 14px; } .contact-us-today .single-service.service__style--5 .icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .single-service.service__style--5 .service { display: block; } .single-service.service__style--5 { padding: 30px; } .contact-us-today .single-service.service__style--5 .service { display: block; } .contact-us-today .single-service.service__style--5 { padding: 30px 17px; } .contact-us-today .single-service.service__style--5 .content p { font-size: 14px; } .contact-us-today .single-service.service__style--5 .icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 575px) { .contact-us-today .single-service.service__style--5 .content p a { color: #fff; } } /*------------------ * Section Title ----------------------*/ .section-title span.sub-title { color: var(--color-primary); font-size: 16px; letter-spacing: 1px; } /*==================== Slider Area ======================*/ .slider-fixed--height { min-height: 1080px; width: 100%; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .slider-fixed--height { min-height: 900px; } } @media only screen and (max-width: 767px) { .slider-fixed--height { min-height: auto; padding: 60px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-fixed--height { min-height: auto; padding: 80px 0; padding-bottom: 60px; } } .react-parallax img { object-fit: cover; } .personal-portfolio-slider { position: relative; } @media only screen and (max-width: 767px) { .personal-portfolio-slider::before { position: absolute; content: ""; width: 100%; height: 100%; background: #ffffff; opacity: 0.7; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .personal-portfolio-slider::before { position: absolute; content: ""; width: 100%; height: 100%; background: #ffffff; opacity: 0.7; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .personal-portfolio-slider::before { position: absolute; content: ""; width: 100%; height: 100%; background: #ffffff; opacity: 0.7; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide.personal-portfolio-slider.slider-style-3, .slide.designer-portfolio.slider-style-3 { padding: 150px 0; min-width: auto; height: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.personal-portfolio-slider.slider-style-3, .slide.designer-portfolio.slider-style-3 { padding: 150px 0; } } @media only screen and (max-width: 767px) { .slide.personal-portfolio-slider.slider-style-3, .slide.designer-portfolio.slider-style-3 { padding: 100px 0; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.personal-portfolio-slider.slider-style-3 .inner, .slide.designer-portfolio.slider-style-3 .inner { padding-top: 76px; } } @media only screen and (max-width: 767px) { .slide.personal-portfolio-slider.slider-style-3 .inner, .slide.designer-portfolio.slider-style-3 .inner { padding-top: 38px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide.personal-portfolio-slider.slider-style-3 .inner h1.title, .slide.designer-portfolio.slider-style-3 .inner h1.title { font-size: 58px; line-height: 75px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.personal-portfolio-slider.slider-style-3 .inner h1.title, .slide.designer-portfolio.slider-style-3 .inner h1.title { font-size: 53px; line-height: 70px; } } @media only screen and (max-width: 767px) { .slide.personal-portfolio-slider.slider-style-3 .inner h1.title, .slide.designer-portfolio.slider-style-3 .inner h1.title { font-size: 32px; line-height: 49px; } } .slide.designer-portfolio { height: 700px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.designer-portfolio { height: auto; } } @media only screen and (max-width: 767px) { .slide.designer-portfolio { height: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.designer-portfolio.slider-style-3 { height: auto; padding: 100px 0; } } @media only screen and (max-width: 767px) { .slide.designer-portfolio.slider-style-3 { height: auto; padding: 100px 0; } } .slide.designer-portfolio.slider-style-3 .inner { padding: 0; } .slide.designer-portfolio.slider-style-3 .inner h1.title { width: 100%; } .slide.designer-portfolio.slider-style-3 .inner .description { margin-bottom: 0; } @media only screen and (max-width: 767px) { .slide.designer-portfolio.slider-style-3 .inner .description { font-size: 35px; line-height: 27px; } } .slide.designer-portfolio.slider-style-3 .designer-thumbnail img { border-radius: 100%; padding: 0; border: 14px solid #fff; width: 394px; height: 394px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 20px 40px rgba(255, 255, 255, 0.15); } @media only screen and (max-width: 575px) { .slide.designer-portfolio.slider-style-3 .designer-thumbnail img { width: auto; height: auto; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-style-two .header-right .header-btn { margin-left: 7px; } } @media only screen and (max-width: 767px) { .bg_image--16 { background-position: 71% center; } } /*------------------------ Slider Styles --------------------------*/ .slide .inner { padding-top: 100px; } @media only screen and (max-width: 767px) { .slide .inner { padding-top: 70px; } } @media only screen and (max-width: 575px) { .slide .inner { padding-top: 30px; } } .slide .inner h1.title { font-size: 125px; font-weight: 900; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 900; line-height: 130px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .slide .inner h1.title { font-size: 100px; line-height: 112px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide .inner h1.title { font-size: 90px; line-height: 103px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide .inner h1.title { font-size: 70px; line-height: 82px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .slide .inner h1.title { font-size: 50px; line-height: 70px; margin-bottom: 0; } } @media only screen and (max-width: 575px) { .slide .inner h1.title { font-size: 40px; line-height: 50px; margin-bottom: 20px; } } .slide.slide-style-1 .inner { padding-top: 100px; } @media only screen and (max-width: 767px) { .slide.slide-style-1 .inner { padding-top: 70px; } } @media only screen and (max-width: 575px) { .slide.slide-style-1 .inner { padding-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-1 .inner { padding-top: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-1 .inner h1.title { font-size: 70px; line-height: 82px; margin-bottom: 26px; } } .slide.slide-style-2 { padding-top: 230px; padding-bottom: 284px; overflow: hidden; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .slide.slide-style-2 { padding-top: 150px; padding-bottom: 150px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide.slide-style-2 { padding-top: 160px; padding-bottom: 170px; min-height: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2 { padding-top: 150px; padding-bottom: 150px; min-height: auto; } } @media only screen and (max-width: 767px) { .slide.slide-style-2 { padding-top: 150px; padding-bottom: 90px; min-height: auto; } } .slide.slide-style-2.fullscreen { min-height: 950px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .slide.slide-style-2.fullscreen { padding-top: 160px; padding-bottom: 160px; min-height: auto; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide.slide-style-2.fullscreen { min-height: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2.fullscreen { min-height: auto; } } @media only screen and (max-width: 767px) { .slide.slide-style-2.fullscreen { min-height: auto; } } .slide.slide-style-2 .inner { padding-top: 100px; } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner { padding-top: 0; text-align: center !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2 .inner { padding-top: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide.slide-style-2 .inner { padding-top: 30px; } } .slide.slide-style-2 .inner > span { color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 9px; } .slide.slide-style-2 .inner .title { color: #ffffff; font-size: 100px; font-weight: 900; font-family: "Montserrat", sans-serif; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide.slide-style-2 .inner .title { font-size: 72px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2 .inner .title { font-size: 60px; margin-bottom: 8px; } } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner .title { font-size: 52px; margin-bottom: 0; } } @media only screen and (max-width: 479px) { .slide.slide-style-2 .inner .title { font-size: 29px; } } .slide.slide-style-2 .inner p.description { color: #c6c9d8; font-size: 24px; line-height: 40px; margin: 0; padding: 0 16%; font-weight: 300; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2 .inner p.description { padding: 0 10%; } } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner p.description { padding: 0; font-size: 18px; line-height: 30px; margin-top: 20px; } } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner p.description br { display: none; } } .slide.slide-style-2 .inner .slide-btn { margin-top: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2 .inner .slide-btn { margin-top: 42px; } } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner .slide-btn { margin-top: 32px; } } .slide.slide-style-2 .inner.text-left p { padding: 0 37% 0 0; } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner.text-left p br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide.slide-style-2 .inner.text-left p { padding: 0 20% 0 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2 .inner.text-left p { padding: 0; } } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner.text-left p { padding: 0; } } .slide.slide-style-2 .inner.text-right p { padding: 0 0 0 16%; } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner.text-right p br { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2 .inner.text-right p { padding: 0; } } @media only screen and (max-width: 767px) { .slide.slide-style-2 .inner.text-right p { padding: 0; } } .slide.slider-style-3 .inner > span { color: #1f1f25; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .slide.slider-style-3 .inner > span { font-size: 13px; margin-bottom: 10px; } } .slide.slider-style-3 .inner h1.title { color: #1f1f25; font-size: 75px; font-weight: 900; font-family: "Montserrat", sans-serif; line-height: 90px; text-transform: inherit; width: 70%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide.slider-style-3 .inner h1.title { font-size: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slider-style-3 .inner h1.title { font-size: 60px; line-height: 77px; width: 85%; } } @media only screen and (max-width: 767px) { .slide.slider-style-3 .inner h1.title { font-size: 42px; line-height: 57px; width: 100%; } } .slide.slider-style-3 .inner h1.title span { color: var(--color-primary); } .slider-wrapper.color-white .inner p.description { color: #ffffff; } @media only screen and (max-width: 767px) { .slider-wrapper .service-wrapper { margin-bottom: -20px; } } .slider-digital-agency a.rn-button-style--2 { color: #fff; border-color: #fff; } .slick-slide.slick-current .slide.slide-style-2 .inner h1.title { -webkit-animation: 800ms ease-in-out 0s normal none 1 running customOne; animation: 800ms ease-in-out 0s normal none 1 running customOne; } .slick-slide.slick-current .slide.slide-style-2 .inner p.description { -webkit-animation: 1000ms ease-in-out 0s normal none 1 running customOne; animation: 1000ms ease-in-out 0s normal none 1 running customOne; } .slick-slide.slick-current .slide.slide-style-2 .inner .slide-btn { -webkit-animation: 1200ms ease-in-out 0s normal none 1 running customOne; animation: 1200ms ease-in-out 0s normal none 1 running customOne; } @-webkit-keyframes customOne { from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes customOne { from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .customOne { -webkit-animation-name: customOne; animation-name: customOne; } /*======================= Slider Paralax =========================*/ .slider-paralax, .rn-paralax { height: 950px; } @media only screen and (max-width: 767px) { .slider-paralax, .rn-paralax { height: auto; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .slider-paralax, .rn-paralax { height: auto; padding-top: 150px; padding-bottom: 150px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-paralax, .rn-paralax { height: auto; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-paralax, .rn-paralax { height: auto; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .slide.slide-style-2.slider-paralax { height: auto; padding-top: 100px; padding-bottom: 100px; } } .slider-video-bg { position: relative; z-index: 2; } .slider-video-bg .video-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .slider-video-bg .inner { position: relative; z-index: 2; } .slider-video-bg[data-black-overlay]::before { z-index: 1; } .slider-video-bg .video-inner button.video-popup, .slider-video-bg .video-inner a.video-popup { margin: 0 auto !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-video-bg .video-inner button.video-popup, .slider-video-bg .video-inner a.video-popup { margin: 0; margin-top: 28px; } } @media only screen and (max-width: 767px) { .slider-video-bg .video-inner button.video-popup, .slider-video-bg .video-inner a.video-popup { margin: 0; margin-top: 28px; } } @media only screen and (max-width: 767px) { .slider-video-bg .video-inner button.video-popup, .slider-video-bg .video-inner a.video-popup { width: 70px; height: 70px; margin: 0 auto; margin-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2.slider-video-bg .inner { text-align: center !important; } } @media only screen and (max-width: 767px) { .slide.slide-style-2.slider-video-bg .inner { text-align: center !important; } } .slide.slide-style-2.slider-video-bg .inner .title { font-size: 60px; line-height: 80px; margin-bottom: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide.slide-style-2.slider-video-bg .inner .title { font-size: 45px; line-height: 74px; margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .slide.slide-style-2.slider-video-bg .inner .title { font-size: 36px; line-height: 51px; margin-bottom: 0px; } } /*---------------------- Slider Default -----------------------*/ .slider-activation { position: relative; } .slider-activation .slick-dots { bottom: 60px; } @media only screen and (max-width: 767px) { .slider-activation .slick-dots { bottom: 88px; } } @media only screen and (max-width: 575px) { .slider-activation .slick-dots { bottom: 35px; } } .slider-activation button.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; transition: 0.5s; opacity: 1; width: 68px; height: 68px; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-activation button.slick-arrow { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-activation button.slick-arrow { display: none !important; } } @media only screen and (max-width: 767px) { .slider-activation button.slick-arrow { display: none !important; } } .slider-activation button.slick-arrow:hover { background: var(--color-primary); border-color: var(--color-primary); } .slider-activation button.slick-arrow::before { line-height: 1; opacity: 0.4; position: relative; top: -2px; transition: 0.5s; z-index: 2; } .slider-activation button.slick-arrow.slick-prev { left: 50px; } @media only screen and (max-width: 767px) { .slider-activation button.slick-arrow.slick-prev { left: 10px; } } .slider-activation button.slick-arrow.slick-prev::before { content: url(../images/icons/slick-arrow-left-small.png); } .slider-activation button.slick-arrow.slick-prev:hover { left: 30px; } @media only screen and (max-width: 767px) { .slider-activation button.slick-arrow.slick-prev:hover { left: 20px; } } .slider-activation button.slick-arrow.slick-prev:hover::before { opacity: 1; } .slider-activation button.slick-arrow.slick-next { left: auto; right: 50px; } @media only screen and (max-width: 767px) { .slider-activation button.slick-arrow.slick-next { right: 10px; } } .slider-activation button.slick-arrow.slick-next::before { content: url(../images/icons/slick-arrow-right-small.png); } .slider-activation button.slick-arrow.slick-next:hover { right: 30px; } @media only screen and (max-width: 767px) { .slider-activation button.slick-arrow.slick-next:hover { right: 20px; } } .slider-activation button.slick-arrow.slick-next:hover::before { opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-creative-agency .slider-paralax { height: auto; } } @media only screen and (max-width: 767px) { .slider-creative-agency .slider-paralax { height: auto; } } .slider-creative-agency.with-particles { position: relative; } .slider-creative-agency.with-particles .frame-layout__particles { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; } .slider-creative-agency.with-particles .frame-layout__particles canvas { position: absolute; z-index: 1; } .slider-creative-agency.with-particles .inner { position: relative; z-index: 4; } /* For Slider Service */ .slide .service { margin-top: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slide .service { margin-top: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .slide .service { margin-top: 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide .service { margin-top: 20px; } } @media only screen and (max-width: 767px) { .slide .service { margin-top: 20px; } } @media only screen and (max-width: 575px) { .slide .service { margin-top: 0; } } .theme-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .box-model .service-wrapper { background-image: url(../images/bg/bg-image-1.jpg); padding: 10px 50px; border-radius: 6px; position: relative; } .box-model .service-wrapper .service { margin: 0; } .box-model .service-wrapper .service .icon { margin: auto; text-align: center; } .box-model .service-wrapper .service .content { text-align: center; } .box-model .service-wrapper:before { width: 90%; height: 80%; position: absolute; left: 0; bottom: -30px; content: ""; background-color: #f81f01; z-index: -1; margin: auto; right: 0; border-radius: 20%; background-image: linear-gradient(145deg, #f81f01 0%, #ee076e 100%); filter: blur(30px); } .box-model .inner { text-align: center; margin-bottom: 60px; } .root-header-not-transparent .slide.slide-style-1 .inner, .root-header-not-transparent .slide.slide-style-2 .inner { padding-top: 0; } .root-header-not-transparent .slide .inner { padding-top: 0; } @media only screen and (max-width: 767px) { .root-header-not-transparent .slide.slide-style-2 { padding-top: 90px; } } .root-header-not-transparent .rn-page-title, .root-header-not-transparent .breadcrumb-inner { padding-top: 0 !important; } .root-header-not-transparent .rn-page-title-area { padding-top: 125px !important; padding-bottom: 145px !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .root-header-not-transparent .rn-page-title-area { padding-top: 80px !important; padding-bottom: 80px !important; } } @media only screen and (max-width: 767px) { .root-header-not-transparent .rn-page-title-area { padding-top: 80px !important; padding-bottom: 80px !important; } } .root-header-not-transparent .breadcrumb-area { padding-top: 100px !important; padding-bottom: 120px !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .root-header-not-transparent .breadcrumb-area { padding-top: 80px !important; padding-bottom: 80px !important; } } @media only screen and (max-width: 767px) { .root-header-not-transparent .breadcrumb-area { padding-top: 80px !important; padding-bottom: 80px !important; } } .active-dark .personal-portfolio-slider.overlay { position: relative; z-index: 2; } .active-dark .personal-portfolio-slider.overlay::after { position: absolute; content: ""; height: 100%; width: 100%; opacity: 0.7; left: 0; top: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .active-dark .personal-portfolio-slider.overlay::after { background: #000; z-index: -1; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .active-dark .personal-portfolio-slider.overlay::after { background: #000; z-index: -1; } } @media only screen and (max-width: 767px) { .active-dark .personal-portfolio-slider.overlay::after { background: #000; z-index: -1; } } /*======================== Counterup Area ==========================*/ .counterup_style--1 { text-align: center; margin-top: 40px; } .counterup_style--1 h5.counter { font-size: 72px; line-height: 80px; display: inline-block; margin-bottom: 17px; position: relative; display: inline-block; color: var(--color-primary); margin-left: -13px; } @media only screen and (max-width: 767px) { .counterup_style--1 h5.counter { font-size: 45px; line-height: 56px; margin-bottom: 5px; margin-left: -11px; } } .counterup_style--1 h5.counter::after { right: -26px; position: absolute; top: -17px; font-size: 40px; content: "+"; } .counterup_style--1 p.description { font-size: 18px; line-height: 30px; padding: 0 5%; color: #717173; } @media only screen and (min-width: 768px) and (max-width: 991px) { .counterup_style--1 p.description { font-size: 16px; line-height: 28px; padding: 0; } } @media only screen and (max-width: 767px) { .counterup_style--1 p.description { font-size: 16px; line-height: 28px; padding: 0; } } .counterup_style--1.text-left h5.counter { margin-left: 0; } .counterup_style--1.text-left p.description { padding: 0 7% 0 0; } .counterup_style--1.text-right h5.counter { margin-left: 0; padding-right: 26px; } .counterup_style--1.text-right h5.counter::after { right: 0; } .counterup_style--1.text-right p.description { padding: 0 0 0 7%; } .counterup_style--1.text-white p.description { color: #c6c9d8; } .rn-paralax-counterup .counterup_style--1 { text-align: center; } .rn-paralax-counterup .counterup_style--1 h5.counter { color: var(--color-primary); } .rn-paralax-counterup .counterup_style--1 p.description { color: #ffffff; } .counterup_style--2 { text-align: center; } .counterup_style--2 h5.counter { font-size: 50px; line-height: 60px; color: var(--color-primary); display: inline-block; margin-bottom: 10px; } .counterup_style--2 h4.description { font-size: 16px; line-height: 30px; padding: 0 10%; margin-bottom: 0; } .theme-text-white .counterup_style--1 h5.counter { color: #ffffff; } .theme-text-white .counterup_style--1 p.description { color: #ffffff; } /* --------------------------- Testimonial Styles ------------------------------*/ /*----------------------------- Testminial Tab Content --------------------------------*/ .rn-testimonial-content { text-align: center; } .rn-testimonial-content .inner { padding-bottom: 62px; } @media only screen and (max-width: 767px) { .rn-testimonial-content .inner { padding-bottom: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-testimonial-content .inner { padding-bottom: 30px; } } .rn-testimonial-content .inner p { font-size: 36px; line-height: 58px; color: #18181b; font-weight: 400; padding: 0 9%; margin-bottom: 0; margin-top: -16px; position: relative; z-index: 2; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-testimonial-content .inner p { font-size: 32px; line-height: 53px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-testimonial-content .inner p { font-size: 28px; line-height: 48px; padding: 0; } } @media only screen and (max-width: 767px) { .rn-testimonial-content .inner p { font-size: 20px; line-height: 35px; padding: 0; font-weight: 400; } } .rn-testimonial-content .inner p::before { position: absolute; width: 197px; height: 100%; left: 25%; top: -50px; background-image: url(../images/client/image-1.png); content: ""; opacity: 1; background-repeat: no-repeat; z-index: -1; } @media only screen and (max-width: 767px) { .rn-testimonial-content .inner p::before { top: -15px; background-size: 100px; left: 50%; right: 0; width: 100%; margin-left: -48px; } } .rn-testimonial-content .inner p::after { position: absolute; width: 197px; height: 202px; right: 25%; bottom: -115px; background-image: url(../images/client/image-2.png); content: ""; opacity: 1; background-repeat: no-repeat; z-index: -1; } @media only screen and (max-width: 767px) { .rn-testimonial-content .inner p::after { display: none; } } .rn-testimonial-content .author-info { margin-bottom: 50px; position: relative; z-index: 2; } @media only screen and (max-width: 767px) { .rn-testimonial-content .author-info { margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-testimonial-content .author-info { margin-bottom: 30px; } } .rn-testimonial-content .author-info h6 { font-size: 18px; line-height: 50px; color: #8c8c8c; font-weight: 300; } @media only screen and (max-width: 767px) { .rn-testimonial-content .author-info h6 { line-height: 20px; font-size: 14px; } } .rn-testimonial-content .author-info h6 span { color: var(--color-primary); font-weight: 400; } .rn-testimonial-light .rn-testimonial-content .inner p { color: #c6c9d8; } .rn-testimonial-light .rn-testimonial-content .author-info h6 { color: #ffffff; font-weight: 300; } .rn-testimonial-light .rn-testimonial-content .author-info h6 span { color: #c6c9d8; font-weight: 400; } .rn-paralax-testimonial .rn-testimonial-content .inner p { color: #ffffff; } .rn-paralax-testimonial .rn-testimonial-content .inner p::before, .rn-paralax-testimonial .rn-testimonial-content .inner p::after { opacity: 0.1; } /* ------------------------------ Testimonial Thumbnail -------------------------------- */ .rn-testimonial-area { padding-top: 180px; } .rn-testimonial-area ul.testimonial-thumb-wrapper { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; max-width: 510px; margin: 0px auto; margin-bottom: -30px; outline: none; border: 0 none; position: relative; } @media only screen and (max-width: 575px) { .rn-testimonial-area ul.testimonial-thumb-wrapper { margin-bottom: -10px; } } .rn-testimonial-area ul.testimonial-thumb-wrapper > li { padding-left: 15px; padding-right: 15px; flex-basis: 20%; margin-bottom: 30px; outline: none; cursor: pointer; } @media only screen and (max-width: 767px) { .rn-testimonial-area ul.testimonial-thumb-wrapper > li { flex-basis: 20%; margin-bottom: 14px; padding-left: 7px; padding-right: 7px; } } @media only screen and (max-width: 575px) { .rn-testimonial-area ul.testimonial-thumb-wrapper > li { flex-basis: 25%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } } .rn-testimonial-area ul.testimonial-thumb-wrapper > li .thumb { position: relative; display: inline-block; width: 100%; } .rn-testimonial-area ul.testimonial-thumb-wrapper > li .thumb img { transition: all 0.3s; border-radius: 6px; width: 100%; } .rn-testimonial-area ul.testimonial-thumb-wrapper > li > a { position: relative; display: block; } .rn-testimonial-area ul.testimonial-thumb-wrapper > li > a::after { width: 13px; height: 13px; background: var(--color-primary); right: -8.5px; top: -8.5px; position: absolute; content: ""; border-radius: 100%; transition: all 0.3s; opacity: 0; transform: scale(0); } .rn-testimonial-area ul.testimonial-thumb-wrapper > li > a.active::after { opacity: 1; transform: scale(1); } .rn-testimonial-area ul.testimonial-thumb-wrapper > li > a.active .thumb img { transform: scale(1.1); object-fit: contain; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); } .rn-testimonial-area ul.testimonial-thumb-wrapper > li > a:hover .thumb img { transform: scale(1.1); object-fit: contain; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); } /* Brand Area */ ul.brand-style { display: flex; justify-content: space-between; flex-wrap: wrap; border-left: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 767px) { ul.brand-style { border-left: 0 none; border-bottom: 0 none; justify-content: center; } } ul.brand-style li { flex-basis: 33.33%; text-align: center; height: 214px; line-height: 214px; border-top: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); transition: 0.4s; margin: 0; } @media only screen and (max-width: 767px) { ul.brand-style li { border-top: 0 none; border-right: 0 none; height: auto; line-height: 10; padding: 0 10px; } } ul.brand-style li img { opacity: 0.7; max-height: 110px; max-width: 150px; transition: 0.4s; } @media only screen and (max-width: 767px) { ul.brand-style li img { max-width: 80px; } } @media only screen and (max-width: 767px) { ul.brand-style li img { max-width: 100px; height: auto; } } ul.brand-style li:hover { background-color: var(--color-primary); transform: scale(1.1); border-radius: 6px; } @media only screen and (max-width: 767px) { ul.brand-style li:hover { transform: scale(1); } } ul.brand-style li:hover img { opacity: 1; filter: brightness(0) invert(1); } ul.brand-style.branstyle--2 li { flex-basis: 33.33%; } ul.brand-style-2 { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: -25px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { ul.brand-style-2 { margin: 0 -10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { ul.brand-style-2 { margin: -20px; } } @media only screen and (max-width: 767px) { ul.brand-style-2 { margin: 0 -10px; } } ul.brand-style-2 li { padding: 25px; flex-basis: 20%; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px) { ul.brand-style-2 li { padding: 14px 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { ul.brand-style-2 li { padding: 20px; } } @media only screen and (max-width: 767px) { ul.brand-style-2 li { flex-basis: 25%; padding: 10px 10px; } } @media only screen and (max-width: 575px) { ul.brand-style-2 li { flex-basis: 33.33%; padding: 0 15px; margin-bottom: 16px; } } @media only screen and (max-width: 479px) { ul.brand-style-2 li { max-height: initial; max-width: 69%; } } ul.brand-style-2 li a { display: block; } ul.brand-style-2 img { opacity: 0.7; transition: 0.3s; max-height: 110px; max-width: 150px; cursor: pointer; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { ul.brand-style-2 img { max-height: 100px; max-width: 130px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { ul.brand-style-2 img { max-height: initial; max-width: 98px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { ul.brand-style-2 img { max-width: 100px; cursor: pointer; } } @media only screen and (max-width: 767px) { ul.brand-style-2 img { max-height: inherit; max-width: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { ul.brand-style-2 img { max-width: 129px; } } @media only screen and (max-width: 575px) { ul.brand-style-2 img { max-height: initial; max-width: 100%; } } ul.brand-style-2 img:hover { transform: scale(1.1); opacity: 1; } .react-parallax-content .brand-style-2 a img { filter: brightness(0) invert(1); } .react-parallax-content .brand-style-2 a:hover img { filter: brightness(1) invert(0); } .brand-separation { position: relative; padding-bottom: 217px; margin-bottom: -117px; padding-top: 60px; background: #fff; } @media only screen and (max-width: 767px) { .brand-separation { margin-bottom: 0; padding-bottom: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-separation { margin-bottom: 0; padding-bottom: 60px; } } /*------------------------ Team Styles --------------------------*/ .team { overflow: hidden; border-radius: 6px !important; position: relative; } .team .thumbnail { display: block; position: relative; z-index: 1; } .team .thumbnail img { width: 100%; object-fit: cover; } .team .thumbnail::after { background: linear-gradient(to bottom, #fc004d 0, #000000 100%); position: absolute; left: 0; right: 0; width: 100%; height: 100%; content: ""; z-index: 1; opacity: 0; } .team .content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 35px 40px; z-index: 2; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .team .content { padding: 35px 35px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .team .content { padding: 35px 35px; } } @media only screen and (max-width: 767px) { .team .content { padding: 35px 35px; } } .team .content .title { color: #ffffff; margin: 0; opacity: 0; visibility: hidden; transition-delay: 0.25s; transform: translateY(10px); transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99); } .team .content .title a { color: #ffffff; } .team .content p.designation { color: #c6c9d8; font-size: 14px; line-height: 34px; opacity: 0; visibility: hidden; transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99); transform: translateY(10px); } .team ul.social-icon { position: absolute; top: 25px; left: 35px; padding: 0; z-index: 2; list-style: none; display: flex; margin: 0 -10px; } .team ul.social-icon li { margin: 0 10px; transform: translateY(8px) scale(0.8); opacity: 0; visibility: hidden; transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99); } .team ul.social-icon li a { color: #ffffff; font-size: 15px; transition: 0.3s; } .team ul.social-icon li a svg { transition: 0.3s; } .team ul.social-icon li a:hover svg { transform: scale(1.3); } .team.team-style--bottom ul.social-icon { top: auto; left: 40px; bottom: 105px; } .team.team-style--bottom .content .title { margin-bottom: 1px; } .team.team-style--bottom.text-right ul.social-icon { left: auto; right: 40px; } .team:hover .content .title { transition-delay: 0.25s; opacity: 1; visibility: visible; transform: translateY(0); } .team:hover .content p.designation { transition-delay: 0.33s; opacity: 1; visibility: visible; transform: translateY(0); } .team:hover .thumbnail::after { opacity: 0.85; top: 0; } .team:hover ul.social-icon li { opacity: 1; visibility: visible; transform: translateY(0); } .team:hover ul.social-icon li:nth-child(1) { -webkit-transition-delay: 0.07692s; transition-delay: 0.07692s; } .team:hover ul.social-icon li:nth-child(2) { -webkit-transition-delay: 0.15385s; transition-delay: 0.15385s; } .team:hover ul.social-icon li:nth-child(3) { -webkit-transition-delay: 0.23077s; transition-delay: 0.23077s; } .team:hover ul.social-icon li:nth-child(4) { -webkit-transition-delay: 0.33077s; transition-delay: 0.23077s; } .team:hover ul.social-icon li:nth-child(5) { -webkit-transition-delay: 0.43077s; transition-delay: 0.23077s; } .team:hover .content { opacity: 1; visibility: visible; } /*------------------- Team Static ---------------------*/ .team-static img { object-fit: cover; border-radius: 5px !important; box-shadow: 0 25px 65px rgba(0, 0, 0, 0.1); } .team-static .inner { padding-top: 17px; } .team-static .inner .content .title { margin-bottom: 5px; } .team-static .inner .content p.designation { margin-bottom: 5px; font-size: 15px; font-weight: 300; } .text-center .social-transparent.liststyle { justify-content: center; } .text-right .social-transparent.liststyle { justify-content: flex-end; } .text-center.team ul.social-icon { justify-content: center; left: 50%; transform: translateX(-50%); margin: auto; } .text-right.team ul.social-icon { justify-content: center; left: auto; right: 40px; } .text-center.team.team-style--bottom ul.social-icon { right: 40px; } /*-------------------------- Call To Action Wrapper -----------------------------*/ .call-to-action { background: linear-gradient(145deg, #f81f01 0%, #ee076e 100%); position: relative; z-index: 2; } .call-to-action::before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url(../images/pattern-1.png); content: ""; z-index: -1; opacity: 0.5; } .call-to-action .inner > span { color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 9px; } .call-to-action .inner h2 { color: #ffffff; font-size: 75px; font-weight: 900; font-family: "Montserrat", sans-serif; line-height: 90px; } @media only screen and (max-width: 767px) { .call-to-action .inner h2 { font-size: 47px; line-height: 70px; } } .call-to-action .inner a.rn-button-style--2 { margin-top: 30px; background: transparent; } .call-to-action .inner a.rn-button-style--2:hover { background: #ffffff; border-color: #ffffff; color: var(--color-primary); } /* Tab Style */ ul.nav.tab-style--1 { display: flex; margin: 0 -20px; flex-wrap: wrap; border: 0 none; } @media only screen and (min-width: 992px) and (max-width: 1199px) { ul.nav.tab-style--1 { margin: 0 -10px; } } ul.nav.tab-style--1 li { position: relative; margin: 0 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { ul.nav.tab-style--1 li { margin: 0 10px; font-size: 17px; margin-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { ul.nav.tab-style--1 li { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { ul.nav.tab-style--1 li { margin-bottom: 10px; } } ul.nav.tab-style--1 li a { border: 0 none; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0; background: transparent; position: relative; display: inline-block; padding-bottom: 4px; font-size: 18px; font-weight: 500; cursor: pointer; outline: none; color: #717173; } ul.nav.tab-style--1 li a::before { position: absolute; content: ""; width: 30px; background: rgba(0, 0, 0, 0.2); height: 2px; bottom: 0; } ul.nav.tab-style--1 li a.active { background: transparent; color: var(--color-primary); } ul.nav.tab-style--1 li a.active::before { width: 100%; background: currentColor; } /*------------------------ Tab Content -------------------------*/ .single-tab-content { padding-top: 20px; } @media only screen and (max-width: 767px) { .single-tab-content { font-size: 16px; line-height: 26px; } } .single-tab-content p { font-weight: 300; color: #717173; font-size: 18px; line-height: 30px; } @media only screen and (max-width: 767px) { .single-tab-content p { font-size: 16px; line-height: 26px; } } .single-tab-content ul { padding: 0; margin: 0; list-style: none; } .single-tab-content ul.list-style--1 li { margin-bottom: 10px; } .single-tab-content ul li { color: #7e7e7e; font-size: 16px; line-height: inherit; font-weight: 300; margin: 0; margin-bottom: 15px; } .single-tab-content ul li a { font-weight: 500; display: block; color: #717173; } .single-tab-content ul li a span { font-weight: 300; } .single-tab-content ul li:hover a { color: var(--color-primary); } .accodion-style--1 .accordion__item { border: none !important; overflow: hidden; } .accodion-style--1 .accordion__item .accordion__heading { display: inline-block; position: relative; padding-bottom: 5px; margin-bottom: 5px; } .accodion-style--1 .accordion__item .accordion__heading .accordion__button { background: none; color: #1f1f25; font-size: 16px; font-weight: 500; position: relative; display: inline-block; padding: 0; margin: 0; border: none; box-shadow: none; } .accodion-style--1 .accordion__item .accordion__heading .accordion__button[aria-disabled=true]::after, .accodion-style--1 .accordion__item .accordion__heading .accordion__button[aria-expanded=true]::after { width: 100%; background: var(--color-primary); } .accodion-style--1 .accordion__item .accordion__heading .accordion__button::after { position: absolute; content: ""; left: 0; bottom: 0; width: 50px; height: 2px; background: rgba(0, 0, 0, 0.2); transition: 0.3s; } .accodion-style--1 .accordion__item .accordion__heading .accordion__button::before { display: none; border: none !important; } .accodion-style--1 .accordion__item .accordion__heading .accordion__button:focus { outline: none; } .accodion-style--1 .accordion__item .accordion__panel { background: none; border: none; padding: 0 0 15px 0; margin: 0; font-weight: 300; color: #717173; animation: fadeInUp 0.1s; } .accodion-style--1 .accordion__item + .accordion__item { margin-top: 10px; } /*------------------------------- Accordiuon Style One --------------------------------*/ .rn-card .rn-card-header { display: inline-block; position: relative; padding-bottom: 5px; margin-bottom: 5px; } .rn-card .rn-card-header a.btn { background: none; color: #1f1f25; font-size: 16px; font-weight: 500; position: relative; display: inline-block; padding: 0; margin: 0; border: none; box-shadow: none; text-align: left; } .rn-card .rn-card-header a.btn[aria-disabled=true]::after, .rn-card .rn-card-header a.btn[aria-expanded=true]::after { width: 100%; background: var(--color-primary); } .rn-card .rn-card-header a.btn::after { position: absolute; content: ""; left: 0; bottom: 0; width: 50px; height: 2px; background: rgba(0, 0, 0, 0.2); transition: 0.3s; } .rn-card .rn-card-body { font-size: 18px; line-height: 30px; background: none; border: none; padding: 0 0 15px; margin: 0; font-weight: 300; } @media only screen and (max-width: 767px) { .rn-card .rn-card-body { font-size: 16px; line-height: 26px; } } .rn-card + .rn-card { margin-top: 10px; } .list-style--1 li { color: #7e7e7e; font-weight: 400; font-size: 16px; line-height: inherit; margin-bottom: 10px; display: flex; align-items: flex-start; text-align: left; } .list-style--1 li i { font-size: 14px; } .list-style--1 li i, .list-style--1 li svg { color: var(--color-primary); margin-right: 9px; margin-top: 8px; } .list-style--1 li svg { height: 16px; width: 16px; margin-top: 2px; } .list-style--1 li .icon img { margin-right: 9px; } .list-style--1.text-white li { color: #ffffff; } /*---------------------- List Style -----------------------*/ ul.list-style li { position: relative; padding-left: 16px; color: #717173; font-size: 18px; line-height: 25px; display: flex; align-items: center; } @media only screen and (max-width: 767px) { ul.list-style li { font-size: 16px; line-height: 22px; } } ul.list-style li::before { position: absolute; width: 6px; height: 6px; background: #717173; left: 0; top: 50%; transform: translateY(-50%); content: ""; border-radius: 100%; } ul.list-style li + li { margin-top: 10px; } .contact-form--1 .thumbnail img { border-radius: 8px; box-shadow: 0 25px 65px rgba(0, 0, 0, 0.1); } .contact-form--1 label { display: block; margin-bottom: 0; } .contact-form--1 input, .contact-form--1 textarea { display: block; width: 100%; padding: 0 20px; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 5px; transition: all 0.3s ease; height: 50px; line-height: 46px; margin-bottom: 20px; outline: none; color: var(--color-heading); font-size: 15px; letter-spacing: 0.1px; } .contact-form--1 input:focus, .contact-form--1 textarea:focus { border-color: var(--color-primary); } .contact-form--1 textarea { height: 120px; } /*========================== Contact Address ============================*/ .rn-address { margin-top: 30px; box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07); padding: 40px; border-radius: 5px; padding-top: 65px; background: #fff; padding-bottom: 50px; } .rn-address .icon { box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07); width: 78px; height: 78px; color: var(--color-primary); line-height: 73px; text-align: center; border-radius: 100%; background: var(--color-primary-light); font-size: 28px; position: absolute; top: -13px; left: 47px; } .rn-address .inner h4.title { font-size: 18px; font-weight: 700; } .rn-address .inner p { font-size: 18px; margin-bottom: 0; color: #717173; opacity: 0.8; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-address .inner p { font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-address .inner p { font-size: 16px; } } @media only screen and (max-width: 767px) { .rn-address .inner p { font-size: 16px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-address .inner p br { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-address .inner p br { display: none; } } @media only screen and (max-width: 767px) { .rn-address .inner p br { display: none; } } .rn-address .inner p a { color: #717173; } .rn-address .inner p a:hover { color: var(--color-primary); } .blog-comment-form .inner .rnform-group input:focus, .blog-comment-form .inner .rnform-group textarea:focus { border-color: var(--color-primary); } .google-map-area { width: 100%; height: 400px; } .wpcf7 form .wpcf7-response-output { margin: 0; border: 0 none; padding: 0; margin-top: 13px; } .wpcf7-not-valid-tip { color: #f10; font-size: 15px; font-weight: normal; display: block; margin-bottom: 20px; margin-top: -20px; } .wpcf7 form.sent .wpcf7-response-output { color: #46b450; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #f10; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-form-control-wrap span.wpcf7-list-item { margin-left: 0; display: flex; align-items: center; } .wpcf7-form-control-wrap span.wpcf7-list-item label { display: flex; align-items: center; justify-content: center; } .wpcf7-form-control-wrap span.wpcf7-list-item label input { margin-bottom: 0; } .wpcf7-form-control-wrap span.wpcf7-list-item input { margin-bottom: 0; } .wpcf7-form-control-wrap input[type=checkbox], .wpcf7-form-control-wrap input[type=radio] { opacity: 1; position: static; pointer-events: auto; height: 14px; width: auto; } .wpcf7-form-control-wrap span.wpcf7-list-item .wpcf7-list-item-label { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0; color: var(--color-body); font-size: 16px; margin-left: 0.5rem; } .contact-form--1 label { margin-bottom: 20px; } .contact-form--1 label label { margin-bottom: 0; } /** * Button */ /*----------------------- Video Popup -------------------------*/ button.video-popup, a.video-popup { display: block; position: relative; margin: 0 auto; width: 96px; height: 96px; border-radius: 50%; background: #fff; -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1); transition: all 1s cubic-bezier(0, 0, 0.2, 1); -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); } button.video-popup::before, a.video-popup::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; -webkit-transform: translate(-6px, -9px); -ms-transform: translate(-6px, -9px); transform: translate(-6px, -9px); border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 15px solid var(--color-primary); } button.video-popup:hover, a.video-popup:hover { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); } button.video-popup.position-top-center, a.video-popup.position-top-center { position: absolute; top: 50%; left: 50%; border: 0 none; width: 110px; height: 110px; margin-left: -55px; margin-top: -55px; transition: all 1s cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 767px) { button.video-popup.position-top-center, a.video-popup.position-top-center { width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; } } button.video-popup.position-top-center:hover, a.video-popup.position-top-center:hover { transform: scale3d(1.15, 1.15, 1.15); } button.video-popup.theme-color, a.video-popup.theme-color { background: var(--color-primary); border-color: var(--color-primary); } button.video-popup.theme-color::before, a.video-popup.theme-color::before { border-left: 15px solid #ffffff; } button.video-popup.black-color, a.video-popup.black-color { background: #000000; border-color: #000000; } button.video-popup.black-color::before, a.video-popup.black-color::before { border-left: 15px solid #ffffff; } button.video-popup.size-medium, a.video-popup.size-medium { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; } .rn-video-popup-area .thumbnail img { border-radius: 6px !important; } /*---------------------- Social Styles -----------------------*/ /*---------------------- Social Share ------------------------*/ ul.social-transparent { margin: -8px; } ul.social-transparent li { margin: 8px; } ul.social-transparent li a { width: auto; display: inline-block; height: auto; border: 0 none; line-height: initial; color: #000; border-radius: 100%; text-align: center; font-size: 14px; transition: 0.3s; } ul.social-transparent li a:hover { color: var(--color-primary); } .progress-wrapper h3.heading { font-size: 24px; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .progress-wrapper h3.heading { margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .progress-wrapper h3.heading { margin-bottom: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .progress-wrapper h3.heading { margin-bottom: 30px; } } .rn-progress-area .heading .title { margin-bottom: 30px; } .rn-progress-charts { overflow: hidden; } .rn-progress-charts h6.heading { font-size: 15px; color: #1f1f25; margin-bottom: 10px; font-weight: 500; } .rn-progress-charts h6.heading span.percent-label { color: #222; font-weight: 500; } .rn-progress-charts .progress { height: 4px; overflow: visible; font-size: 14px; background-color: #f5f5f5; border-radius: 0; } .rn-progress-charts .progress .progress-bar { overflow: visible; position: relative; background-color: #f81f01; background-image: linear-gradient(-224deg, #f81f01, #ee076e); } .rn-progress-charts .progress .progress-bar.custom-color--4 { color: #e5529a; background-color: #e77654; background-image: linear-gradient(-224deg, #e77654 0px, #e5529a 100%); } .rn-progress-charts .progress .progress-bar span.percent-label { position: absolute; color: #222; right: -7px; top: -35px; font-size: 14px; font-weight: 600; } .rn-progress-charts.custom-color--2 .progress-bar { background-color: #0d8abc; background-color: #0d8abc; background-image: linear-gradient(-224deg, #0d8abc, #61fded); } .rn-progress-charts.custom-color--3 .progress-bar { color: #eece90; background-color: #d45529; background-image: linear-gradient(-224deg, #d45529 0px, #eece90 100%); } .rn-progress-charts.custom-color--4 .progress-bar { color: #e5529a; background-color: #e77654; background-image: linear-gradient(-224deg, #e77654 0px, #e5529a 100%); } .rn-progress-charts.progress-bar--2 .progress { height: 1px; border-radius: 1px; } .rn-progress-charts.progress-bar--3 .progress { height: 20px; border-radius: 0; } /*-------------------- Gallery Styles -----------------------*/ /*------------------- Column Area ---------------------*/ .single-column h4.tilte { margin-bottom: 6px; } .single-column p { font-size: 16px; line-height: 28px; } .single-column.custom-color { background: var(--color-primary); padding: 37px 29px; } .single-column.custom-color h4.tilte { color: #ffffff; } .single-column.custom-color p { color: #ffffff; } .single-column.custom-color.custom-color--1 { background: #001c43; } .single-column.custom-color.custom-color--2 { background: #c93ec7; } /*------------------------ Slick Style Css ---------------------------*/ .slick-initialized .slick-slide { display: block; } .slick-initialized .slick-slide { margin-bottom: 0; } .slick-initialized .slick-slide > div { height: 100% !important; display: flex; } .trydo-slick-active { position: relative; } .trydo-slick-active.slick-dot-bottom ul.slick-dots { position: absolute; bottom: 40px; } .trydo-slick-active.slick-dot-bottom ul.slick-dots li { width: 30px; margin: 0; opacity: 0.35; position: relative; } .trydo-slick-active.slick-dot-bottom ul.slick-dots li button::before { display: none; } .trydo-slick-active.slick-dot-bottom ul.slick-dots li button::after { background: #333; width: 100%; display: block; content: ""; position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50%; margin-left: 11px; background-color: transparent; -webkit-box-shadow: inset 0 0 0 5px #000; box-shadow: inset 0 0 0 5px #000; } .trydo-slick-active.slick-dot-bottom ul.slick-dots li.slick-active { opacity: 1; } .trydo-slick-active.slick-dot-bottom ul.slick-dots li.slick-active button::after { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-box-shadow: inset 0 0 0 1px var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-primary); background-color: transparent; background-color: transparent !important; } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 1; width: 68px; height: 68px; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 100%; } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow::before { line-height: 1; opacity: 0.4; position: relative; top: -2px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; z-index: 2; } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow:hover { background: var(--color-primary); border-color: var(--color-primary); } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow.slick-prev { left: 50px; } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow.slick-prev::before { content: url(../images/icons/slick-arrow-left-small.png); } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow.slick-prev:hover { left: 30px; } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow.slick-prev:hover::before { opacity: 1; } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow.slick-next { left: auto; right: 50px; } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow.slick-next::before { content: url(../images/icons/slick-arrow-right-small.png); } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow.slick-next:hover { right: 30px; } .trydo-slick-active.slick-arrow-left-to-right .slick-arrow.slick-next:hover::before { opacity: 1; } /*------------------------------- Pricing Area --------------------------------*/ .rn-pricing { border: 2px solid var(--color-primary); border-radius: 5px; -webkit-transition: all 0.6s cubic-bezier(0.33, 0.84, 0.31, 0.98); -o-transition: all 0.6s cubic-bezier(0.33, 0.84, 0.31, 0.98); transition: all 0.6s cubic-bezier(0.33, 0.84, 0.31, 0.98); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; z-index: 2; } .rn-pricing::before { z-index: -1; display: inline-block; content: ""; -webkit-transition: all 0.6s cubic-bezier(0.33, 0.84, 0.31, 0.98); -o-transition: all 0.6s cubic-bezier(0.33, 0.84, 0.31, 0.98); transition: all 0.6s cubic-bezier(0.33, 0.84, 0.31, 0.98); opacity: 0; border-radius: 5px; background-color: var(--color-primary); background-image: -webkit-linear-gradient(305deg, var(--color-primary) 0%, #ee076e 100%); background-image: -o-linear-gradient(305deg, var(--color-primary) 0%, #ee076e 100%); background-image: linear-gradient(145deg, var(--color-primary) 0%, #ee076e 100%); position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; } .rn-pricing .pricing-table-inner { padding: 40px; } .rn-pricing .pricing-table-inner .pricing-header { margin-bottom: 30px; padding-bottom: 30px; text-align: center; border-bottom: 1px solid rgba(248, 31, 1, 0.1); } .rn-pricing .pricing-table-inner .pricing-header .title { margin-bottom: 30px; } .rn-pricing .pricing-table-inner .pricing-header .pricing span { display: block; } .rn-pricing .pricing-table-inner .pricing-header .pricing span.price { font-size: 100px; color: var(--color-primary); line-height: 1; } .rn-pricing .pricing-table-inner .pricing-header .pricing span.subtitle { font-size: 14px; color: var(--color-primary); } .rn-pricing .pricing-table-inner .pricing-body { text-align: center; margin-bottom: 48px; } .rn-pricing .pricing-table-inner .pricing-body ul.list-style--1 li i { margin-right: 10px; } .rn-pricing .pricing-table-inner .pricing-footer { text-align: center; } .rn-pricing .pricing-table-inner .pricing-footer a.rn-btn { line-height: 36px; } .rn-pricing:hover::before, .rn-pricing.active::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .rn-pricing:hover .pricing-table-inner .pricing-header, .rn-pricing.active .pricing-table-inner .pricing-header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .rn-pricing:hover .pricing-table-inner .pricing-header .title, .rn-pricing.active .pricing-table-inner .pricing-header .title { color: #ffffff; } .rn-pricing:hover .pricing-table-inner .pricing-header .pricing span, .rn-pricing.active .pricing-table-inner .pricing-header .pricing span { display: block; } .rn-pricing:hover .pricing-table-inner .pricing-header .pricing span.price, .rn-pricing.active .pricing-table-inner .pricing-header .pricing span.price { color: #ffffff; } .rn-pricing:hover .pricing-table-inner .pricing-header .pricing span.subtitle, .rn-pricing.active .pricing-table-inner .pricing-header .pricing span.subtitle { color: #ffffff; } .rn-pricing:hover .pricing-table-inner .pricing-body ul.list-style--1 li, .rn-pricing.active .pricing-table-inner .pricing-body ul.list-style--1 li { color: #ffffff; } .rn-pricing:hover .pricing-table-inner .pricing-body ul.list-style--1 li i, .rn-pricing.active .pricing-table-inner .pricing-body ul.list-style--1 li i { color: #ffffff; } .rn-pricing:hover .pricing-table-inner .pricing-footer, .rn-pricing.active .pricing-table-inner .pricing-footer { text-align: center; } .rn-pricing:hover .pricing-table-inner .pricing-footer a.rn-btn, .rn-pricing.active .pricing-table-inner .pricing-footer a.rn-btn { background: #ffffff; color: var(--color-primary); border-color: #ffffff; } /*---------------------- Error Area ------------------------*/ body.error404 { background: #1a1b1f; } .error-page-inner { height: calc(100vh - 120px); display: flex; align-items: center; min-height: 700px; } .error-page-inner .inner { text-align: center; } .error-page-inner .inner h1.title { font-size: 180px; line-height: 1; margin-bottom: 0; } @media only screen and (max-width: 767px) { .error-page-inner .inner h1.title { font-size: 107px; } } .error-page-inner .inner .sub-title { margin-bottom: 0; font-weight: 400; font-size: 48px; color: #ffffff; } @media only screen and (max-width: 767px) { .error-page-inner .inner .sub-title { font-size: 40px; } } .error-page-inner .inner span { font-size: 16px; margin-top: 10px; color: #c6c9d8; opacity: 0.75; font-weight: 300; display: block; margin-bottom: 28px; } /************************************** Blog Styles ***************************************/ /*=================== Blog Styles =====================*/ .blog.blog-style--1 { position: relative; overflow: hidden; border-radius: 6px; margin-top: 30px; min-height: 532px !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog.blog-style--1 { min-height: 497px !important; } } @media only screen and (max-width: 767px) { .blog.blog-style--1 { margin-top: 30px; min-height: 493px !important; } } .blog.blog-style--1 .thumbnail { height: 100%; } .blog.blog-style--1 .thumbnail a { display: block; z-index: 1; height: 100%; } .blog.blog-style--1 .thumbnail a img { height: 100%; } .blog.blog-style--1 .thumbnail a::after { background: linear-gradient(to bottom, #fc004d 0, #000000 100%); position: absolute; left: 0; right: 0; width: 100%; height: 100%; content: ""; z-index: 1; opacity: 0; } @media only screen and (max-width: 575px) { .blog.blog-style--1 .thumbnail a::after { opacity: 0.85; top: 0; } } .blog.blog-style--1 .content { position: absolute; bottom: -92px; width: 100%; padding: 50px 35px; z-index: 3; } @media only screen and (max-width: 767px) { .blog.blog-style--1 .content { padding: 40px 23px; } } @media only screen and (max-width: 575px) { .blog.blog-style--1 .content { bottom: 0; } } @media only screen and (max-width: 575px) { .blog.blog-style--1 .content { padding: 30px 20px; } } .blog.blog-style--1 .content::before { position: absolute; content: ""; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000000 70%); left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: -1; } @media only screen and (max-width: 575px) { .blog.blog-style--1 .content::before { opacity: 0; } } .blog.blog-style--1 .content p.blogtype { font-size: 14px; margin-bottom: 5px; color: #c6c9d8; } .blog.blog-style--1 .content p.blogtype span { position: relative; padding-right: 7px; } .blog.blog-style--1 .content p.blogtype span::after { content: ","; position: relative; left: 3px; } .blog.blog-style--1 .content p.blogtype span:last-child { padding-right: 0; } .blog.blog-style--1 .content p.blogtype span:last-child::after { display: none; } .blog.blog-style--1 .content .title { margin-bottom: 0; font-size: 20px; font-weight: 600; } .blog.blog-style--1 .content .title a { color: #ffffff; font-size: 24px; font-weight: 500; line-height: 36px; } @media only screen and (max-width: 767px) { .blog.blog-style--1 .content .title a { font-size: 18px; line-height: 29px; } } .blog.blog-style--1 .content .blog-btn { margin-top: 35px; transition: 0.7s; opacity: 0; visibility: hidden; } @media only screen and (max-width: 575px) { .blog.blog-style--1 .content .blog-btn { margin-top: 22px; } } @media only screen and (max-width: 575px) { .blog.blog-style--1 .content .blog-btn { opacity: 1; visibility: visible; } } .blog.blog-style--1:hover .content { bottom: 0; } .blog.blog-style--1:hover .content::before { opacity: 0; } .blog.blog-style--1:hover .thumbnail a img { transform: scale(1.1); } .blog.blog-style--1:hover .thumbnail a::before { opacity: 0; } .blog.blog-style--1:hover .thumbnail a::after { opacity: 0.85; top: 0; } .blog.blog-style--1:hover .content .blog-btn { opacity: 1; visibility: visible; } /*--------------------- Trydo BLog List ---------------------*/ .trydo-blog-list { word-break: break-word; border: 1px solid var(--color-border); border-radius: 4px; } .trydo-blog-list .blog-content-wrapper { padding: 30px 45px; padding-bottom: 38px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .trydo-blog-list .blog-content-wrapper { padding: 30px 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .trydo-blog-list .blog-content-wrapper { padding: 30px 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .trydo-blog-list .blog-content-wrapper { padding: 30px 30px; } } @media only screen and (max-width: 767px) { .trydo-blog-list .blog-content-wrapper { padding: 30px 30px; } } .trydo-blog-list .blog-content-wrapper p { font-size: 16px; line-height: 1.9; } .trydo-blog-list:first-child { margin-top: 0 !important; } .trydo-blog-list .blog-top .title { font-size: 35px; line-height: 46px; font-weight: 500; } @media only screen and (min-width: 768px) and (max-width: 991px) { .trydo-blog-list .blog-top .title { font-size: 28px; line-height: 36px; } } @media only screen and (max-width: 767px) { .trydo-blog-list .blog-top .title { font-size: 24px; line-height: 34px; } } .trydo-blog-list .blog-top .title a { color: #1f1f25; } .trydo-blog-list .blog-top .title:hover a { color: var(--color-primary); } .trydo-blog-list .blog-top .author { display: flex; } .trydo-blog-list .thumbnail { display: block; } .trydo-blog-list .thumbnail img { border-radius: 4px 4px 0 0; width: auto !important; } .trydo-blog-list .thumbnail .thumb-inner a { display: inline-block; } .trydo-blog-list .thumbnail .thumb-inner a img { display: inline-block !important; } .trydo-blog-list ul.blog-meta li svg { width: 14px; margin-right: 6px; } .trydo-blog-list .content { margin-top: 10px; } .trydo-blog-list.format-link { background: transparent; padding: 60px 36px; position: relative; } @media only screen and (max-width: 767px) { .trydo-blog-list.format-link { padding: 40px 19px; } } .trydo-blog-list.format-link .blog-top { display: flex; align-items: center; } .trydo-blog-list.format-link .blog-top .title { margin-bottom: 0; } .trydo-blog-list.format-link .sticky { margin-right: 18px; } .trydo-blog-list.format-link .sticky i { font-size: 40px; color: var(--color-primary); } @media only screen and (max-width: 767px) { .trydo-blog-list.format-link .sticky i { font-size: 32px; } } .trydo-blog-list.quote-blog { padding: 20px 0px; position: relative; z-index: 2; border: 1px solid var(--color-border); } .trydo-blog-list.quote-blog blockquote { background: transparent; border-radius: 0; margin: 0; border: transparent; } .trydo-blog-list.quote-blog blockquote .title { font-style: normal; margin-bottom: 0; } .trydo-blog-list.sticky { background: var(--color-primary-light); position: relative; padding: 0; border: none; position: relative; } .trydo-blog-list.sticky::before { content: ""; width: 50px; height: 55px; background: var(--color-primary); position: absolute; right: 40px; top: 0; font-family: "feather" !important; text-align: center; padding: 12px; color: #fff; font-size: 22px; } .trydo-blog-list.sticky::after { content: ""; position: absolute; right: 40px; top: 40px; width: 0; height: 0; z-index: 2; border-bottom: 15px solid transparent; border-left: 25px solid var(--color-primary); border-right: 25px solid var(--color-primary); border-top: 15px solid transparent; } .trydo-blog-list.sticky .blog-content-wrapper { padding: 35px 45px; padding-bottom: 43px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .trydo-blog-list.sticky .blog-content-wrapper { padding: 68px 20px; padding-bottom: 43px; } } @media only screen and (max-width: 767px) { .trydo-blog-list.sticky .blog-content-wrapper { padding: 70px 20px; padding-bottom: 43px; } } .trydo-blog-list.sticky .blog-content-wrapper p { color: #616161; } .trydo-blog-list.format-gallery { position: relative; display: block; } .trydo-blog-list.format-gallery .slick-slide { position: relative; } .trydo-blog-list.format-gallery .thumbnail { display: block; position: relative; } .trydo-blog-list.format-gallery .thumbnail .thumb-inner { display: block; position: relative; } .trydo-blog-list.format-gallery .thumbnail .thumb-inner a { display: block !important; } .trydo-blog-list.format-gallery .thumbnail .thumb-inner a img { display: block !important; width: 100% !important; } .trydo-blog-list .blog-meta li.single-post-meta-tag, .trydo-blog-list .blog-meta li.single-post-meta-categories { position: relative; } .trydo-blog-list .blog-meta li.single-post-meta-tag a, .trydo-blog-list .blog-meta li.single-post-meta-categories a { position: relative; padding-right: 7px; } .trydo-blog-list .blog-meta li.single-post-meta-tag a::after, .trydo-blog-list .blog-meta li.single-post-meta-categories a::after { content: ","; left: 3px; position: relative; } .trydo-blog-list .blog-meta li.single-post-meta-tag a:last-child, .trydo-blog-list .blog-meta li.single-post-meta-categories a:last-child { padding-right: 0; } .trydo-blog-list .blog-meta li.single-post-meta-tag a:last-child::after, .trydo-blog-list .blog-meta li.single-post-meta-categories a:last-child::after { display: none; } /*------------------------------ BLog Single For Default ---------------------------------*/ figure { margin-bottom: 30px; font-size: 16px; line-height: 1.7; } .wp-block-button { margin-bottom: 20px; margin-top: 0; } .alignwide { margin-left: -110px; margin-right: -110px; max-width: 1230px; width: auto; margin-bottom: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .alignwide { margin-left: -50px; margin-right: -50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .alignwide { margin-left: -50px; margin-right: -50px; } } @media only screen and (max-width: 767px) { .alignwide { margin-left: 0; margin-right: 0; } } .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; margin-bottom: 20px; } .wp-block-image, .wp-block-cover { max-width: 100%; margin-bottom: 20px; } .wp-block-image .alignleft, .wp-block-cover .alignleft { float: left; display: table; margin-left: 0; margin-right: 20px; } .wp-block-image.alignright, .wp-block-cover.alignright { float: right; margin-left: 20px; display: table; } .wp-block-image figcaption, .wp-block-cover figcaption { caption-side: bottom; margin: 20px 0 0; font-size: 16px; } .wp-block-image figcaption a, .wp-block-cover figcaption a { text-decoration: none; color: var(--color-heading); } .wp-block-image figcaption a:hover, .wp-block-cover figcaption a:hover { color: var(--color-primary); } .wp-block-image.alignfull, .wp-block-cover.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: auto; max-width: 100vw; margin-bottom: 15px; } .wp-block-image.alignwide, .wp-block-cover.alignwide { margin-left: -110px; margin-right: -110px; max-width: 1230px; width: auto; margin-bottom: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .wp-block-image.alignwide, .wp-block-cover.alignwide { margin-left: -50px; margin-right: -50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-image.alignwide, .wp-block-cover.alignwide { margin-left: -50px; margin-right: -50px; } } @media only screen and (max-width: 767px) { .wp-block-image.alignwide, .wp-block-cover.alignwide { margin-left: 0; margin-right: 0; } } .wp-block-image.alignwide img, .wp-block-cover.alignwide img { width: 100%; } .wp-block-image.alignfull, .wp-block-cover.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: auto; } .wp-block-image.alignfull img, .wp-block-cover.alignfull img { width: 100%; } .wp-block-image a, .wp-block-cover a { transition: 0.3s; } .wp-block-image a:hover, .wp-block-cover a:hover { color: var(--color-primary); } .wp-block-file a { font-size: 16px; line-height: 1.8; color: var(--color-body); display: inline-block; transition: 0.3s; } .wp-block-file a:hover { color: var(--color-primary); } .wp-block-archives-dropdown, .wp-block-categories-dropdown { margin-bottom: 30px; } .wp-block-calendar table caption, .wp-block-calendar table tbody, .wp-block-latest-comments__comment-date { color: var(--color-body); } .wp-block-calendar tbody td, .wp-block-calendar th, .wp-block-table td, .wp-block-table th { border: 1px solid var(--color-border); } .wp-block-separator { border-bottom: 1px solid var(--color-border); } .wp-block-calendar tfoot a, .entry-content .wp-block-calendar tfoot a { color: var(--color-heading); text-decoration: none; } ol.has-avatars, ol.wp-block-latest-comments { padding-left: 0; } .wp-block-cover.alignleft { padding: 0; } /*-------------------------- Blog Details Styles ----------------------------*/ .rn-blog-details p { line-height: 1.9; } .rn-blog-details ul.blocks-gallery-grid { padding-left: 0; margin-bottom: 0; } .rn-blog-details iframe { border-radius: 5px; } .rn-blog-details figure.wp-block-gallery, .rn-blog-details figure.wp-block-audio { margin-bottom: 30px; } .rn-blog-details .single-post-content-wrap .wp-block-image:nth-last-of-type(1) { margin-bottom: 40px; overflow: hidden; } .blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption { color: var(--color-body); font-size: 15px; text-align: center; } figcaption, .wp-block-image figcaption { margin: 10px 0 0; line-height: 1.7; color: var(--color-body); } figcaption a, .wp-block-image figcaption a { color: var(--color-body); } .rn-blog-details .wp-block-cover .wp-block-cover-text a { color: #ffffff; transition: 0.3s; } .rn-blog-details .wp-block-cover .wp-block-cover-text a:hover { color: var(--color-primary); } .single-post-content-wrap > *:first-child, .entry-content > *:first-child { margin-top: 0; } cite.author-name { font-style: normal; margin-bottom: 5px; display: inline-block; } .gallery-item { margin-bottom: 30px; padding: 0 15px; } .wp-caption { margin-bottom: 15px; max-width: 100%; } .wp-caption .wp-caption-text { margin: 8px 0; text-align: center; } .wp-caption-text { text-align: center; } .screen-reader-text { display: none; } .axil-blog-details-area figure { margin-bottom: 3px; } .axil-blog-details-area select { margin-bottom: 30px; } .rn-blog-details figcaption, .entry-content figcaption { font-size: 15px; text-align: center; margin: 10px 0 0; line-height: 1.6; color: var(--color-body); display: block; width: 100%; font-weight: 400; } /*----------------------------- BLog Details Styles ------------------------------*/ .blog-single-page-title { position: relative; padding-left: 50px; padding-right: 50px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .blog-single-page-title { padding-top: 80px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog-single-page-title { padding-top: 70px !important; padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-page-title { padding-top: 65px !important; padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { .blog-single-page-title { padding-top: 68px !important; padding-left: 0; padding-right: 0; } } .blog-single-page-title ul.blog-meta { margin-top: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .blog-single-page-title ul.blog-meta { padding-top: 30px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog-single-page-title ul.blog-meta { padding-top: 20px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-page-title ul.blog-meta { padding-top: 20px !important; } } @media only screen and (max-width: 767px) { .blog-single-page-title ul.blog-meta { padding-top: 10px !important; } } .blog-single-page-title ul.blog-meta li { color: #c6c9d8; } .blog-single-page-title ul.blog-meta li svg { margin-right: 7px; font-size: 18px; width: 14px; } .blog-single-page-title ul.blog-meta li a { color: #c6c9d8; transition: 0.3s; } .blog-single-page-title ul.blog-meta li a:hover { color: var(--color-primary); } .blog-single-page-title ul.blog-meta li.single-post-meta-tag, .blog-single-page-title ul.blog-meta li.single-post-meta-categories { position: relative; } .blog-single-page-title ul.blog-meta li.single-post-meta-tag a, .blog-single-page-title ul.blog-meta li.single-post-meta-categories a { position: relative; padding-right: 7px; } .blog-single-page-title ul.blog-meta li.single-post-meta-tag a::after, .blog-single-page-title ul.blog-meta li.single-post-meta-categories a::after { content: ","; left: 3px; position: relative; } .blog-single-page-title ul.blog-meta li.single-post-meta-tag a:last-child, .blog-single-page-title ul.blog-meta li.single-post-meta-categories a:last-child { padding-right: 0; } .blog-single-page-title ul.blog-meta li.single-post-meta-tag a:last-child::after, .blog-single-page-title ul.blog-meta li.single-post-meta-categories a:last-child::after { display: none; } .rn-blog-details .inner-wrapper .inner { padding: 0 110px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-blog-details .inner-wrapper .inner { padding: 0 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-blog-details .inner-wrapper .inner { padding: 0 40px; } } @media only screen and (max-width: 767px) { .rn-blog-details .inner-wrapper .inner { padding: 0; } } .rn-blog-details .inner-wrapper .inner .thumbnail { margin: 0 -110px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-blog-details .inner-wrapper .inner .thumbnail { margin-left: -50px; margin-right: -50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-blog-details .inner-wrapper .inner .thumbnail { margin-left: -50px; margin-right: -50px; } } @media only screen and (max-width: 767px) { .rn-blog-details .inner-wrapper .inner .thumbnail { margin-left: 0; margin-right: 0; } } .rn-blog-details .inner-wrapper .blog-single-list-wrapper { margin-right: -110px; } @media only screen and (max-width: 767px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper { margin-right: 0; } } .rn-blog-details .inner-wrapper .blog-single-list-wrapper .thumbnail { width: 55%; padding-right: 30px; margin-right: 0; } @media only screen and (max-width: 767px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper .thumbnail { width: 100%; padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper .thumbnail { width: 100%; padding-right: 0; } } .rn-blog-details .inner-wrapper .blog-single-list-wrapper .thumbnail img { width: 100%; } .rn-blog-details .inner-wrapper .blog-single-list-wrapper .thumbnail span { color: var(--color-body); font-size: 14px; display: block; text-align: left; padding-top: 10px; padding-left: 110px; } @media only screen and (max-width: 767px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper .thumbnail span { font-size: 13px; padding-left: 0; margin-bottom: 23px; } } .rn-blog-details .inner-wrapper .blog-single-list-wrapper h4.title { font-size: 24px; font-weight: 500; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper h4.title { margin-bottom: 16px; } } .rn-blog-details .inner-wrapper .blog-single-list-wrapper .content { width: 45%; } @media only screen and (max-width: 767px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper .content { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper .content { width: 100%; } } .rn-blog-details .inner-wrapper .blog-single-list-wrapper .content ul.list-style { margin-bottom: 50px; } @media only screen and (max-width: 767px) { .rn-blog-details .inner-wrapper .blog-single-list-wrapper .content ul.list-style { margin-bottom: 25px; } } .rn-blog-details p.form-group { margin-bottom: 25px; } .rn-blog-details p.form-group:last-child { margin-bottom: 0; } /*-------------------------------------------- Blog Comment Form And Comment List ---------------------------------------------*/ .rn-blog-details .trydo-comment-form .inner, .rn-blog-details .comment-form .inner { padding: 0; } .rn-blog-details .trydo-comment-form .inner p.logged-in-as, .rn-blog-details .comment-form .inner p.logged-in-as { margin-bottom: 30px; } .rn-blog-details .trydo-comment-form .inner p a, .rn-blog-details .comment-form .inner p a { color: var(--color-heading); } .rn-blog-details .trydo-comment-form .inner p a:hover, .rn-blog-details .comment-form .inner p a:hover { color: var(--color-primary); } .comment-list { list-style: none; padding: 0; margin: 0; } .comment-list > ul { list-style: none; } .comment-list ul.children { list-style: none; padding-left: 80px; } .comment-list a { text-decoration: none; } .comment-list ol { margin-bottom: 30px; } .comment-list ol ol { margin-bottom: 0; } .comment-list .comment, .comment-list .pingback, .comment-list .trackback { margin: 0; padding: 0; /* Comment Top */ /* Comment Text */ /* Reply Button */ } .comment-list .comment.parent .single-comment, .comment-list .pingback.parent .single-comment, .comment-list .trackback.parent .single-comment { background-color: var(--color-lighter); border-color: var(--color-lighter); } .comment-list .comment.parent ul.children .comment, .comment-list .pingback.parent ul.children .comment, .comment-list .trackback.parent ul.children .comment { position: relative; } .comment-list .comment.parent ul.children .comment::before, .comment-list .pingback.parent ul.children .comment::before, .comment-list .trackback.parent ul.children .comment::before { content: ""; position: absolute; top: 0; height: 100%; border-left: 1px solid var(--color-border); left: -45px; } .comment-list .comment.parent ul.children .comment .single-comment, .comment-list .pingback.parent ul.children .comment .single-comment, .comment-list .trackback.parent ul.children .comment .single-comment { position: relative; border-color: var(--color-border); } .comment-list .comment.parent ul.children .comment .single-comment::before, .comment-list .pingback.parent ul.children .comment .single-comment::before, .comment-list .trackback.parent ul.children .comment .single-comment::before { content: ""; position: absolute; top: 50%; border-top: 1px solid #dfe5e8; left: -45px; width: 45px; } .comment-list .comment.parent ul.children .single-comment, .comment-list .pingback.parent ul.children .single-comment, .comment-list .trackback.parent ul.children .single-comment { background-color: transparent; } .comment-list .comment.byuser .single-comment, .comment-list .pingback.byuser .single-comment, .comment-list .trackback.byuser .single-comment { background-color: var(--color-primary-light) !important; border-color: var(--color-primary-light) !important; } .comment-list .comment .single-comment, .comment-list .pingback .single-comment, .comment-list .trackback .single-comment { border: 1px solid var(--color-border); padding: 40px 40px; margin-bottom: 40px; border-radius: 4px; } .comment-list .comment .comment-img, .comment-list .pingback .comment-img, .comment-list .trackback .comment-img { display: flex; align-items: center; padding: 0; margin-bottom: 18px; } .comment-list .comment .comment-img .comment-avatar, .comment-list .pingback .comment-img .comment-avatar, .comment-list .trackback .comment-img .comment-avatar { margin-right: 20px; border-radius: 3px; } .comment-list .comment .comment-img h6, .comment-list .pingback .comment-img h6, .comment-list .trackback .comment-img h6 { margin-bottom: 0; } .comment-list .comment .comment-img .commenter, .comment-list .pingback .comment-img .commenter, .comment-list .trackback .comment-img .commenter { color: var(--color-heading); display: block; text-decoration: none; font-size: 17px; line-height: 24px; font-weight: 600; margin-bottom: 6px; } .comment-list .comment .comment-img .commenter a, .comment-list .pingback .comment-img .commenter a, .comment-list .trackback .comment-img .commenter a { color: var(--color-heading); } .comment-list .comment .comment-img .commenter a:hover, .comment-list .pingback .comment-img .commenter a:hover, .comment-list .trackback .comment-img .commenter a:hover { color: var(--color-primary); } .comment-list .comment .comment-img .time-spent, .comment-list .pingback .comment-img .time-spent, .comment-list .trackback .comment-img .time-spent { font-size: 13px; color: var(--color-body); font-weight: 400; } .comment-list .comment .comment-text, .comment-list .pingback .comment-text, .comment-list .trackback .comment-text { font-size: 16px; line-height: 1.7; font-weight: 400; } .comment-list .comment .comment-text a, .comment-list .pingback .comment-text a, .comment-list .trackback .comment-text a { color: var(--color-body); } .comment-list .comment .comment-text a:hover, .comment-list .pingback .comment-text a:hover, .comment-list .trackback .comment-text a:hover { color: var(--color-primary); } .comment-list .comment .comment-text p, .comment-list .pingback .comment-text p, .comment-list .trackback .comment-text p { font-size: 16px; line-height: 1.7; font-weight: 400; } .comment-list .comment .comment-text p img, .comment-list .pingback .comment-text p img, .comment-list .trackback .comment-text p img { padding: 10px 0; } .comment-list .comment .comment-text p a, .comment-list .pingback .comment-text p a, .comment-list .trackback .comment-text p a { color: var(--color-body); } .comment-list .comment .reply-edit, .comment-list .pingback .reply-edit, .comment-list .trackback .reply-edit { display: flex; font-weight: 500; margin-top: 15px; } .comment-list .comment .reply-edit a.comment-edit-link, .comment-list .pingback .reply-edit a.comment-edit-link, .comment-list .trackback .reply-edit a.comment-edit-link { margin-right: 14px; color: var(--color-heading); font-size: 14px; } .comment-list .comment .reply-edit a.comment-edit-link:hover, .comment-list .pingback .reply-edit a.comment-edit-link:hover, .comment-list .trackback .reply-edit a.comment-edit-link:hover { color: var(--color-primary); } .comment-list .comment .reply-edit .reply a.comment-reply-link, .comment-list .pingback .reply-edit .reply a.comment-reply-link, .comment-list .trackback .reply-edit .reply a.comment-reply-link { color: var(--color-primary); font-size: 16px; } .comment-list .comment .reply-edit .reply a.comment-reply-link:hover, .comment-list .pingback .reply-edit .reply a.comment-reply-link:hover, .comment-list .trackback .reply-edit .reply a.comment-reply-link:hover { color: var(--color-heading); } .comment-list .comment .reply-edit .reply a.comment-reply-link i, .comment-list .pingback .reply-edit .reply a.comment-reply-link i, .comment-list .trackback .reply-edit .reply a.comment-reply-link i { padding-right: 4px; } @media only screen and (max-width: 575px) { .comment-list .comment .content .heading, .comment-list .pingback .content .heading, .comment-list .trackback .content .heading { display: block; } } .comment-list .comment .content .heading .title h5, .comment-list .pingback .content .heading .title h5, .comment-list .trackback .content .heading .title h5 { margin-bottom: 0; } .comment-list .comment .content .heading .coment-date, .comment-list .pingback .content .heading .coment-date, .comment-list .trackback .content .heading .coment-date { display: flex; align-items: center; } .comment-list .comment .content .heading .coment-date p, .comment-list .pingback .content .heading .coment-date p, .comment-list .trackback .content .heading .coment-date p { font-size: 15px; line-height: 24px; color: var(--color-primary); margin-bottom: 0; } .comment-list .comment .content .heading .coment-date a.reply-btn, .comment-list .pingback .content .heading .coment-date a.reply-btn, .comment-list .trackback .content .heading .coment-date a.reply-btn { font-size: 14px; line-height: 26px; display: inline-block; color: var(--color-primary); padding-left: 10px; } .comment-list .comment.comment-reply, .comment-list .pingback.comment-reply, .comment-list .trackback.comment-reply { margin-left: 75px; } @media only screen and (max-width: 767px) { .comment-list .comment.comment-reply, .comment-list .pingback.comment-reply, .comment-list .trackback.comment-reply { margin-left: 0; } } .single-post-content-wrap input { border: var(--border-width) solid var(--color-border); border-radius: var(--radius); height: 50px; font-size: 16px; } .single-post-content-wrap input:focus { border-color: var(--color-primary); } /*------------------------ BLog Contact Form --------------------------*/ .comment-respond { margin-bottom: 50px; } .comment-respond .comment-reply-title { margin-bottom: 5px; display: flex; align-items: center; font-size: 24px; font-weight: 600; } .comment-respond .logged-in-as { margin-bottom: 20px; font-size: 16px; color: var(--color-body); font-weight: 400; } .comment-respond input { border: 2px solid var(--color-border); border-radius: 4px; height: 50px; font-size: 16px; padding: 0 20px; } .comment-respond input[type=submit] { border: 0 none; margin-top: 0; } .comment-respond textarea { min-height: 230px; border: 2px solid var(--color-border); border-radius: 4px; resize: none; padding: 15px; font-size: 16px; } .comment-respond .form-group { margin-bottom: 30px; } .comment-respond .form-submit { margin-bottom: 0; } .comment-respond .comment-form-cookies-consent { margin-bottom: 25px; margin-top: -10px; } .comment-respond #cancel-comment-reply-link { font-size: 16px; padding-left: 36px; position: relative; color: var(--color-primary); text-transform: uppercase; } .comment-respond #cancel-comment-reply-link::before { content: ""; position: absolute; left: 15px; font-family: "feather" !important; top: 50%; color: var(--color-primary); transform: translateY(-50%); font-size: 19px; } /*------------------- BlockQuote -------------------*/ .wp-block-quote, blockquote, .wp-block-coblocks-click-to-tweet, .wp-block-pullquote blockquote, .wp-block-quote.is-style-large, .wp-block-quote.is-large, blockquote.has-text-align-right, .wp-block-quote.has-text-align-right { padding: 40px 40px 40px 100px; position: relative; font-size: 20px; line-height: 1.7; font-style: italic; background: transparent; border-radius: 5px; margin: 30px 0; font-weight: 500; color: var(--color-heading); z-index: 1; border: 1px solid var(--color-border); } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-quote, blockquote, .wp-block-coblocks-click-to-tweet, .wp-block-pullquote blockquote, .wp-block-quote.is-style-large, .wp-block-quote.is-large, blockquote.has-text-align-right, .wp-block-quote.has-text-align-right { padding: 20px; padding-left: 40px; } } @media only screen and (max-width: 767px) { .wp-block-quote, blockquote, .wp-block-coblocks-click-to-tweet, .wp-block-pullquote blockquote, .wp-block-quote.is-style-large, .wp-block-quote.is-large, blockquote.has-text-align-right, .wp-block-quote.has-text-align-right { padding: 20px; padding-left: 40px; } } @media only screen and (max-width: 767px) { .wp-block-quote, blockquote, .wp-block-coblocks-click-to-tweet, .wp-block-pullquote blockquote, .wp-block-quote.is-style-large, .wp-block-quote.is-large, blockquote.has-text-align-right, .wp-block-quote.has-text-align-right { margin: 20px 0; } } .wp-block-quote::before, blockquote::before, .wp-block-coblocks-click-to-tweet::before, .wp-block-pullquote blockquote::before, .wp-block-quote.is-style-large::before, .wp-block-quote.is-large::before, blockquote.has-text-align-right::before, .wp-block-quote.has-text-align-right::before { content: "“"; position: absolute; color: var(--color-primary); z-index: -1; height: 40px; width: 40px; line-height: 1em; top: 40px; left: 30px; font-size: 70px; display: inline-block; font-weight: 400; text-align: center; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-quote::before, blockquote::before, .wp-block-coblocks-click-to-tweet::before, .wp-block-pullquote blockquote::before, .wp-block-quote.is-style-large::before, .wp-block-quote.is-large::before, blockquote.has-text-align-right::before, .wp-block-quote.has-text-align-right::before { top: 7px; left: 0; font-size: 48px; } } @media only screen and (max-width: 767px) { .wp-block-quote::before, blockquote::before, .wp-block-coblocks-click-to-tweet::before, .wp-block-pullquote blockquote::before, .wp-block-quote.is-style-large::before, .wp-block-quote.is-large::before, blockquote.has-text-align-right::before, .wp-block-quote.has-text-align-right::before { top: 7px; left: 0; font-size: 48px; } } .wp-block-quote p, blockquote p, .wp-block-coblocks-click-to-tweet p, .wp-block-pullquote blockquote p, .wp-block-quote.is-style-large p, .wp-block-quote.is-large p, blockquote.has-text-align-right p, .wp-block-quote.has-text-align-right p { margin-bottom: 0; font-style: normal; font-size: 20px; line-height: 1.7; font-weight: 500; color: var(--color-heading); } .comment-list .comment .comment-text blockquote p, .comment-list .pingback .comment-text blockquote p, .comment-list .trackback .comment-text blockquote p { margin-bottom: 0; font-style: normal; font-size: 20px; line-height: 1.7; font-weight: 500; color: var(--color-heading); } .wp-block-quote.is-style-large { padding: 50px 50px 50px 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-quote.is-style-large { padding: 40px; padding-left: 70px; } } @media only screen and (max-width: 767px) { .wp-block-quote.is-style-large { padding: 40px; padding-left: 70px; } } .wp-block-quote.is-style-large::before { height: 52px; width: 52px; top: 50px; left: 34px; font-size: 90px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-quote.is-style-large::before { top: 20px; left: 10px; font-size: 60px; } } @media only screen and (max-width: 767px) { .wp-block-quote.is-style-large::before { top: 20px; left: 10px; font-size: 60px; } } .wp-block-quote.has-text-align-right { padding: 40px 100px 40px 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-quote.has-text-align-right { padding: 20px; padding-right: 40px; } } @media only screen and (max-width: 767px) { .wp-block-quote.has-text-align-right { padding: 20px; padding-right: 40px; } } .wp-block-quote.has-text-align-right::before { right: 30px; left: auto; } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-quote.has-text-align-right::before { right: 0; left: auto; } } @media only screen and (max-width: 767px) { .wp-block-quote.has-text-align-right::before { right: 0; left: auto; } } .wp-block-quote.has-text-align-right.is-style-large { padding: 50px 120px 50px 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-quote.has-text-align-right.is-style-large { padding: 40px; padding-left: 70px; } } @media only screen and (max-width: 767px) { .wp-block-quote.has-text-align-right.is-style-large { padding: 40px; padding-left: 70px; } } .wp-block-quote.has-text-align-right.is-style-large::before { right: 34px; left: auto; } .has-cyan-bluish-gray-background-color blockquote, .has-cyan-bluish-gray-background-color .wp-block-quote, .has-cyan-bluish-gray-background-color .wp-block-coblocks-click-to-tweet, .has-cyan-bluish-gray-background-color .wp-block-pullquote blockquote, .has-cyan-bluish-gray-background-color .wp-block-quote.is-style-large, .has-cyan-bluish-gray-background-color .wp-block-quote.is-large, .has-cyan-bluish-gray-background-color blockquote.has-text-align-right, .has-cyan-bluish-gray-background-color .wp-block-quote.has-text-align-right { background: #ffffff; } .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignright blockquote, .wp-block-pullquote.alignleft blockquote p, .wp-block-pullquote.alignright blockquote p, .wp-block-pullquote blockquote, .wp-block-pullquote p { border: 0 none; font-size: 20px; line-height: 1.7; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 30px; line-height: 1.8; } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 24px; } } @media only screen and (max-width: 767px) { .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 24px; } } .alignright blockquote { border-left: 0; border-right: 4px solid var(--color-primary); } .axil-blog-details-area blockquote p { margin-bottom: 0; font-size: 20px; } .wp-block-pullquote { border: 0 none; border-top: 4px solid var(--color-primary); border-bottom: 4px solid var(--color-primary); border-left: none; padding: 30px 0; } .wp-block-pullquote blockquote { margin: 0; border: 0 none; padding: 10px 20px; } .wp-block-pullquote blockquote::before { display: none; } .wp-block-pullquote.alignleft, .alignleft { text-align: left; } .wp-block-pullquote.alignright, .alignright { text-align: right; } .wp-block-pullquote.aligncenter, .aligncenter { text-align: center; } .wp-block-pullquote.has-background { padding: 30px 0; } .wp-block-pullquote.is-style-solid-color blockquote { padding: 40px 40px 40px 100px; } /*----------------------- Blog Meta -----------------------*/ ul.blog-meta { display: flex; margin: 0 -12px; flex-wrap: wrap; position: relative; padding-left: 0; } @media only screen and (max-width: 767px) { ul.blog-meta { margin: 0 -7px; padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { ul.blog-meta { padding: 0; } } ul.blog-meta li { font-size: 14px; line-height: 1.3; color: var(--color-body); margin: 0 12px; margin-bottom: 5px; position: relative; } @media only screen and (max-width: 767px) { ul.blog-meta li { font-size: 14px; margin: 0 7px; margin-bottom: 10px; } } ul.blog-meta li a { color: var(--color-body); display: inline-block; line-height: 22px; } ul.blog-meta li a:hover { color: var(--color-primary); } ul.blog-meta li svg { margin-right: 13px; font-size: 22px; } /* Blog Details */ .rn-blog-details .wp-block-latest-posts.wp-block-latest-posts__list, .entry-content .wp-block-latest-posts.wp-block-latest-posts__list { padding-left: 0; } .rn-blog-details .wp-block-latest-posts.wp-block-latest-posts__list li a, .entry-content .wp-block-latest-posts.wp-block-latest-posts__list li a { font-size: 16px; line-height: 22px; color: var(--color-heading); font-weight: 500; transition: 0.3s; } .rn-blog-details .wp-block-latest-posts.wp-block-latest-posts__list li a:hover, .entry-content .wp-block-latest-posts.wp-block-latest-posts__list li a:hover { color: var(--color-primary); } .rn-blog-details .sticky-blog ul.blog-meta li, .entry-content .sticky-blog ul.blog-meta li { margin-bottom: 0; } .rn-blog-details .blog-top .author, .entry-content .blog-top .author { display: flex; align-items: flex-start; margin-bottom: 40px; } .rn-blog-details .blog-top .info, .entry-content .blog-top .info { padding-left: 20px; } .rn-blog-details .blog-top .info h6, .entry-content .blog-top .info h6 { margin-bottom: 6px; } .rn-blog-details .blog-top .info ul.blog-meta li, .entry-content .blog-top .info ul.blog-meta li { position: relative; } .rn-blog-details .blog-top .info ul.blog-meta li + li::before, .entry-content .blog-top .info ul.blog-meta li + li::before { position: absolute; background: #D3D3D3; height: 14px; width: 1px; left: -10px; top: 50%; transform: translateY(-50%); content: ""; } .rn-blog-details .alignleft, .entry-content .alignleft { margin-right: 20px; } .rn-blog-details .alignright, .entry-content .alignright { margin-left: 20px; } .rn-blog-details .aligncenter, .entry-content .aligncenter { text-align: center; } .rn-blog-details .wp-block-calendar, .entry-content .wp-block-calendar { margin-bottom: 20px; } .rn-blog-details .wp-block-calendar a, .entry-content .wp-block-calendar a { text-decoration: none; } .rn-blog-details .wp-block-calendar nav.wp-calendar-nav, .entry-content .wp-block-calendar nav.wp-calendar-nav { text-align: left; } .wp-block-latest-comments__comment-date { margin-top: 4px; } .wp-block-search .wp-block-search__button { padding: 0 14px; border-radius: 4px; } .wp-block-search { margin-bottom: 30px; } @media only screen and (max-width: 575px) { .wp-block-search { display: block; } } @media only screen and (max-width: 575px) { .wp-block-search .wp-block-search__input { display: block; } } @media only screen and (max-width: 575px) { .wp-block-search .wp-block-search__button { margin-left: 0; margin-top: 15px; padding: 5px 10px; display: inline-block; } } table th, table td, .wp-block-calendar tbody th, .wp-block-calendar tbody td, .wp-block-table td, .wp-block-table th { border: 1px solid var(--color-border); padding: 7px 10px; text-align: center; } table, .wp-block-calendar { font-size: 16px !important; line-height: 28px; } .post-password-form input[type=submit] { margin-top: 0; border: 0 none; display: inline-block; padding: 9px 20px; margin-left: 10px; } .wp-block-group.has-background { margin-bottom: 20px; } .wp-block-separator.is-style-dots:before { content: "···"; color: #717173; font-size: 20px; letter-spacing: 2em; padding-left: 2em; font-family: serif; } .wp-block-table a, table a { transition: 0.3s; } /* Entry Content */ .entry-content, .page-entry-content-footer-wrapper { padding: 0 110px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .entry-content, .page-entry-content-footer-wrapper { padding: 0 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .entry-content, .page-entry-content-footer-wrapper { padding: 0 40px; } } @media only screen and (max-width: 767px) { .entry-content, .page-entry-content-footer-wrapper { padding: 0; } } ul.aligncenter { list-style: inside; } ul.aligncenter ul { list-style: inside; } .wp-block-coblocks-alert { margin-bottom: 15px; } .wp-block-coblocks-highlight__content:not(.has-background) { background-color: var(--color-primary); } .has-secondary-background-color { background-color: var(--color-secondary); } a.post-edit-link { background: var(--color-primary); padding: 0px 15px; font-size: 14px; font-weight: 500; color: #fff; border-radius: 5px; margin-top: 20px; display: inline-block; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-text, P.wp-block-cover-text, P.wp-block-cover, .rn-blog-details .wp-block-cover .wp-block-cover-text { margin-bottom: 0; max-width: 1040px; color: #ffffff; padding: 15px; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 { font-size: 36px; line-height: 1.6; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding: 40px 20px 20px; } .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 40px; padding-right: 40px; } .wp-block-columns { margin-bottom: 30px; } .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-column > *:first-child { margin-top: 0; } .wp-block-preformatted { margin-top: 30px; } .wp-block-coblocks-social a.wp-block-button__link { border: 0 none; } :root .editor-styles-wrapper .has-pale-pink-background-color, :root .has-pale-pink-background-color { background-color: #000 !important; } @media (min-width: 1200px) { .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-text, P.wp-block-cover-text, P.wp-block-cover, .rn-blog-details .wp-block-cover .wp-block-cover-text { max-width: 1040px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-text, P.wp-block-cover-text, P.wp-block-cover, .rn-blog-details .wp-block-cover .wp-block-cover-text { max-width: 960px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-text, P.wp-block-cover-text, P.wp-block-cover, .rn-blog-details .wp-block-cover .wp-block-cover-text { max-width: 720px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-text, P.wp-block-cover-text, P.wp-block-cover, .rn-blog-details .wp-block-cover .wp-block-cover-text { max-width: 540px; } } .audio-player-wrapper audio { display: block; width: 100%; } .trydo-blog-comment .comment-navigation:first-child { margin-bottom: 20px; } .trydo-blog-list.format-gallery .thumbnail { display: block; position: relative; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 767px) { .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 15px; padding-right: 15px; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 14px; } } @media only screen and (max-width: 575px) { .post-password-form input[type=submit] { margin-left: 0; margin-top: 15px; } } /*------------------------ Code New --------------------------*/ table th, table td { padding: 10px; } .wp-calendar-table th, .wp-calendar-table td { padding: 7px; } table thead th, .wp-calendar-table thead th { color: var(--color-heading); } table th { font-weight: 600; color: var(--color-heading); } table a, table a:link, table a:visited { font-weight: 400; } .rn-blog-details figure img { border-radius: 10px; } /*-------------------------- Blog Sidebar Styles ----------------------------*/ .rbt-single-widget { border-radius: 4px; padding: 20px 20px; border: 1px solid var(--color-border); padding-top: 0; } .rbt-single-widget:first-child { margin-top: 0 !important; } .rbt-single-widget input, .rbt-single-widget select { border: var(--border-width) solid var(--color-primary-light); } .rbt-single-widget select { background: url(../images/icons/arrow-icon.png) 93% center no-repeat transparent; } .rbt-single-widget.widget_trydo_info_widget .logo { margin-bottom: 20px; max-height: 60px; margin-top: 20px; } .rbt-single-widget.widget_trydo_info_widget .logo a { display: block; } .rbt-single-widget.widget_trydo_info_widget .logo a img { max-height: 60px; } .rbt-single-widget.widget_trydo_info_widget .address p { margin-bottom: 9px; } .rbt-single-widget.widget_trydo_info_widget .address p i { margin-right: 10px; font-size: 15px; color: var(--color-primary); } .rbt-single-widget.widget_trydo_info_widget .address p a { color: var(--color-body); transition: 0.3s; } .rbt-single-widget.widget_trydo_info_widget .address p a:hover { color: var(--color-primary); } .rbt-single-widget.widget_trydo_info_widget .address p:last-child { margin-bottom: 0; } .rbt-single-widget.widget_search { padding: 0; border: 0 none; } .rbt-single-widget.widget_search .title { margin: 0; } .rbt-single-widget p { font-size: 16px; line-height: 28px; color: #717173; } .rbt-single-widget .title { line-height: 26px; position: relative; padding-bottom: 6px; font-size: 18px; font-weight: 500; color: var(--color-primary); background: var(--color-primary-light); margin: -1px -22px 0; padding: 14px 24px; border-radius: 4px; } .rbt-single-widget .title a { color: var(--color-primary); } .rbt-single-widget .title a.rsswidget img { height: 13px; margin-right: 3px; } .rbt-single-widget .title img { vertical-align: 0px; } .rbt-single-widget .small-post { display: flex; } .rbt-single-widget .small-post .thumbnail { padding-right: 20px; } .rbt-single-widget .small-post .thumbnail a { display: block; } .rbt-single-widget .small-post .thumbnail img { max-height: 80px; max-width: 100px; } .rbt-single-widget .small-post .content h6 { margin-bottom: 10px; font-weight: 500; } .rbt-single-widget .small-post .content h6 a { text-decoration: none; transition: 0.3s; display: block; } .rbt-single-widget .small-post .content ul.blog-meta { margin: 0 -10px; display: flex; } .rbt-single-widget .small-post .content ul.blog-meta li { color: #717173; font-size: 12px; line-height: 24px; position: relative; margin: 0 10px; } .rbt-single-widget .small-post .content ul.blog-meta li + li::before { position: absolute; content: ""; width: 4px; height: 4px; background: var(--color-body); left: -12px; top: 50%; transform: translateY(-50%); border-radius: 100%; } .rbt-single-widget .small-post + .small-post { margin-top: 20px; } .rbt-single-widget ul { padding-left: 0; margin-bottom: -10px; list-style: none; padding-right: 0; } .rbt-single-widget ul ul { margin-bottom: 0; } .rbt-single-widget ul li { margin-top: 10px; margin-bottom: 10px; font-size: 16px; line-height: 28px; color: #717173; } .rbt-single-widget ul li a { transition: all 0.3s ease 0s; text-decoration: none; color: #1f1f25; display: initial; } .rbt-single-widget ul li a:hover { color: var(--color-primary); } .rbt-single-widget.widget_archive .screen-reader-text, .rbt-single-widget.widget_categories .screen-reader-text { display: none; } .rbt-single-widget.widget_rss ul li a, .rbt-single-widget.widget_recent_comments ul li a { text-decoration: none; } .rbt-single-widget.widget_rss li cite { margin-top: 4px; font-size: 13px; } .rbt-single-widget .textwidget img { margin: 10px 0; } .rbt-single-widget.category ul.category-list li a { display: block; padding: 10px 0; padding-right: 20px; font-size: 18px; line-height: 28px; border-bottom: 1px solid var(--color-border); text-decoration: none; color: #717173; transition: 0.3s; position: relative; } .rbt-single-widget.category ul.category-list li a::after { width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 6px; border-color: transparent transparent transparent #1f1f25; position: absolute; right: 0; content: ""; top: 50%; transform: translateY(-50%); } .rbt-single-widget.category ul.category-list li:hover a { color: var(--color-primary); } .rbt-single-widget.category ul.category-list li:first-child a { padding-top: 0; } .rbt-single-widget.share { background: #7A19FF; padding: 17px 20px; } .rbt-single-widget.share span { font-size: 22px; line-height: 26px; font-weight: 700; color: #ffffff; display: inline-block; } .rbt-single-widget.share ul.social-list li { margin-left: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rbt-single-widget.share ul.social-list li { margin-left: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rbt-single-widget.share ul.social-list li { margin-left: 10px; } } @media only screen and (max-width: 767px) { .rbt-single-widget.share ul.social-list li { margin-left: 10px; } } .rbt-single-widget.share ul.social-list li a { font-size: 16px; line-height: 28px; color: #ffffff; } .rbt-single-widget.widget_recent_comments ul li, .rbt-single-widget.widget_recent_entries ul li, .rbt-single-widget.widget_archive ul li, .rbt-single-widget.widget_categories ul li, .rbt-single-widget.widget_meta ul li, .rbt-single-widget.widget_pages ul li, .rbt-single-widget.widget_nav_menu ul li { position: relative; padding-left: 30px; padding-top: 15px; padding-bottom: 15px; margin-top: 0; margin-bottom: 0; } .rbt-single-widget.widget_recent_comments ul li:first-child, .rbt-single-widget.widget_recent_entries ul li:first-child, .rbt-single-widget.widget_archive ul li:first-child, .rbt-single-widget.widget_categories ul li:first-child, .rbt-single-widget.widget_meta ul li:first-child, .rbt-single-widget.widget_pages ul li:first-child, .rbt-single-widget.widget_nav_menu ul li:first-child { margin-top: 10px; } .rbt-single-widget.widget_recent_comments ul li::before, .rbt-single-widget.widget_recent_entries ul li::before, .rbt-single-widget.widget_archive ul li::before, .rbt-single-widget.widget_categories ul li::before, .rbt-single-widget.widget_meta ul li::before, .rbt-single-widget.widget_pages ul li::before, .rbt-single-widget.widget_nav_menu ul li::before { position: absolute; content: ""; font-family: "feather"; left: 0; top: 16px; font-size: 18px; opacity: 0.3; color: var(--color-primary); } .rbt-single-widget.widget_recent_comments ul li:first-child, .rbt-single-widget.widget_recent_entries ul li:first-child, .rbt-single-widget.widget_archive ul li:first-child, .rbt-single-widget.widget_categories ul li:first-child, .rbt-single-widget.widget_meta ul li:first-child, .rbt-single-widget.widget_pages ul li:first-child, .rbt-single-widget.widget_nav_menu ul li:first-child { padding-top: 0; } .rbt-single-widget.widget_recent_comments ul li:first-child::before, .rbt-single-widget.widget_recent_entries ul li:first-child::before, .rbt-single-widget.widget_archive ul li:first-child::before, .rbt-single-widget.widget_categories ul li:first-child::before, .rbt-single-widget.widget_meta ul li:first-child::before, .rbt-single-widget.widget_pages ul li:first-child::before, .rbt-single-widget.widget_nav_menu ul li:first-child::before { top: 1px; } .rbt-single-widget.widget_recent_comments ul li:last-child, .rbt-single-widget.widget_recent_entries ul li:last-child, .rbt-single-widget.widget_archive ul li:last-child, .rbt-single-widget.widget_categories ul li:last-child, .rbt-single-widget.widget_meta ul li:last-child, .rbt-single-widget.widget_pages ul li:last-child, .rbt-single-widget.widget_nav_menu ul li:last-child { padding-bottom: 0; margin-bottom: 0; } .rbt-single-widget.widget_recent_comments ul li + li, .rbt-single-widget.widget_recent_entries ul li + li, .rbt-single-widget.widget_archive ul li + li, .rbt-single-widget.widget_categories ul li + li, .rbt-single-widget.widget_meta ul li + li, .rbt-single-widget.widget_pages ul li + li, .rbt-single-widget.widget_nav_menu ul li + li { border-top: 1px solid var(--color-border); } .rbt-single-widget.widget_recent_comments > ul > li, .rbt-single-widget.widget_recent_entries > ul > li, .rbt-single-widget.widget_archive > ul > li, .rbt-single-widget.widget_categories > ul > li, .rbt-single-widget.widget_meta > ul > li, .rbt-single-widget.widget_pages > ul > li { margin-top: 0; margin-bottom: 0; } .rbt-single-widget.widget_recent_comments > ul > li:first-child, .rbt-single-widget.widget_recent_entries > ul > li:first-child, .rbt-single-widget.widget_archive > ul > li:first-child, .rbt-single-widget.widget_categories > ul > li:first-child, .rbt-single-widget.widget_meta > ul > li:first-child, .rbt-single-widget.widget_pages > ul > li:first-child { margin-top: 0; } .rbt-single-widget.widget_recent_comments > ul > li:last-child, .rbt-single-widget.widget_recent_entries > ul > li:last-child, .rbt-single-widget.widget_archive > ul > li:last-child, .rbt-single-widget.widget_categories > ul > li:last-child, .rbt-single-widget.widget_meta > ul > li:last-child, .rbt-single-widget.widget_pages > ul > li:last-child { margin-bottom: 10px; } .rbt-single-widget.widget_recent_entries ul li::before { content: ""; font-family: "feather"; } .rbt-single-widget.widget_archive ul li::before, .rbt-single-widget.widget_categories ul li::before { content: ""; font-family: "feather"; } .rbt-single-widget.widget_meta ul li, .rbt-single-widget.widget_pages ul li, .rbt-single-widget.widget_nav_menu ul li { padding-left: 23px; } .rbt-single-widget.widget_meta ul li::before, .rbt-single-widget.widget_pages ul li::before, .rbt-single-widget.widget_nav_menu ul li::before { content: ""; font-family: "feather"; } .rbt-single-widget.widget_meta ul li:first-child, .rbt-single-widget.widget_pages ul li:first-child, .rbt-single-widget.widget_nav_menu ul li:first-child { top: 0; } .blog-search { position: relative; } .blog-search input { height: 60px; padding: 0 20px; color: var(--color-body); padding-right: 80px; } .blog-search .search-button { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0 none; background: var(--color-primary-light); height: 47px; padding: 0 20px; border-radius: 3px; text-align: center; } .blog-search .search-button i { color: var(--color-primary); font-weight: 400; } .tagcloud, .wp-block-tag-cloud { margin: -3px; } .tagcloud a, .wp-block-tag-cloud a { background: transparent; display: inline-block; height: 40px; color: #717173; font-size: 16px !important; line-height: 38px; text-decoration: none; margin: 3px; border: 1px solid var(--color-border); padding: 0 20px; border-radius: 3px; } .tagcloud a:hover, .wp-block-tag-cloud a:hover { background: var(--color-primary); color: #ffffff; border-color: var(--color-primary); } .widget_calendar caption { caption-side: top; margin: 0; font-size: 14px; line-height: 24px; padding: 0; margin-bottom: 10px; } .widget_calendar #prev { text-align: left; } .widget_calendar #prev a { text-decoration: none; color: #717173; } table, .wp-calendar-table { font-size: 14px; line-height: 24px; } table thead th, .wp-calendar-table thead th { background: transparent; } table th, table td, .wp-calendar-table th, .wp-calendar-table td { border: 1px solid var(--color-border); padding: 7px; text-align: center; } table th#today, table td#today, .wp-calendar-table th#today, .wp-calendar-table td#today { background: var(--color-primary); color: #ffffff; } table th#today a, table td#today a, .wp-calendar-table th#today a, .wp-calendar-table td#today a { color: #ffffff; } .wp-block-calendar table thead th { background: #e9e9e9; } .wp-calendar-nav span, .wp-calendar-nav a { font-size: 16px; line-height: 24px; display: inline-block; } .widget_rss ul li { position: relative; padding-left: 0px; padding-top: 15px; padding-bottom: 15px; } .widget_rss ul li:first-child { margin-top: 0; } .widget_rss ul li:last-child { margin-bottom: 10px; } .widget_rss ul li + li { border-top: 1px solid var(--color-border); } .widget_rss ul li:first-child { margin-top: 10px; } .widget_rss ul li a.rsswidget { display: block; } .widget_rss ul li .cite { margin-top: 5px; } .widget_rss ul li .rss-date { font-size: 14px; } /************************************** Template Styles ***************************************/ /*==================== About Area ======================*/ .rn-finding-us-area .inner { position: relative; padding-left: 240px; padding-top: 110px; padding-bottom: 110px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-finding-us-area .inner { padding-left: 0; padding-top: 0; padding-bottom: 0; display: flex; flex-direction: column-reverse; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-finding-us-area .inner { padding-left: 0; padding-top: 0; padding-bottom: 0; display: flex; flex-direction: column-reverse; } } @media only screen and (max-width: 767px) { .rn-finding-us-area .inner { padding-left: 0; padding-top: 0; padding-bottom: 0; display: flex; flex-direction: column-reverse; } } .rn-finding-us-area .inner .content-wrapper .content { background: #272527; padding: 120px 100px; position: relative; z-index: 2; width: 800px; border-radius: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-finding-us-area .inner .content-wrapper .content { padding: 60px 50px; width: 100%; border-radius: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-finding-us-area .inner .content-wrapper .content { padding: 60px 50px; width: 100%; border-radius: 0; } } @media only screen and (max-width: 767px) { .rn-finding-us-area .inner .content-wrapper .content { padding: 30px 30px; width: 100%; border-radius: 0; } } .rn-finding-us-area .inner .content-wrapper .content h4 { color: #ffffff; font-size: 36px; font-weight: 500; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .rn-finding-us-area .inner .content-wrapper .content h4 { font-size: 26px; margin-bottom: 12px; } } .rn-finding-us-area .inner .content-wrapper .content p { font-size: 18px; color: #ffffff; font-weight: 300; margin-bottom: 41px; padding-right: 10%; } @media only screen and (max-width: 767px) { .rn-finding-us-area .inner .content-wrapper .content p { margin-bottom: 24px; padding-right: 0; } } .rn-finding-us-area .inner .thumbnail { position: absolute; top: 0; right: 0; height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-finding-us-area .inner .thumbnail { position: static; height: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-finding-us-area .inner .thumbnail { position: static; height: 100%; } } @media only screen and (max-width: 767px) { .rn-finding-us-area .inner .thumbnail { position: static; height: 100%; } } .rn-finding-us-area .inner .thumbnail img { border-radius: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rn-finding-us-area .inner .thumbnail img { border-radius: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rn-finding-us-area .inner .thumbnail img { border-radius: 0; } } @media only screen and (max-width: 767px) { .rn-finding-us-area .inner .thumbnail img { border-radius: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-inner { padding-top: 30px; } } @media only screen and (max-width: 767px) { .about-inner { padding-top: 30px; } } .about-inner .section-title h2.title { margin-bottom: 8px; } .about-inner .section-title p { font-weight: 300; color: #717173; padding: 0; } .about-inner .section-title p a { color: #1d1d24; } .about-inner .section-title p a:hover { color: var(--color-primary); } .about-inner .section-title p.description { font-weight: 300; color: #717173; padding: 0; } .about-inner .section-title p.description a { color: #1d1d24; } .about-inner .section-title p.description a:hover { color: var(--color-primary); } .about-wrapper .thumbnail { position: relative; z-index: 2; } .about-wrapper .thumbnail img { border-radius: 8px; box-shadow: 0 25px 65px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-wrapper .thumbnail img { width: 100%; } } @media only screen and (max-width: 767px) { .about-wrapper .thumbnail img { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-position-top { padding-top: 120px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-position-top { padding-top: 80px; } } @media only screen and (max-width: 767px) { .about-position-top { padding-top: 60px; } } .about-position-top .thumbnail { margin-top: -130px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-position-top .thumbnail { margin-top: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .about-position-top .thumbnail { margin-top: -89px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-position-top .thumbnail { margin-top: 0; } } @media only screen and (max-width: 767px) { .about-position-top .thumbnail { margin-top: 0; } } .about-us-list { margin-top: 15px; } .about-us-list .title { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .about-us-list .title { margin-bottom: 8px; } } .about-us-list p { font-weight: 300; color: #717173; font-size: 18px; line-height: 30px; } @media only screen and (max-width: 767px) { .about-us-list p { font-size: 16px; line-height: 1.7; } } .rn-about-area img { border-radius: 5px; box-shadow: 0 25px 65px rgba(0, 0, 0, 0.1); } .rn-about-area .thumbnail img { border-radius: 5px; box-shadow: 0 25px 65px rgba(0, 0, 0, 0.1); } .rn-about-area .section-title.text-left p { padding: 0; } .experience-wrap { display: flex; justify-content: flex-start; border-top: 1px solid rgba(0, 0, 0, 0.07); } .experience-wrap .experience + .experience { margin-left: 80px; } .experience-wrap .experience { padding-top: 30px; position: relative; } .experience-wrap .experience .title { font-size: 60px; display: flex; align-items: center; } .experience-wrap .experience .title span { font-size: 75%; } .experience-wrap .experience > span { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 10px; } .experience-wrap .experience::before { content: ""; width: 30px; height: 1px; background: var(--color-primary); left: 0; top: -1px; position: absolute; } .about-with-experience-area .about-inner.inner { padding-top: 45px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .experience-wrap .experience .title { font-size: 37px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .experience-wrap .experience .title { font-size: 37px; } } @media only screen and (max-width: 767px) { .experience-wrap .experience .title { font-size: 37px; } .experience-wrap { flex-wrap: wrap; } .experience-wrap .experience + .experience { margin-left: 40px; } .experience-wrap { margin-top: 28px !important; } } @media only screen and (max-width: 575px) { .experience-wrap { margin-top: 28px !important; border: 0 none; justify-content: flex-start; } .experience-wrap .experience { padding-top: 0; flex-basis: 50%; } .experience-wrap .experience > span { letter-spacing: 0; margin-bottom: 2px; line-height: 22px; } .experience-wrap .experience .title { font-size: 30px; } .experience-wrap .experience + .experience { margin-left: 0; } .experience-wrap .experience::before { display: none; } } /*----------------------------- Portfolio Details Styles -------------------------------*/ .portfolio-thumb-inner .thumb { position: relative; } .portfolio-details .inner { padding: 0 210px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-details .inner { padding: 0 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-details .inner { padding: 0 50px; } } @media only screen and (max-width: 767px) { .portfolio-details .inner { padding: 0 30px; } } @media only screen and (max-width: 575px) { .portfolio-details .inner { padding: 0px; } } .portfolio-details .section-title h2 { line-height: 27px; display: block; margin-bottom: 0; padding-bottom: 43px; border-bottom: 1px solid #e1e1e1; } @media only screen and (max-width: 767px) { .portfolio-details .section-title h2 { line-height: 23px; padding-bottom: 27px; font-size: 32px; } } .portfolio-details .section-title p { font-size: 18px; line-height: 30px; color: #717173; margin-bottom: 30px; padding-right: 0; margin-top: 28px; } .portfolio-details .section-title p strong { font-weight: 400; color: #1f1f25; font-size: 23px; line-height: 44px; } @media only screen and (max-width: 767px) { .portfolio-details .section-title p strong { font-size: 16px; line-height: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-details .section-title p { margin-bottom: 22px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-details .section-title p { margin-bottom: 8px; } } @media only screen and (max-width: 767px) { .portfolio-details .section-title p { margin-bottom: 8px; font-size: 16px; line-height: 30px; } } .portfolio-details .section-title p.subtitle { color: #1f1f25; font-size: 23px; line-height: 44px; margin-top: 28px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-details .section-title p.subtitle { font-size: 20px; line-height: 38px; margin-top: 24px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-details .section-title p.subtitle { font-size: 18px; line-height: 38px; margin-top: 24px; } } @media only screen and (max-width: 767px) { .portfolio-details .section-title p.subtitle { font-size: 18px; line-height: 38px; margin-top: 24px; } } .portfolio-details .portfolio-view-list { margin: 0 -40px; } @media only screen and (max-width: 767px) { .portfolio-details .portfolio-view-list { margin: 0 -20px; } } .portfolio-details .portfolio-view-list .port-view { margin: 0 40px; } @media only screen and (max-width: 767px) { .portfolio-details .portfolio-view-list .port-view { padding: 0 20px; width: 50%; margin: 0; } } .portfolio-details .portfolio-view-list .port-view span { font-size: 16px; color: #717173; display: block; margin-bottom: 10px; font-weight: 500; } @media only screen and (max-width: 767px) { .portfolio-details .portfolio-view-list .port-view span { font-size: 15px; margin-bottom: 5px; } } .portfolio-details .portfolio-view-list .port-view h4 { font-size: 22px; font-weight: 500; } @media only screen and (max-width: 767px) { .portfolio-details .portfolio-view-list .port-view h4 { font-size: 18px; } } .portfolio-details ul.social-share li a { border: 2px solid #c6c9d8; color: #c6c9d8; } .portfolio-details ul.social-share li a:hover { color: #ffffff; border-color: var(--color-primary); } .portfolio-details .thumbnail img { border-radius: 6px !important; } .related-work .thumb a img { width: 100%; } .related-work .inner { padding-top: 25px; } .related-work .inner h4 { font-size: 24px; line-height: 39px; margin-bottom: 7px; } .related-work .inner h4 a { color: #1f1f25; } .related-work .inner h4:hover a { color: var(--color-primary); } .related-work .inner span.category { color: #717173; font-size: 16px; font-weight: 500; } /*-------------------------- Service Details Styles -----------------------------*/ .service-details-inner .sercice-details-content .thumb .video-popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0 none; } .service-details-inner .sercice-details-content .details p { color: #717173; font-size: 18px; line-height: 30px; margin-bottom: 0; } .service-details-inner .sercice-details-content .details p + p { margin-top: 30px; } .service-details-inner .sercice-details-content .details h4.title { font-size: 36px; line-height: 30px; font-weight: 500; margin-top: 40px; margin-bottom: 27px; } @media only screen and (max-width: 767px) { .service-details-inner .sercice-details-content .details h4.title { font-size: 26px; line-height: 38px; margin-top: 26px; margin-bottom: 18px; } } .particles-js { position: absolute; width: 100%; height: 100%; } /* ---- stats.js ---- */ .count-particles { background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: 0.8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles { font-size: 1.1em; } #stats, .count-particles { -webkit-user-select: none; } #stats { border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles { border-radius: 0 0 3px 3px; } /*-------------------------- Color Darker Version ----------------------------*/ .active-dark { background: #191919; } .active-dark [data-overlay="6"]:before, .active-dark [data-black-overlay="6"]:before, .active-dark [data-white-overlay="6"]:before { display: none; } .active-dark [data-overlay]:before, .active-dark [data-black-overlay]:before, .active-dark [data-white-overlay]:before { display: none; } .active-dark .service-white .service__style--1 .content h4.title { color: #ffffff; } .active-dark .bg_image--3, .active-dark .bg_image--1, .active-dark .rn-testimonial-content .inner p::before, .active-dark .rn-testimonial-content .inner p::after, .active-dark .footer-right { background-image: inherit; } .active-dark .bg_color--1, .active-dark .brand-separation { background: #191919; } .active-dark .bg_color--5, .active-dark .footer-right { background: #101010; } .active-dark .header-area.rn-scroll-nav.is-affixed .header-wrapper { background: #101010; } .active-dark ul.brand-style-2 img { filter: invert(1); } .active-dark h1, .active-dark h2, .active-dark h3, .active-dark h4, .active-dark h5, .active-dark h6, .active-dark .h1, .active-dark .h2, .active-dark .h3, .active-dark .h4, .active-dark .h5, .active-dark .h6 { color: #ffffff; } .active-dark a.btn-transparent { color: #ffffff; } .active-dark .section-title p, .active-dark .about-us-list p, .active-dark .about-inner .section-title p.description, .active-dark .service.service__style--2 .content p, .active-dark .counterup_style--1 p.description, .active-dark .rn-testimonial-content .author-info h6, .active-dark .slide.slider-style-3 .inner > span, .active-dark .single-tab-content ul li a, .active-dark .single-tab-content ul li, .active-dark .single-service.service__style--2 .content p, .active-dark .single-service.service__style--4 .content p { color: rgba(198, 201, 216, 0.75); } .active-dark .service.service__style--2:hover .content h3.title, .active-dark .service.service__style--2:hover .content p, .active-dark .rn-testimonial-content .author-info h6 span, .active-dark .rn-testimonial-content .inner p, .active-dark .section-title p a, .active-dark .slide.slider-style-3 .inner h1.title, .active-dark .color-black .mainmenunav ul.mainmenu > li > a, .active-dark ul.social-share.social-style--2.color-black li a, .active-dark .header-area.color-black a.rn-btn, .active-dark ul.tab-style--1 li, .active-dark ul.nav.tab-style--1 li a, .active-dark .single-service.service__style--2:hover .content p, .active-dark .single-service.service__style--4:hover .content p, .active-dark .header-area.header-style-two.header--transparent .mainmenunav ul.mainmenu > li > a { color: #ffffff; } .active-dark .header-area.header-style-two.header--transparent .mainmenunav ul.mainmenu > li > a:hover { color: var(--color-primary); } .active-dark ul.tab-style--1 li a::before { background: rgba(198, 201, 216, 0.75); } .active-dark ul.tab-style--1 li.react-tabs__tab--selected, .active-dark ul.nav.tab-style--1 li a.active { color: var(--color-primary); } .active-dark ul.tab-style--1 li.react-tabs__tab--selected::before { background: currentColor; } .active-dark .portfolio-sacousel-inner .slick-dots li button::after, .active-dark .rn-slick-dot .slick-dots li button::after { background: #ffffff; box-shadow: inset 0 0 0 5px #ffffff; } .active-dark .portfolio-sacousel-inner .slick-dots li.slick-active button::after, .active-dark .rn-slick-dot .slick-dots li.slick-active button::after { -webkit-box-shadow: inset 0 0 0 1px var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-primary); background-color: transparent; background-color: transparent !important; } .active-dark .creative-service-wrapper .row.creative-service .service.service__style--2, .active-dark .single-service.service__style--2.bg-color-gray a { background: #191919; } .active-dark .contact-form--1 input, .active-dark .contact-form--1 textarea, .active-dark .header-area.color-black a.rn-btn { border: 2px solid rgba(255, 255, 255, 0.2); } .active-dark .header-area.color-black a.rn-btn:hover { border-color: var(--color-primary); } .active-dark .header-area.header--fixed.sticky { background: #191919; } .active-dark .header-area.header--fixed.sticky .header-wrapper a.rn-btn { color: #ffffff; border-color: #ffffff; } .active-dark .header-area.header--fixed.sticky .header-wrapper a.rn-btn:hover { color: #ffffff; border-color: var(--color-primary); } .active-dark .header-area.sticky .humberger-menu span svg { color: #fff; } .active-dark .header-area.header-style-two.header--transparent .header-wrapper a.rn-btn { border: 2px solid rgba(255, 255, 255, 0.2); color: #ffffff; } .active-dark .header-area .header-wrapper .close-menu { background: #000; } .active-dark .bg_image--25 { background-color: #101010; background-position: center center; background-repeat: no-repeat; background-size: cover; } .active-dark .backto-top > div { background-color: #000; } .active-dark .footer-style-2 { background: #101010; } .active-dark .backto-top svg, .active-dark .about-inner .section-title p.description a { color: #fff; } .active-dark .contact-form--1 input, .active-dark .contact-form--1 textarea { color: rgba(198, 201, 216, 0.75); } .active-dark .personal-portfolio-slider::before { display: none; } .active-dark .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a::after { border-color: #fff transparent transparent transparent; } .active-dark .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open::after { border-color: transparent transparent var(--color-primary) transparent; } .active-dark ul.nav.tab-style--1 li a::before { background: rgba(198, 201, 216, 0.75); } .active-dark ul.nav.tab-style--1 li a.active::before { background: currentColor; } .active-dark .header-area.header--sticky.sticky { background: #000; } .active-dark .single-tab-content ul li a:hover { color: var(--color-primary); } .active-dark .header-area.header--sticky.sticky .mainmenunav ul.mainmenu > li > a { color: #c6c9d8; } .active-dark .header-area.header--sticky.sticky .mainmenunav ul.mainmenu > li > a:hover { color: var(--color-primary); } .active-dark .header-area.header--sticky.sticky .header-wrapper a.rn-btn { color: #c6c9d8; border-color: #c6c9d8; } .active-dark .header-area.header--sticky.sticky .header-wrapper a.rn-btn:hover { border-color: var(--color-primary); color: #ffffff; } .active-dark .footer-default .footer-right { background: #101010; } .active-dark .thumbnail img { box-shadow: none !important; } .active-dark .header-area .mainmenunav ul.mainmenu > li > a { color: #c6c9d8; } .active-dark .header-area .mainmenunav ul.mainmenu > li > a:hover { color: var(--color-primary); } .active-dark .header-area .header-wrapper a.rn-btn { border: 2px solid #b1b4c1; color: #c6c9d8; } .active-dark .header-not-transparent .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark .trydo-active-onepage-navigation .header-area .mainmenu > li > .nav-link.active, .active-dark .trydo-active-onepage-navigation .header-area .mainmenu > li > .nav-link:hover { color: var(--color-primary) !important; } .active-dark .single-service.service__style--5 { background: #191919; } .active-dark .single-service.service__style--5 .content p { color: rgba(198, 201, 216, 0.75); } .active-dark .single-service.service__style--5:hover .content p { color: #ffffff; } @media only screen and (min-width: 768px) and (max-width: 991px) { .active-dark .header-style-two .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark .header-area .header-wrapper .mainmenunav ul.mainmenu { background: #101010; } .active-dark .header-area .header-wrapper.menu-open .close-menu span { color: #c6c9d8 !important; } .active-dark .header-area.header--fixed.sticky .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark .header-area .header-wrapper .mainmenunav ul.mainmenu li a { color: rgba(198, 201, 216, 0.75) !important; } } @media only screen and (max-width: 767px) { .active-dark .header-style-two .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark .header-area .header-wrapper .mainmenunav ul.mainmenu { background: #101010; } .active-dark .header-area .header-wrapper.menu-open .close-menu span { color: #c6c9d8 !important; } .active-dark .header-area.header--fixed.sticky .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark .service.service__style--2 .content p { color: #ffffff; } .active-dark .header-area .header-wrapper .mainmenunav ul.mainmenu li a { color: rgba(198, 201, 216, 0.75) !important; } } @media only screen and (max-width: 767px) { .active-dark .single-service.service__style--2 .content p, .active-dark .single-service.service__style--4 .content p { color: #ffffff; } } @media only screen and (max-width: 575px) { .active-dark .single-service.service__style--5 .content p { color: #fff; } } .root-header-transparent .active-dark .header-area.header-style-two ul.social-share.social-style--2.color-black li a, .root-header-transparent .active-dark .header-area.header-style-two.sticky ul.social-share.social-style--2.color-black li a { color: #ffffff; } .root-header-transparent .active-dark .header-area.header-style-two ul.social-share.social-style--2.color-black li a:hover, .root-header-transparent .active-dark .header-area.header-style-two.sticky ul.social-share.social-style--2.color-black li a:hover { color: var(--color-primary); } .root-header-transparent .active-dark .header-area.header-style-two.header--transparent.sticky .header-wrapper a.rn-btn { border: 2px solid rgba(255, 255, 255, 0.2); color: #ffffff; } /* Previe Styles */ .main-wrapper { position: relative; background: #ffffff; } .prv-header-area { padding: 18px 85px; padding-top: 18px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .fullscreen.empty-div { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .fullscreen.empty-div { display: none; } } .with-particles { position: relative; z-index: 3; } .with-particles .frame-layout__particles { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; } @media only screen and (max-width: 575px) { .with-particles .frame-layout__particles { display: none; } } .with-particles .inner { position: relative; z-index: 3; } .gradient-overlay { position: relative; } .gradient-overlay::before { width: 100%; height: 100%; left: 0; top: 0; position: absolute; content: ""; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+7,000000+100&0+50,0.5+100 */ background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#80000000",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .prv-banner-wrapper { min-height: 100vh; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; display: flex; align-items: center; position: fixed; width: 100%; top: 0px; left: 0px; } @media only screen and (max-width: 767px) { .prv-banner-wrapper { min-height: auto; position: static; padding: 60px 0; background-image: none !important; background-color: #f6f6f6; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .prv-banner-wrapper { min-height: auto; position: static; padding: 80px 0; background-image: none !important; background-color: #f6f6f6; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .prv-banner-wrapper { min-height: auto; position: static; padding: 80px 0; background-image: none !important; background-color: #f6f6f6; } } .prv-banner-wrapper .inner { padding: 35px; position: relative; z-index: 1; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .prv-banner-wrapper .inner { padding: 35px 0; } } @media only screen and (max-width: 767px) { .prv-banner-wrapper .inner { padding: 0; } } .prv-banner-wrapper .inner .logo img { max-height: 70px; } .prv-banner-wrapper .inner .title { font-size: 23px; color: #515462; line-height: 42px; margin: 30px 0 50px 0; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .prv-banner-wrapper .inner .title { font-size: 20px; line-height: 36px; margin: 24px 0 40px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .prv-banner-wrapper .inner .title { margin: 20px 0 20px 0; } } @media only screen and (max-width: 767px) { .prv-banner-wrapper .inner .title { margin: 20px 0 20px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .prv-banner-wrapper .inner .title { margin: 20px 0 20px 0; } } .prv-banner-wrapper .inner .purshase-btn { margin-left: -15px; margin-right: -15px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .prv-banner-wrapper .inner .purshase-btn { margin-left: -10px; margin-right: -10px; } } @media only screen and (max-width: 767px) { .prv-banner-wrapper .inner .purshase-btn { margin-left: -5px; margin-right: -5px; } } .prv-banner-wrapper .inner .purshase-btn a { margin-left: 15px; margin-right: 15px; } @media only screen and (max-width: 767px) { .prv-banner-wrapper .inner .purshase-btn a { margin-left: 5px; margin-right: 5px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .prv-banner-wrapper .inner .purshase-btn a.rn-button-style--2 { padding: 10px 25px; } } @media only screen and (max-width: 767px) { .prv-banner-wrapper .inner .purshase-btn a.rn-button-style--2 { padding: 9px 12px; font-size: 14px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .prv-banner-wrapper .inner .purshase-btn a { margin-left: 10px; margin-right: 10px; } } @media only screen and (max-width: 479px) { .prv-banner-wrapper .inner .purshase-btn a + a { margin-top: 10px; } } /*--------------------- Demo Area -----------------------*/ @media only screen and (min-width: 1200px) and (max-width: 1599px) { .home-demo-area .wrapper { padding: 0 50px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .home-demo-area .wrapper { padding: 0 50px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .home-demo-area .wrapper { padding: 0 30px !important; } } @media only screen and (max-width: 767px) { .home-demo-area .wrapper { padding: 0 30px !important; } } .home-demo-area .section-title.text-white h2 { color: #c6c9d8; margin-bottom: 9px; } .home-demo-area .section-title.text-white p { color: #c6c9d8; opacity: 0.75; font-weight: 300; } .bg_color--7 .single-demo { position: relative; } .bg_color--7 .single-demo a > span { display: block; text-align: center; padding: 20px 0; color: rgba(255, 255, 255, 0.7); font-size: 20px; font-weight: 500; transition: 0.3s ease-in-out; letter-spacing: 0.2px; } .single-demo { padding: 0 30px; margin: 45px 0; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .single-demo { padding: 0px 15px; margin: 30px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-demo { padding: 0px 15px; margin: 30px 0; } } @media only screen and (max-width: 767px) { .single-demo { padding: 0px 15px; margin: 20px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-demo { padding: 0px 15px; } } .single-demo a { display: block; position: relative; z-index: 2; } .single-demo a img { box-shadow: 3px 4px 20px 0 rgba(0, 0, 0, 0.1); transition: 0.7s cubic-bezier(0.26, 0.76, 0.3, 0.75); width: 100% !important; border-radius: 6px; } .single-demo a .title { display: block; text-align: left; padding: 25px 0 10px 0; color: #1f1f25; font-size: 20px; font-weight: 500; transition: 0.3s ease-in-out; letter-spacing: 0.2px; margin: 0; } .single-demo a .info { display: block; padding: 0; color: rgba(29, 29, 36, 0.75); font-size: 14px; font-weight: 300; transition: 0.3s ease-in-out; line-height: 25px; } .single-demo a > span.number { display: none; position: absolute; color: #f6f6f6; z-index: -1; font-size: 81px; bottom: -55px; line-height: inherit; font-weight: 300; letter-spacing: 11px; } .single-demo a:hover img { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); box-shadow: 0 50px 80px -10px rgba(0, 0, 0, 0.17); } .single-demo a .label-new { position: absolute; top: 5px; background: #f81f01; background: linear-gradient(145deg, #f81f01 0%, #ee076e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f81f01", endColorstr="#ee076e",GradientType=1 ); padding: 9px 14px; color: #fff; border-radius: 4px; font-size: 14px; line-height: 1; right: 5px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; } /*------------------- Faq Area ----------------------*/ .pv-feaq-area .accodion-style--1 .accordion__item + .accordion__item { margin-top: 20px; } .pv-feaq-area .accodion-style--1 .accordion__item .accordion__heading .accordion__button { font-size: 18px; padding: 10px 0; } .pv-feaq-area .accodion-style--1 .accordion__item .accordion__heading { width: 100%; } .pv-feaq-area .accodion-style--1 .accordion__item .accordion__heading .accordion__button::after { width: 100%; } .pv-feaq-area .accodion-style--1 .accordion__item .accordion__heading .accordion__button::after { height: 1px; } /*------------------- Tab BUtton ---------------------*/ .tablist-inner { display: inline-block; } .pv-tab-button { display: flex; justify-content: center; list-style: none; background: var(--color-primary-light); min-width: 570px; margin: 0 auto; border-radius: 6px; flex-wrap: wrap; padding: 0; padding: 0 36px; outline: none; } @media only screen and (max-width: 767px) { .pv-tab-button { padding: 8px 15px; margin: 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pv-tab-button { padding: 0 15px; } } @media only screen and (max-width: 767px) { .pv-tab-button { min-width: auto; } } .pv-tab-button .label { position: relative; } .pv-tab-button .label::after { position: absolute; top: 0; } .pv-tab-button li, .pv-tab-button button { padding: 0 14px; color: #101010; font-size: 16px; cursor: pointer; outline: none; border: 0 none; } @media only screen and (max-width: 575px) { .pv-tab-button li, .pv-tab-button button { padding: 0 11px; } } .pv-tab-button li span, .pv-tab-button button span { position: relative; display: block; padding: 20px 0; cursor: pointer; } @media only screen and (max-width: 575px) { .pv-tab-button li span, .pv-tab-button button span { padding: 11px 0; } } .pv-tab-button li span::after, .pv-tab-button button span::after { position: absolute; left: 0; background: var(--color-primary); bottom: 0; height: 3px; content: ""; width: 0; } .pv-tab-button li.is-checked span, .pv-tab-button button.is-checked span { color: var(--color-primary); } .pv-tab-button li.is-checked span::after, .pv-tab-button button.is-checked span::after { width: 100%; } /*----------------------- Footer Style -------------------------*/ .prv-footer .inner h2.title { color: #1f1f25; font-size: 60px; font-weight: 500; margin-bottom: 65px; } a.purchase-btn { display: inline-block; padding: 0 75px; height: 70px; line-height: 70px; border-radius: 43px; font-size: 18px; font-weight: 500; text-transform: uppercase; transition: 0.4s ease-in-out; color: #ffffff; background: #1f1f25; border: 1px solid #1f1f25; } a.purchase-btn:hover { color: #1f1f25; border: 1px solid #1f1f25; background: transparent; } /* Feature Area */ .prv-feature .content h3.title { color: #c6c9d8; } @media only screen and (min-width: 768px) and (max-width: 991px) { .prv-feature .content h3.title { margin-bottom: 13px; font-size: 20px; } } @media only screen and (max-width: 767px) { .prv-feature .content h3.title { margin-bottom: 13px; font-size: 20px; } } .prv-feature .content p.subtitle { color: #c6c9d8 !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .prv-feature .content p.subtitle { font-size: 16px; line-height: 28px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .prv-feature .content p.subtitle { font-size: 16px; line-height: 26px; } } @media only screen and (max-width: 767px) { .prv-feature .content p.subtitle { font-size: 16px; line-height: 28px; color: #ffffff; } } @media only screen and (max-width: 575px) { .prv-feature .content p.subtitle { color: #ffffff !important; } } .prv-feature .single-service.service__style--4:hover .content p { color: #ffffff !important; } .text-white-wrapper a.rn-button-style--2 { border: 2px solid #fff; color: #fff; } /************************************** Shop Styles ***************************************/ /*--------------------------- Product Styles -----------------------------*/ .product .shop-thumbnail { position: relative; z-index: 2; overflow: hidden; } .product .shop-thumbnail img { border-radius: 4px; } .product .shop-thumbnail .woocommerce-LoopProduct-link::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center; opacity: 0; padding: 10px; overflow: hidden; background: linear-gradient(to bottom, var(--color-primary) 0, #000000 100%); z-index: 1; content: ""; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border-radius: 4px; } .product .shop-thumbnail:hover .woocommerce-LoopProduct-link::before { overflow: visible; opacity: 0.85; top: 0; } .product .shop-product-info { padding-top: 17px; padding-bottom: 5px; } .product .shop-product-info h3 a { font-weight: 700; color: #1f1f1f; font-size: 18px; line-height: 1.5em; letter-spacing: -0.02em; transition: 0.3s; } .product .shop-product-info h3 a:hover { color: var(--color-primary); } .product:hover .shop-thumbnail a.button { opacity: 1; visibility: visible; top: 50%; } .woocommerce ul.products li.product .onsale { top: 15px; right: 15px; left: auto; margin: 0; } .woocommerce span.onsale { min-height: auto; min-width: auto; position: absolute; text-align: center; line-height: 14px; border-radius: 4px; background-color: var(--color-heading); color: #fff; font-size: 13px; z-index: 9; font-weight: 400; display: inline-block; padding: 3px 6px; } span.woocommerce-Price-amount.amount { font-size: 20px; font-weight: 500; color: var(--color-heading); } .woocommerce ul.products li.product .price del { opacity: 0.7; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: 0; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { top: 10px; right: 15px; } .woocommerce .quantity .qty { border-radius: 6px; } .woocommerce div.product div.summary { margin-top: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .select2-container--default .select2-selection--single { background-color: transparent; border-radius: 4px !important; } .woocommerce #review_form #respond textarea { background: transparent; } /*--------------------------- Sidebar Styles ----------------------------*/ .rbt-single-widget.widget_price_filter .price_slider_amount .button { border: 2px solid var(--color-primary); background: var(--color-primary); color: #ffffff; padding: 11px 15px; font-size: 15px; line-height: 13px; border-radius: 6px; display: inline-block; font-weight: 500; transition: 0.3s; letter-spacing: 1px; text-transform: uppercase; } .rbt-single-widget.widget_price_filter .price_slider_amount .button:hover { box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); background: transparent; color: var(--color-primary); transform: translateY(-5px); } .rbt-single-widget.widget_price_filter .price_slider_amount .price_label { font-size: 15px; font-weight: 400; } .rn-shop-top select { background: url(../images/icons/arrow-icon.png) 93% center no-repeat transparent; height: 52px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: var(--color-primary); } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 2px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 10px; height: 10px; background-color: var(--color-primary); top: -4px; } /*-------------------- Footer Styles ----------------------*/ /*=========================== Start Footer Area =============================*/ /*-------------------- Footer Styles ----------------------*/ .footer-wrapper { position: relative; } .footer-default .footer-left { background: linear-gradient(145deg, #f81f01 0%, #ee076e 100%); padding: 120px 120px; position: relative; z-index: 2; margin-right: -15px; border-top-right-radius: 6px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-default .footer-left { padding: 120px 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-default .footer-left { padding: 60px 70px; } } @media only screen and (max-width: 767px) { .footer-default .footer-left { padding: 60px 30px; } } .footer-default .footer-left::before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url("../images/pattern-1.png"); content: ""; z-index: 1; opacity: 0.5; border-top-right-radius: 6px; } .footer-default .footer-left .inner { z-index: 5; position: relative; } .footer-default .footer-left .inner img { position: absolute; right: 0; top: 50%; z-index: -1; transform: translateY(-50%); max-width: 295px; height: auto; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-default .footer-left .inner img { right: -37px; width: 253px; height: 247px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-default .footer-left .inner img { right: -37px; width: 253px; height: 247px; } } @media only screen and (max-width: 767px) { .footer-default .footer-left .inner img { right: 0; width: 253px; height: 247px; } } .footer-default .footer-left .inner > span { color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 9px; } @media only screen and (max-width: 575px) { .footer-default .footer-left .inner > span { letter-spacing: 1px; margin-bottom: 9px; } } .footer-default .footer-left .inner h2 { color: #ffffff; font-size: 75px; font-weight: 900; font-family: "Montserrat", sans-serif; line-height: 90px; padding-right: 39%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-default .footer-left .inner h2 { font-size: 50px; line-height: 61px; padding-right: 20%; } } @media only screen and (max-width: 767px) { .footer-default .footer-left .inner h2 { font-size: 45px; line-height: 51px; padding-right: 20%; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .footer-default .footer-left .inner h2 { padding-right: 30px; } } .footer-default .footer-left .inner a.rn-button-style--2 { margin-top: 30px; border-color: #ffffff; color: #ffffff; } @media only screen and (max-width: 767px) { .footer-default .footer-left .inner a.rn-button-style--2 { margin-top: 10px; padding: 10px 23px; } } @media only screen and (max-width: 575px) { .footer-default .footer-left .inner a.rn-button-style--2 { padding: 7px 16px; } } .footer-default .footer-left .inner a.rn-button-style--2:hover { background: #fff; border-color: #fff; color: var(--color-primary); } .footer-default .footer-right { background-image: url(../images/bg/bg-image-8.jpg); padding: 150px 70px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; padding-left: 120px; border-radius: 6px 0 0 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-default .footer-right { border-radius: 0; } } @media only screen and (max-width: 767px) { .footer-default .footer-right { border-radius: 0; } } .footer-default .footer-right[data-black-overlay]:before { border-radius: 6px 0 0 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-default .footer-right[data-black-overlay]:before { border-radius: 0; } } @media only screen and (max-width: 767px) { .footer-default .footer-right[data-black-overlay]:before { border-radius: 0; } } @media only screen and (min-width: 1921px) { .footer-default .footer-right { padding: 150px 350px; padding-left: 70px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-default .footer-right { padding: 119px 21px; padding-left: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-default .footer-right { padding: 60px 70px; } } @media only screen and (max-width: 767px) { .footer-default .footer-right { padding: 60px 30px; } } .footer-default .footer-right .footer-widget .title { color: #c6c9d8; font-weight: 500; margin-bottom: 30px; opacity: 0.75; font-size: 20px; } @media only screen and (max-width: 767px) { .footer-default .footer-right .footer-widget .title { margin-bottom: 14px; } } .footer-default .footer-right .footer-widget ul.ft-link { padding: 0; margin: 0; list-style: none; } .footer-default .footer-right .footer-widget ul.ft-link li a { color: #c6c9d8; font-size: 16px; opacity: 0.75; } .footer-default .footer-right .footer-widget ul.ft-link li:hover a { color: var(--color-primary); } .footer-default .footer-right .footer-widget ul.ft-link li + li { margin-top: 13px; } @media only screen and (max-width: 767px) { .footer-default .footer-right .footer-widget ul.ft-link li + li { margin-top: 8px; } } /*--------------------- Footer Style Two ------------------------ */ .footer-style-2 p { color: #c6c9d8; font-size: 14px; opacity: 0.75; } .footer-style-2 p a { color: #c6c9d8; } .footer-style-2 p a:hover { color: var(--color-primary); } .footer-style-2 ul.social-share { margin: 0; } /*--------------------- Footer Widget -----------------------*/ .footer-widget ul li { margin: 13px 0; } .footer-widget ul li a { font-size: 16px; color: #c6c9d8; opacity: 0.75; } .footer-widget ul li a:hover { color: var(--color-primary); } .footer-widget ul.social-share { margin: 0; } .footer-widget ul.social-share li { line-height: 30px; } /*------------------------- Copyright Style Css --------------------------*/ .copyright-text { position: absolute; bottom: -114px; } @media only screen and (max-width: 767px) { .copyright-text { position: static; bottom: 0; padding-top: 33px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .copyright-text { position: static; bottom: 0; padding-top: 33px; } } .copyright-text p { color: #c6c9d8; font-size: 14px; opacity: 0.75; } .copyright-text p a { color: #c6c9d8; } .copyright-text p a:hover { color: var(--color-primary); } .footer-style-2 .logo a img, .footer-default .logo a img { max-height: 66px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .theme-gradient { color: var(--color-primary); background: none !important; } } .my_switcher { position: fixed; left: 30px; transform: rotate(90deg); z-index: 99; bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .my_switcher { left: 10px; } } @media only screen and (max-width: 767px) { .my_switcher { left: 4px; } } .my_switcher ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; background: white; padding: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); width: 40px; height: 40px; border-radius: 100px; line-height: 40px; } .my_switcher ul li a { position: relative; font-size: 12px; line-height: 22px; font-weight: 500; text-decoration: none; transition: 0.4s; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; text-transform: uppercase; letter-spacing: 0.3px; } .my_switcher ul li a img { width: 15px; } .my_switcher ul li a span { transform: rotate(-180deg); display: none; } .my_switcher ul li a.active { display: none; } .my_switcher ul li a.light { color: #ffffff; } .my_switcher ul li a.dark { color: #18191A; } /*-------------------------- Dark Mode Styles ----------------------------*/ .active-dark-mode { background: #191919; color: rgba(198, 201, 216, 0.75); } .active-dark-mode .bg_image--1 { background-image: inherit; } .active-dark-mode .bg_color--1, .active-dark-mode .brand-separation { background: #191919; } .active-dark-mode h1, .active-dark-mode h2, .active-dark-mode h3, .active-dark-mode h4, .active-dark-mode h5, .active-dark-mode h6, .active-dark-mode .h1, .active-dark-mode .h2, .active-dark-mode .h3, .active-dark-mode .h4, .active-dark-mode .h5, .active-dark-mode .h6 { color: #ffffff; } .active-dark-mode p { color: rgba(198, 201, 216, 0.75); } .active-dark-mode a { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .rbt-single-widget ul li a { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .item-portfolio-static .inner p { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .item-portfolio-static .inner h4, .active-dark-mode .trydo-blog-list .blog-top .title a { color: #fff; } .active-dark-mode .trydo-blog-list .blog-top .title a:hover { color: var(--color-primary); } .active-dark-mode .single-service.service__style--1 .content p, .active-dark-mode .service-details-inner .sercice-details-content .details p, .active-dark-mode ul.liststyle.bullet li { color: rgba(198, 201, 216, 0.75); } .active-dark-mode ul.liststyle.bullet li::before { background: rgba(198, 201, 216, 0.75); } .active-dark-mode .bg_color--3, .active-dark-mode .bg_color--5 { background-image: inherit; background-color: #101010; } .active-dark-mode .bg_image--3, .active-dark-mode .bg_image--1, .active-dark-mode .footer-right { background-image: inherit; background-color: #101010; } .active-dark-mode .section-title p, .active-dark-mode .about-us-list p, .active-dark-mode .about-inner .section-title p.description, .active-dark-mode .service.service__style--2 .content p, .active-dark-mode .counterup_style--1 p.description, .active-dark-mode .rn-testimonial-content .author-info h6, .active-dark-mode .slide.slider-style-3 .inner > span, .active-dark-mode .single-tab-content ul li a, .active-dark-mode .single-tab-content ul li, .active-dark-mode .single-service.service__style--2 .content p, .active-dark-mode .single-service.service__style--4 .content p { color: rgba(198, 201, 216, 0.75); } .active-dark-mode [data-black-overlay]:before { background-color: #101010; } .active-dark-mode .thumbnail img { box-shadow: none; } .active-dark-mode a.btn-transparent { color: #ffffff; } .active-dark-mode .service.service__style--2:hover .content h3.title, .active-dark-mode .service.service__style--2:hover .content p, .active-dark-mode .rn-testimonial-content .author-info h6 span, .active-dark-mode .rn-testimonial-content .inner p, .active-dark-mode .section-title p a, .active-dark-mode .slide.slider-style-3 .inner h1.title, .active-dark-mode .color-black .mainmenunav ul.mainmenu > li > a, .active-dark-mode ul.social-share.social-style--2.color-black li a, .active-dark-mode .header-area.color-black a.rn-btn, .active-dark-mode ul.tab-style--1 li, .active-dark-mode ul.nav.tab-style--1 li a, .active-dark-mode .single-service.service__style--2:hover .content p, .active-dark-mode .single-service.service__style--4:hover .content p { color: #ffffff; } .active-dark-mode .portfolio-sacousel-inner .slick-dots li button::after, .active-dark-mode .rn-slick-dot .slick-dots li button::after { box-shadow: inset 0 0 0 5px #fff; } .active-dark-mode .portfolio-sacousel-inner .slick-dots li, .active-dark-mode .rn-slick-dot .slick-dots li { opacity: 0.4; } .active-dark-mode .portfolio-sacousel-inner .slick-dots li.slick-active button::after, .active-dark-mode .rn-slick-dot .slick-dots li.slick-active button::after { box-shadow: inset 0 0 0 1px var(--color-primary); background-color: transparent; background-color: transparent !important; } .active-dark-mode .bg_color--5, .active-dark-mode .footer-right { background: #101010; } .active-dark-mode .rn-testimonial-content .inner p::before, .active-dark-mode .rn-testimonial-content .inner p::after { display: none; } .active-dark-mode ul.brand-style-2 img { -webkit-filter: invert(1); filter: invert(1); } .active-dark-mode .single-service.service__style--2.bg-color-gray a, .active-dark-mode .single-service.service__style--2.bg-color-white a { background: #101010; } .active-dark-mode #scrollUp { background-color: #191919; } .active-dark-mode .header-area.header--sticky.sticky { background: #000; } .active-dark-mode .header-area.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .header-area.header--sticky.sticky .header-wrapper a.rn-btn { color: rgba(198, 201, 216, 0.75); border-color: rgba(198, 201, 216, 0.75); } .active-dark-mode .header-area.header--sticky.sticky .header-wrapper a.rn-btn:hover { border-color: var(--color-primary); color: #fff; } .active-dark-mode .contact-form--1 input, .active-dark-mode .contact-form--1 textarea { border: 2px solid rgba(198, 201, 216, 0.75); color: rgba(198, 201, 216, 0.75); } .active-dark-mode .header-area.color-black a.rn-btn { border-color: rgba(198, 201, 216, 0.75); } .active-dark-mode .header-area.color-black a.rn-btn:hover { color: #ffffff; } .active-dark-mode .contact-form--1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(198, 201, 216, 0.75); } .active-dark-mode .contact-form--1 input::-moz-placeholder { /* Firefox 19+ */ color: rgba(198, 201, 216, 0.75); } .active-dark-mode .contact-form--1 input:-ms-input-placeholder { /* IE 10+ */ color: rgba(198, 201, 216, 0.75); } .active-dark-mode .contact-form--1 input:-moz-placeholder { /* Firefox 18- */ color: rgba(198, 201, 216, 0.75); } .active-dark-mode .contact-form--1 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(198, 201, 216, 0.75); } .active-dark-mode .contact-form--1 textarea::-moz-placeholder { /* Firefox 19+ */ color: rgba(198, 201, 216, 0.75); } .active-dark-mode .contact-form--1 textarea:-ms-input-placeholder { /* IE 10+ */ color: rgba(198, 201, 216, 0.75); } .active-dark-mode .contact-form--1 textarea:-moz-placeholder { /* Firefox 18- */ color: rgba(198, 201, 216, 0.75); } .active-dark-mode .standard-service .content h3 a { color: #ffffff; } .active-dark-mode .rn-card .rn-card-header a.btn { color: #ffffff; } .active-dark-mode .rn-card .rn-card-header a.btn::after { background: #ffffff; } .active-dark-mode .rn-card .rn-card-header a.btn[aria-disabled=true]::after, .active-dark-mode .rn-card .rn-card-header a.btn[aria-expanded=true]::after { background: var(--color-primary) !important; color: var(--color-primary); } .active-dark-mode ul.social-transparent li a { color: #ffffff; } .active-dark-mode ul.social-transparent li a:hover { color: var(--color-primary); } .active-dark-mode ul.brand-style li img { filter: invert(1); } .active-dark-mode ul.brand-style li:hover { filter: invert(0); } .active-dark-mode .my_switcher ul { background: #191919; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .active-dark-mode ul.brand-style li { border-top-color: #4E4E4E; border-right-color: #4E4E4E; } .active-dark-mode ul.brand-style { border-left-color: #4E4E4E; border-bottom-color: #4E4E4E; } .active-dark-mode .rn-pricing { border-color: #4E4E4E; } .active-dark-mode .creative-service-wrapper .row.creative-service .service.service__style--2, .active-dark-mode .single-service.service__style--2.bg-color-gray a { background: #191919; } .active-dark-mode .single-service.service__style--2.bg-color-gray a, .active-dark-mode .single-service.service__style--2.bg-color-white a { background: #000000; } .active-dark-mode .contact-form--1 input, .active-dark-mode .contact-form--1 textarea, .active-dark-mode .header-area.color-black a.rn-btn { border: 2px solid rgba(255, 255, 255, 0.2); } .active-dark-mode .contact-form--1 input, .active-dark-mode .contact-form--1 textarea { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .bg_image--25 { background-color: #101010; background-image: url(../images/bg/bg-image-28.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .active-dark-mode ul.nav.tab-style--1 li a::before { background: rgba(255, 255, 255, 0.2); } .active-dark-mode .pv-tab-button { background: rgba(255, 255, 255, 0.2); } .active-dark-mode .blog-comment-form .inner .rnform-group input, .active-dark-mode .blog-comment-form .inner .rnform-group textarea { border-color: rgba(255, 255, 255, 0.2); color: #ffffff; } .active-dark-mode .pv-tab-button li, .active-dark-mode .pv-tab-button button { color: #ffffff; } .active-dark-mode .item-portfolio-static:hover .thumbnail img { box-shadow: none; } .active-dark-mode .personal-portfolio-slider::after { position: absolute; content: ""; background: #000; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.5; z-index: -1; } .active-dark-mode .personal-portfolio-slider { z-index: 2; } .active-dark-mode .rn-pagination ul.page-list li a { border-color: rgba(255, 255, 255, 0.2); background: #101010; color: #fff; } .active-dark-mode .rn-blog-details .inner-wrapper .inner p { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .rn-blog-details .inner-wrapper .inner .rn-blog-quote::before { display: none; } .active-dark-mode .rn-blog-details .inner-wrapper .inner .rn-blog-quote { color: #ffffff; } .active-dark-mode ul.list-style li { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .portfolio-details .inner p.subtitle { color: #ffffff; } .active-dark-mode .portfolio-details .inner p { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .related-work .inner h4 a { color: #ffffff; } .active-dark-mode .related-work .inner span.category { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .line-separator { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .active-dark-mode .rn-progress-charts h6.heading { color: #ffffff; } .active-dark-mode .rn-progress-charts .progress .progress-bar span.percent-label { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .rn-progress-charts .progress { background-color: #000; } .active-dark-mode .rn-address { background-color: #101010; border-color: rgba(255, 255, 255, 0.2); } .active-dark-mode .rn-address .inner p a, .active-dark-mode .rn-address .inner p { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .rn-address .icon { background-color: #191919; border-color: #191919; } .active-dark-mode button.rn-button-style--2.btn_border.btn_border--dark, .active-dark-mode a.rn-button-style--2.btn_border.btn_border--dark { border: 2px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.2); } .active-dark-mode button.rn-button-style--2.btn_border.btn_border--dark:hover, .active-dark-mode a.rn-button-style--2.btn_border.btn_border--dark:hover { border-color: var(--color-primary); color: #ffffff; background-color: var(--color-primary); } .active-dark-mode .mainmenunav ul.mainmenu > li > ul.submenu, .active-dark-mode .mainmenunav ul.mainmenu > li > ul.submenu ul.submenu { background-color: #191919; } .active-dark-mode .mainmenunav ul.mainmenu > li > ul.submenu li a, .active-dark-mode .mainmenunav ul.mainmenu > li > ul.submenu ul.submenu li a { color: #c6c9d8; } .active-dark-mode .mainmenunav ul.mainmenu > li > ul.submenu li a:hover, .active-dark-mode .mainmenunav ul.mainmenu > li > ul.submenu ul.submenu li a:hover { color: var(--color-primary); } .active-dark-mode .color-black .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark-mode .portfolio-details .inner .portfolio-view-list .port-view span { color: #c6c9d8; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .active-dark-mode .personal-portfolio-slider::before { background: #191919; opacity: 0.7; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu { background-color: #191919; } .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu li a { color: #c6c9d8; } .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a::after { border-color: #c6c9d8 transparent transparent transparent; } .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open::after { border-color: transparent transparent var(--color-primary) transparent; } .active-dark-mode .header-area .header-wrapper.menu-open .close-menu span { color: #c6c9d8; } .active-dark-mode .personal-portfolio-slider::before { background: #191919; opacity: 0.7; } .active-dark-mode .header-style-two .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark-mode .header-area.header--sticky.sticky .humberger-menu span.text-white { color: #c6c9d8 !important; } } @media only screen and (max-width: 767px) { .active-dark-mode .personal-portfolio-slider::before { background: #191919; opacity: 0.7; } .active-dark-mode .header-style-two .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark-mode .header-area.header--sticky.sticky .humberger-menu span.text-white { color: #c6c9d8 !important; } .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu { background: #191919; } .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu li a { color: #c6c9d8; } .active-dark-mode .header-area .header-wrapper.menu-open .close-menu span { color: #c6c9d8; } .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a::after { border-color: #c6c9d8 transparent transparent transparent; } .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open::after { border-color: transparent transparent var(--color-primary) transparent; } } .active-dark-mode .rn-service-area.bg_color--1.service-area--5 { background: #101010 !important; } .active-dark-mode .single-service.service__style--5 { background: #000000; } .active-dark-mode [data-overlay="5"]:before, .active-dark-mode [data-black-overlay="5"]:before, .active-dark-mode [data-white-overlay="5"]:before { opacity: 0.8; } .active-dark-mode .portfolio-sacousel-inner .slick-dots li.slick-active button::after, .active-dark-mode .rn-slick-dot .slick-dots li.slick-active button::after { -webkit-box-shadow: inset 0 0 0 1px var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-primary); background-color: transparent; background-color: transparent !important; } .active-dark-mode .active-dark .portfolio-sacousel-inner .slick-dots li.slick-active button::after, .active-dark-mode .active-dark .rn-slick-dot .slick-dots li.slick-active button::after { -webkit-box-shadow: inset 0 0 0 1px var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-primary); background-color: transparent; background-color: transparent !important; } .active-dark-mode .active-dark .portfolio-sacousel-inner .slick-dots li button::after, .active-dark-mode .active-dark .rn-slick-dot .slick-dots li button::after { -webkit-box-shadow: inset 0 0 0 5px #fff; box-shadow: inset 0 0 0 5px #fff; } .active-dark-mode .elementor-128 .elementor-element.elementor-element-40163da .rn-portfolio-area, .active-dark-mode .elementor-307 .elementor-element.elementor-element-b57e187 .rn-testimonial-area, .active-dark-mode .elementor-307 .elementor-element.elementor-element-1eeec8a .about-area, .active-dark-mode .elementor-298 .elementor-element.elementor-element-bcce541 .rn-blog-area, .active-dark-mode .elementor-298 .elementor-element.elementor-element-cdc2393 .rn-service-area, .active-dark-mode .elementor-354 .elementor-element.elementor-element-3e7462c .rn-blog-area, .active-dark-mode .elementor-354 .elementor-element.elementor-element-4c6a64f .rn-brand-area, .active-dark-mode .elementor-374 .elementor-element.elementor-element-d935722 .rn-brand-area, .active-dark-mode .elementor-390 .elementor-element.elementor-element-e6be86c .rn-brand-area, .active-dark-mode .elementor-422 .elementor-element.elementor-element-b57e187 .rn-testimonial-area, .active-dark-mode .elementor-422 .elementor-element.elementor-element-1eeec8a .about-area, .active-dark-mode .elementor-458 .elementor-element.elementor-element-88b7b61:not(.elementor-motion-effects-element-type-background), .active-dark-mode .elementor-458 .elementor-element.elementor-element-88b7b61 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .active-dark-mode .elementor-654 .elementor-element.elementor-element-4076c32 .rn-service-area, .active-dark-mode .post-breadcrumbs, .active-dark-mode .elementor-1846 .elementor-element.elementor-element-b88c999 .rn-brand-area, .active-dark-mode .elementor-732 .elementor-element.elementor-element-305cfbf .rn-gallery-area, .active-dark-mode .elementor-854 .elementor-element.elementor-element-a646688 .rn-portfolio-area { background-color: #101010; } .active-dark-mode .elementor-128 .elementor-element.elementor-element-84cd214 .rn-testimonial-area, .active-dark-mode .elementor-128 .elementor-element.elementor-element-9819d47 .rn-brand-area, .active-dark-mode .elementor-307 .elementor-element.elementor-element-9819d47 .rn-brand-area, .active-dark-mode .elementor-307 .elementor-element.elementor-element-3caffa5 .rn-blog-area, .active-dark-mode .elementor-307 .elementor-element.elementor-element-6bbea3b .rn-portfolio-area, .active-dark-mode .elementor-263 .elementor-element.elementor-element-2ef6ec5 .rn-contact-area.bg_color--5, .active-dark-mode .elementor-263 .elementor-element.elementor-element-662adda .rn-portfolio-area, .active-dark-mode .elementor-263 .elementor-element.elementor-element-dc8fe47 .rn-brand-area, .active-dark-mode .elementor-298 .elementor-element.elementor-element-7374cc2 .rn-contact-area.bg_color--5, .active-dark-mode .elementor-298 .elementor-element.elementor-element-51214b8 .rn-portfolio-area, .active-dark-mode .elementor-354 .elementor-element.elementor-element-75d3a53:not(.elementor-motion-effects-element-type-background), .active-dark-mode .elementor-354 .elementor-element.elementor-element-75d3a53 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .active-dark-mode .elementor-408 .elementor-element.elementor-element-65b9d05 .rn-portfolio-area, .active-dark-mode .elementor-408 .elementor-element.elementor-element-e60b9b5 .rn-blog-area, .active-dark-mode .elementor-422 .elementor-element.elementor-element-9819d47 .rn-brand-area, .active-dark-mode .elementor-422 .elementor-element.elementor-element-e9bc73a .rn-blog-area, .active-dark-mode .elementor-422 .elementor-element.elementor-element-ccbeaed .rn-portfolio-area, .active-dark-mode .elementor-965 .elementor-element.elementor-element-833f1f4 .rn-blog-area, .active-dark-mode .elementor-965 .elementor-element.elementor-element-ff34af3 .rn-portfolio-area, .active-dark-mode .elementor-220 .elementor-element.elementor-element-308165d .rn-brand-area, .active-dark-mode .elementor-654 .elementor-element.elementor-element-be0c2f8 .rn-brand-area, .active-dark-mode .elementor-639 .elementor-element.elementor-element-4b444a5 .rn-portfolio-area, .active-dark-mode .elementor-205 .elementor-element.elementor-element-810e6bd .rn-contact-area.bg_color--5, .active-dark-mode .elementor-1846 .elementor-element.elementor-element-73ab951 .rn-brand-area, .active-dark-mode .elementor-1846 .elementor-element.elementor-element-ed02395 .rn-brand-area, .active-dark-mode .elementor-836 .elementor-element.elementor-element-e296e3f .rn-brand-area, .active-dark-mode .elementor-1844 .elementor-element.elementor-element-c5075c0 .rn-blog-area, .active-dark-mode .elementor-1844 .elementor-element.elementor-element-33d93c5 .rn-portfolio-area, .active-dark-mode .elementor-5 .elementor-element.elementor-element-c5075c0 .rn-blog-area, .active-dark-mode .elementor-5 .elementor-element.elementor-element-33d93c5 .rn-portfolio-area { background-color: #191919; } .active-dark-mode .elementor-654 .elementor-element.elementor-element-4076c32 .service-item .single-service a { background-color: #000000; } .active-dark-mode .rn-pagination ul.page-numbers li a, .active-dark-mode .rn-pagination ul.page-list li a { border: 2px solid #000000; background: #000000; color: #ffffff; } .active-dark-mode .portfolio-details .section-title h2 { border-color: rgba(255, 255, 255, 0.2); } .active-dark-mode .rbt-single-widget { border-color: #000; } .active-dark-mode .rbt-single-widget .title { color: #ffffff; } .active-dark-mode .rbt-single-widget.widget_recent_comments ul li + li, .active-dark-mode .rbt-single-widget.widget_recent_entries ul li + li, .active-dark-mode .rbt-single-widget.widget_archive ul li + li, .active-dark-mode .rbt-single-widget.widget_categories ul li + li, .active-dark-mode .rbt-single-widget.widget_meta ul li + li, .active-dark-mode .rbt-single-widget.widget_pages ul li + li, .active-dark-mode .rbt-single-widget.widget_nav_menu ul li + li, .active-dark-mode .tagcloud a, .active-dark-mode .wp-block-tag-cloud a, .active-dark-mode input[type=text], .active-dark-mode input[type=password], .active-dark-mode input[type=email], .active-dark-mode input[type=number], .active-dark-mode input[type=tel], .active-dark-mode textarea, .active-dark-mode .trydo-blog-list, .active-dark-mode .wp-block-quote, .active-dark-mode blockquote, .active-dark-mode .wp-block-coblocks-click-to-tweet, .active-dark-mode .wp-block-pullquote blockquote, .active-dark-mode .wp-block-quote.is-style-large, .active-dark-mode .wp-block-quote.is-large, .active-dark-mode blockquote.has-text-align-right, .active-dark-mode .wp-block-quote.has-text-align-right, .active-dark-mode .comment-list .comment .single-comment, .active-dark-mode .comment-list .pingback .single-comment, .active-dark-mode .comment-list .trackback .single-comment, .active-dark-mode .comment-list .comment.parent ul.children .comment .single-comment, .active-dark-mode .comment-list .pingback.parent ul.children .comment .single-comment, .active-dark-mode .comment-list .trackback.parent ul.children .comment .single-comment, .active-dark-mode .comment-list .comment.parent ul.children .comment::before, .active-dark-mode .comment-list .pingback.parent ul.children .comment::before, .active-dark-mode .comment-list .trackback.parent ul.children .comment::before, .active-dark-mode .comment-list .comment.parent ul.children .comment .single-comment::before, .active-dark-mode .comment-list .pingback.parent ul.children .comment .single-comment::before, .active-dark-mode .comment-list .trackback.parent ul.children .comment .single-comment::before, .active-dark-mode .rbt-single-widget input, .active-dark-mode .rbt-single-widget select, .active-dark-mode .woocommerce div.product .short-description, .active-dark-mode .woocommerce-product-details__short-description, .active-dark-mode select { border-color: #000000; } .active-dark-mode .rbt-single-widget.widget_products ul.product_list_widget li + li, .active-dark-mode .rbt-single-widget.widget_top_rated_products ul.product_list_widget li + li, .active-dark-mode .rbt-single-widget.widget_recently_viewed_products ul.product_list_widget li + li, .active-dark-mode .rbt-single-widget.widget_shopping_cart .cart_list li + li, .active-dark-mode .rbt-single-widget.widget_recent_reviews li + li, .active-dark-mode.woocommerce .widget_shopping_cart .total, .active-dark-mode .woocommerce.widget_shopping_cart .total { border-color: #000000; } .active-dark-mode.woocommerce .widget_shopping_cart .total strong, .active-dark-mode .woocommerce.widget_shopping_cart .total strong { color: #ffffff; } .active-dark-mode.woocommerce .widget_shopping_cart .cart_list li a.remove, .active-dark-mode .woocommerce.widget_shopping_cart .cart_list li a.remove { color: #ffffff !important; } .active-dark-mode .comment-list .comment.parent .single-comment, .active-dark-mode .comment-list .pingback.parent .single-comment, .active-dark-mode .comment-list .trackback.parent .single-comment { background-color: #000000; } .active-dark-mode .comment-list .comment .comment-img .commenter, .active-dark-mode .comment-list .pingback .comment-img .commenter, .active-dark-mode .comment-list .trackback .comment-img .commenter, .active-dark-mode .comment-list .comment .reply-edit a.comment-edit-link, .active-dark-mode .comment-list .pingback .reply-edit a.comment-edit-link, .active-dark-mode .comment-list .trackback .reply-edit a.comment-edit-link, .active-dark-mode .comment-list .comment .comment-img .commenter a, .active-dark-mode .comment-list .pingback .comment-img .commenter a, .active-dark-mode .comment-list .trackback .comment-img .commenter a { color: #ffffff; } .active-dark-mode .rn-blog-details .trydo-comment-form .inner p a, .active-dark-mode .rn-blog-details .comment-form .inner p a { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .portfolio-details .section-title p strong { color: #ffffff; } .active-dark-mode .experience-wrap { border-color: #000; } .active-dark-mode .single-service.service__style--5 { box-shadow: none; } .root-header-transparent.active-dark-mode .header-area.header-style-two.sticky ul.social-share.social-style--2.color-black li a { color: #ffffff; } .root-header-transparent.active-dark-mode .header-area.header-style-two.header--transparent.sticky .header-wrapper a.rn-btn { color: rgba(198, 201, 216, 0.75); border-color: rgba(198, 201, 216, 0.75); } .active-dark-mode .item-portfolio-static .inner .gallery-title { color: var(--color-white); } .active-dark-mode .item-portfolio-static .inner .gallery-title:hover { color: var(--color-primary); } .active-dark-mode .slide.designer-portfolio.slider-style-3 .designer-thumbnail img { border: 14px solid #191919; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 20px 40px rgba(0, 0, 0, 0.15); } .dialog-type-lightbox { background-color: transparent !important; } .active-dark-mode .product .shop-product-info h3 a { color: #ffffff; } .active-dark-mode.woocommerce ul.products li.product .price { color: rgba(198, 201, 216, 0.75); } .active-dark-mode span.woocommerce-Price-amount.amount { color: rgba(198, 201, 216, 0.75); } .active-dark-mode .mainmenunav ul.mainmenu > li ul.submenu li:hover > a { background: #101010; } .root-header-transparent.active-dark-mode .header-area.header-style-two .mainmenunav ul.mainmenu > li > a { color: #fff; } .root-header-transparent.active-dark-mode .header-area.header-style-two ul.social-share.social-style--2.color-black li a { color: #fff; } .root-header-transparent.active-dark-mode .header-area.header-style-two.header--transparent .header-wrapper a.rn-btn { border: 2px solid #ffffff; color: #ffffff; } @media only screen and (min-width: 768px) and (max-width: 991px) { .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li.current_page_item a { background: #101010; } } @media only screen and (max-width: 767px) { .active-dark-mode .header-area .header-wrapper .mainmenunav ul.mainmenu li ul.submenu li.current_page_item a { background: #101010; } } .active-dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li:before { background: rgba(255, 255, 255, 0.1); } .active-dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: rgba(198, 201, 216, 0.75); } .active-dark-mode.woocommerce div.product .woocommerce-tabs h2, .active-dark-mode.woocommerce div.product .woocommerce-tabs #respond .comment-reply-title { color: #ffffff; } .active-dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: transparent; } .active-dark-mode .rbt-single-widget .title, .active-dark-mode .blog-search .search-button, .active-dark-mode .trydo-blog-list.sticky { background: #101010; } .active-dark-mode .product .shop-product-info h3 a:hover { color: var(--color-primary); } .active-dark-mode table thead th, .active-dark-mode .wp-calendar-table thead th { color: #ffffff; } .active-dark-mode .woocommerce a.remove { color: #ffffff !important; } .active-dark-mode .woocommerce .quantity .qty { background-color: #191919; border-color: #000000; } .active-dark-mode .woocommerce-cart .woocommerce .actions #coupon_code { border-color: #000000; } .woocommerce-cart.active-dark-mode .woocommerce table.shop_table th, .woocommerce-cart.active-dark-mode .woocommerce table.shop_table td { border-color: #000000; color: #ffffff; } .active-dark-mode .woocommerce table.shop_table { border-color: #000000; } .woocommerce-cart.active-dark-mode .woocommerce .actions #coupon_code, .active-dark-mode .select2-container--default .select2-selection--single { border-color: #000000; } .active-dark-mode .woocommerce-error, .active-dark-mode .woocommerce-info, .active-dark-mode .woocommerce-message { background-color: #101010; } .active-dark-mode #add_payment_method #payment, .active-dark-mode .woocommerce-cart #payment, .active-dark-mode .woocommerce-checkout #payment { background: #101010; } .active-dark-mode .woocommerce table.shop_table th { color: #fff; } .active-dark-mode .select2-dropdown { background-color: #101010; border: 1px solid #101010; } .active-dark-mode.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a { background: #101010; border-color: #000; } .active-dark-mode .woocommerce-form-login__rememberme .woocommerce-form__input-checkbox + span { color: #fff; } .active-dark-mode #add_payment_method #payment ul.payment_methods, .active-dark-mode .woocommerce-cart #payment ul.payment_methods, .active-dark-mode .woocommerce-checkout #payment ul.payment_methods, .active-dark-mode .woocommerce table.shop_table td, .active-dark-mode .woocommerce table.shop_table th { border-color: #000; } .active-dark-mode .woocommerce form.checkout_coupon, .active-dark-mode .woocommerce form.login, .active-dark-mode .woocommerce form.register { border-color: #000; } .active-dark-mode.woocommerce div.product form.cart .variations label { color: #fff; } .active-dark-mode.woocommerce div.product .product-meta a, .active-dark-mode.woocommerce div.product .product_meta a { color: #fff; } .active-dark-mode.woocommerce table.shop_attributes th, .active-dark-mode.woocommerce table.shop_attributes td { color: #fff; border-color: #000 !important; } .active-dark-mode #review_form_wrapper { border-color: #000; } /*# sourceMappingURL=style.css.map */
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.05 |
proxy
|
phpinfo
|
Настройка