:root { --primary-color: #0aa3f3; --primary-color-rgb: 10, 163, 243; --secondary-color: #9de8fb; --secondary-color-rgb: 157, 232, 251; --primary-font: Lato; --secondary-font: Montserrat; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } body, button, input, select, optgroup, textarea { color: #4a4a4a; font-family: var(--primary-font), sans-serif; font-size: 20px; line-height: 1.4em; font-weight: 300; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } p { margin-bottom: 1.5em; margin-top: 0; } p:last-child { margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background: #fff; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; vertical-align: top; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 0.8em; font-weight: 900; color: var(--primary-color); border: 1px solid var(--primary-color); background: none; padding: 18px 60px; border-radius: 5px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: var(--primary-color); color: #fff; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { background: var(--primary-color); color: #fff; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted #000; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { border: 1px solid #d8d8d8; border-radius: 5px; padding: 15px 20px; outline: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { color: #111; outline: thin dotted #000; } select { border: 1px solid #ccc; } textarea { width: 100%; resize: vertical; } a { color: var(--primary-color); text-decoration: none; } a:hover, a:focus { color: var(--primary-color); text-decoration: under; } a:focus { outline: thin dotted #000; } a:hover, a:active { outline: 0; } @media only screen and (min-width: 1025px) { .main-navigation ul { list-style: none; margin: 0; padding-left: 0; font-size: 0.7em; font-weight: 600; text-transform: uppercase; } .main-navigation ul:after { content: ""; display: block; clear: both; } .main-navigation ul li { float: left; margin-left: 35px; position: relative; } .main-navigation ul li:after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: #4a4a4a; content: ""; display: none; } .main-navigation ul li:first-child { margin-left: 0; } .main-navigation ul li a { color: #a2a2a2; padding: 0 5px; display: block; position: relative; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .main-navigation ul li a:hover, .main-navigation ul li a:focus, .main-navigation ul li:hover>a, .main-navigation ul li:focus>a { color: #111; } .main-navigation ul .current-menu-item>a, .main-navigation ul .current-menu-ancestor>a, .main-navigation ul .current_page_item>a, .main-navigation ul .current_page_ancestor>a { color: #111; } .main-navigation ul .current-menu-item:after, .main-navigation ul .current-menu-ancestor:after, .main-navigation ul .current_page_item:after, .main-navigation ul .current_page_ancestor:after { display: block; } .main-navigation ul .menu-item-has-children { padding-right: 20px; } .main-navigation ul .menu-item-has-children:before { position: absolute; top: 5px; right: 0; content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23a2a2a2" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path></svg>'); background-repeat: no-repeat; width: 20px; height: 15px; font-weight: 400; } .main-navigation ul ul { position: absolute; top: inherit; font-size: 1em; font-weight: 300; text-transform: none; border-radius: 5px; width: 180px; padding-top: 13px; margin-top: 23px; overflow: hidden; opacity: 0; margin-left: -99999px; height: 1px; z-index: 2; box-shadow: 0 10px 17px rgba(0, 0, 0, 0.04); -webkit-transition: ease 0.4s; -moz-transition: ease 0.4s; transition: ease 0.4s; } .main-navigation ul.menu>li:last-child ul, .main-navigation ul.menu>li:nth-last-of-type(2) ul, .main-navigation ul.menu>li:nth-last-of-type(3) ul { left: auto; right: 0; } .main-navigation ul.menu>li:last-child ul ul, .main-navigation ul.menu>li:nth-last-of-type(2) ul ul, .main-navigation ul.menu>li:nth-last-of-type(3) ul ul { left: auto; right: 100%; } .main-navigation ul li.hover>ul, .main-navigation ul li:hover>ul, .main-navigation ul li:focus>ul { margin-top: 0; opacity: 1; margin-left: 0; overflow: inherit; height: inherit; z-index: 3; } .main-navigation ul ul li { float: none; display: block; margin: 0; } .main-navigation ul ul li a:hover, .main-navigation ul ul li a:focus, .main-navigation ul ul li:hover>a, .main-navigation ul ul li:focus>a, .main-navigation ul ul .current-menu-item>a, .main-navigation ul ul .current-menu-ancestor>a, .main-navigation ul ul .current_page_item>a, .main-navigation ul ul .current_page_ancestor>a { color: var(--primary-color); } .hasbanner .main-navigation ul ul li a:focus, .main-navigation ul ul li a:focus { outline: thin dotted #000; outline-offset: -2px; } .main-navigation ul ul li:first-child a { border-radius: 5px 5px 0 0; border-top: 1px solid #ebebeb; } .main-navigation ul ul li a { color: #4a4a4a; padding: 5px 20px; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; background: #fff; } .main-navigation ul ul li:last-child a { border-radius: 0 0 5px 5px; } .main-navigation ul ul ul { top: -1px; left: 100%; padding: 0 0 0 3px; margin: 0; clip: inherit; height: inherit; overflow: inherit; display: none; } .main-navigation ul ul li:hover>ul { display: block; } .main-navigation ul ul .menu-item-has-children { padding: 0; } .main-navigation ul ul .menu-item-has-children:before { display: none; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .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; } .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; } #content[tabindex="-1"]:focus { outline: 0; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .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; } .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .widget_rrtc_description_widget .text-holder .description { height: 110px; position: relative; } .sticky { display: block; } .hentry { 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; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .custom-logo-link { display: inline-block; } .hasbanner .custom-logo-link:focus { outline: thin dotted #fff; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; position: relative; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0; font-size: 0.8em; position: absolute; left: 20px; bottom: 20px; background: #fcfdfd; border-radius: 5px; padding: 0 10px; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; } .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; } .container { max-width: 1170px; margin: 0 auto; padding: 0 15px; } .container:after { content: ""; display: block; clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:after { content: ""; display: block; clear: both; } .entry-footer span.edit-link { display: block; clear: both; padding-top: 20px; } .blossomthemes-email-newsletter-wrapper form input[type="submit"] { background: var(--primary-color); color: #fff; } .widget_newsletterwidgetminimal form, .widget_newsletterwidget form { background: rgba(0, 0, 0, 0.1); border-radius: 5px; } .widget_newsletterwidget .tnp-widget .tnp-field { margin-bottom: 0; display: inline-block; width: calc(100% - 35px); } .widget_newsletterwidget .tnp-widget .tnp-field.tnp-field-button { width: 30px; } .widget_newsletterwidget .tnp-widget .tnp-field label, .widget_newsletterwidget .tnp-widget .tnp-lists label { display: none; } .widget_newsletterwidgetminimal form input[type="email"], .widget_newsletterwidget form input[type="email"] { background: none; color: #fff; width: calc(100% - 35px); height: 50px; font-size: 18px; border: none; } .widget_newsletterwidgetminimal form input[type="email"]::-webkit-input-placeholder, .widget_newsletterwidget form input[type="email"]::-webkit-input-placeholder { color: #fff; } .widget_newsletterwidgetminimal form input[type="email"]::-moz-placeholder, .widget_newsletterwidget form input[type="email"]::-moz-placeholder { color: #fff; } .widget_newsletterwidgetminimal form input[type="email"]:-ms-input-placeholder, .widget_newsletterwidget form input[type="email"]:-ms-input-placeholder { color: #fff; } .widget_newsletterwidgetminimal form input[type="email"]:-moz-placeholder, .widget_newsletterwidget form input[type="email"]:-moz-placeholder { color: #fff; } .widget_newsletterwidgetminimal form input.tnp-submit, .widget_newsletterwidget form input.tnp-submit { width: 30px; height: 50px; display: inline-block; padding: 0; background: url(https://stoixiplay.com/pimobep/images/envelope-icon.svg) no-repeat center; text-indent: 40px; border: none; } .widget_newsletterwidgetminimal form input.tnp-submit:hover, .widget_newsletterwidget form input.tnp-submit:hover { opacity: 0.75; filter: alpha(opacity=75); } .widget_newsletterwidget .tnp.tnp-widget { position: relative; padding-top: 60px; } .widget_newsletterwidget .tnp-lists { position: absolute; top: 0; left: 0; width: 100%; } .widget_newsletterwidget .tnp-lists .tnp-lists { position: static; border-radius: 5px; height: 40px; } .site-branding .site-title, .main-navigation ul, #primary .site-main article .entry-header .entry-title, .page-header .page-title, .error-holder .text-holder h2, .error404 .recent-post .section-title, .error404 .recent-post .col .entry-title, #primary .post .entry-footer .social-share strong, .author-section .text-holder .name, .related-post .section-title, .related-post .col .entry-title, .popular-post .section-title, .popular-post .col .entry-title, .comments-area .comments-title, .comments-area .comment-body .fn, .comments-area .comment-reply-title, .banner .banner-text .text-holder .title, .our-services .widget_text .widget-title, .our-services .grid .widget .widget-title, .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title, .our-features .widget.widget_text .widget-title, .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title, .our-team .widget_text .widget-title, .our-team .widget_rrtc_description_widget .text-holder .name, .our-testimonial .section-header .widget_text .widget-title, .our-testimonial .grid .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name, .our-stats .widget_text .widget-title, .our-stats .widget_raratheme_companion_stat_counter_widget .hs-counter, .portfolio .widget_text .widget-title, .blog-section .widget_text .widget-title, .blog-section .blog-post .entry-title, .our-skills .text-holder .title, .portfolio-holder .button-group .button, .portfolio-holder .filter-grid .element-item .img-holder .text-holder .text .title, .our-pricing .widget_text .widget-title, .our-pricing .pricing-holder .col h3, .our-pricing .pricing-holder .col .price-holder, .cta .widget .widget-title, .cta .widget .btn-cta, .faq-section .widget_text .widget-title, .faq-section .widget .accordion li .toggle, .contact-section .widget_text .widget-title, .our-clients .widget .widget-title, .contact-grid .right .contact-info h3, .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle, .team-grid .widget_rrtc_description_widget .text-holder .name, .testimonial-grid .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name { font-family: var(--secondary-font), sans-serif; } .site-header .header-t { background: #111; font-size: 0.9em; line-height: 1.444em; color: #a0a0a0; padding: 10px 0; } .header-t.hide-header-top { display: none; } .site-header .header-t a { color: #a0a0a0; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .site-header .header-t a:hover, .site-header .header-t a:focus { text-decoration: none; color: #fff; } .site-header .header-t a:focus { outline: thin dotted #fff; } .site-header .header-t .contact-info { float: left; } .site-header .header-t .contact-info div { float: left; margin-right: 30px; } .site-header .header-t .contact-info svg { font-size: 1.2em; margin-right: 5px; vertical-align: middle; } .site-header .header-t .contact-info .phone svg { font-size: 1.5em; } .site-header .header-t .contact-info address { display: inline-block; font-style: normal; margin: 0; } .site-header .social-networks { float: right; margin: 0; padding: 0; list-style: none; } .site-header .social-networks li { float: left; margin-left: 25px; } .site-header .social-networks li:first-child { margin-left: 0; } .site-header .main-header { padding: 30px 0; border-bottom: 1px solid #dbdbdb; } .main-header .container { display: flex; flex: 1; flex-flow: row wrap; justify-content: flex-end; align-items: center; } .site-branding { display: flex; flex: auto; } .site-branding.logo-with-site-identity .text-logo { padding-left: 20px; } .site-branding .custom-logo img { vertical-align: middle; } .site-branding .site-title { font-size: 1.2em; line-height: 1.25em; font-weight: 400; margin-bottom: 0; } .site-branding .site-title a { color: #111; } .main-header .right { display: flex; align-items: center; flex: auto; justify-content: flex-end; } .main-header .right .btn-buy { font-weight: 900; text-transform: uppercase; color: #fff; background: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 5px; font-size: 0.8em; padding: 10px 34px; margin-left: 25px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; order: 2; } .main-header .right .btn-buy:hover, .main-header .right .btn-buy:focus { background: #fff; color: var(--primary-color); } .main-header .right .btn-buy:focus { outline-offset: -3px; } .main-header .right .btn-buy svg { margin-right: 7px; } .custom-background #page { background: #fff; width: 1200px; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .custom-background.homepage.hasbanner .site-header { width: 1200px; margin: 0 auto; right: 0; } .homepage.hasbanner .site-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } body.admin-bar.homepage.hasbanner .site-header { padding-top: 32px; } .homepage.hasbanner .site-header .header-t { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; } .homepage.hasbanner .site-header .header-t a { color: #fff; } .homepage.hasbanner .site-header .header-t a:hover, .homepage.hasbanner .site-header .header-t a:focus { color: #d8d8d8; } .homepage.hasbanner .site-header .main-header { border-bottom: 0; } .homepage.hasbanner .site-branding .site-title a, .homepage.hasbanner .site-branding p.site-description { color: #fff; } .hasbanner .site-branding .site-title a:focus { outline: thin dotted #fff; } .homepage.hasbanner .main-navigation ul li a { color: #fff; } .hasbanner .main-navigation ul li a:focus { outline: thin dotted #fff; } .homepage.hasbanner .main-navigation ul .menu-item-has-children:before { background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path></svg>'); } .homepage.hasbanner .main-navigation ul li a:hover, .homepage.hasbanner .main-navigation ul li a:focus, .homepage.hasbanner .main-navigation ul li:hover>a, .homepage.hasbanner .main-navigation ul li:focus>a { color: #d8d8d8; } .homepage.hasbanner .main-navigation ul li:after { background: rgba(255, 255, 255, 0.5); } .homepage.hasbanner .main-navigation ul ul li a { color: #4a4a4a; } .homepage.hasbanner .main-navigation ul ul li a:hover, .homepage.hasbanner .main-navigation ul ul li a:focus, .homepage.hasbanner .main-navigation ul ul li:hover>a, .homepage.hasbanner .main-navigation ul ul li:focus>a, .homepage.hasbanner .main-navigation ul ul .current-menu-item>a, .homepage.hasbanner .main-navigation ul ul .current-menu-ancestor>a, .homepage.hasbanner .main-navigation ul ul .current_page_item>a, .homepage.hasbanner .main-navigation ul ul .current_page_ancestor>a { color: var(--primary-color); } .banner { background: #2e2e2e; position: relative; } .banner img { width: 100%; height: 780px; object-fit: cover; vertical-align: top; opacity: 0.5; } .banner .banner-text { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translate(0%, -40%); -moz-transform: translate(0%, -40%); transform: translate(0%, -40%); } .banner .banner-text .text-holder { text-align: center; max-width: 940px; font-size: 0.9em; line-height: 1.444em; color: #fff; margin: 0 auto; } .banner .banner-text .text-holder .title { font-size: 3.333em; font-weight: 700; line-height: 1.166em; margin: 0 0 10px; } .banner .banner-text .btn-holder .btn-free-inquiry { font-size: 0.888em; font-weight: 900; display: inline-block; text-transform: uppercase; color: #fff; background: var(--primary-color); border-radius: 5px; margin: 0 15px; padding: 17px 67px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .banner .banner-text .btn-holder .btn-free-inquiry svg { font-weight: 400; margin-right: 8px; font-size: 1.2em; } .banner .banner-text .btn-holder .btn-free-inquiry:hover, .banner .banner-text .btn-holder .btn-free-inquiry:focus { text-decoration: none; background: #fff; color: var(--primary-color); } .banner .banner-text .btn-holder .btn-free-inquiry:focus { outline: thin dotted #fff; outline-offset: 2px; } .banner .banner-text .btn-holder .btn-view-service { font-size: 0.888em; font-weight: 900; display: inline-block; text-transform: uppercase; background: #fff; color: var(--primary-color); border-radius: 5px; margin: 0 15px; padding: 17px 67px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .banner .banner-text .btn-holder .btn-view-service:hover, .banner .banner-text .btn-holder .btn-view-service:focus { text-decoration: none; color: #fff; background: var(--primary-color); } .banner .banner-text .btn-holder .btn-view-service:focus { outline: thin dotted #fff; outline-offset: 2px; } .wp-custom-header-video-button svg { font-size: 16px; line-height: 20px; height: 20px; width: 20px; } .wp-custom-header .wp-custom-header-video-button { border: 0; color: rgba(255, 255, 255, 0.6); height: 45px; overflow: hidden; padding: 0; position: absolute; right: 30px; bottom: 30px; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: 45px; z-index: 9999; background: var(--primary-color); line-height: 52px; } .wp-custom-header .wp-custom-header-video-button svg { fill: #fff; } .wp-custom-header .wp-custom-header-video-button:hover, .wp-custom-header .wp-custom-header-video-button:focus { color: #fff; background: #fff; } .wp-custom-header .wp-custom-header-video-button:hover svg, .wp-custom-header .wp-custom-header-video-button:focus svg { fill: var(--primary-color); } .video-banner .wp-custom-header { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; } .video-banner .wp-custom-header video, .video-banner .wp-custom-header iframe, .video-banner .wp-custom-header embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .owl-theme .owl-nav { margin: 0; } .owl-theme .owl-nav [class*="owl-"] { position: absolute; top: 50%; left: 4%; background: none; padding: 0; margin: 0; font-size: 1.5em; font-weight: 400; width: 50px; text-align: center; height: 50px; line-height: 50px; overflow: hidden; text-indent: 60px; } .owl-theme .owl-nav .owl-next { left: auto; right: 4%; } .owl-theme .owl-nav [class*="owl-"]::before { content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z"></path></svg>'); background-repeat: no-repeat; background-position: center; width: 25px; height: 30px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-indent: 0; } .owl-theme .owl-nav .owl-next::before { background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>'); } .owl-theme .owl-nav [class*="owl-"]:hover { background: rgba(0, 0, 0, 0.2); } .owl-theme .owl-dots { position: absolute; bottom: 10px; left: 0; right: 0; } .owl-theme .owl-dots .owl-dot span { width: 25px; height: 7px; background: #fff; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: var(--primary-color); } .our-services { margin: 100px 0; } .our-services .widget { margin: 0; } .our-services .grid .widget.widget_text { grid-column: 1 / span 3; } .our-services .grid .widget_text { text-align: center; max-width: 830px; margin: 0 auto; } .our-services .widget_text .textwidget { font-size: 0.9em; } .our-services .grid { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; grid-gap: 60px 30px; } .our-services .grid .widget { padding: 0 30px; } .our-services .grid .widget .rtc-itw-inner-holder { display: grid; grid-row-gap: 10px; } .our-services .grid .widget .icon-holder { grid-row-start: 1; grid-row-end: 2; } .our-services .grid .widget .icon-holder svg { font-size: 97px; color: var(--primary-color); } .our-services .grid .widget .widget-title { color: #111; font-weight: 700; font-size: 1.1em; line-height: 1.318em; margin: 0 0 15px; } .our-services .grid .widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .our-services .grid .widget .content { font-size: 0.9em; line-height: 1.444em; } .our-services .grid .widget .btn-readmore { font-size: 0.7em; font-weight: 900; text-transform: uppercase; border: 1px solid var(--primary-color); border-radius: 5px; display: inline-block; padding: 5px 32px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .widget_rrtc_icon_text_widget .btn-readmore { margin-top: 20px; } .our-services .grid .widget .btn-readmore:hover, .our-services .grid .widget .btn-readmore:focus { text-decoration: none; color: #fff; background: var(--primary-color); } .our-services .grid .widget .btn-readmore:focus { outline-offset: 2px; } .featured-page { background: #f6f6f6; padding: 100px 0; } .featured-page .widget_raratheme_featured_page_widget { margin: 0; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder { display: flex; flex-wrap: wrap; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left { flex-direction: row-reverse; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered { flex-direction: column-reverse; max-width: 570px; margin: 0 auto; } .widget_raratheme_featured_page_widget .section-subtitle { display: block; width: 100%; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder { align-items: flex-start; flex: 1 0 0; padding-right: 10px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left .text-holder { padding-right: 0; padding-left: 10px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered .text-holder { padding: 0; text-align: center; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title { font-size: 2.3em; line-height: 1.086em; font-weight: 700; color: #111; margin: 0 0 10px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content { line-height: 1.444em; font-size: 0.9em; padding-right: 10px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore { font-size: 0.888em; font-weight: 900; text-transform: uppercase; border: 1px solid var(--primary-color); display: inline-block; border-radius: 5px; padding: 16px 37px; margin-top: 20px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:hover, .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:focus { text-decoration: none; color: #fff; background: var(--primary-color); } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:focus { outline-offset: 2px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder { align-items: flex-start; width: 570px; margin-left: 30px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder a:focus { outline-offset: 2px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left .img-holder { margin-left: 0; margin-right: 30px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered .img-holder { margin: 0 0 30px; text-align: center; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder img { vertical-align: top; border-radius: 5px; } .our-features { padding: 70px 0; border-bottom: 1px solid #f6f6f6; position: relative; } .our-features .features-content { max-width: 700px; } .our-features .features-content .section-header { margin: 0 0 60px; max-width: 650px; } .our-features .widget { margin: 0; } .our-features .widget.widget_text { grid-column: 1 / span 2; } .our-features .widget.widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .our-features .widget.widget_text .widget_text { font-size: 0.9em; } .our-features .grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder { display: flex; flex-direction: row-reverse; } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder { flex: 1 0 0; align-items: flex-start; } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title { line-height: 1.772em; font-size: 1.1em; margin: 0; font-weight: 700; color: #111; } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .content { line-height: 1.444em; font-size: 0.9em; } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore { font-size: 0.7em; font-weight: 900; text-transform: uppercase; border: 1px solid var(--primary-color); border-radius: 5px; display: inline-block; padding: 5px 32px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:hover, .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:focus { text-decoration: none; color: #fff; background: var(--primary-color); } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:focus { outline-offset: 2px; } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .icon-holder { align-items: flex-start; width: 25px; margin-right: 10px; margin-top: 10px; } .our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .icon-holder svg { font-size: 24px; color: var(--primary-color); } .our-features .widget.widget_media_image { position: absolute; top: 0; right: 0; width: 39%; overflow: hidden; height: 100%; } .our-features .widget.widget_media_image .wp-caption { position: static; } .our-features .widget.widget_media_image img { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .our-team { margin: 100px 0; } .our-team .widget { margin: 0; } .our-team .widget.widget_text { grid-column: 1 / span 3; } .our-team .widget.widget_text { text-align: center; max-width: 830px; margin: 0 auto 30px auto; } .our-team .widget.widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .our-team .widget.widget_text .textwidget { font-size: 0.9em; } .our-team .grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .widget_rrtc_description_widget .rtc-team-holder-modal.show { display: none !important; } .our-team .widget_rrtc_description_widget .image-holder img { vertical-align: top; border-radius: 5px 5px 0 0; } .widget_rrtc_description_widget .rtc-team-holder { background: var(--primary-color); text-align: center; color: #fff; padding: 0 0 20px; border-radius: 5px; } .widget_rrtc_description_widget .text-holder { padding: 50px 30px 30px; } .widget_rrtc_description_widget .text-holder .name { display: block; line-height: 1em; font-size: 1.047em; font-weight: 700; } .widget_rrtc_description_widget .text-holder .designation { display: block; font-size: 0.9em; font-weight: 400; margin: 0 0 15px; } .widget_rrtc_description_widget .social-profile { margin: 0; padding: 0; list-style: none; font-size: 1.2em; } .widget_rrtc_description_widget .social-profile li { display: inline-block; margin: 0 10px 10px; } .widget_rrtc_description_widget .social-profile li a { color: #fff; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .widget_rrtc_description_widget .social-profile li a:hover, .widget_rrtc_description_widget .social-profile li a:focus { color: #fff; text-decoration: none; opacity: 0.7; } .widget_rrtc_description_widget .social-profile li a:focus { outline: thin dotted #fff; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: transparent; } .ps__thumb-y { background-color: rgba(0, 0, 0, 0.15); } .ps__rail-y:hover>.ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: rgba(0, 0, 0, 0.3); width: 6px; } .our-testimonial { margin: 90px 0; } .our-testimonial .widget { margin: 0; } .our-testimonial .widget.widget_text { grid-column: 1 / span 2; } .our-testimonial .widget.widget_text { text-align: center; max-width: 830px; margin: 0 auto; } .our-testimonial .widget.widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .our-testimonial .section-header .widget_text .textwidget { font-size: 0.9em; } .our-testimonial .grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 70px 30px; } .widget_rrtc_testimonial_widget { display: flex; flex: auto; flex-flow: row wrap; } .widget_rrtc_testimonial_widget .rtc-testimonial-holder { display: flex; } .widget_rrtc_testimonial_widget .rtc-testimonial-inner-holder { display: flex; flex-direction: column-reverse; position: relative; } .widget_rrtc_testimonial_widget .text-holder { display: flex; flex: 1; flex-wrap: wrap; } #secondary .widget_rrtc_testimonial_widget .text-holder { padding: 30px; } .widget_rrtc_testimonial_widget .text-holder .testimonial-meta { display: flex; order: 2; margin-top: 0; padding-left: 20px; flex-direction: column; justify-content: center; width: calc(100% - 70px); } .widget_rrtc_testimonial_widget .testimonial-content { font-size: 0.9em; border: 1px solid #d8d8d8; border-radius: 5px; padding: 50px 70px; margin: 0 0 24px; display: flex; flex: auto; flex-direction: column; justify-content: center; } .widget_rrtc_testimonial_widget .testimonial-content p { margin: 0; } .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name { font-family: var(--secondary-font), sans-serif; display: block; line-height: 1em; font-size: 1.047em; font-weight: 700; color: #111; } .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .designation { display: block; font-size: 0.9em; font-weight: 400; } .widget_rrtc_testimonial_widget .img-holder { width: 70px; height: 70px; order: 2; display: flex; flex-direction: column; justify-content: center; } .widget_rrtc_testimonial_widget .img-holder img { vertical-align: top; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .our-stats { background: #f7fcfe; padding: 100px 0; } .our-stats .widget.widget_text { text-align: center; max-width: 830px; margin: 0 auto 10px; } .our-stats .widget { margin: 0; } .our-stats .widget.widget_text { grid-column: 1 / span 4; } .our-stats .widget.widget_text .textwidget { font-size: 0.9em; } .our-stats .widget.widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .our-stats .grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; } .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder { position: relative; padding-left: 70px; display: grid; grid-template-rows: repeat(2, auto); } .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder, .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .image-holder { position: absolute; top: 50%; left: 0; color: var(--primary-color); font-size: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .widget_raratheme_companion_stat_counter_widget .widget-title, #secondary .widget.widget_raratheme_companion_stat_counter_widget .widget-title { font-family: var(--primary-font), sans-serif; font-size: 0.9em; font-weight: 300; margin: 0; } .widget_raratheme_companion_stat_counter_widget .hs-counter { grid-row-start: 1; line-height: 1em; font-size: 2.3em; font-weight: 700; color: var(--primary-color); } .our-skills { padding: 90px 0; background: url(https://stoixiplay.com/pimobep/images/bg-skills.jpg) no-repeat; background-size: cover !important; background-attachment: fixed !important; position: relative; } .our-skills:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 163, 243, 0.8); } .our-skills .container { position: relative; z-index: 1; display: flex; flex-direction: row; } .our-skills .text-holder { align-items: flex-start; width: 50%; margin-right: 30px; color: #fff; font-size: 0.9em; } .our-skills .text-holder .title { font-weight: 700; line-height: 1.13em; font-size: 2.3em; margin: 0 0 15px; } .our-skills .skills-holder { align-items: flex-start; flex: 1 0 0; } .skills, .skills .skill, .skills .skill .skill-title, .skills .skill .skill-bar { width: 100%; float: left; } .skills .skill { margin-bottom: 20px; } .skills .skill .skill-title { color: #fff; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; } .skills .skill .skill-bar { width: 0; height: 20px; padding: 2px; border-radius: 100px; background: #fff; transition: 1s cubic-bezier(1, 0, 0.5, 1); -webkit-transition: 1s cubic-bezier(1, 0, 0.5, 1); -ms-transition: 1s cubic-bezier(1, 0, 0.5, 1); } .skills.active .skill .skill-bar { width: 100%; } .skills .skill .skill-bar span { float: left; width: 0; background: #9de8fb; height: 16px; border-radius: 100px; position: relative; transition: 1s cubic-bezier(1, 0, 0.5, 1); -webkit-transition: 1s cubic-bezier(1, 0, 0.5, 1); -ms-transition: 1s cubic-bezier(1, 0, 0.5, 1); } .skills .skill .skill-bar span b { float: left; width: 100%; position: relative; text-align: right; opacity: 0; font-size: 0.9em; color: #fff; font-weight: 400; top: -40px; } .portfolio { margin: 100px 0 70px 0; } .single-portfolio article.portfolio { padding: 0; } .portfolio .widget { margin: 0; } .portfolio .widget.widget_text { text-align: center; max-width: 830px; margin: 0 auto 60px; } .portfolio .widget.widget_text .textwidget { font-size: 0.9em; } .portfolio .widget.widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .portfolio-holder img { width: 100%; vertical-align: top; } .portfolio-holder .button-group { text-align: center; margin: 0 0 50px; } .portfolio-holder .button-group .button { border: 0; font-size: 1.1em; border: 0; padding: 0 5px 5px; margin: 0 25px; font-weight: 700; color: #4a4a4a; position: relative; } .portfolio-holder .button-group .button:hover, .portfolio-holder .button-group .button:focus { background: none; color: var(--primary-color); } .portfolio-holder .button-group .button:after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: var(--primary-color); opacity: 0; } .portfolio-holder .button-group .button.is-checked { color: var(--primary-color); } .portfolio-holder .button-group .button.is-checked:after { opacity: 1; } .portfolio-holder .filter-grid .element-item { padding: 15px; width: 20%; } .portfolio-holder .filter-grid .element-item .img-holder { position: relative; } .portfolio-holder .filter-grid .element-item .img-holder a { display: block; } .portfolio-holder .filter-grid .element-item .img-holder a:focus { outline-offset: 2px; } .portfolio-holder .filter-grid .element-item .img-holder .text-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 163, 243, 0.9); -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; opacity: 0; pointer-events: none; } .portfolio-holder .filter-grid .element-item .img-holder:hover .text-holder, .portfolio-holder .filter-grid .element-item .img-holder:focus .text-holder, .portfolio-holder .filter-grid .element-item .img-holder:focus-within .text-holder { opacity: 1; } .portfolio-holder .filter-grid .element-item .img-holder .text-holder .text { position: absolute; top: 50%; left: 0; color: #fff; font-size: 0.9em; text-align: center; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-holder .filter-grid .element-item .img-holder .text-holder .text .title { font-size: 1.222em; font-weight: 700; margin: 0 0 10px; } .tax-rara_portfolio_categories .archive-description { margin-top: 20px; } .tax-rara_portfolio_categories .filter-grid { } .tax-rara_portfolio_categories .filter-grid article { padding: 15px; margin-bottom: 0; float: left; width: 33.33%; } .tax-rara_portfolio_categories .portfolio-holder .filter-grid article .element-item { width: 100%; padding: 0; } .tax-rara_portfolio_categories .breadcrumb-wrapper, .tax-rara_portfolio_categories .page-header { text-align: center; } .tax-rara_portfolio_categories .filter-grid .navigation { grid-column: 1 / span 3; text-align: center; margin-top: 30px; width: 100%; clear: both; } .tax-rara_portfolio_categories .pagination .page-numbers { float: none; display: inline-block; } .our-pricing { padding: 70px 0; } .our-pricing .widget { margin: 0; } .our-pricing .section-header { text-align: center; max-width: 830px; margin: 0 auto 110px; } .our-pricing .section-header .widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .our-pricing .section-header .widget_text .textwidget { font-size: 0.9em; } .our-pricing .pricing-holder { text-align: center; } .our-pricing .pricing-holder .col { display: inline-block; width: 33.333%; background: #fff; box-shadow: 0 0 18px rgba(0, 0, 0, 0.09); vertical-align: middle; border-radius: 5px; padding: 80px 20px; } .our-pricing .pricing-holder .col h3 { font-size: 1.2em; font-weight: 700; color: #111; margin: 0 0 25px; } .our-pricing .pricing-holder .col .icon-holder { margin: 0 0 30px; } .our-pricing .pricing-holder .col .price-holder { font-size: 2.25em; color: #111; font-weight: 700; margin: 0 0 20px; } .our-pricing .pricing-holder .col .price-holder .currency { font-size: 0.444em; } .our-pricing .pricing-holder .col .price-holder .per-value { font-size: 0.444em; font-weight: 400; } .our-pricing .pricing-holder .col .plan-list { margin: 0 0 30px; padding: 0; list-style: none; font-size: 0.9em; } .our-pricing .pricing-holder .col .plan-list li { margin: 0 0 10px; } .our-pricing .pricing-holder .col .btn-signup { font-size: 0.8em; font-weight: 900; text-transform: uppercase; border-radius: 5px; border: 1px solid var(--primary-color); display: inline-block; padding: 15px 50px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .our-pricing .pricing-holder .col.popular-plan .btn-signup { border-color: #fff; background: #fff; color: var(--primary-color); } .our-pricing .pricing-holder .col .btn-signup:hover, .our-pricing .pricing-holder .col .btn-signup:focus { text-decoration: none; background: var(--primary-color); color: #fff; } .our-pricing .pricing-holder .col.popular-plan { background: var(--primary-color); position: relative; z-index: 1; -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); } .our-pricing .pricing-holder .col.popular-plan h3, .our-pricing .pricing-holder .col.popular-plan .price-holder, .our-pricing .pricing-holder .col.popular-plan .plan-list { color: #fff; } .our-pricing .pricing-holder .col.popular-plan .tag { color: #fff; font-size: 0.7em; text-transform: uppercase; letter-spacing: 2px; background: #58c2f9; border-radius: 5px; padding: 5px 15px; position: absolute; top: -17px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .our-pricing .pricing-holder .col.premium-plan h3, .our-pricing .pricing-holder .col.premium-plan .price-holder { color: var(--primary-color); } .blog-section { margin: 100px 0 70px 0; } .blog-section .widget { margin: 0; } .blog-section .section-header { text-align: center; max-width: 830px; margin: 0 auto 60px; } .blog-section .section-header .widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .blog-section .section-header .widget_text .textwidget { font-size: 0.9em; } .blog-section .grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .blog-section .container .blog-more { text-align: center; padding-top: 20px; } .blog-section .blog-post .post-thumbnail { display: block; margin: 0 0 35px; } .blog-section .blog-post .post-thumbnail:focus { outline-offset: 2px; } .blog-section .blog-post .post-thumbnail img { vertical-align: top; border-radius: 5px; } .blog-section .blog-post .entry-title { line-height: 1.272em; font-size: 1.1em; font-weight: 700; margin: 0 0 10px; } .blog-section .blog-post .entry-title a { color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .blog-section .blog-post .entry-title a:hover, .blog-section .blog-post .entry-title a:focus { text-decoration: none; color: var(--primary-color); } .blog-section .blog-post .entry-meta { font-size: 0.9em; line-height: 1.444em; font-weight: 300; color: #7b7b7b; } .byline { text-transform: capitalize; } .blog-section .blog-post .entry-meta a { color: #7b7b7b; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .blog-section .blog-post .entry-meta a:hover, .blog-section .blog-post .entry-meta a:focus { text-decoration: none; color: var(--primary-color); } .blog-section .blog-post .entry-meta .posted-on, .blog-section .blog-post .entry-meta .separator { margin-right: 10px; } .cta>.container { max-width: 100%; padding: 0; } .cta .widget { margin: 0; } .widget_raratheme_companion_cta_widget .text, .widget_raratheme_companion_cta_widget .bttk-cta-bg { color: #fff; padding: 50px; } .cta .widget_raratheme_companion_cta_widget .text, .cta .widget_raratheme_companion_cta_widget .bttk-cta-bg { padding: 100px 0; } .widget_raratheme_companion_cta_widget .bttk-cta-bg { position: relative; z-index: 1; } .widget_raratheme_companion_cta_widget .bttk-cta-bg::before { content: ""; background: rgba(0, 0, 0, 0.55); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .centered { text-align: center; } .cta .widget_raratheme_companion_cta_widget .raratheme-cta-container { max-width: 1170px; margin-left: auto; margin-right: auto; padding: 0 15px; } .cta .widget_raratheme_companion_cta_widget .right .raratheme-cta-container { position: relative; } .cta .widget .widget-title { font-size: 2.3em; font-weight: 700; margin: 0 0 20px; line-height: 1; } .cta .widget .text-holder { font-size: 0.9em; } .cta .widget .text-holder p { margin: 0; } .cta .widget .button-wrap { margin: 80px 0 0; } .cta .widget .btn-cta { display: inline-block; background: #fff; border-radius: 5px; border: 1px solid #fff; font-size: 1.2em; font-weight: 700; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; padding: 25px 100px; margin: 0 5px; } .cta .widget .btn-cta:hover, .cta .widget .btn-cta:focus { text-decoration: none; background: none; color: #fff; } .cta .widget .btn-cta:focus { outline: thin dotted #fff; outline-offset: 2px; } .cta .widget .right { text-align: left; position: relative; } .cta .widget .right .widget-title, .cta .widget .right .text-holder { width: 50%; } .cta .widget .right .button-wrap { margin: 0; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .cta .widget .right .btn-cta { padding: 15px 50px; } .faq-section { margin: 100px 0; padding-bottom: 100px; border-bottom: 1px solid #d8d8d8; } .faq-section .widget { margin: 0 auto 50px; max-width: 770px; } .faq-section .widget.widget_text { text-align: center; margin-bottom: 60px; } .faq-section .widget.widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .faq-section .widget.widget_text .textwidget { font-size: 0.9em; } .faq-section .widget { max-width: 770px; margin: 0 auto; } .faq-section .widget .accordion { margin: 0; padding: 0; list-style: none; } .faq-section .widget .accordion li { padding: 30px; margin: 0; position: relative; z-index: 1; } .faq-section .widget .accordion li::before, .faq-section .widget .accordion li::after { content: ""; background: #d8d8d8; top: 0; left: 0; height: 1px; position: absolute; width: 100%; border-radius: 5px; z-index: -1; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } .faq-section .widget .accordion li::before { left: 30px; width: auto; right: 0; } .faq-section .widget .accordion li::after { background: none; border: 1px solid transparent; } .faq-section .widget .accordion li.show::before, .faq-section .widget .accordion li:first-child::before, .faq-section .widget .accordion li.show+li:before { opacity: 0; visibility: hidden; } .faq-section .widget .accordion li.show::after { height: 100%; border-color: #d8d8d8; } .faq-section .widget .accordion li .toggle { font-size: 20px; font-weight: 700; color: #4a4a4a; display: block; margin: 0; position: relative; padding: 0 30px 0 0; letter-spacing: 0; } .faq-section .widget .accordion li .toggle:after { width: 18px; height: 2px; background: #d8d8d8; content: ""; position: absolute; top: 14px; right: 0; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } .faq-section .widget .accordion li .toggle:before { width: 2px; height: 18px; background: #d8d8d8; content: ""; position: absolute; top: 6px; right: 7px; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } .faq-section .widget .accordion li.show .toggle:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .faq-section .widget .accordion li.show .toggle:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } .faq-section .btn-holder { text-align: center; } .faq-section .btn-holder .btn-view { display: inline-block; font-size: 0.8em; font-weight: 900; text-transform: uppercase; border: 1px solid var(--primary-color); border-radius: 5px; padding: 15px 47px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .faq-section .btn-holder .btn-view:hover, .faq-section .btn-holder .btn-view:focus { text-decoration: none; background: var(--primary-color); color: #fff; } .contact-section { padding: 70px 0; } .contact-section .widget { margin: 0 auto 50px; max-width: 770px; } .contact-section .section-header { text-align: center; max-width: 830px; margin: 0 auto 60px; } .contact-section .section-header .widget_text .widget-title { font-weight: 700; color: #111; margin: 0 0 15px; font-size: 2.3em; line-height: 1.13em; } .contact-section .section-header .widget_text .textwidget { font-size: 0.9em; } .contact-section .holder { display: flex; flex-direction: row; } .contact-section .holder .left { align-items: flex-start; margin-right: 30px; width: 50%; } .contact-section .holder .left .contact-detail { overflow: hidden; font-size: 0.9em; font-weight: 400; color: #111; margin: 0 0 20px; } .contact-section .holder .left .contact-detail a { color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .contact-section .holder .left .contact-detail a:hover, .contact-section .holder .left .contact-detail a:focus { text-decoration: none; color: var(--primary-color); } .contact-section .holder .left .contact-detail .tel-link, .contact-section .holder .left .contact-detail address, .contact-section .holder .left .contact-detail .email-link, .contact-section .holder .left .contact-detail .social-networks { display: inline-block; vertical-align: top; margin: 0 40px 10px 0; font-style: normal; } .contact-section .holder .left .contact-detail svg { margin-right: 10px; } .contact-section .holder .left .contact-detail .social-networks { margin: 0; padding: 0; list-style: none; overflow: hidden; } .contact-section .holder .left .contact-detail .social-networks li { float: left; margin-right: 15px; margin-bottom: 15px; } .contact-section .holder .left .map-holder img { vertical-align: top; border-radius: 5px; } .contact-section .holder .form-holder { align-items: flex-start; flex: 1 0 0; } .our-clients { margin: 100px 0; } .our-clients .widget { margin: 0; } .our-clients .widget .widget-title { font-weight: 700; color: #111; font-size: 2.3em; line-height: 1.13em; text-align: center; grid-column: 1 / span 4; } .our-clients .widget .raratheme-client-logo-inner-holder { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; align-items: center; text-align: center; } .our-clients .widget .image-holder a { display: block; } .our-clients .widget .image-holder img { vertical-align: top; } .our-clients .widget .image-holder img.black-white { filter: grayscale(100%); -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .our-clients .widget .image-holder a:hover>img.black-white { filter: grayscale(0); } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; font-size: 1.6em; line-height: 1; } #content { padding: 70px 0; } #content .content-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 60px; } #primary { grid-column: 1 / span 2; } .fullwidth-wide #primary { grid-column: 1 / span 3; } .leftsidebar #primary { grid-column-start: 2; } #primary .post { margin-bottom: 70px; } #primary .post .entry-header { margin: 0 0 45px; } #primary .post .entry-header .entry-meta { font-size: 0.9em; line-height: 1.444em; font-weight: 300; color: #7b7b7b; margin: 0 0 15px; } #primary .post .entry-header .entry-meta a { color: #7b7b7b; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } #primary .post .entry-header .entry-meta a:hover, #primary .post .entry-header .entry-meta a:focus { text-decoration: none; color: var(--primary-color); } #primary .post .entry-header .entry-meta .separator { margin-right: 10px; margin-left: 10px; } #primary .site-main article .entry-header .entry-title { font-size: 1.6em; line-height: 1.235em; } #primary .site-main article .entry-header .entry-title a { color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } #primary .site-main article .entry-header .entry-title a:hover, #primary .site-main article .entry-header .entry-title a:focus { text-decoration: none; color: var(--primary-color); } #primary .site-main article .post-thumbnail { display: block; margin: 0 0 45px; } #primary .site-main article .post-thumbnail:focus { outline-offset: 2px; } #primary .site-main article .post-thumbnail img { vertical-align: top; border-radius: 5px; } #primary .site-main article .entry-content { margin: 0; } #primary .site-main article .entry-footer { margin-top: 15px; } #primary .site-main article .entry-footer:after { content: ""; display: block; clear: both; } #primary .site-main article .entry-footer .btn-readmore { float: left; font-size: 0.8em; font-weight: 900; text-transform: uppercase; border: 1px solid var(--primary-color); border-radius: 5px; padding: 15px 36px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } #primary .site-main article .entry-footer .btn-readmore:hover, #primary .site-main article .entry-footer .btn-readmore:focus { text-decoration: none; color: #fff; background: var(--primary-color); } .post-navigation { margin-bottom: 60px; } .pagination .prev, .pagination .next { display: none !important; } .navigation .nav-links:before, .navigation .nav-links:after { content: ""; display: table; } .navigation .nav-links:after { clear: both; } .pagination .page-numbers { float: left; font-size: 0.9em; font-weight: 400; margin-right: 10px; border: 1px solid #d9d9d9; border-radius: 50%; padding: 5px 14px; color: #4a4a4a; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .pagination a:hover, .pagination a:focus, .pagination .current { background: var(--primary-color); border-color: var(--primary-color); color: #fff; } .post-navigation .nav-links a { font-size: 16px; position: relative; color: #4a4a4a; display: inline-block; padding-left: 55px; padding-right: 5px; font-weight: 400; letter-spacing: 0.5px; } .post-navigation .nav-links div.nav-next a { padding-left: 5px; padding-right: 55px; } .post-navigation .nav-links a span.nav-arrow { position: absolute; top: 6px; left: 0; width: 40px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 100%; text-align: center; line-height: 39px; font-size: 16px; font-weight: 600; } .post-navigation .nav-links div.nav-next a span.nav-arrow { left: auto; right: 0; } .post-navigation .nav-links a span { color: #4a4a4a; display: block; font-weight: 600; font-family: var(--secondary-font), sans-serif; } .post-navigation .nav-links div a:hover { color: var(--primary-color); } .post-navigation .nav-links div a:hover svg { border-color: var(--primary-color); } .full-width #content .content-grid { max-width: 770px; margin: 0 auto; } .full-width #primary { grid-column: 1 / span 3; } .full-width #primary .post { text-align: center; } .full-width #primary .post .entry-footer .btn-readmore { float: none; display: inline-block; } .full-width .pagination { text-align: center; } .full-width .pagination .page-numbers { float: none; display: inline-block; margin: 0 5px; } #crumbs { margin: 0 0 15px; line-height: 1.625em; font-size: 0.8em; color: #7b7b7b; } #crumbs a { color: #7b7b7b; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } #crumbs a:hover, #crumbs a:focus { text-decoration: none; color: var(--primary-color); } .full-width #crumbs { text-align: center; } #crumbs .current a { pointer-events: none; cursor: default; } #crumbs span.separator { margin: 0 5px; } .page-header { margin: 0 0 60px; } .page-header .page-title { font-size: 2.25em; line-height: 1.111em; font-weight: 700; margin: 0 0 5px; color: #111; } .page-header span, .page-header p { font-size: 0.9em; } .full-width .page-header { text-align: center; } .search-no-results .content-area .page-header { display: none; } .search-no-results .content-area .site-main .page-header { display: block; margin-bottom: 30px; } .search .page-header .page-title { font-size: 1.7em; } .portfolio-holder .no-results { text-align: center; max-width: 640px; margin-left: auto; margin-right: auto; } .page-header .search-form, .no-results .search-form { margin-top: 15px; width: 100%; border: 1px solid #d8d8d8; border-radius: 5px; padding: 16px 20px; } .page-header .search-form:after, .no-results .search-form:after { content: ""; display: block; clear: both; } .page-header .search-form label, .no-results .search-form label { float: left; width: 95%; } .page-header .search-form input[type="search"], .no-results .search-form input[type="search"] { border: 0; padding: 0; margin: 0; background: none; float: left; font-size: 0.9em; } .page-header .search-form input[type="submit"], .no-results .search-form input[type="submit"] { float: right; font-size: 0; border: 0; border-radius: 0; padding: 0; background: url(https://stoixiplay.com/pimobep/images/bg-search.png) no-repeat; width: 15px; height: 15px; margin: 6px 0 0; } .tax-rara_portfolio_categories .no-results .page-header { margin-bottom: 0; } .tax-rara_portfolio_categories .no-results .page-header .page-title { font-size: 1.3em; } .tax-rara_portfolio_categories .no-results .page-content { margin-top: 20px; } .error404 .page-header .page-title { font-size: 1.7em; } .error-holder { display: flex; flex-direction: row; align-items: center; margin: 0 0 80px; } .error-holder .img-holder { margin-right: 60px; width: 515px; align-items: flex-start; } .error-holder .text-holder { align-items: flex-start; flex: 1 0 0; } .error-holder .text-holder h2 { line-height: 1.272em; font-size: 1.1em; color: #111; margin: 0 0 40px; } .error-holder .text-holder span { font-size: 0.9em; display: block; margin: 0 0 10px; } .error-holder .text-holder .search-form { width: 100%; border: 1px solid #d8d8d8; border-radius: 5px; padding: 16px 20px; margin: 0 0 50px; } .error-holder .text-holder .search-form:after { content: ""; display: block; clear: both; } .error-holder .text-holder .search-form label { float: left; width: 95%; } .error-holder .text-holder .search-form input[type="search"] { border: 0; padding: 0; margin: 0; background: none; float: left; font-size: 0.9em; } .error-holder .text-holder .search-form input[type="submit"] { float: right; font-size: 0; border: 0; border-radius: 0; padding: 0; background: url(https://stoixiplay.com/pimobep/images/bg-search.png) no-repeat; width: 15px; height: 15px; margin: 6px 0 0; } .error-holder .text-holder .btn-home { display: inline-block; font-size: 0.8em; font-weight: 900; text-transform: uppercase; border: 1px solid var(--primary-color); border-radius: 5px; padding: 15px 36px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .error-holder .text-holder .btn-home:hover, .error-holder .text-holder .btn-home:focus { text-decoration: none; color: #fff; background: var(--primary-color); } .error404 .recent-post .section-title { line-height: 1.235em; font-size: 1.7em; color: #111; margin: 0 0 40px; } .error404 .recent-post .grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 60px 30px; } .error404 .recent-post .col .post-thumbnail { display: block; margin: 0 0 30px; } .error404 .recent-post .col .post-thumbnail img { vertical-align: top; border-radius: 5px; } .error404 .recent-post .col .entry-title { line-height: 1.272em; font-size: 1.1em; margin: 0 0 5px; } .error404 .recent-post .col .entry-title a { color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .error404 .recent-post .col .entry-title a:hover, .error404 .recent-post .col .entry-title a:focus { text-decoration: none; color: var(--primary-color); } .error404 .recent-post .col .entry-meta { font-size: 0.9em; } .error404 .recent-post .col .entry-meta .posted-on, .error404 .recent-post .col .entry-meta .separator { margin-right: 10px; } .error404 .recent-post .col .entry-meta a { color: #7b7b7b; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .error404 .recent-post .col .entry-meta a:hover, .error404 .recent-post .col .entry-meta a:focus { text-decoration: none; color: var(--primary-color); } .single #primary .post .entry-header .entry-title { line-height: 1.111em; font-size: 2.25em; color: #111; margin: 0 0 15px; } .single #primary .post .entry-header { margin: 0 0 30px; } #primary .post .entry-content h1, #primary .page .entry-content h1 { font-size: 60px; line-height: 1.667em; color: #111; font-family: var(--secondary-font), sans-serif; font-weight: 700; margin: 0; } #primary .post .entry-content h2, #primary .page .entry-content h2 { font-size: 46px; line-height: 1.217em; color: #111; font-family: var(--secondary-font), sans-serif; font-weight: 700; margin: 0 0 10px; } #primary .post .entry-content h3, #primary .page .entry-content h3 { font-size: 34px; line-height: 1.235em; color: #111; font-family: var(--secondary-font), sans-serif; font-weight: 700; margin: 0 0 10px; } #primary .post .entry-content h4, #primary .page .entry-content h4 { font-size: 22px; line-height: 1.272em; color: #111; font-family: var(--secondary-font), sans-serif; font-weight: 700; margin: 0 0 10px; } #primary .post .entry-content h5, #primary .page .entry-content h5 { font-size: 18px; line-height: 1.444em; color: #111; font-family: var(--secondary-font), sans-serif; font-weight: 700; margin: 0 0 10px; } #primary .post .entry-content h6, #primary .page .entry-content h6 { font-size: 16px; line-height: 1.444em; color: #111; font-family: var(--secondary-font), sans-serif; font-weight: 700; margin: 0 0 10px; } #primary .post .entry-content blockquote, #primary .page .entry-content blockquote { font-size: 1.1em; line-height: 1.363em; font-style: italic; margin: 0 0 1.5em; padding: 34px 60px; border: 1px solid #d8d8d8; border-radius: 5px; font-weight: 400; } #primary .post .entry-content blockquote p, #primary .page .entry-content blockquote p { margin: 0; } #primary .post .entry-content .pull-right, #primary .page .entry-content .pull-right { float: right; width: 370px; border-left: 1px solid #d8d8d8; font-weight: 400; font-style: italic; padding: 20px 0 20px 30px; line-height: 1.5em; margin-left: 20px; } #primary .post .entry-content .pull-left, #primary .page .entry-content .pull-left { float: left; width: 370px; border-right: 1px solid #d8d8d8; font-weight: 400; font-style: italic; padding: 20px 30px 20px 0; line-height: 1.5em; margin-right: 20px; } #primary .post .entry-content .highlight, #primary .page .entry-content .highlight { background: #e6f6fe; } #primary .post .entry-content ol, #primary .page .entry-content ol { margin: 0 0 1.5em; padding: 0; list-style: none; font-size: 0.9em; font-weight: 400; counter-reset: section; } #primary .post .entry-content ol>li, #primary .page .entry-content ol>li { margin: 0 0 20px; } #primary .post .entry-content ol>li:before, #primary .page .entry-content ol>li:before { counter-increment: section; content: counter(section); border: 1px solid #d9d9d9; margin-right: 15px; padding: 8px 14px; border-radius: 50%; } #primary .post .entry-content li>ol, #primary .page .entry-content li>ol, #primary .post .entry-content li>ul, #primary .page .entry-content li>ul { font-size: 1em; margin: 1.5em 0 1.5em 1.5em; } #primary .post .entry-content ul, #primary .page .entry-content ul { margin: 0 0 1.5em; padding: 0; list-style: none; font-size: 0.9em; font-weight: 400; } #primary .post .entry-content ul>li:before, #primary .page .entry-content ul>li:before { content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%234a4a4a" d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z"></path></svg>'); background-repeat: no-repeat; width: 15px; height: 15px; margin-right: 15px; display: inline-block; background-position: center; vertical-align: middle; } #primary .post .entry-content ul>li, #primary .page .entry-content ul>li { margin: 0 0 20px; } #primary .post .entry-content table, #primary .page .entry-content table { width: 100%; border: 1px solid #dde4e6; border-collapse: separate; border-radius: 5px; } #primary .post .entry-content table tbody tr:nth-child(2n), #primary .page .entry-content table tbody tr:nth-child(2n) { background: #fcfdfd; } #primary .post .entry-content table tbody td, #primary .page .entry-content table tbody td { border-bottom: 1px solid #dde4e6; border-right: 1px solid #dde4e6; padding: 1vw 1.5vw; } #primary .post .entry-content table tbody tr:last-child td, #primary .page .entry-content table tbody tr:last-child td { border-bottom: 0; } #primary .post .entry-content table tbody td:last-child, #primary .page .entry-content table tbody td:last-child { border-right: 0; } #primary .post .entry-content table thead th, #primary .page .entry-content table thead th { background: #d0e5f2; text-align: left; padding: 1vw 1.5vw; } #primary .post .entry-content table thead th:nth-child(2n), #primary .page .entry-content table thead th:nth-child(2n) { background: #e7f2f9; } #primary .post .entry-footer .social-share { margin: 0 0 30px; } #primary .post .entry-footer .social-share strong { font-size: 1.1em; font-weight: 700; color: #111; margin-right: 25px; } #primary .post .entry-footer .tag { overflow: hidden; line-height: 1.444em; font-size: 0.9em; font-weight: 400; } #primary .post .entry-footer .tag a { float: left; color: #4a4a4a; background: #e7f2f9; border-radius: 40px; padding: 5px 20px; margin-right: 10px; margin-bottom: 5px; display: inline-block; vertical-align: middle; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } #primary .post .entry-footer .tag a:hover, #primary .post .entry-footer .tag a:focus { text-decoration: none; color: #fff; background: var(--primary-color); border-color: var(--primary-color); } .categories { font-size: 0.9em; line-height: 1.444em; display: inline-block; vertical-align: middle; } .categories a { display: inline-block; vertical-align: middle; position: relative; color: #7b7b7b; padding-right: 30px; } .categories a:after { content: "|"; position: absolute; top: 0; right: 15px; } .categories a:last-child:after { display: none; } .single .social-share { display: inline-block; vertical-align: middle; } .author-section { overflow: hidden; border: 1px solid #d8d8d8; padding: 70px; border-radius: 5px; margin: 60px 0; } .author-section .img-holder { float: left; width: 170px; margin: 15px 60px 0 0; } .author-section .img-holder img { vertical-align: top; border-radius: 50%; } .author-section .text-holder { overflow: hidden; font-size: 0.9em; } .author-section .text-holder .name { font-size: 1.222em; color: #111; font-weight: 700; line-height: 1.772em; margin: 0; } .author-section .text-holder .social-networks { margin: 0; padding: 0; list-style: none; overflow: hidden; } .author-section .text-holder .social-networks li { float: left; margin-right: 15px; } .author-section .text-holder .social-networks li a { display: block; text-align: center; background: var(--primary-color); color: #fff; width: 36px; height: 36px; border-radius: 50%; font-size: 17px; line-height: 36px; } .author-section .text-holder .social-networks li .fa-facebook { background: #3b5999; } .author-section .text-holder .social-networks li .fa-twitter { background: #55acee; } .author-section .text-holder .social-networks li .fa-instagram { background: #e4405f; } .author-section .text-holder .social-networks li .fa-linkedin { background: #0077b5; } .author-section .text-holder .social-networks li .fa-rss { background: #ff6d00; } .author-section .text-holder .social-networks li .fa-pinterest-p { background: #bd081c; } .related-post, .popular-post { margin: 0 0 60px; } .related-post .section-title, .popular-post .section-title { line-height: 1.272em; font-size: 1.1em; font-weight: 700; color: #111; margin: 0 0 25px; } .related-post .grid, .popular-post .grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px; } .related-post .col .post-thumbnail, .popular-post .col .post-thumbnail { display: block; margin: 0 0 20px; } .related-post .col .post-thumbnail img, .popular-post .col .post-thumbnail img { vertical-align: top; border-radius: 5px; } .related-post .col .entry-title, .popular-post .col .entry-title { line-height: 1.444em; font-size: 0.9em; font-weight: 500; margin: 0; } .related-post .col .entry-title a, .popular-post .col .entry-title a { color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .related-post .col .entry-title a:hover, .related-post .col .entry-title a:focus, .popular-post .col .entry-title a:hover, .popular-post .col .entry-title a:focus { text-decoration: none; color: var(--primary-color); } .comments-area { margin: 0 0 60px; } .comments-area .comments-title { font-size: 1.1em; line-height: 1.272em; color: #111; margin: 0 0 15px; font-weight: 700; } .comments-area ol { margin: 0; padding: 0; list-style: none; } .comments-area .comment-list { background: #f8f9f9; padding: 40px; border-radius: 5px; margin-bottom: 80px; } .comments-area .comment-body { overflow: hidden; margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; } .comments-area li:last-child .comment-body { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .comments-area .comment-body .comment-meta { float: left; width: 70px; margin-right: 20px; } .comments-area .comment-body .comment-meta img { border-radius: 50%; vertical-align: top; } .comments-area .comment-body .text-holder { overflow: hidden; } .comments-area .comment-body .text-holder .top { overflow: hidden; margin: 0 0 5px; } .comments-area .comment-body .text-holder .top .left { float: left; } .comments-area .comment-body .text-holder .top .reply { float: right; } .comments-area .comment-body .fn { font-size: 0.9em; line-height: 1.444em; color: #111; margin: 0; display: block; font-weight: 700; } .comments-area .comment-body .fn a { color: #111; } .comments-area .comment-body .fn a:hover, .comments-area .comment-body .fn a:focus { text-decoration: none; color: #f3c9dd; } .comments-area .comment-body .says { display: none; } .comments-area .comment-body .comment-metadata { font-size: 0.8em; } .comments-area .comment-body .comment-metadata a { color: #4a4a4a; } .comments-area .comment-body .comment-metadata a:hover, .comments-area .comment-body .comment-metadata a:focus { text-decoration: none; color: var(--primary-color); } .comments-area .comment-body .reply { font-size: 0.7em; letter-spacing: 1px; text-transform: uppercase; } .comments-area .comment-body .reply a { text-decoration: none; color: #8f8f8f; } .comments-area .comment-body .reply a:hover, .comments-area .comment-body .reply a:focus { text-decoration: none; color: var(--primary-color); } .comments-area .comment-body .comment-content { font-size: 0.9em; } .comments-area .comment-body .comment-content p { margin: 0 0 5px; } .comments-area .children { margin-left: 25px; } .comments-area .children li { padding-left: 30px; position: relative; } .comments-area .bypostauthor .comment-body { background: #fff; padding: 25px 30px; border-radius: 5px; border: 1px solid #ededed; } .comments-area .comment-reply-title { font-size: 1.1em; line-height: 1.272em; color: #111; margin: 0 0 5px; font-weight: 700; } .comments-area .comment-form label { display: block; margin: 0 0 5px; display: none; } .comments-area .comment-form p.comment-form-cookies-consent { grid-column: 1 / span 2; } .comments-area .comment-form .comment-form-cookies-consent input#wp-comment-cookies-consent { display: inline-block; vertical-align: middle; } .comments-area .comment-form label[for="wp-comment-cookies-consent"] { display: inline-block; font-size: 16px; margin-left: 5px; } .comments-area .comment-form { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px 30px; } .comments-area .comment-form p { margin: 0; } .comments-area .comment-form .comment-notes { font-size: 0.9em; grid-column: 1 / span 2; } .comments-area .comment-form .comment-form-url, .comments-area .comment-form .comment-form-comment, .comments-area .comment-form .form-submit { grid-column: 1 / span 2; } .comments-area .comment-form input[type="text"], .comments-area .comment-form input[type="email"], .comments-area .comment-form input[type="url"] { width: 100%; } .single.full-width #primary .post { text-align: left; } .single.full-width #primary .post .entry-header { text-align: center; } .single.full-width #primary .post .entry-footer { text-align: center; } .single.full-width #primary .post .entry-footer .category a { float: none; display: inline-block; margin: 0 5px; } .single.full-width .related-post, .single.full-width .popular-post { text-align: center; } .single.full-width .related-post .grid, .single.full-width .popular-post .grid { grid-gap: 60px 30px; } .full-width .comments-area .comments-title, .full-width .comments-area .comment-reply-title, .full-width .comments-area .comment-form .comment-notes, .full-width .comments-area .comment-form .form-submit { text-align: center; } .contact-grid { display: flex; flex-direction: row; } .contact-grid .left { align-items: flex-start; width: 50%; margin-right: 30px; } .contact-grid .right { align-items: flex-start; flex: 1 0 0; } .contact-grid .right .map-holder { margin: 0 0 40px; } .contact-grid .right .map-holder img { vertical-align: top; border-radius: 5px; } .contact-grid .right .contact-info h3 { font-size: 1.2em; font-weight: 700; color: #111; margin: 0 0 15px; } .contact-grid .right .contact-info .phone, .contact-grid .right .contact-info .address, .contact-grid .right .contact-info .email { font-size: 0.9em; font-weight: 400; color: #111; margin: 0 0 10px; } .contact-grid .right .contact-info .phone a, .contact-grid .right .contact-info .address a, .contact-grid .right .contact-info .email a { color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .contact-grid .right .contact-info .phone svg, .contact-grid .right .contact-info .address svg, .contact-grid .right .contact-info .email svg { margin-right: 10px; } .contact-grid .right .contact-info .address address { font-style: normal; margin: 0; } .contact-grid .right .contact-info .social-networks { margin: 40px 0 0; padding: 0; list-style: none; overflow: hidden; } .contact-grid .right .contact-info .social-networks li { float: left; margin: 0 15px 15px 0; } .contact-grid .right .contact-info .social-networks li a { color: #fff; width: 36px; height: 36px; border-radius: 50%; background: var(--primary-color); text-align: center; line-height: 36px; } .contact-grid .right .contact-info .social-networks li a.fa-facebook { background: #3b5999; } .contact-grid .right .contact-info .social-networks li a.fa-twitter { background: #55acee; } .contact-grid .right .contact-info .social-networks li a.fa-instagram { background: #e4405f; } .contact-grid .right .contact-info .social-networks li a.fa-linkedin { background: #0077b5; } .contact-grid .right .contact-info .social-networks li a.fa-pinterest-p { background: #bd081c; } .contact-grid .right .contact-info .social-networks li a.fa-rss { background: #ff6d00; } .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .team-grid .widget { margin: 0; } .team-grid .widget_rrtc_description_widget .image-holder img { vertical-align: top; border-radius: 5px 5px 0 0; } .team-grid .widget_rrtc_description_widget .rtc-team-holder { background: var(--primary-color); text-align: center; color: #fff; padding: 0 0 20px; border-radius: 5px; } .team-grid .widget_rrtc_description_widget .text-holder { padding: 50px 30px 30px; max-height: 360px; overflow: auto; } .team-grid .widget_rrtc_description_widget .text-holder .name { display: block; line-height: 1em; font-size: 1.047em; font-weight: 700; } .team-grid .widget_rrtc_description_widget .text-holder .designation { display: block; font-size: 0.9em; font-weight: 400; margin: 0 0 15px; } .team-grid .widget_rrtc_description_widget .social-profile { margin: 0; padding: 0; list-style: none; font-size: 1.2em; } .team-grid .widget_rrtc_description_widget .social-profile li { display: inline-block; margin: 0 10px 10px; } .team-grid .widget_rrtc_description_widget .social-profile li a { color: #fff; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .team-grid .widget_rrtc_description_widget .social-profile li a:hover, .team-grid .widget_rrtc_description_widget .social-profile li a:focus { text-decoration: none; opacity: 0.7; } .team-grid .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .team-grid .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 1; } .team-grid .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.5); } .testimonial-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 70px 30px; } .page-template-faq #crumbs { max-width: 770px; margin: 0 auto 15px; text-align: center; } .page-template-faq .page-header { max-width: 770px; margin: 0 auto 60px; text-align: center; } .page-template-faq .widget_raratheme_companion_faqs_widget { max-width: 770px; margin: 0 auto 60px; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion { margin: 0; padding: 0; list-style: none; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li { padding: 30px; margin: 0; position: relative; z-index: 1; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::before, .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::after { content: ""; background: #d8d8d8; top: 0; left: 0; height: 1px; position: absolute; width: 100%; border-radius: 5px; z-index: -1; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::before { left: 30px; width: auto; right: 0; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::after { background: none; border: 1px solid transparent; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show::before, .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li:first-child::before, .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show+li:before { opacity: 0; visibility: hidden; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show::after { height: 100%; border-color: #d8d8d8; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle { font-size: 0.9em; font-weight: 700; color: #4a4a4a; display: block; margin: 0; position: relative; padding: 0 30px 0 0; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle:after { width: 18px; height: 2px; background: #d8d8d8; content: ""; position: absolute; top: 14px; right: 0; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle:before { width: 2px; height: 18px; background: #d8d8d8; content: ""; position: absolute; top: 6px; right: 7px; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } .page-template-portfolio #crumbs { max-width: 830px; margin: 0 auto 15px; text-align: center; } .page-template-portfolio .page-header { max-width: 830px; margin: 0 auto 60px; text-align: center; } .page-template-portfolio .portfolio-holder .filter-grid .element-item { width: 33.3333%; } #secondary { grid-column: 3 / span 1; overflow: hidden; } .leftsidebar #secondary { grid-column-start: 1; grid-row-start: 1; } .site-footer { background: #118bcb; } .site-footer .footer-t { padding: 70px 0; } .footer-t .grid { color: #fff; } .footer-t .grid .col { display: inline-block; vertical-align: top; width: 22.33%; margin-right: 3%; } .footer-t .grid .col:last-child { margin-right: 0; } .footer-t .widget-title { font-size: 1.1em; margin-bottom: 20px; font-weight: 600; } .widget_text .textwidget { font-size: 0.9em; letter-spacing: 0.8px; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li { font-weight: 600; font-size: 0.9em; margin-bottom: 10px; letter-spacing: 0.8px; } .footer-t .widget ul li a, .site-footer .widget .textwidget a { color: #fff; } .site-footer .widget .textwidget a:hover { color: #fff; opacity: 0.7; } .widget ul li a { color: #4a4a4a; } .widget ul li a:hover { color: var(--primary-color); } .site-footer .footer-b { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); text-align: center; color: #fff; font-size: 0.9em; } .site-footer .footer-b a { color: #fff; } .site-footer .footer-b a:hover, .site-footer .footer-b a:focus { text-decoration: underline; } .site-footer .footer-b .separator { margin: 0 10px; } .header-t #primary-toggle-button { display: none; } .responsive-menu-holder { display: none; } span.policy_link { display: inline-block; margin-left: 10px; } .widget_search .search-form:after, .widget_product_search .search-form:after { content: ""; display: block; clear: both; } .widget_search .search-form { margin-top: 15px; width: 100%; border: 1px solid #d8d8d8; border-radius: 5px; padding: 16px 20px; } .widget_search .search-form label { float: left; width: calc(100% - 15px); } .widget_search .search-form input[type="search"] { border: 0; padding: 0; margin: 0; background: none; float: left; font-size: 0.9em; } .widget_search .search-form input[type="submit"] { float: right; font-size: 0; border: 0; border-radius: 0; padding: 0; background: url(https://stoixiplay.com/pimobep/images/bg-search.png) no-repeat; width: 15px; height: 15px; margin: 6px 0 0; } .widget_product_search .search-form { border: 1px solid #ddd; border-radius: 5px; } .widget_product_search .search-form input.search-field { width: calc(100% - 50px); float: left; border: none; } .widget_product_search .search-form label[for="submit-field"] { width: 40px; display: inline-block; border-radius: 5px; position: relative; overflow: hidden; padding: 15px 0; text-align: center; cursor: pointer; } .widget_product_search .search-form label[for="submit-field"]:hover { color: var(--primary-color); } .widget_product_search .search-form input.search-submit { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } #secondary .widget_recent_entries ul li, #secondary .widget_recent_comments ul li, #secondary .widget_archive ul li, #secondary .widget_categories ul li, #secondary .widget_meta ul li, #secondary .widget_nav_menu ul li, #secondary .widget_pages ul li, .widget_rss ul li, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .widget_product_categories ul li { font-weight: 400; border-bottom: 1px solid #d8d8d8; padding-bottom: 15px; margin-bottom: 15px; position: relative; padding-left: 20px; } #secondary .widget_recent_entries ul li:last-child, #secondary .widget_recent_comments ul li:last-child, #secondary .widget_archive ul li:last-child, #secondary .widget_categories ul li:last-child, #secondary .widget_meta ul li:last-child, #secondary .widget_nav_menu ul li:last-child, #secondary .widget_pages ul li:last-child, .widget_rss ul li:last-child, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child, .widget_product_categories ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } #secondary .widget_recent_entries ul li:before, #secondary .widget_recent_comments ul li:before, #secondary .widget_archive ul li:before, #secondary .widget_categories ul li:before, #secondary .widget_meta ul li:before, #secondary .widget_nav_menu ul li:before, #secondary .widget_pages ul li:before, .widget_rss ul li:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before, .widget_product_categories ul li:before { content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23b5b5b5" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"></path></svg>'); background-repeat: no-repeat; width: 15px; height: 20px; background-position: center; position: absolute; top: 6px; left: 0; font-size: 1.2em; } #secondary .widget_nav_menu ul li ul, #secondary .widget_pages ul li ul, #secondary .widget_categories ul li ul, .widget_product_categories ul li ul { margin-left: 10px; } #secondary .widget_nav_menu ul ul li:first-child, #secondary .widget_pages ul ul li:first-child, #secondary .widget_categories ul ul li:first-child, .widget_product_categories ul ul li:first-child { margin-top: 15px; } .widget_categories select, .widget_archive select { height: 50px; border-radius: 5px; padding: 0 10px; width: 100%; } .widget ul li span.post-date { display: block; font-size: 14px; color: var(--primary-color); } #secondary .widget { margin-bottom: 70px; } #secondary .widget:last-child { margin-bottom: 0; } .widget_tag_cloud a { display: inline-block; font-size: 0.9em !important; color: #4a4a4a; font-weight: 400; border: 1px solid #d8d8d8; margin-right: 3px; margin-bottom: 8px; padding: 8px 25px; border-radius: 5px; } .widget_tag_cloud a:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; } .widget_rss ul li { font-weight: 400; } .widget_rss ul li a { color: var(--primary-color); } .widget_rss ul li a:hover { text-decoration: underline; } .widget_calendar table { margin-bottom: 0; } .widget_calendar table caption { background: var(--primary-color); color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: 5px; } .widget_calendar table tr th { padding: 5px; border: 1px solid var(--primary-color); font-size: 16px; } .widget_calendar table tr td { text-align: center; font-size: 16px; padding: 5px; border: 1px solid var(--primary-color); } .widget_calendar .wp-calendar-nav { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; border: 1px solid var(--primary-color); border-top: none; } .widget_calendar .wp-calendar-nav span { font-size: 16px; font-weight: 600; padding: 5px 20px; display: inline-block; } .widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev { width: 40%; border-right: 1px solid var(--primary-color); text-align: left; } .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next { width: 40%; border-left: 1px solid var(--primary-color); text-align: right; } footer .widget_calendar table tr th, footer .widget_calendar table tr td, footer .widget_calendar .wp-calendar-nav, footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev, footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next { border-color: rgba(255, 255, 255, 1); } footer .widget_calendar a { color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev a:hover, footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next a:hover { color: #fff; } .widget_calendar table tr td#today { background: var(--primary-color); color: #fff; } .widget_calendar table tr td#today a { color: #4a4a4a; } .widget_calendar table tr td#prev { text-align: left; padding-left: 20px; font-weight: 600; } .widget_calendar table tr td#next { text-align: right; padding-right: 20px; font-weight: 600; } #secondary .widget.widget_raratheme_companion_cta_widget .widget-title, .top-footer .widget.widget_raratheme_companion_cta_widget .widget-title { color: #fff; } #secondary .widget_raratheme_companion_cta_widget .right, .top-footer .widget_raratheme_companion_cta_widget .right { text-align: right; } #secondary .widget_raratheme_companion_cta_widget .centered, .top-footer .widget_raratheme_companion_cta_widget .centered { text-align: center; } #secondary .widget_raratheme_companion_cta_widget .button-wrap, .top-footer .widget_raratheme_companion_cta_widget .button-wrap { font-size: 0.9em; } #secondary .widget_raratheme_companion_cta_widget .btn-cta, .top-footer .widget_raratheme_companion_cta_widget .btn-cta { font-size: 0.888em; font-weight: 700; text-transform: uppercase; background: #fff; border: 1px solid #fff; display: inline-block; border-radius: 5px; padding: 16px 37px; margin-top: 20px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } #secondary .widget_raratheme_companion_cta_widget .btn-cta:hover, .top-footer .widget_raratheme_companion_cta_widget .btn-cta:hover { background: var(--primary-color); color: #fff; } #secondary .widget_raratheme_client_logo_widget .image-holder { display: inline-block; margin: 10px; width: 26%; vertical-align: top; } .widget_raratheme_client_logo_widget .image-holder .black-white { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .widget_raratheme_client_logo_widget .image-holder a:hover .black-white { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } #secondary .widget_raratheme_companion_faqs_widget .accordion { margin: 0; padding: 0; list-style: none; text-align: right; } .widget_raratheme_companion_faqs_widget a.expand-faq { font-size: 14px; font-weight: 600; color: #4a4a4a; border-bottom: 2px solid; margin-bottom: 20px; display: inline-block; line-height: 1.4; } .widget_raratheme_companion_faqs_widget a.expand-faq:hover { color: var(--primary-color); } .widget_raratheme_companion_faqs_widget a.expand-faq svg { margin-right: 5px; } #secondary .widget_raratheme_companion_faqs_widget .accordion li { padding: 30px; margin: 0; position: relative; z-index: 1; text-align: left; } #secondary .widget_raratheme_companion_faqs_widget .accordion li::before, #secondary .widget_raratheme_companion_faqs_widget .accordion li::after { content: ""; background: #d8d8d8; top: 0; left: 0; height: 1px; position: absolute; width: 100%; border-radius: 5px; z-index: -1; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } #secondary .widget_raratheme_companion_faqs_widget .accordion li::before { left: 30px; width: auto; right: 0; } #secondary .widget_raratheme_companion_faqs_widget .accordion li::after { background: none; border: 1px solid transparent; } #secondary .widget_raratheme_companion_faqs_widget .accordion li.show::before, #secondary .widget_raratheme_companion_faqs_widget .accordion li:first-child::before, #secondary .widget_raratheme_companion_faqs_widget .accordion .expand-faq+li::before, #secondary .widget_raratheme_companion_faqs_widget .accordion li.show+li:before { opacity: 0; visibility: hidden; } #secondary .widget_raratheme_companion_faqs_widget .accordion li.show::after { height: 100%; border-color: #d8d8d8; } #secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle { font-size: 0.9em; font-weight: 700; color: #4a4a4a; display: block; margin: 0; position: relative; padding: 0 30px 0 0; } .widget_raratheme_companion_faqs_widget .accordion li .toggle { word-break: normal; } #secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle:after { width: 18px; height: 2px; background: #d8d8d8; content: ""; position: absolute; top: 14px; right: 0; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } #secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle:before { width: 2px; height: 18px; background: #d8d8d8; content: ""; position: absolute; top: 6px; right: 7px; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; transition: ease 0.3s; } #secondary .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } #secondary .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } .widget_raratheme_companion_faqs_widget .accordion .inner { font-weight: 400; letter-spacing: 0.5px; font-size: 16px; margin-top: 15px; word-break: normal; } #secondary .widget_raratheme_featured_page_widget .right { text-align: right; } #secondary .widget_raratheme_featured_page_widget .left { text-align: left; } #secondary .widget_raratheme_featured_page_widget .centered { text-align: center; } #secondary .widget_raratheme_featured_page_widget p.section-subtitle { margin-bottom: 10px; font-weight: 600; color: #d8d8d8; font-size: 0.9em; } .btn-readmore { font-size: 14px; font-weight: 900; text-transform: uppercase; border: 1px solid var(--primary-color); display: inline-block; border-radius: 5px; padding: 16px 37px; margin-top: 20px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .btn-readmore:hover { background: var(--primary-color); color: #fff; } .btn-readmore:focus { outline-offset: 2px; } .widget_raratheme_featured_page_widget .img-holder { margin-top: 30px; } #secondary .widget_rrtc_icon_text_widget .rtc-itw-inner-holder { display: grid; grid-row-gap: 30px; text-align: center; } #secondary .widget_rrtc_icon_text_widget .icon-holder { grid-row-start: 1; grid-row-end: 2; } #secondary .widget_rrtc_icon_text_widget .icon-holder svg { font-size: 97px; color: var(--primary-color); } #secondary .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .widget-title { font-size: 1em; } #secondary .widget .widget-title { font-family: var(--secondary-font); font-weight: 700; font-size: 1.1em; color: #000; } #secondary .widget_raratheme_popular_post ul li, #secondary .widget_raratheme_recent_post ul li { margin-bottom: 25px; } #secondary .widget_raratheme_popular_post ul li:last-child, #secondary .widget_raratheme_recent_post ul li:last-child { margin-bottom: 0; } #secondary .widget_raratheme_popular_post ul li .post-thumbnail { width: 110px; border-radius: 5px; overflow: hidden; margin-right: 20px; } #secondary .widget_raratheme_recent_post ul li .post-thumbnail { float: none; width: auto; display: inline-block; margin-right: 0; margin-bottom: 10px; border-radius: 7px; overflow: hidden; } #secondary .widget_raratheme_popular_post ul li .entry-header .entry-title, #secondary .widget_raratheme_recent_post ul li .entry-header .entry-title { font-size: 0.9em; font-family: var(--secondary-font); line-height: 1.4em; letter-spacing: 0; margin-bottom: 0; color: #000; } #secondary .widget_raratheme_popular_post ul li .entry-header .entry-meta, #secondary .widget_raratheme_recent_post ul li .entry-header .entry-meta { margin-top: 10px; } #secondary .widget_raratheme_social_links { text-align: center; border: 1px solid #d8d8d8; border-radius: 6px; padding: 20px; } #secondary .widget_raratheme_social_links ul li { float: none; display: inline-block; margin-right: 0; } #secondary .widget_raratheme_social_links ul li a { width: 36px; height: 36px; line-height: 36px; color: #fff; font-weight: 400; font-size: 17px; border-radius: 100%; margin-right: 10px; } #secondary .widget_raratheme_social_links ul li a:hover { opacity: 0.7; filter: alpha(opacity=70); } .widget.widget_raratheme_social_links ul li a:hover { color: #fff; } .widget_rara_posts_category_slider_widget .carousel-title { margin-top: 20px; } .widget_rara_posts_category_slider_widget .cat-links { display: block; font-size: 0.8em; font-weight: 400; } .widget_rara_posts_category_slider_widget .cat-links a { color: #676767; display: inline-block; margin-right: 15px; } .widget_rara_posts_category_slider_widget .cat-links a:last-child { margin-right: 0; } .widget_rara_posts_category_slider_widget .title { font-size: 0.9em; margin-bottom: 0; } .widget_rara_posts_category_slider_widget .title a { color: #4a4a4a; } .widget_rara_posts_category_slider_widget .cat-links a:hover, .widget_rara_posts_category_slider_widget .title a:hover { color: var(--primary-color); } .widget_rara_posts_category_slider_widget .owl-carousel { padding-bottom: 30px; } .widget_rara_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"] { background: rgba(0, 0, 0, 0.1); top: 30%; width: 40px; height: 40px; line-height: 40px; } .widget_rara_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:hover { background: rgba(0, 0, 0, 0.2); } .widget_rara_posts_category_slider_widget .owl-theme .owl-dots { bottom: 0; } .widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span { background: #ddd; } .widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot.active span, .widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot:hover span { background: var(--primary-color); } .widget_rtc_social_links .rtc-social-icon-wrap { display: inline-block; vertical-align: middle; margin-right: 5px; } .widget_rtc_social_links .rtc-social-icon-wrap a { display: inline-block; vertical-align: middle; border: 1px solid #ddd; width: 40px; text-align: center; height: 40px; line-height: 40px; border-radius: 100%; } .widget_rtc_social_links .rtc-social-icon-wrap a:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; } @media only screen and (min-width: 1400px) { .custom-background #page, .custom-background.homepage.hasbanner .site-header { width: 1370px; } } @media only screen and (max-width: 1230px) { .custom-background #page, .custom-background.homepage.hasbanner .site-header { width: 95%; } .our-features .features-content { max-width: 600px; } .main-header .right .btn-buy { font-size: 0.7em; padding-left: 20px; padding-right: 20px; margin-left: 15px; } .main-navigation ul { font-size: 0.65em; } .main-navigation ul li { margin-left: 25px; } } @media only screen and (max-width: 1024px) { .container, .our-features .features-content { max-width: 768px; } .tax-rara_portfolio_categories .filter-grid { grid-template-columns: repeat(2, 1fr); } .tax-rara_portfolio_categories .filter-grid .navigation { grid-column: 1 / span 2; } .our-features .widget.widget_media_image { position: static; width: 100%; grid-column: 1 / span 2; } .our-features .widget.widget_media_image .wp-caption { position: relative; } .our-features .widget.widget_media_image img { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #content .content-grid { grid-template-columns: repeat(1, 1fr); } .leftsidebar #primary { grid-column: 1 / span 1; } .leftsidebar #secondary { grid-column: 1 / span 1; grid-row-start: 2; } #primary, #secondary { grid-column: 1 / span 3; } .site-header .header-t .contact-info { display: none; } .site-header .social-networks { float: left; font-size: 1.3em; margin-top: 8px; } #primary-toggle-button { display: block; float: right; width: 40px; height: 40px; border-radius: 50%; background: #fff; padding: 12px 0; cursor: pointer; position: relative; } #primary-toggle-button span { display: block; width: 15px; height: 3px; background: var(--primary-color); margin: 0 auto 3px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } #primary-toggle-button.close span:first-child { -webkit-transform: rotate(45deg) translate(5px, 5px); -moz-transform: rotate(45deg) translate(5px, 5px); transform: rotate(45deg) translate(5px, 5px); margin-bottom: 0; } #primary-toggle-button.close span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } #primary-toggle-button.close span:last-child { -webkit-transform: rotate(-45deg) translate(2px, -1px); -moz-transform: rotate(-45deg) translate(2px, -1px); transform: rotate(-45deg) translate(2px, -1px); margin-bottom: 0; } .site-branding { text-align: left; justify-content: center; } .main-header .right { display: none; } .responsive-menu-holder { display: block; position: absolute; top: 0; left: 0; width: 100%; background: var(--primary-color); display: none; padding: 10px 0 40px; z-index: 9999; } .site-header .header-t .responsive-menu-holder a, .site-header .header-t .responsive-menu-holder .address, .site-header .header-t .responsive-menu-holder .contact-info svg { color: rgba(255, 255, 255, 0.7); } .site-header .header-t .responsive-menu-holder a:hover { color: rgba(255, 255, 255, 1); } .site-header .header-t { position: relative; } .header-t.hide-header-top { display: block; } .site-header .header-t.bg-color { background: var(--primary-color); } .site-header .responsive-menu-holder .social-networks-holder { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 0px 20px 30px; margin: 0 0 20px; } .site-header .responsive-menu-holder .social-networks { float: none; display: block; overflow: hidden; margin: 0; } .main-navigation { margin: 0 0 30px; } .main-navigation ul { margin: 0; padding: 0; list-style: none; font-size: 1.1em; font-weight: 600; text-transform: uppercase; } .main-navigation ul li { position: relative; } .main-navigation ul li a { padding: 20px 30px; color: rgba(255, 255, 255, 0.7) !important; position: relative; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; display: block; } .main-navigation ul li a:hover, .main-navigation ul li a:focus, .main-navigation ul li:hover>a, .main-navigation ul li:focus>a { color: #fff !important; } .main-navigation ul li a:hover:after, .main-navigation ul li a:focus:after, .main-navigation ul li:hover>a:after, .main-navigation ul li:focus>a:after { height: 2px; } .main-navigation ul li a:after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.5); } .main-navigation ul li span.submenu-toggle { position: absolute; top: 0; right: 0; width: 50px; height: 66px; line-height: 66px; text-align: center; font-size: 25px; color: rgba(255, 255, 255, 0.5); cursor: pointer; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .main-navigation ul li span.submenu-toggle.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .main-navigation ul ul { margin-left: 0; font-size: 1em; text-transform: none; font-weight: 400; display: none; background: rgba(255, 255, 255, 0.1); } .main-navigation ul li { margin-left: 0; } .responsive-menu-holder .btn-buy { display: block; font-weight: 900; text-transform: uppercase; color: #fff; background: #0792db; border: 1px solid #0792db; border-radius: 5px; font-size: 1.1em; padding: 10px 34px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; text-align: center; margin: 0 0 30px; } .responsive-menu-holder .btn-buy svg { margin-right: 7px; } .responsive-menu-holder .btn-buy:hover, .responsive-menu-holder .btn-buy:focus { text-decoration: none; color: var(--primary-color) !important; background: #fff; border-color: #fff; } .site-header .header-t .responsive-menu-holder .contact-info { display: block; float: none; font-size: 1.1em; text-align: center; font-weight: 400; } .site-header .header-t .responsive-menu-holder .contact-info div { float: none; display: block; margin: 0 0 20px; } .site-header .main-header { text-align: center; } .site-branding .site-title { margin: 0; font-size: 1.55em; } .homepage.hasbanner .site-header .main-header { text-align: center; } .banner img { height: 700px; } .banner .banner-text .text-holder .title { font-size: 2.3em; } .our-services .widget.widget_text .widget-title, .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title, .our-features .widget.widget_text .widget-title, .our-team .widget.widget_text .widget-title, .our-testimonial .widget.widget_text .widget-title, .our-stats .widget.widget_text .widget-title, .our-skills .text-holder .title, .portfolio .widget.widget_text .widget-title, .blog-section .section-header .widget_text .widget-title, .our-pricing .section-header .widget_text .widget-title, .cta .widget .widget-title, .faq-section .widget.widget_text .widget-title, .contact-section .section-header .widget_text .widget-title { font-size: 1.7em; } .our-services .grid { grid-template-columns: repeat(2, 1fr); } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder { flex-direction: column; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder { padding: 0; margin: 0 0 30px; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder { margin: 0; } .our-team .grid { grid-template-columns: repeat(2, 1fr); } .our-testimonial .grid .widget_rrtc_testimonial_widget .text-holder { padding: 20px; } .our-stats .grid { grid-template-columns: repeat(2, 1fr); grid-gap: 50px 30px; } .our-stats .widget_raratheme_companion_stat_counter_widget .hs-counter { font-size: 1.7em; } .our-skills .container { flex-direction: column; } .our-skills .text-holder { width: 100%; margin: 0; } .portfolio-holder .filter-grid .element-item, .page-template-portfolio .portfolio-holder .filter-grid .element-item { width: 50%; } .our-pricing .pricing-holder .col.popular-plan .tag { min-width: 65%; } .blog-section .grid { grid-template-columns: repeat(2, 1fr); grid-gap: 50px 30px; } .contact-section .holder { flex-direction: column; } .contact-section .holder .left { width: 100%; margin: 0 0 30px; } .contact-section .holder .left .contact-detail { text-align: center; font-size: 1.1em; } .contact-section .holder .left .contact-detail .tel-link, .contact-section .holder .left .contact-detail address, .contact-section .holder .left .contact-detail .email-link, .contact-section .holder .left .contact-detail .social-networks { display: block; margin: 0 0 20px; } .contact-section .holder .left .contact-detail .social-networks { text-align: center; } .contact-section .holder .left .contact-detail .social-networks li { float: none; display: inline-block; margin: 0 8px 15px; } .contact-section .holder .left .map-holder img, .contact-section .holder .form-holder img { width: 100%; } .our-clients .widget .raratheme-client-logo-inner-holder { grid-template-columns: repeat(3, 1fr); } .our-clients .widget .widget-title { grid-column: 1 / span 1; } .contact-grid { text-align: center; flex-direction: column; } .contact-grid .left { width: 100%; margin-right: 0; margin-bottom: 80px; } .contact-grid .right .contact-info .social-networks li { float: none; display: inline-block; margin-right: 5px; } .error404 .recent-post .section-title { text-align: center; } .error-holder .text-holder .search-form label, .page-header .search-form label { width: calc(100% - 15px); } .error404 .recent-post .grid { grid-template-columns: repeat(2, 1fr); } .error-holder { align-items: start; } .error-holder .img-holder { width: 35%; margin-right: 30px; } .error-holder .text-holder { text-align: left; } .team-grid { grid-template-columns: repeat(2, 1fr); } .author-section { padding: 40px; } #primary .post .entry-content h1, #primary .page .entry-content h1 { font-size: 2.3em; } #primary .post .entry-content h2, #primary .page .entry-content h2 { font-size: 1.7em; } #primary .post .entry-content h3, #primary .page .entry-content h3 { font-size: 1.4em; } #primary .post .entry-content h4, #primary .page .entry-content h4 { font-size: 1.1em; } #primary .post .entry-content h5, #primary .page .entry-content h5 { font-size: 0.9em; } #primary .post .entry-content h6, #primary .page .entry-content h6 { font-size: 0.8em; } .single #primary .post .entry-header .entry-title { font-size: 1.4em; } .single.full-width #primary .post .entry-header, .single.full-width #crumbs, .single.full-width #primary .post .entry-footer, .full-width .comments-area .comments-title, .full-width .comments-area .comment-reply-title, .full-width .comments-area .comment-form .comment-notes, .full-width .comments-area .comment-form .form-submit { text-align: left; } .single.full-width #primary .post .entry-footer .category a { margin-top: 5px; margin-bottom: 5px; } .our-services .grid .widget.widget_text, .our-features .widget.widget_text, .our-team .widget.widget_text, .our-testimonial .widget.widget_text, .our-stats .widget.widget_text { grid-column: 1 / span 2; } .cta .widget .right .widget-title, .cta .widget .right .text-holder { width: 100%; } .cta .widget .right .button-wrap { position: static; margin-top: 40px; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .cta .widget .right .btn-cta+.btn-cta { margin-top: 10px; } .footer-t .grid .col { width: 48%; } .footer-t .grid .col:nth-child(2n) { margin-right: 0; } .tax-rara_portfolio_categories .filter-grid article { width: 50%; } .footer-t .grid .col { width: 48%; } .footer-t .grid .col:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 899px) { .video-banner .wp-custom-header { padding-bottom: 0; height: auto; } } @media only screen and (max-width: 767px) { .banner .banner-text .btn-holder .btn-view-service, .banner .banner-text .btn-holder .btn-free-inquiry { min-width: 270px; margin-bottom: 26px; } .page-header .page-title { font-size: 1.7em; } #primary .site-main article .entry-header .entry-title { font-size: 1.4em; } .author-section .text-holder .social-networks li { margin-bottom: 10px; } .our-pricing .pricing-holder .col .btn-signup { padding-left: 40px; padding-right: 40px; } .our-services, .our-team, .our-testimonial, .faq-section, .our-clients { margin-top: 60px; margin-bottom: 60px; } .faq-section { padding-bottom: 60px; } .featured-page, .our-stats { padding-top: 60px; padding-bottom: 60px; } .portfolio, .blog-section { margin-top: 70px; margin-bottom: 30px; } } @media only screen and (max-width: 600px) { .primary-menu-list { top: 0px !important; } .site-branding .site-title { font-size: 1.2em; } .banner .banner-text { top: 40%; } .banner .banner-text .text-holder .title { font-size: 1.65em; } .banner .banner-text .btn-holder .btn-free-inquiry { padding-left: 37px; padding-right: 37px; } .page-template-faq .page-header p { display: none; } .container, .portfolio-holder .filter-grid { max-width: 480px; margin-left: auto; margin-right: auto; } .our-services .grid, .our-features .grid, .our-team .grid, .our-testimonial .grid, .blog-section .grid, .error404 .recent-post .grid, .team-grid, .related-post .grid, .popular-post .grid, .testimonial-grid { grid-template-columns: repeat(1, 1fr); } .our-services .grid .widget.widget_text, .our-features .widget.widget_text, .our-team .widget.widget_text, .our-testimonial .widget.widget_text, .our-stats .widget.widget_text { grid-column: 1 / span 1; } .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder { width: 100%; } .our-features .widget.widget_media_image { grid-column: 1 / span 1; } .our-features .widget.widget_media_image img { position: static; } .portfolio-holder .button-group .button { font-size: 0.7em; margin-left: 5px; margin-right: 5px; } .portfolio-holder .filter-grid .element-item, .page-template-portfolio .portfolio-holder .filter-grid .element-item { width: 100%; } .our-pricing .pricing-holder .col { width: 100%; margin-bottom: 60px; } .our-pricing .pricing-holder .col:last-child { margin-bottom: 0; } .our-clients .widget .raratheme-client-logo-inner-holder { grid-template-columns: repeat(2, 1fr); } .our-clients .widget .widget-title { grid-column: 1 / span 2; } .cta .widget .btn-cta { padding-left: 60px; padding-right: 60px; } .error-holder { flex-direction: column; } .error-holder .img-holder { margin-right: 0; width: 100%; margin-bottom: 40px; } .error-holder .text-holder, .error404 .page-header, .error404 #crumbs { text-align: center; } .full-width #content .content-grid { max-width: inherit; display: block; } .author-section .img-holder { float: none; margin: 0 0 30px 0; } #primary .post .entry-content blockquote, #primary .page .entry-content blockquote { padding-left: 35px; padding-right: 35px; } #primary .post .entry-content .pull-right, #primary .page .entry-content .pull-right { float: none; width: 100%; display: block; margin-left: 0; } #primary .post .entry-content table, #primary .page .entry-content table { font-size: 0.9em; } .author-section, .page-template-testimonial #crumbs, .page-template-testimonial .page-header .page-title { text-align: center; } .author-section .img-holder { margin-left: auto; margin-right: auto; } .author-section .text-holder .social-networks li { float: none; display: inline-block; margin-left: 5px; margin-right: 5px; } .comments-area .comment-form { display: block; } .comments-area .comment-form p { margin-bottom: 20px; } .comments-area form input[type="submit"] { width: 100%; } .single.full-width .related-post, .single.full-width .popular-post { text-align: left; } .testimonial-grid { grid-gap: 20px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: none; width: 100%; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { margin-bottom: 20px; } .post-navigation .nav-links div.nav-previous a { padding-right: 0; } .post-navigation .nav-links div.nav-next a { padding-left: 0; } .footer-t .grid .col { width: 100%; margin-right: 0; } .banner .banner-text { -webkit-transform: translate(0, -12%); -moz-transform: translate(0, -12%); -ms-transform: translate(0, -12%); -o-transform: translate(0, -12%); transform: translate(0, -12%); } .banner .banner-text .btn-holder .btn-view-service, .banner .banner-text .btn-holder .btn-free-inquiry { min-width: unset; padding: 10px 20px; font-size: 14px; margin: 0 10px 10px; } .homepage.hasbanner .site-header .header-t a { font-size: 14px; } } @media only screen and (max-width: 600px) and (orientation: portrait) { .our-stats .grid, .our-clients .widget .raratheme-client-logo-inner-holder { grid-template-columns: repeat(1, 1fr); } .our-clients .widget .widget-title { grid-column: 1 / span 1; } .comments-area .comment-list { padding: 20px; } .comments-area .comment-body .comment-meta { float: none; margin-right: 0; margin-bottom: 20px; } .tax-rara_portfolio_categories .filter-grid { grid-template-columns: repeat(1, 1fr); } .tax-rara_portfolio_categories .filter-grid .navigation { grid-column: 1 / span 1; } } @media (min-width: 1024px) { .responsive-menu-holder { display: none !important; } } @media (max-width: 1024px) { html { position: unset !important; top: 0 !important; } body { padding-top: 0px !important; } .responsive-menu-holder .mobile-navigation .close-main-nav-toggle { width: 40px; height: 40px; border-radius: 50%; top: 0px; padding: 0; cursor: pointer; position: absolute; right: 5px; z-index: 99999999999999; color: rgba(10, 163, 243, 0.9); font-size: 20px; display: flex; align-items: center; justify-content: center; line-height: 0; border: 1px solid var(--primary-color); background: #fff; } .responsive-menu-holder .mobile-navigation .close-main-nav-toggle:focus { outline: 1px dotted #fff; } .responsive-menu-holder .nav-menu { margin: 0 0 30px; } .primary-menu-list { position: relative; } .responsive-menu-holder .social-networks li a { padding: 0px; color: #fff !important; } .responsive-menu-holder .social-networks li a:focus { color: #d8d8d8 !important; } .site-header .responsive-menu-holder .social-networks-holder { left: 50%; margin-left: -52vw; margin-right: -50vw; max-width: 100vw; position: relative; right: 50%; width: 100vw; } .main-navigation ul li button.submenu-toggle { position: absolute; top: 0; right: 0; width: 50px; height: 66px; border: 0; outline: 0; padding: 0; background: transparent; text-align: center; font-size: 25px; color: rgba(255, 255, 255, 0.5); cursor: pointer; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .main-navigation ul li button.submenu-toggle:focus { outline: 1px dotted #fff; } .main-navigation ul li button.submenu-toggle.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .header-t #primary-toggle-button { display: block; } .header-t #primary-toggle-button:focus { outline: 1px dotted #fff; } } @media (min-width: 1024px) { .header-t #primary-toggle-button { display: none !important; } } .site-footer .widget_raratheme_companion_faqs_widget .col { width: 100%; } .site-footer .widget_raratheme_companion_faqs_widget .col .raratheme-faq-holder .accordion li { position: relative; } .site-footer .widget_raratheme_companion_faqs_widget .accordion li .toggle:hover { color: white; } .site-footer .widget_raratheme_companion_faqs_widget a.expand-faq { color: #fff; } .site-footer .widget_raratheme_companion_stat_counter_widget .col { width: 100%; } .site-footer .widget_rrtc_testimonial_widget .testimonial-content { padding: 12px; } .site-footer .widget_raratheme_recent_post ul li .entry-header .entry-title a:hover, .site-footer .widget_raratheme_popular_post ul li .entry-header .entry-title a:hover { color: #fff; } .site-footer .widget_raratheme_companion_cta_widget .text, .site-footer .widget_raratheme_companion_cta_widget .bttk-cta-bg { padding: 20px; } .site-footer .widget_rara_posts_category_slider_widget .cat-links a { color: white; font-size: large; } .site-footer .widget_rara_posts_category_slider_widget .title a { color: white; font-size: 20px; } .site-footer .contact-info ul.contact-list li b { color: #fff; } .site-footer .contact-info ul.contact-list li { color: #fff; } .site-footer ::placeholder { color: #fff; } .site-footer .widget_search .search-form input[type="submit"] { background-color: white; } .site-footer .widget_rrtc_icon_text_widget .btn-readmore { color: white; border: 1px solid #f7f7f7; } .site-footer .icon-holder { display: block; margin: 25px auto; } #secondary .widget_raratheme_featured_page_widget .right { text-align: left; } #secondary .widget_rrtc_testimonial_widget .testimonial-content { padding: 12px; } #secondary .widget_raratheme_companion_cta_widget .text, #secondary .widget_raratheme_companion_cta_widget .bttk-cta-bg { padding: 30px; } #secondary .widget_rara_posts_category_slider_widget .carousel-title { text-align: left; } #secondary .widget .widget_rtc_contact_social_links .contact-info ul.contact-list li b { color: black; } #secondary ::placeholder { color: black; } .site-footer .widget_raratheme_featured_page_widget .section-subtitle span { color: #fff; } #secondary .widget_raratheme_featured_page_widget .section-subtitle span { color: #121212; } .site-footer .widget_raratheme_featured_page_widget .text-holder .featured_page_content .btn-readmore { color: #fff; background: var(--primary-color); } .site-footer .widget_raratheme_featured_page_widget .text-holder .featured_page_content .btn-readmore:hover { color: var(--primary-color); background: #fff; } .site-footer .widget_raratheme_client_logo_widget .raratheme-client-logo-holder .raratheme-client-logo-inner-holder .image-holder:not(:last-child) { margin-bottom: 20px; } .site-footer .widget_raratheme_client_logo_widget .raratheme-client-logo-holder .image-holder { text-align: center; } .site-footer .widget_raratheme_companion_cta_widget .raratheme-cta-container .button-wrap .btn-cta { font-size: 0.888em; font-weight: 700; text-transform: uppercase; border: 1px solid #fff; display: inline-block; border-radius: 5px; padding: 16px 37px; margin-top: 20px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .site-footer .widget_raratheme_companion_cta_widget .raratheme-cta-container .button-wrap .btn-cta:hover { background: #fff; color: var(--primary-color); } .site-footer .widget_raratheme_companion_cta_widget .text.right { text-align: right !important; } .site-footer .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li { position: relative; } .site-footer .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a { background-color: var(--primary-color); } .site-footer .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a .post-count { background: #006ba1; } .site-footer .widget_raratheme_author_bio .author-bio-socicons .author-socicons li { margin: 0 5px 10px; border-bottom: 0; } .site-footer .widget_raratheme_author_bio .title-holder { color: #fff; } .site-footer .widget_raratheme_author_bio .text-holder .readmore { font-size: 0.888em; font-weight: 700; text-transform: uppercase; border: 1px solid #fff; display: inline-block; background: transparent; border-radius: 5px; padding: 16px 37px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .site-footer .widget_raratheme_author_bio .text-holder .readmore:hover { background: #fff; color: var(--primary-color); } .site-footer .widget_raratheme_author_bio .text-signature { color: #fff; } .site-footer .widget_raratheme_author_bio .author-bio-socicons ul li a:hover { color: #fff; } .site-footer .widget_raratheme_companion_faqs_widget .raratheme-faq-holder ul.accordion li a.toggle::after { background: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"></path></svg>'); background-repeat: no-repeat; } .site-footer .widget_rrtc_testimonial_widget .rtc-testimonial-holder .text-holder .name { color: #fff; } #secondary .widget_rrtc_testimonial_widget .rtc-testimonial-holder .testimonial-content { margin-bottom: 0px; } .site-footer .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder { color: #fff; } .site-footer .odometer-inside { color: #fff; } .site-footer .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder { margin-bottom: 40px; } .site-footer .widget_raratheme_image_text_widget .raratheme-itw-holder li a img, #secondary .widget_raratheme_image_text_widget .raratheme-itw-holder li a img { width: 100%; } .site-footer .widget_raratheme_image_text_widget ul li .btn-readmore, #secondary .widget_raratheme_image_text_widget ul li .btn-readmore { width: fit-content; } .site-footer .widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li, #secondary .widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li { font-size: 1.25em; } .site-footer .widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a:hover { color: #fff; } .site-footer .widget_rtc_contact_social_links .rtc-contact-widget-wrap .contact-list li a:hover { color: #fff; } .site-footer .widget_raratheme_featured_page_widget .widget-featured-holder, #secondary .site-footer .widget_raratheme_featured_page_widget .widget-featured-holder { display: flex; flex-direction: column; } .site-footer .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder, #secondary .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder { order: 3; } .site-footer .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder, #secondary .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder { margin-bottom: 20px; margin-top: 0; } #secondary .widget_raratheme_recent_post .style-one li .post-thumbnail { float: left; width: 80px; height: 80px; margin-right: 20px; } .site-footer .widget_raratheme_recent_post ul li .entry-header .cat-links, #secondary .widget_raratheme_recent_post ul li .entry-header .cat-links { display: block; } .site-footer .widget_raratheme_recent_post ul.style-two li .entry-header, #secondary .widget_raratheme_recent_post ul.style-two li .entry-header, .site-footer .widget_raratheme_recent_post ul.style-three li .entry-header, #secondary .widget_raratheme_recent_post ul.style-three li .entry-header { padding: 0 15px; } .site-footer .widget_raratheme_recent_post ul.style-three li .entry-header .cat-links a, .site-footer .widget_raratheme_recent_post ul.style-three li .entry-header .entry-title a, .site-footer .widget_raratheme_recent_post ul.style-three li .entry-header .entry-meta .posted-on a { color: #121212; } .site-footer .widget_raratheme_popular_post ul.style-three li .entry-header .cat-links a, .site-footer .widget_raratheme_popular_post ul.style-three li .entry-header .entry-title a, .site-footer .widget_raratheme_popular_post ul.style-three li .entry-header .entry-meta .posted-on a { color: #121212; } .site-footer .widget_raratheme_popular_post ul.style-three li .entry-header .view-count { color: #121212; } #secondary .widget_raratheme_popular_post ul.style-two li a:first-of-type, #secondary .widget_raratheme_popular_post ul.style-three li a:first-of-type { width: 100%; } #secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore, .site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore { border: 1px solid var(--primary-color); background: white; color: var(--primary-color); } .site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore:hover { background: var(--primary-color); color: #fff; } #secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .author-bio-socicons .author-socicons li a, .site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .author-bio-socicons .author-socicons li a { display: inline-block; height: 45px; width: 45px; line-height: 45px; background-color: var(--primary-color); color: #fff; border-radius: 50%; } #secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .author-bio-socicons .author-socicons li a:hover, .site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .author-bio-socicons .author-socicons li a:hover, .site-footer .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a:hover, #secondary .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a:hover { background-color: var(--primary-color)73; } .site-footer .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a, #secondary .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a { display: inline-block; height: 45px; width: 45px; line-height: 45px; background-color: var(--primary-color); color: #fff; border-radius: 50%; } #secondary .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a { background-color: var(--primary-color); } #secondary .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a .post-count { background: #006ba1; } #secondary .widget.widget_raratheme_companion_faqs_widget .raratheme-faq-holder .expand-faq { font-size: 18px; display: block; margin: 0 0 30px; color: #121212; border: 0; } #secondary .widget_raratheme_featured_widget .text-holder .readmore:hover, .site-footer .widget_raratheme_featured_widget .text-holder .readmore:hover { background: var(--primary-color); color: #fff; } #secondary .widget.widget_raratheme_companion_faqs_widget .raratheme-faq-holder .expand-faq:hover { color: #006ba1; } #secondary .widget.widget_raratheme_image_text_widget .raratheme-itw-holder li a.btn-readmore, .site-footer .widget.widget_raratheme_image_text_widget .raratheme-itw-holder li a.btn-readmore { border: 1px solid var(--primary-color); background: var(--primary-color); color: #fff; padding: 10px 15px; } #secondary .widget.widget_raratheme_image_text_widget .raratheme-itw-holder li a.btn-readmore:hover, .site-footer .widget.widget_raratheme_image_text_widget .raratheme-itw-holder li a.btn-readmore:hover { background-color: #fff; color: var(--primary-color); } #secondary .widget_raratheme_image_widget .readmore { border: 1px solid var(--primary-color); background: var(--primary-color); color: #fff; } #secondary .widget_raratheme_image_widget .readmore:focus, #secondary .widget_raratheme_image_widget .readmore:hover { background-color: #fff; color: var(--primary-color); } .site-footer .widget_raratheme_popular_post ul li .entry-header .entry-title a, #secondary .widget_raratheme_popular_post ul li .entry-header .entry-title a, .site-footer .widget_raratheme_recent_post ul li .entry-header .entry-title a, #secondary .widget_raratheme_recent_post ul li .entry-header .entry-title a { font-size: 0.85em; } .site-footer .widget_raratheme_popular_post ul li .entry-header .cat-links, #secondary .widget_raratheme_popular_post ul li .entry-header .cat-links, .site-footer .widget_raratheme_recent_post ul li .entry-header .cat-links, #secondary .widget_raratheme_recent_post ul li .entry-header .cat-links { display: block; } .site-footer .widget.widget_raratheme_recent_post ul.style-one .cat-links a, #secondary .widget.widget_raratheme_recent_post ul.style-one .cat-links a, .site-footer .widget.widget_raratheme_popular_post ul.style-one .cat-links a, #secondary .widget.widget_raratheme_popular_post ul.style-one .cat-links a { word-break: break-word; } #secondary .widget_raratheme_popular_post ul li .entry-header .entry-meta, #secondary .widget_raratheme_recent_post ul li .entry-header .entry-meta { margin-top: 0; } #secondary .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder, .site-footer .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder { display: block; position: unset; padding-left: 0; } #secondary .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder, .site-footer .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder { position: unset; margin-top: 50px; margin-bottom: 0; } #secondary .widget.widget_raratheme_companion_stat_counter_widget .widget-title { font-family: var(--secondary-font); font-weight: 700; font-size: 1.1em; color: #000; } #secondary .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder { color: #121212; } #secondary .widget.widget_raratheme_companion_stat_counter_widget .odometer-inside { color: #121212; } #secondary .widget_rrtc_description_widget .text-holder, .site-footer .widget_rrtc_description_widget .text-holder { padding: 20px; } #secondary .widget_rrtc_description_widget .text-holder .description, .site-footer .widget_rrtc_description_widget .text-holder .description { height: auto; } #secondary .widget_rrtc_description_widget .text-holder .description p, .site-footer .widget_rrtc_description_widget .text-holder .description p { margin-bottom: 10px; } #secondary .widget_rrtc_description_widget .social-profile li a { width: 40px; height: 40px; line-height: 40px; display: inline-block; color: #fffa; background-color: #007cba; border-radius: 50%; } #secondary .widget_rrtc_description_widget .social-profile li { margin: 0; } #secondary .widget.widget_rrtc_testimonial_widget .rtc-testimonial-holder .rtc-testimonial-inner-holder .text-holder { padding: 0; margin-top: 30px; } .site-footer .widget_raratheme_companion_cta_widget .raratheme-cta-container .button-wrap .btn-cta { background-color: var(--primary-color); color: #fff; border: 1px solid var(--primary-color); } .site-footer .widget.widget_raratheme_client_logo_widget .image-holder { display: inline-block; width: 27%; margin: 6px; } .site-footer .widget_raratheme_companion_faqs_widget a.expand-faq { font-size: 18px; margin-bottom: 30px; border: 0; } .site-footer .widget_raratheme_companion_faqs_widget a.expand-faq:hover { text-decoration: underline; } .site-footer .widget_raratheme_companion_faqs_widget .accordion li .toggle:focus { border: 1px dotted #fff; } .site-footer .widget.widget_recent_entries ul li .post-date { color: #fff; } #secondary .widget.widget_media_gallery .gallery-item, .site-footer .widget.widget_media_gallery .gallery-item { margin: 5px; } #secondary .widget_rara_posts_category_slider_widget .carousel-title { text-align: center; } .site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore, .site-footer .widget_raratheme_featured_widget .text-holder .readmore, .site-footer .widget_rrtc_icon_text_widget .btn-readmore { color: #fff; background: var(--primary-color); border: 1px solid var(--primary-color); } .site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore:hover, .site-footer .widget_raratheme_featured_widget .text-holder .readmore:hover, .site-footer .widget_rrtc_icon_text_widget .btn-readmore:hover { color: var(--primary-color); background: #fff; } .site-footer .widget_raratheme_image_widget .readmore { color: #fff; background: var(--primary-color); border: 1px solid var(--primary-color); } .site-footer .widget_raratheme_image_widget .readmore:hover { color: var(--primary-color); background: #fff; } .site-footer .widget.widget_raratheme_companion_stat_counter_widget .image-holder, #secondary .widget.widget_raratheme_companion_stat_counter_widget .image-holder { position: unset; transform: none; } #secondary .widget.widget_raratheme_featured_page_widget .widget-featured-holder { display: flex; flex-direction: column; } #secondary .widget.widget_raratheme_featured_page_widget .widget-featured-holder .text-holder { order: 3; } #secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore, #secondary .widget_raratheme_featured_widget .text-holder .readmore, #secondary .widget.widget_rrtc_icon_text_widget .btn-readmore { background: var(--primary-color); color: #fff; border: 1px solid var(--primary-color); } #secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore:hover, #secondary .widget_raratheme_featured_widget .text-holder .readmore:hover, #secondary .widget.widget_rrtc_icon_text_widget .btn-readmore:hover { background: transparent; color: var(--primary-color); } #secondary .widget_rtc_social_links .rtc-social-icon-wrap a { background: var(--primary-color); color: #fff; border: 1px solid var(--primary-color); } #secondary .widget_rtc_social_links .rtc-social-icon-wrap a:hover { background: #0aa1f3a1; } .site-footer .widget_rrtc_icon_text_widget .btn-readmore { padding: 10px 13px; } .entry-content a, .entry-summary a, .page-content a, .comment-content a, .widget .textwidget a { color: #4a4a4a; text-decoration: underline; } .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .widget .textwidget a:hover { color: var(--primary-color); text-decoration: underline; } #site-navigation ul li.hover>ul { margin-top: 0; opacity: 1; margin-left: 0; } .home:not(.blog) .site-header:not(.sticky-menu)>.main-header .site-branding .site-description, .home:not(.blog) .site-header:not(.sticky-menu)>.main-header .site-branding .site-title a { color: #fff } .home:not(.blog) .site-header:not(.sticky-menu)>.main-header .site-branding .site-description { opacity: 0.7; }