/*!
Theme Name: Rara Business
Theme URI: https://rarathemes.com/wordpress-themes/rara-business/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Rara Business is a free WordPress theme for business and corporate websites. You can use it to build small business (restaurants/cafe, travel, education, hotel, construction, events, wedding planners, fitness, affiliate, fashion, lawyer, consulting, sport/medical shops, spa/temas, political), portfolio, church, online agencies and firms, charity, ecommerce (WooCommerce), and freelancers websites. Rara Business is widgetized, visually appealing and clean. It is responsive, Schema.org compatible, SEO friendly, RTL compatible, speed optimized, and translation ready. Check demo at https://rarathemes.com/previews/?theme=rara-business, read the documentation at https://docs.rarathemes.com/docs/rara-business/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.2.2
Tested up to: 5.6
Requires PHP: 5.8
Requires at least: 4.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: rara-business
Tags: two-columns, left-sidebar, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, theme-options, featured-images, threaded-comments, full-width-template, footer-widgets, translation-ready, blog, e-commerce, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Rara Business is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links 
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
    --------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import url("component.css");

@font-face {
  font-family: 'Gotham Pro';
  src: url('fonts/GothamPro.woff2') format('woff2'),
    url('fonts/GothamPro.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 10px;
}

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: 38px;
  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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
  color: #393438;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Gotham Pro';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-weight: 400;
  color: #2D2D2D;
  font-family: "Oswald", sans-serif;
}

h1 {
  font-size: 34px;
  line-height: 44px;
  text-transform: uppercase;
}

h2 {
  font-size: 24px;
  line-height: 34px;
  text-transform: uppercase;
}

h3 {
  font-size: 20px;
}



#breadcrumbs {
  margin-bottom: 30px;
}

p {
  margin-bottom: 20px;
  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 {

  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  /*  box-sizing: inherit;*/
  box-sizing: border-box;
}

body {
  background: #F5F5F5;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
}

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;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  vertical-align: top;
}

figure {
  margin: 0em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 0px solid #e31e24;
  color: #fff;
  transition: ease 0.2s;
  padding: 17px 50px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 400;
  background: linear-gradient(#ee1d25, #900307);
  text-transform: uppercase;
  border-radius: 10px;
  width: auto;
  display: inline-block;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: linear-gradient(#ee1d25, #900307);
}

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 {
  color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
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 #dddbd9;
  border-radius: 3px;
  padding: 9px 20px;
  outline: none;
  margin: 5px 0px;
  max-width: 100%;
  width: 100%;
}

input[type="number"] {
  border: 1px solid #dddbd9;
  border-radius: 10px;
  padding: 9px 20px;
  outline: none;
  margin: 0px;
  max-width: 100%;
  width: 100%;
}

input[type="tel"]::-webkit-input-placeholder {
  color: #dddbd9;
  font-size: 12px
}

input[name="mask"]::-webkit-input-placeholder {
  color: #dddbd9;
  font-size: 12px
}

input[type="text"]::-webkit-input-placeholder {
  color: #dddbd9;
  font-size: 12px
}

input[type="email"]::-webkit-input-placeholder {
  color: #dddbd9;
  font-size: 12px
}

textarea::-webkit-input-placeholder {
  color: #dddbd9;
  font-size: 12px
}

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;

}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
  resize: vertical;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
  color: #58A42A;
  text-decoration: none;
  transition: ease 0.2s;
}

a:hover,
a:focus {
  color: #377213;
  text-decoration: none;
  transition: ease 0.2s;
}

a:focus {}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

@media only screen and (min-width: 1025px) {
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-size: 16px;
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
  }

  .main-navigation ul:after {
    content: "";
    display: block;
    clear: both;
  }

  .main-navigation ul li {
    float: left;
    margin-left: 5px;
    position: relative;
  }

  /*.main-navigation ul li:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ffffff;
    content: "";
    display: none;
  }*/

  .main-navigation ul li:first-child {
    margin-left: 0;
  }

  .main-navigation ul li a {
    color: #fff;
    display: block;
    position: relative;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    /*text-align: center;*/
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
  }

  .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: #ffc60b;
  }

  .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: #ffc60b;
  }

  .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: 10px;
    right: 3px;
    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: 12px;
    font-weight: 400;
  }

  .main-navigation ul ul {
    position: absolute;
    top: inherit;
    font-size: 1em;
    font-weight: 300;
    text-transform: none;
    /*border-radius: 5px;*/
    width: 300px;
    /*padding-top: 13px;
    margin-top: 23px;*/
    overflow: hidden;
    /*clip: rect(1px, 1px, 1px, 1px);*/
    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,
  .main-navigation ul.menu>li ul {
    left: 0;
    right: auto;
  }

  .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: rgb(52 107 174);
  }

  .hasbanner .main-navigation ul ul li a:focus,
  .main-navigation ul ul li a:focus {}

  .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;
  }
}

/*Post navigation*/

.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%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.widget_rrtc_description_widget .text-holder .description {
  height: 110px;
  position: relative;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.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;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */

.custom-logo-link {
  display: inline-block;
}

.hasbanner .custom-logo-link:focus {}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.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;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.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;
}

/*======================================
 Common Site Style
 ======================================*/

.container {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0px 0px;
}

.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: #0aa3f3;
  color: #fff;
}

/*=========================
NEWSLETTER WIDGET
=========================*/
.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(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;
}

/*=============================
 Secondary Font Family
 =============================*/

.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 {}

/*=======================
 Header Style
 =======================*/

.site-header .header-t {
  background: #c20000;
  color: #a0a0a0;
  padding: 0px;
}

.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 {}

.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 Title and Logo Style
 ===============================*/

.site-header .main-header {
  /*padding: 30px 0;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;*/
}

.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;
  gap: 20px;
}

.main-header .right .btn-buy {
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  background: #0aa3f3;
  border: 1px solid #0aa3f3;
  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: #0aa3f3;
}

.main-header .right .btn-buy:focus {
  outline-offset: -3px;
}

.main-header .right .btn-buy svg {
  margin-right: 7px;
}

/*================================
 Home Page Style
 ================================*/

.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 {}

.homepage.hasbanner .main-navigation ul li a {
  color: #fff;
}

.hasbanner .main-navigation ul li a:focus {}

.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: #0aa3f3;
}

/*==================================
 Banner style
 ==================================*/

.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: #0aa3f3;
  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: #0aa3f3;
}

.banner .banner-text .btn-holder .btn-free-inquiry:focus {

  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: #0aa3f3;
  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: #0aa3f3;
}

.banner .banner-text .btn-holder .btn-view-service:focus {}

/*header video*/
.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: #0aa3f3;
  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: #0aa3f3;
}

.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 CAROUSEL CUSTOM STYLE
============================*/

.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: #0aa3f3;
}

/*================================
 Services Section Style
 ================================*/

.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: #0aa3f3;
}

.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 #0aa3f3;
  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: #0aa3f3;
}

.our-services .grid .widget .btn-readmore:focus {
  outline-offset: 2px;
}

/*==============================
 Who we are section style
 ==============================*/

.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 #0aa3f3;
  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: #0aa3f3;
}

.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 section style
 ========================================*/

.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 #0aa3f3;
  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: #0aa3f3;
}

.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: #0aa3f3;
}

.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%);
}

/*================================
 Team section widget
 ================================*/

.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: #0aa3f3;
  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 {}

.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;
}

/*=================================
 Testimonial section style
 ================================*/

.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;
  /*align-items: center;*/
  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: "Montserrat", 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%;
}

/*================================
 Stats Section Style
 ================================*/

.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: #0aa3f3;
  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: "Lato", 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: #0aa3f3;
}

/*================================
 Skill section style
 ================================*/

.our-skills {
  padding: 90px 0;
  background: url(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 section style
 ==================================*/

.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: #0aa3f3;
}

.portfolio-holder .button-group .button:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0aa3f3;
  opacity: 0;
}

.portfolio-holder .button-group .button.is-checked {
  color: #0aa3f3;
}

.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;
}

/*=================================
TAXONOMY PORTFOLIO CATEGORY
=================================*/
.tax-rara_portfolio_categories .archive-description {
  margin-top: 20px;
}

.tax-rara_portfolio_categories .filter-grid {
  /*display: grid;
    grid-template-columns: repeat(3 , 1fr);
    grid-gap: 30px;*/
}

.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;
}

/*================================
 Pricing Section Style
 ================================*/

.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 #0aa3f3;
  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: #0aa3f3;
}

.our-pricing .pricing-holder .col .btn-signup:hover,
.our-pricing .pricing-holder .col .btn-signup:focus {
  text-decoration: none;
  background: #0aa3f3;
  color: #fff;
}

.our-pricing .pricing-holder .col.popular-plan {
  background: #0aa3f3;
  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: #0aa3f3;
}

/*================================
 Blog section style
 ================================*/

.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 .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: #0aa3f3;
}

.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: #0aa3f3;
}

.blog-section .blog-post .entry-meta .posted-on,
.blog-section .blog-post .entry-meta .separator {
  margin-right: 10px;
}

/*================================
 CTA Sectin Style
 ================================*/

.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: 1340px;
  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 {}

.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 style
 ================================*/

.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 #0aa3f3;
  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: #0aa3f3;
  color: #fff;
}

/*================================
 Contact Section Style
 ================================*/

.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: #0aa3f3;
}

.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
 ================================*/

.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;
}

/*================================
 Blog page style
 ================================*/

#content {
  /* padding: 70px 0; */
}

#content .content-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px 40px;
}

#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: #0aa3f3;
}

#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: #0aa3f3;
}

#primary .site-main article .post-thumbnail {
  display: block;
  margin: 0 0 20px;
}

#primary .site-main article .post-thumbnail:focus {
  outline-offset: 2px;
}

#primary .site-main article .post-thumbnail img {
  vertical-align: top;
  margin-top: 10px;
  object-fit: cover;
  height: 270px;
  /*height: auto;
    width: auto;*/
  border-radius: 25px;
  width: 100%;
}

#primary .site-main article .entry-content {
  margin: 0;
}

.dochki .entry-footer,
#primary .site-main article .entry-footer {
  margin-top: 15px;
}

.dochki .entry-footer:after,
#primary .site-main article .entry-footer:after {
  content: "";
  display: block;
  clear: both;
}



/*============================
 Pagination Style
 ============================*/

.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-weight: 400;
  margin-right: 10px;
  border: 1px solid #ffffff;
  padding: 3px 0px;
  width: 35px;
  color: #000;
  -webkit-transition: ease 0.2s;
  -moz-transition: ease 0.2s;
  transition: ease 0.2s;
  border-radius: 7px;
  background: #ffffff;
}

.pagination a:hover,
.pagination a:focus,
.pagination .current {
  border-color: #106b3f;
  color: #fff;
  background: #106b3f;
  border-radius: 7px;
}

.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: "Montserrat", sans-serif;
}

.post-navigation .nav-links div a:hover {
  color: #0aa3f3;
}

.post-navigation .nav-links div a:hover svg {
  border-color: #0aa3f3;
}

/*==============================
 Blog Full Width Style
 ==============================*/

.full-width #content .content-grid {
  max-width: 1340px;
  margin: 0 auto;
}

.full-width #primary {
  grid-column: 1 / span 4;
}

.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: left;
  margin-top: 50px;
}

.full-width .pagination .page-numbers {
  float: none;
  display: inline-block;
  margin: 0 5px;
  text-align: center;
}

/*==============================
 Breadcrumbs style
 ==============================*/

#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: #0aa3f3;
}

.full-width #crumbs {
  /* text-align: center; */
}

#crumbs .current a {
  pointer-events: none;
  cursor: default;
}

#crumbs span.separator {
  margin: 0 5px;
}

/*============================
 Page Header Style
 ============================*/

.page-header {
  margin: 0 0 30px;
}


/*===============================
 Search Result Page style
 ===============================*/

.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(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;
}

/*==============================
 Error Page Style
 ==============================*/


.error-holder {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 80px;
}

.error-holder .img-holder {
  margin-right: 60px;
  align-items: flex-start;
  font-size: 220px;
  line-height: 220px;
  color: #106b3f;
  font-weight: 700;
}

.error-holder .text-holder {
  align-items: flex-start;
  flex: 1 0 0;
}

.error-holder .text-holder h2 {
  text-transform: initial;
}

.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;
  padding: 10px 20px;
  margin: 0 0 50px;
  border-radius: 15px;
}

.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(images/bg-search.png) no-repeat;
  width: 15px;
  height: 15px;
  margin: 6px 0 0;
}

.error-holder .text-holder .btn-home {
  text-align: center;
  border: 1px solid #000000;
  display: inline-block;
  color: #000000;
  margin-bottom: 15px;
  opacity: 1;
  padding: 10px 35px;
  box-shadow: none;
  border-radius: 10px;
  display: inline-block;
  font-family: 'Gotham Pro';
  transition: ease 0.2s;
}

.error-holder .text-holder .btn-home:hover,
.error-holder .text-holder .btn-home:focus {
  color: #000;
  border: 1px solid #000;
  transition: ease 0.2s;
}

.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: #0aa3f3;
}

.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: #0aa3f3;
}

/*==============================
 Single Post Style
 =============================*/

.single #primary .post .entry-header .entry-title {
  line-height: 1.111em;
  font-size: 2.25em;
  color: #e54734;
  margin: 0 0 15px;
}

.single #primary .post .entry-header {
  margin: 0 0 30px;
}

#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: #0aa3f3;
  border-color: #0aa3f3;
}

.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 style
 ==============================*/

.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: #0aa3f3;
  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 Posts
 =============================*/

.related-post,
.popular-post {
  margin: 0 0 60px;
}

.related-post .section-title,
.popular-post .section-title {
  line-height: 34px;
  font-size: 24px;
}

.popular-post .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
}

.related-post .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
}

@media(max-width:1100px){
	.related-post .grid {
  		grid-template-columns: repeat(2, 1fr);
	}
}

.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;
  margin-top: 10px;
  border-radius: 25px;
  width: 100%;
  min-height: 300px;
  max-height: 300px;
}

.related-post .col .entry-title,
.popular-post .col .entry-title {
  margin-bottom: 0px;
  height: 80px;
}

.archive .post .related-post h2 a {
  height: 80px;
  display: block;
}

/*===============================
 Comment section style
 ===============================*/

.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;
  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: #0aa3f3;
}

.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: #0aa3f3;
}

.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;
}

/*===============================
 Comment form style
 ===============================*/

.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 Post Full width
 ===============================*/

.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 {
  margin-top: 70px;
}

.single.full-width .related-post .grid,
.single.full-width .popular-post .grid {
  grid-gap: 30px 40px;
}

.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 Page Style
 ==============================*/

.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: #0aa3f3;
  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 Page Style
 ==============================*/

.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: #0aa3f3;
  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 Page Style
 ==============================*/

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 70px 30px;
}

/*==============================
 FAQ page style
 ==============================*/

.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;
}

/*==============================
 Case Study Page Study
 ==============================*/

.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 style
 ==============================*/

#secondary {
  grid-column: 3 / span 1;
  overflow: hidden;
}

.leftsidebar #secondary {
  grid-column-start: 1;
  grid-row-start: 1;
}

/*================================
 Footer Style
 ================================*/

.site-footer {
  background: #2D2D2D;
  /*background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 90%)), url(/wp-content/uploads/2024/04/fon3.jpg);*/
  background-position: center center;
  padding: 50px 0px;
}

.site-footer .footer-t {
  padding: 0px 0px 30px 0px;
}

.footer-t .grid {
  color: #fff;
  text-align: left;
}

.footer-t .grid .col:last-child {
  margin-right: 0;
}

.footer-t .widget-title {
  font-size: 18px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 500;
  line-height: 22px;
}

.archive.category .footer-t h2.widget-title {
  font-size: 18px;
  margin-bottom: 10px;
  height: auto;
}





.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget ul li {
  font-weight: 600;
  margin-bottom: 10px;
}

.footer-t .widget ul li a {
  color: rgb(255 255 255 / 100%);
}

.widget ul li a {
  color: #000;
}

.widget ul li a:hover {
  color: #0aa3f3;
}

.site-footer .footer-b {
  padding: 30px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  color: #AEABAB;
  font-size: 16px;
  line-height: 16px;
}

.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
=======================*/
.widget_search .search-form:after,
.widget_product_search .search-form:after {
  content: "";
  display: block;
  clear: both;
}

.widget_search .search-form {
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
  padding: 10px 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(images/bg-search.png) no-repeat;
  width: 15px;
  height: 15px;
  margin: 2px 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: #0aa3f3;
}

.widget_product_search .search-form input.search-submit {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

/*===============================
COMMON CSS FOR DEFAULT WIDGET
===============================*/
#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: #0aa3f3;
}

/*======================
WIDGET TAG CLOUD
======================*/
#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: #0aa3f3;
  border-color: #0aa3f3;
  color: #fff;
}

/*=====================
WIDGET RSS
=====================*/
.widget_rss ul li {
  font-weight: 400;
}

.widget_rss ul li a {
  color: #0aa3f3;
}

.widget_rss ul li a:hover {
  text-decoration: underline;
}

/*=============================
WIDGET CALENDAR 
=============================*/
.widget_calendar table {
  margin-bottom: 0;
}

.widget_calendar table caption {
  background: #0aa3f3;
  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 #0aa3f3;
  font-size: 16px;
}

.widget_calendar table tr td {
  text-align: center;
  font-size: 16px;
  padding: 5px;
  border: 1px solid #0aa3f3;
}

.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 #0aa3f3;
  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 #0aa3f3;
  text-align: left;
}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-next {
  width: 40%;
  border-left: 1px solid #0aa3f3;
  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: #0aa3f3;
  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;
}

/*===========================
WIDGET CALL TO ACTION
===========================*/
#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: #0aa3f3;
  color: #fff;
}

/*========================
WIDGET CLIENT LOGO
========================*/
#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);
}

/*========================
WIDGET FAQ
========================*/
#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: #0aa3f3;
}

.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;
}

/*=========================
WIDGET FEATURED PAGE
=========================*/
#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;
}

.widget_raratheme_featured_page_widget .img-holder {
  margin-top: 30px;
}

/*====================
WIDGET ICON TEXT
====================*/
#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: #0aa3f3;
}

#secondary .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .widget-title {
  font-size: 1em;
}

/*==================================
WIDGET POPULAR AND RECENT POST
==================================*/
#secondary .widget .widget-title {
  font-family: "Montserrat";
  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: "Montserrat";
  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;
}

/*=========================
WIDGET SOCIAL LINKS
=========================*/
#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;
}

/*==================================
RARATHEME POST SLIDER WIDGET
==================================*/
.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: #0aa3f3;
}

.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: #0aa3f3;
}

/*===============================
RARATHEME SOCIAL ICON WIDGET
===============================*/
.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: #0aa3f3;
  border-color: #0aa3f3;
  color: #fff;
}

/*=================================
 Responsive Style
 =================================*/

@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: 3px;
    /*background: #fff;*/
    padding: 7px 0;
    cursor: pointer;
    position: relative;
  }

  #primary-toggle-button span {
    display: block;
    width: 30px;
    height: 2px;
    background: #ffffff;
    margin: 0 auto 7px;
    -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: block;
    text-align: center;
    margin: 7px 0px;
  }

  .responsive-menu-holder {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #346bae;
    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: #0aa3f3;
  }

  .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;
  }

  .main-navigation ul li {
    position: relative;
  }

  .main-navigation ul li a {
    padding: 14px 30px;
    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 {}

  .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: #0aa3f3 !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;
  }

  /*section title font size*/
  .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;
  }


  .team-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .author-section {
    padding: 40px;
  }


  .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:nth-child(2n) {
    margin-right: 0;
  }

  .tax-rara_portfolio_categories .filter-grid article {
    width: 50%;
  }

  .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;
  }


  .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;
  }


  .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: 3px;
    top: 0px;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 5px;
    z-index: 99999999999999;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border: #016be1;
    background: #fff;
  }

  .responsive-menu-holder .mobile-navigation .close-main-nav-toggle:focus {}

  .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: -5px;
    right: 0px;
    width: 50px;
    height: 0px;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
    text-align: center;
    font-size: 20px;
    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 {}

  .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 {}
}

@media (min-width: 1024px) {
  .header-t #primary-toggle-button {
    display: none !important;
  }
}

/* Widget Fixes */
/* Footer */
.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;*/
  font-size: 27px !important
}

/* Sidebar */
#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;
}

/* Rara Companion Widget Fixes */
.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: #0aa3f3;
}

.site-footer .widget_raratheme_featured_page_widget .text-holder .featured_page_content .btn-readmore:hover {
  color: #0aa3f3;
  background: #fff;
}

/* client logo */
.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 */
.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: #0aa3f3;
}

.site-footer .widget_raratheme_companion_cta_widget .text.right {
  text-align: right !important;
}

/* Custom Categories Slider */
.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: #0aa3f3;
}

.site-footer .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a .post-count {
  background: #006ba1;
}

/* Author Bio Fixes */
.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: #0aa3f3;
}

.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;
}

/* faq accordion arrow fixes */
.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;
}

/* Testimonial fixes */
.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;
}

/* Stat Counter */
.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;
}

/* Image text Widget */
.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;
}

/* contact Widget fixes*/
.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;
}

/* FEATURED PAGE WIDGET FIXES */
.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;
}

/* SideBar Recent-post layout one fixes */
#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;
}

/* Popular post 3 color fixes */
.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;
}

/* Popular post side bart layout fixes */
#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%;
}

/* Sidebar fixes */
#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 #0aa3f3;
  background: white;
  color: #0aa3f3;
}

.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore:hover {
  background: #0aa3f3;
  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: #0aa3f3;
  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: #0aa3f373;
}

/* Contact Widget */
.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: #0aa3f3;
  color: #fff;
  border-radius: 50%;
}

/* Custom Categories */
#secondary .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a {
  background-color: #0aa3f3;
}

#secondary .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a .post-count {
  background: #006ba1;
}

/* Faq fixes */
#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: #0aa3f3;
  color: #fff;
}

#secondary .widget.widget_raratheme_companion_faqs_widget .raratheme-faq-holder .expand-faq:hover {
  color: #006ba1;
}

/* Icon text */
#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 #0aa3f3;
  background: #0aa3f3;
  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: #0aa3f3;
}

/* Image Widget */
#secondary .widget_raratheme_image_widget .readmore {
  border: 1px solid #0aa3f3;
  background: #0aa3f3;
  color: #fff;
}

#secondary .widget_raratheme_image_widget .readmore:focus,
#secondary .widget_raratheme_image_widget .readmore:hover {
  background-color: #fff;
  color: #0aa3f3;
}

/* Popular Post */

.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;
}

/* Word break fixes */
.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;
}

/* Stat Counter fixes */
#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: "Montserrat";
  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;
}

/* team Member */
#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;
}

/* cta sitefooter */
.site-footer .widget_raratheme_companion_cta_widget .raratheme-cta-container .button-wrap .btn-cta {
  background-color: #0aa3f3;
  color: #fff;
  border: 1px solid #0aa3f3;
}

/* Client Logo fixes */
.site-footer .widget.widget_raratheme_client_logo_widget .image-holder {
  display: inline-block;
  width: 27%;
  margin: 6px;
}

/* Faqs */
.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 {}

/* Recent post */
.site-footer .widget.widget_recent_entries ul li .post-date {
  color: #fff;
}

/* gallery */
#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;
}

/* Author bio */
.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: #0aa3f3;
  border: 1px solid #0aa3f3;
}

.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: #0aa3f3;
  background: #fff;
}

.site-footer .widget_raratheme_image_widget .readmore {
  color: #fff;
  background: #0aa3f3;
  border: 1px solid #0aa3f3;
}

.site-footer .widget_raratheme_image_widget .readmore:hover {
  color: #0aa3f3;
  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: #0aa3f3;
  color: #fff;
  border: 1px solid #0aa3f3;
}

#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: #0aa3f3;
}

#secondary .widget_rtc_social_links .rtc-social-icon-wrap a {
  background: #0aa3f3;
  color: #fff;
  border: 1px solid #0aa3f3;
}

#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;
}

/* Single Post */
.site-footer .widget .textwidget a {
  color: #b0b6bc;
}

.site-footer .widget .textwidget a:hover {
  color: #58A42A
}

.entry-content h3 a {
  color: #72b7e7;
}



/* Desktop accessibility */
#site-navigation ul li.hover>ul {
  margin-top: 0;
  opacity: 1;
  margin-left: 0;
}

:focus-visible {
  outline: none;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
  padding-right: 12px !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable section[data-kc-fullwidth]>[aria-hidden] {
  padding-right: 12px !important;
}


@media (max-width: 600px) {
  .images__sales {
    display: block;
    width: min(100%, 220px);
    margin: 0 auto 1rem;
  }
}

@media (min-width: 601px) and (max-width: 1179px) {
  .images__sales {
    width: clamp(150px, 25%, 250px);
    display: block;
    position: absolute;
    top: -80px;
    right: 0;
  }
}

@media (min-width: 1180px) {
  .images__sales {
    width: clamp(200px, 30%, 270px);
    display: block;
    position: absolute;
    top: -150px;
    right: 20px;
  }
}

.images__sales {
  /* display: none */
}

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}

.thumb-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.wrapper--col {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 300px 1fr;
}

.wrapper--col p:empty {
  display: none
}

.wrapper--col .inner_form {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.wrapper--col .inner_form textarea {
  max-height: 165px
}




















/*CUSTOME*/
/*Заголовки*/
.title {
  position: relative;
  margin: 35px 0px 35px 0px;
  padding-top: 20px;
  overflow: hidden;
}

.title:before {
  content: '';
  display: inline-block
}

.title h1,
.title h2,
.title h3 {
  position: relative;
}

.beforetitle {
  position: absolute;
  color: #EAEAEA;
  font-size: 80px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

@media (min-width: 0px) and (max-width: 900px) {
  .title {
    margin: 10px 0px 10px 0px;
  }

  .title:before {
    display: none
  }

  .beforetitle {
    display: none;
  }
}

/*Всплывалка*/
html .fancy-ico span {
  display: block;
  position: relative;
  left: 12px;
  top: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e31e24;
  border: 2px solid #e31e24;
  box-shadow: none;
  transition: transform .25s ease-in-out;
}

html.fancybox-active:not(.fancybox-allowscroll),
html.fancybox-active:not(.fancybox-allowscroll) body {
  -webkit-overflow-scrolling: auto !important;
  overflow: auto !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

html #fancybox-content {
  height: auto;
}

html .wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0px;
  border: 0px solid #00a0d2;
}



/*Кнопки*/
.fos {
  border: 0px solid #e31e24;
  color: #fff;
  transition: ease 0.2s;
  padding: 17px 50px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 400;
  background: linear-gradient(#ee1d25, #900307);
  text-transform: uppercase;
  border-radius: 10px;
  width: auto;
  display: inline-block;
}

.fos:hover {
  background: linear-gradient(#ee1d25, #900307);
  transition: ease 0.2s;
}


.btn-f {
  border: 1px solid #e31e24;
  display: inline-block;
  padding: 13px 25px;
  font-size: 14px;
  line-height: 14px;
  transition: ease 0.2s;
}

.btn-f:hover {
  border: 1px solid #b60a0f;
  transition: ease 0.2s;
}

.btn-ch {
  border: 1px solid #fff;
  display: inline-block;
  padding: 13px 25px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  transition: ease 0.2s;
}

.btn-ch:hover {
  border: 1px solid rgb(255 255 255 / 70%);
  color: rgb(255 255 255 / 70%);
  transition: ease 0.2s;
}

#primary .site-main article .entry-footer .btn-readmore,
.dochki .entry-footer .btn-readmore {
  text-align: center;
  border: 2px solid #c20000;
  display: inline-block;
  color: #c20000;
  margin-bottom: 15px;
  opacity: 1;
  padding: 5px 20px 5px 20px;
  box-shadow: none;
  display: inline-block;
  font-family: 'Gotham Pro';
  font-size: 16px;
  transition: ease 0.2s;
}

.dochki .entry-footer .btn-readmore:hover,
.dochki .entry-footer .btn-readmore:focus,
#primary .site-main article .entry-footer .btn-readmore:hover,
#primary .site-main article .entry-footer .btn-readmore:focus {
  color: #fff;
  transition: ease 0.2s;
  background: #c20000
}

.btn-readmore:focus {
  outline-offset: 2px;
}


@media (min-width: 0px) and (max-width: 900px) {
  #specy .notfull {
    padding: 30px 0px
  }

  .btn-ch,
  .btn-f {
    display: block;
  }
}



/*Архивы записей*/

/*Каталог*/
.archive.category.category-katalog h2 {
  margin-bottom: 0px;
  position: absolute;
  bottom: 55px;
  left: 20px;
}
.archive.category.category-katalog footer h2.widget-title,
.archive.category.category-katalog footer h2.widgettitle{
  position: static;
}
.archive.category.category-katalog article {
  position: relative
}

.archive .post h2 a,
.archive .dochki h2 a,
.home .dochki h2 a,
.archive .post h2,
.archive .dochki h2,
.home .dochki h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  font-family: 'Gotham Pro';
  height: 48px;
}

.archive .post h2,
.archive .dochki h2,
.home .dochki h2 {
  font-size: 20px;
  line-height: 24px;
  text-transform: initial;
  overflow: hidden;
}

.home #primary .page .entry-content .dochki h2 {
  font-size: 20px;
  color: #000;
  font-family: 'Gotham Pro';
  font-weight: 500;
  margin: 0px;
  line-height: 24px;
  text-transform: initial;
  height: 48px;
}

.archive.category h2 {
  margin-bottom: 0px;
}

.related-post .col .entry-title a,
.popular-post .col .entry-title a {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  font-family: 'Gotham Pro';
}

.archive .category-novosti h2 {
  height: 45px;
}

.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
}


.related-post .btn-readmore,
.btn-readmore {
  text-align: center;
  border: 1px solid #bcbcbc;
  display: block;
  margin-bottom: 15px;
  opacity: 1;
  padding: 0px 20px 0px 20px;
  box-shadow: none;
  font-family: 'Gotham Pro';
  font-size: 12px;
  transition: ease 0.2s;
  border-radius: 7px;
}

.related-post .btn-readmore:hover,
.btn-readmore:hover,
.related-post .btn-readmore:hover a.btn-readmore,
.btn-readmore:hover a.btn-readmore {
  border: 1px solid #000;
  color: #000;
  transition: ease 0.2s;
}

a.btn-readmore {
  color: #bcbcbc;
}

/*новый каталог*/
.grid-header-katalog {
  display: grid;
  grid-template-columns: 450px auto;
}

@media(max-width:800px) {
  .grid-header-katalog {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}

/*Характеристики*/
.har {
  border: 1px solid #c3c3c3;
  border-radius: 1rem;
  background: #fff;
  margin: 10px;
}

.har-grid {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  padding: 1rem;
  align-items: center;
}

.har-grid:nth-child(even) {
  background: #e8e8e8;
}

.harnam {
  font-weight: 700
}

.harzn {}

/*Кнопки*/
.knopkisv {
  display: flex;
  gap: 20px;
}

.kat-what {
  color: #fff;
  transition: ease 0.2s;
  padding: 17px 10px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 400;
  background: linear-gradient(#40c351, #279635);
  text-transform: uppercase;
  border-radius: 10px;
  width: auto;
  display: inline-block;
  width: 200px;
}

.kat-tg {
  color: #fff;
  transition: ease 0.2s;
  padding: 17px 10px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 400;
  background: linear-gradient(#29b6f6, #138ac0);
  text-transform: uppercase;
  border-radius: 10px;
  width: auto;
  display: inline-block;
  width: 200px;
}


/*Миниатюры дочерних категорий*/
.archive .dochki img,
.home .dochki img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  vertical-align: top;
}

/*Табы категорий в архиве*/
.cattab a:nth-child(2n) {
  line-height: 35px;
  background: #000000;
  color: #fff !important;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Gotham Pro';
  padding: 3px 10px 6px 10px;
  font-style: initial;
}

.cattab a:nth-child(2n+1) {
  line-height: 35px;
  background: #e54734;
  color: #fff !important;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Gotham Pro';
  padding: 3px 10px 6px 10px;
  font-style: initial;
}

.cattab {
  margin-bottom: 10px
}



/*Шапка и футер*/
.home header {
  position: absolute;
  z-index: 1;
  width: 100%;
}

iframe:last-child {
  display: none
}

.item {
  margin-top: 30px;
}

.home .shap1 {
  background: transparent;
  padding: 0px;
  border-bottom: 1px solid transparent;
}

.shap1 {
  background: url(/wp-content/uploads/2024/07/slid-dop.png);
  background-position: center;
  min-height: 110px;
  background-size: cover;
  border-radius: 0 0 70px 70px;
  background-repeat: no-repeat;
}

.shap2 {
  background: #c20000;
  padding: 0px;
  display: block;
}

.shap1 .container {
  padding: 0px;
}

.shap11 {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
  align-items: center;
}

.otw-sidebar-1,
.otw-sidebar-4 {
  display: flex;
  justify-content: flex-start;
}

.otw-sidebar-4 .widget,
.otw-sidebar-1 .widget,
.otw-sidebar-9 .widget {
  margin: 0px
}

.otw-sidebar-1 .otw-widget-2,
.otw-sidebar-4 .otw-widget-2 {
  margin: 0px 10px
}

.widget .textwidget a.white {
  color: #000;
  text-decoration: none
}

.otw-sidebar-2 .widget {
  margin: 0px
}

footer .container {
  padding: 20px 0px
}

.site-content .container {
  padding: 15px 0px 90px 0px;
}

.home .site-content .container {
  padding: 0px
}

.site-footer .widget ul li {
  font-weight: normal;
  margin-bottom: 10px;
  letter-spacing: 0px;
  line-height: 1.2;
}

.site-footer a {
  color: #9b9b9b
}

.site-footer .widget_text .textwidget,
.footer-b {
  color: rgb(255 255 255 / 100%);
}

.site-footer .col:nth-child(1) img {
  max-width: 194px !important
}

.footer-t .grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

#primary .post .entry-content .widget ul>li:before,
#primary .page .entry-content .widget ul>li:before {
  display: none;
}

.wpcf7 .foss .ajax-loader {
  display: none
}

footer .widget {
  margin: 0 0 20px;
}

/*Контакты в шапке*/
.grid-kont-shap {
  display: grid;
  grid-template-columns: auto auto auto;
  margin-top: 0px;
  gap: 30px 30px;
  align-items: center;
}

@media(max-width: 900px){
	.grid-kont-shap {
  		grid-template-columns: auto auto ;
}
}

.grid-kont-shap a {
  color: #fff;
  font-weight: 700;
  font-size: 18px
}

.grid-kont-shap {
  color: #fff
}

.grid-kont-shap span {
  display: block;
}

.grid-kont-shap .svg-inline--fa {
  font-size: 24px
}

.addresses-item {
  display: inline-block;
  text-align: left;
  position: relative;
  padding: 0px 15px 0px 0px;
  font-size: 14px;
}

.addresses-info p.title {
  text-transform: uppercase;
  color: #B4B4B4;
  font-weight: 500;
  font-size: 9px;
}

.addresses-info p {
  white-space: nowrap;
  margin: 0;
  text-align: left;
  line-height: 1.2em;
  padding-left: 35px;
}

.addresses-item:nth-child(3) p {
  padding-left: 40px;
}

.addresses-info p.desc {
  font-weight: 700;
  color: #e54734;
}

.addresses-info p.desc a {
  font-weight: 700;
  color: #000;
}

.addresses-info p.desc a:hover {
  color: #c20000;
}

.addresses-info .i {
  display: block;
  position: absolute;
  left: 0.5em;
  line-height: 1.5;
  font-size: 1.4em;
  color: #000;
}

/*Контакты в футере*/
.contact-footer {}

.site-footer .widget .textwidget .contact-footer a:nth-child(1),
.site-footer .widget .textwidget .contact-footer a:nth-child(2) {
  font-weight: 700;
  color: #fff;
  font-size: 18px;
  display: block;
}

.site-footer .widget .textwidget .contact-footer a:nth-child(1):hover {
  color: #58A42A
}

.site-footer .widget .textwidget .contact-footer a:nth-child(3),
.site-footer .widget .textwidget .contact-footer a:nth-child(4) {
  color: #58A42A;
  display: block;
}

.site-footer .widget .textwidget .contact-footer a:nth-child(2):hover {
  color: #407e1b
}

.contact-footer-soc {
  display: grid;
  align-items: center;
  grid-template-columns: 15px 9px 13px 15px 16px;
  gap: 15px;
  margin-top: 15px;
}

.site-footer .widget .textwidget .contact-footer-soc a {
  line-height: 0px;
}

/*Разработчик в футере*/
.site-footer .widget .textwidget .razr a {
  font-weight: 500;
  color: #fff;
}

.site-footer .widget .textwidget .razr a:hover {
  color: #58A42A
}

.razr {
  color: #b0b6bc
}

@media (min-width: 0px) and (max-width: 900px) {
  .home .shap1 {
    background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 85%)), url(/wp-content/uploads/2024/07/slid-mob.jpg);
  }

  .home header {
    position: relative;
  }

  .addresses-info .i {
    display: none;
  }

  .addresses-info p {
    padding-left: 0px;
    font-size: 13px;
    text-align: center
  }

  .addresses-info p.title {
    display: none
  }

  .addresses-item {
    display: block;
    text-align: center;
    padding: 0px;
  }

  .addresses-item:nth-child(3) p {
    padding-left: 0px;
  }

  /* .grid-kont-shap {
    grid-template-columns: repeat(1, 1fr);
  } */

  .grid-kont-shap .svg-inline--fa {
    display: none
  }

  .shap1 {
    height: auto;
    background-size: cover;
    background-position: top;
    background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 85%)), url(/wp-content/uploads/2024/07/slid-mob.jpg);
    background-position: top;
  }
}



/*Липкое меню и смена логотипа*/
#mysticky-nav.wrapfixed .myfixed #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
  color: #000;
}

.site-branding.fixscroll {
  display: none;
}

.shap1.myfixed .site-branding.fixscroll {
  display: flex;
}

.shap1.myfixed .site-branding {
  display: none;
}

.shap1.myfixed {
  height: auto
}

#mysticky-nav.wrapfixed .myfixed #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
#mysticky-nav.wrapfixed .myfixed #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
  border-color: #000;
}

#mysticky-nav.wrapfixed .myfixed .grid-kont-shap a {
  color: #000;
}

#mysticky-nav.wrapfixed .myfixed .grid-kont-shap a:hover {
  color: #ee1d25;
}

#mysticky-nav.wrapfixed .myfixed .grid-kont-shap {
  color: #000
}

/*Слайдер*/
.sliderr {
  margin: 0px auto;
  max-width: 1340px;
}

.sliderr h1 {
  color: #fff
}


/*Формы связи*/
iframe:last-child {
  display: none
}

#fos-shap input[type="submit"] {
  margin-top: 25px;
}

#fos-shap textarea {
  height: 100px;
}



/*РАЗНЫЕ ФОС*/
.newfos input[type="tel"]::-webkit-input-placeholder {
  color: #fff;
}

.newfos input[name="mask-183"]::-webkit-input-placeholder {
  color: #fff;
}

.newfos input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}

.newfos input[type="email"]::-webkit-input-placeholder {
  color: #fff;
}

.newfos input[type="submit"] {
  margin-top: 22px
}

.newfos .wpcf7 .ajax-loader {
  display: none
}

.newfos .wpcf7-form p {
  margin-bottom: 0px;
  color: #fff;
  font-size: 16px
}

.newfos .wpcf7-form p:nth-child(5) {
  text-align: center
}

.newfos {
  width: 100%;
  margin: 0 auto;
  display: inline-block
}

.newfos input[type="text"],
.newfos input[type="email"],
.newfos input[type="url"],
.newfos input[type="password"],
.newfos input[type="search"],
.newfos input[type="number"],
.newfos input[type="tel"],
.newfos input[type="range"],
.newfos input[type="date"],
.newfos input[type="month"],
.newfos input[type="week"],
.newfos input[type="time"],
.newfos input[type="datetime"],
.newfos input[type="datetime-local"],
.newfos input[type="color"],
.newfos textarea {
  max-width: 100%;
  color: #fff
}

.newfos label {
  color: #fff
}

.newfos textarea {
  height: 129px;
}

.foss input[type="text"],
.foss input[type="email"],
.foss input[type="url"],
.foss input[type="password"],
.foss input[type="search"],
.foss input[type="number"],
.foss input[type="tel"],
.foss input[type="range"],
.foss input[type="date"],
.foss input[type="month"],
.foss input[type="week"],
.foss input[type="time"],
.foss input[type="datetime"],
.foss input[type="datetime-local"],
.foss input[type="color"],
.foss textarea {
  border: 1px solid #fff;
  border-radius: 0px;
  padding: 10px 20px;
  outline: none;
  margin: 10px 0px;
  width: 95%;
  background: transparent;
  color: #fff;
}

.foss button,
.foss input[type="button"],
.foss input[type="reset"],
.foss input[type="submit"] {
  font-size: 17px;
  /* font-weight: 900; */
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  padding: 11px 20px;
  border-radius: 0px -webkit-transition: ease 0.2s;
  -moz-transition: ease 0.2s;
  transition: ease 0.2s;
  margin-top: 0px;
}

.foss {
  display: flex;
  /*align-items: center;*/
}

.foss div {
  width: 50%;
}

.foss div:nth-child(1) {
  padding-right: 70px
}

.foss input[type="text"],
.foss input[type="email"],
.foss input[type="url"],
.foss input[type="password"],
.foss input[type="search"],
.foss input[type="number"],
.foss input[type="tel"],
.foss input[type="range"],
.foss input[type="date"],
.foss input[type="month"],
.foss input[type="week"],
.foss input[type="time"],
.foss input[type="datetime"],
.foss input[type="datetime-local"],
.foss input[type="color"],
.foss textarea {
  border: 1px solid #333;
  border-radius: 0px padding: 15px 30px;
  outline: none;
  margin: 10px 0px;
  background: transparent;
  color: #333;
}

.foss p {
  margin-bottom: 10px;
}

.foss button,
.foss input[type="button"],
.foss input[type="reset"],
.foss input[type="submit"] {
  margin-top: 12px;
}

.foss input[type="tel"]::-webkit-input-placeholder {
  color: #fff;
}

.foss input[type="text"],
.foss input[type="email"],
.foss input[type="url"],
.foss input[type="password"],
.foss input[type="search"],
.foss input[type="number"],
.foss input[type="tel"],
.foss input[type="range"],
.foss input[type="date"],
.foss input[type="month"],
.foss input[type="week"],
.foss input[type="time"],
.foss input[type="datetime"],
.foss input[type="datetime-local"],
.foss input[type="color"] {
  width: 95%;
}

.foss textarea {
  width: 100%;
  height: 196px;
}

.foss1 {
  max-width: 500px
}

.foss1 input[type="tel"]::-webkit-input-placeholder {
  color: #000;
}

.foss1 input[name="mask-183"]::-webkit-input-placeholder {
  color: #000;
}

.foss1 input[type="text"]::-webkit-input-placeholder {
  color: #000;
}

.foss1 input[type="email"]::-webkit-input-placeholder {
  color: #000;
}

.foss1 textarea::-webkit-input-placeholder {
  color: #000;
}

.foss1 input[type="text"],
.foss1 input[type="email"],
.foss1 input[type="url"],
.foss1 input[type="password"],
.foss1 input[type="search"],
.foss1 input[type="number"],
.foss1 input[type="tel"],
.foss1 input[type="range"],
.foss1 input[type="date"],
.foss1 input[type="month"],
.foss1 input[type="week"],
.foss1 input[type="time"],
.foss1 input[type="datetime"],
.foss1 input[type="datetime-local"],
.foss1 input[type="color"],
.foss1 textarea {
  border-bottom: 2px solid #000;
  border-radius: 0px;
  padding: 0px 30px 10px 30px;
  outline: none;
  margin: 10px 0px;
  background: transparent;
  border-top: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
}

.foss1 p {
  margin-bottom: 10px;
  font-family: 'Gotham Pro';
  color: #000
}

.foss1 button,
.foss1 input[type="button"],
.foss1 input[type="reset"],
.foss1 input[type="submit"] {
  margin-top: 12px;
}

.foss1 input[type="text"],
.foss1 input[type="email"],
.foss1 input[type="url"],
.foss1 input[type="password"],
.foss1 input[type="search"],
.foss1 input[type="number"],
.foss1 input[type="tel"],
.foss1 input[type="range"],
.foss1 input[type="date"],
.foss1 input[type="month"],
.foss1 input[type="week"],
.foss1 input[type="time"],
.foss1 input[type="datetime"],
.foss1 input[type="datetime-local"],
.foss1 input[type="color"] {
  width: 98%;
}

.foss1 textarea {
  width: 98%;
  height: 95px;
}

.foss2 input[type="tel"]::-webkit-input-placeholder {
  color: #fff;
}

.foss2 input[name="mask-183"]::-webkit-input-placeholder {
  color: #fff;
}

.foss2 input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}

.foss2 input[type="email"]::-webkit-input-placeholder {
  color: #fff;
}

.foss2 textarea::-webkit-input-placeholder {
  color: #fff;
}

.foss2 input[type="text"],
.foss2 input[type="email"],
.foss2 input[type="url"],
.foss2 input[type="password"],
.foss2 input[type="search"],
.foss2 input[type="number"],
.foss2 input[type="tel"],
.foss2 input[type="range"],
.foss2 input[type="date"],
.foss2 input[type="month"],
.foss2 input[type="week"],
.foss2 input[type="time"],
.foss2 input[type="datetime"],
.foss2 input[type="datetime-local"],
.foss2 input[type="color"],
.foss2 textarea {
  border-bottom: 0px solid #000;
  border-radius: 10px;
  padding: 12px 30px 17px 30px;
  outline: none;
  margin: 10px 0px;
  background: rgb(255 255 255 / 25%);
  color: #fff;
  border-top: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;

}

.foss2 p {
  margin-bottom: 10px;
}

.foss2 button,
.foss2 input[type="button"],
.foss2 input[type="reset"],
.foss2 input[type="submit"] {
  margin-top: 12px;
}

.foss2 input[type="text"],
.foss2 input[type="email"],
.foss2 input[type="url"],
.foss2 input[type="password"],
.foss2 input[type="search"],
.foss2 input[type="number"],
.foss2 input[type="tel"],
.foss2 input[type="range"],
.foss2 input[type="date"],
.foss2 input[type="month"],
.foss2 input[type="week"],
.foss2 input[type="time"],
.foss2 input[type="datetime"],
.foss2 input[type="datetime-local"],
.foss2 input[type="color"] {
  width: 100%;
}

.foss2 textarea {
  width: 100%;
}

.foss3 input[type="text"],
.foss3 input[type="email"],
.foss3 input[type="url"],
.foss3 input[type="password"],
.foss3 input[type="search"],
.foss3 input[type="number"],
.foss3 input[type="tel"],
.foss3 input[type="range"],
.foss3 input[type="date"],
.foss3 input[type="month"],
.foss3 input[type="week"],
.foss3 input[type="time"],
.foss3 input[type="datetime"],
.foss3 input[type="datetime-local"],
.foss3 input[type="color"],
.foss3 textarea {
  width: 100%;
  border: 0px solid #d8d8d8;
  margin: 0px
}

.foss3 button,
.foss3 input[type="button"],
.foss3 input[type="reset"],
.foss3 input[type="submit"] {
  padding: 10px 30px;
}



/*Выделение*/
::-moz-selection {
  background-color: #eeeeee !important;
  color: #000
}

::selection {
  background-color: #eeeeee !important;
  color: #000
}



/*Стиль для галереи в шорткодах
.su-custom-gallery-slide img {width: 100%; border: 0px solid #ccc !important; border-radius: 0px !important; object-fit: cover; max-height: 600px;}
.su-custom-gallery-slide {width: 50%; margin:0px !important}
.su-custom-gallery-slide:hover img {background: transparent; opacity: 0.7;}
.mfp-title {display: none;}
@media (min-width: 0px) and (max-width: 900px)
{
	.su-custom-gallery-slide {width: 90%; margin:0 auto !important; float:none !important}
} */



/*Разное*/
.mob {
  display: none
}

ul.mar20 {
  margin-top: 30px
}

.pad-right-50 {
  padding-right: 50px
}

.home .site-content .container {
  padding: 0px;
  max-width: 100%;
  width: 100%
}

.home.full-width #content .content-grid {
  max-width: 100%;
  margin: 0 auto;
}

.home.full-width #content .content-grid .notfull {
  max-width: 1340px;
  margin: auto
}

.home h1,
.home h2 {
  font-size: 34px;
  line-height: 54px;
}

.col-md-2 {
  width: 16.66%;
  float: left;
  padding: 15px
}

.col-md-3 {
  width: 25%;
  float: left;
  padding: 15px
}

.col-md-4 {
  width: 33.33%;
  float: left;
  padding: 15px
}

.col-md-5 {
  width: 41.66%;
  float: left;
  padding: 15px
}

.col-md-6 {
  width: 50%;
  float: left;
  padding: 15px
}

.col-md-7 {
  width: 58.33%;
  float: left;
  padding: 15px
}

.col-md-8 {
  width: 66.66%;
  float: left;
  padding: 15px
}

.col-md-9 {
  width: 75%;
  float: left;
  padding: 15px
}

.col-md-10 {
  width: 83.33%;
  float: left;
  padding: 15px
}

.notfull h2 {
  margin-bottom: 35px;
}

.site-branding img {
  max-width: 194px
}

.utp {
  color: #000;
  font-size: 13px;
  line-height: 18px;
  padding-left: 20px;
}

.main-header .right.utp {}

/* Когда класс myfixed не присутствует (то есть обычная шапка) */
.shap1 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
.shap1 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
.shap1 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
  background-color: #fff;
}

/* Когда класс myfixed присутствует (фиксированная шапка) */
.shap1.myfixed #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
.shap1.myfixed #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
.shap1.myfixed #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
  background-color: #000;
}



@media (min-width: 0px) and (max-width: 900px) {
  ul.mar20 {
    margin-top: 0px
  }

  .pad-right-50 {
    padding-right: 0px
  }

  .mob {
    display: block;
    margin-top: 20px
  }

  .home.full-width #content .content-grid {
    grid-gap: 15px;
  }

  .home h1,
  .home h2 {
    font-size: 24px;
    line-height: 44px;
  }
}



/*ГЛАВНАЯ БЛОКИ*/
.home {
  background: #ffffff
}

/*Большая ФОС перед футером*/
#fos-foot {}

.fos-foot-container {
  background: url(/wp-content/uploads/2024/11/fff.jpg), linear-gradient(transparent, transparent);
  display: grid;
  color: #fff;
  padding: 100px 0px;
  border-radius: 70px 70px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}

#fos-foot h1 {
  color: #fff;
  line-height: 54px;
}

@media (min-width: 0px) and (max-width: 900px) {
  .fos-foot-container {
    padding: 30px 0px
  }

  #fos-foot h1 {
    line-height: 44px;
  }
}

/*Производство*/
#proiz .container-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 70px;
  gap: 30px 50px;
}

#proiz {
  padding: 0px 0 100px 0;
  background: #fff
}

#proiz .container-grid .item-proiz div {
  padding: 60px;
  background: #F5F5F5;
  border-radius: 25px;
  display: grid;
  align-items: center
}

#proiz .container-grid .item-proiz:nth-child(2) div {
  background: linear-gradient(#197B2C, #58A42A);
  color: #fff
}

@media (min-width: 0px) and (max-width: 900px) {
  #proiz {
    padding: 0 0 30px 0;
  }

  #proiz .container-grid {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 20px;
    gap: 20px;
  }
}

/*Каталог*/
#katalog {
  padding: 0px 0px 100px 0px;
  background: rgb(234 234 234 / 50%)
}

#katalog h3 {
  margin-bottom: 0px;
  position: absolute;
  bottom: 55px;
  left: 20px;
  font-size: 20px;
  line-height: 24px;
  text-transform: initial;
}

#katalog h3 a {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  font-family: 'Gotham Pro';
}

#katalog article {
  position: relative
}

@media (min-width: 0px) and (max-width: 900px) {
  #katalog {
    padding: 30px 0px;
  }
}

/*ФОС*/
#fos {
  background: linear-gradient(#f4f4f4, #fff);
  display: grid;
  color: #fff;
}

.fos-container {
  background: url(/wp-content/uploads/2024/07/fon1.png), linear-gradient(#f4f4f4, #fff);
  display: grid;
  color: #fff;
  padding: 100px 0px;
  border-radius: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}

#fos .sogl_text a {
  color: #fff
}

.wi70 {
  width: 70%
}

#fos h2 {
  color: #fff
}

#fos .foss2 .display-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
  column-gap: 50px;
}

#fos textarea {
  height: 205px;
}

#fos .foss1 input[type="submit"] {
  float: left
}

@media (min-width: 0px) and (max-width: 900px) {
  #fos {
    height: auto;
    padding: 30px 0px;
    background-size: cover;
    background-position: center;
  }

  #fos .foss2 .display-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .wi70 {
    width: 100%
  }

  .fos-container {
    padding: 50px 0px;
  }
}


/*Преимущества*/
#preim .container-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 70px;
  gap: 30px 50px;
}

#preim {
  padding: 0px 0 100px 0;
  background: #fff
}

#preim h3 {
  color: #2D2D2D;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 30px;
  margin: 0;
}

#preim img {
  width: 100px;
}

#preim .container-grid .item-pr {
  text-align: left;
  align-items: center;
  display: grid;
  grid-template-columns: 100px auto;
  gap: 20px;
}

@media (min-width: 0px) and (max-width: 900px) {
  #preim {
    padding: 30px 0px;
  }

  #preim .container-grid {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 50px;
    gap: 50px;
  }
}

/*Схема*/
#shema .container-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 70px;
  gap: 30px 40px;
}

#shema {
  padding: 0 0 100px 0;
  background: #fff
}

#shema h3 {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 30px;
}

#shema .container-grid .item-shema {
  border-radius: 25px;
  color: #fff;
}

#shema .container-grid .item-shema:nth-child(1) {
  grid-row: span 2;
  background: linear-gradient(#197B2C, #58A42A);
  padding: 60px;
}

#shema .container-grid .item-shema:nth-child(2),
#shema .container-grid .item-shema:nth-child(3),
#shema .container-grid .item-shema:nth-child(4) {
  color: #393438;
}

#shema .container-grid .item-shema:nth-child(2) .pust-plash {
  background: url('/wp-content/uploads/2024/07/sh2.png');
  height: 275px;
  padding: 60px;
  background-repeat: no-repeat
}

#shema .container-grid .item-shema:nth-child(3) .pust-plash {
  background: url('/wp-content/uploads/2024/07/sh3.png');
  height: 275px;
  padding: 60px;
  background-repeat: no-repeat
}

#shema .container-grid .item-shema:nth-child(4) .pust-plash {
  background: url('/wp-content/uploads/2024/07/sh4.png');
  height: 275px;
  padding: 60px;
  background-repeat: no-repeat
}

#shema .container-grid .item-shema:nth-child(5) {
  background: linear-gradient(#197B2C, #58A42A);
  height: 275px;
  padding: 60px;
}

#shema .item-shema .fos {
  border: 1px solid #fff;
  color: #fff;
  transition: ease 0.2s;
  padding: 17px 50px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 400;
  background: transparent;
  text-transform: uppercase;
  border-radius: 10px;
  width: auto;
  display: inline-block;
}

#shema .item-shema .fos:hover {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.num {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}

.shema-text {
  padding: 15px 0 0 5px
}

@media (min-width: 0px) and (max-width: 900px) {
  #shema {
    padding: 0 0 30px 0;
  }

  #shema .container-grid {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 20px;
    gap: 20px;
  }

  #shema .container-grid .item-shema:nth-child(2) .pust-plash,
  #shema .container-grid .item-shema:nth-child(3) .pust-plash,
  #shema .container-grid .item-shema:nth-child(4) .pust-plash,
  #shema .container-grid .item-shema:nth-child(5) {
    height: 250px;
    /*padding: 60px 0 0 30px;*/
    padding: 30px 25px;
    background-size: cover;
    border-radius: 25px;
  }

  #shema .container-grid .item-shema:nth-child(1) .pust-plash,
  #shema .container-grid .item-shema:nth-child(1) {
    padding: 30px 25px;
  }
}


/*СТРАНИЦЫ И РАЗДЕЛЫ*/
/*КАТАЛОГ*/
/*Каталог Архив*/
.archive.category .katalog h2 {
  text-align: center;
}

/*Каталог - Детальная карточка*/
/*Стиль для галереи каталоге*/
.grid-katalog .su-custom-gallery-slide img {
  padding: 10px;
  background: transparent;
  border-radius: 20px !important;
}

.grid-katalog .su-custom-gallery-slide:hover img {
  background: transparent;
  border: 0px solid #aaa;
}

.kat-fos-kons {
  position: relative;
  float: left;
  margin: .5em;
  overflow: hidden;
  padding: 10px;
}

.oboloch {
  height: 280px;
  border-radius: 20px;
  background: linear-gradient(#197B2C, #58A42A);
  padding: 60px 40px;
}

.oboloch h3 {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.oboloch .fos {
  border: 1px solid #fff;
  color: #fff;
  transition: ease 0.2s;
  padding: 17px 50px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 400;
  background: transparent;
  text-transform: uppercase;
  border-radius: 10px;
  width: auto;
  display: inline-block;
}

.oboloch .fos:hover {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

/*.grid-katalog .su-custom-gallery-slide, .kat-fos-kons {width: 25%; margin:0px !important}
.grid-katalog .su-custom-gallery-slide:nth-child(1) {width: 50%;}
.grid-katalog .su-custom-gallery-slide:nth-child(1) img {height: 598px;}
.grid-katalog .su-custom-gallery-slide img {
	object-fit: cover;
    height: 300px;
}*/
.grid-katalog .su-custom-gallery-slide,
.kat-fos-kons {
  width: 50%;
  margin: 0px !important
}

.grid-katalog .su-custom-gallery-slide:nth-child(1) {
  width: 100%;
}

.grid-katalog .su-custom-gallery-slide:nth-child(1) img {
  /* height: 598px; */
}

.grid-katalog .su-custom-gallery-slide img {
  object-fit: cover;
  height: auto;
}

@media (min-width: 0px) and (max-width: 900px) {

  .grid-katalog .su-custom-gallery-slide,
  .kat-fos-kons {
    width: 100%;
  }

  .grid-katalog .su-custom-gallery-slide img {
    padding: 0px;
    margin-bottom: 10px;
  }

  .kat-fos-kons {
    padding: 0px;
  }

  .oboloch {
    height: 300px;
    padding: 30px 25px;
  }

  .oboloch .fos {
    padding: 17px 40px;
  }
}

/*Характеристики*/
#har {
  padding: 100px 0 70px 0
}

#har .container-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 40px;
}

#har h3 {
  color: #2D2D2D;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 30px;
}

#har img {
  width: 100px;
}

#har .container-grid .item-har {
  display: grid;
  grid-template-columns: 100px auto;
  gap: 20px;
}

@media (min-width: 0px) and (max-width: 900px) {
  #har {
    padding: 30px 0 0 0
  }

  #har .container-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
}

/*faq*/
#faq {
  padding: 0 0 70px 0
}

.grid-popfaq {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 100px;
}

.acor-container {
  margin: 0px;
}

.acor-container .acor-body {
  margin: 0 auto;
  height: 0;
  line-height: 22px;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.acor-container .acor-body p {
  margin: 0 0 10px;
}

.acor-container label {
  cursor: pointer;
  display: block;
  width: 100%;
  font-weight: 300;
  box-sizing: border-box;
  z-index: 100;
  margin: 0 0 5px;
  transition: color .35s;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  border-top: 1px solid #eee;
  padding: 15px 0px;
  font-family: "Oswald", sans-serif;

}

.acor-container input:hover+label:before {
  background: #106c3f;
  padding: 5px 15px;
  border-radius: 10px;
  color: #fff;
}

.acor-container input {
  display: none;
}

.acor-container label:before {
  content: '\276F';
  float: right;
  background: transparent;
  padding: 5px 15px;
  border-radius: 10px;
  transition: ease 0.2s;
}

.acor-container input:checked+label {
  border-top: 1px solid #eee;
  FONT-VARIANT: JIS04;
}

.acor-container input:checked+label:before {
  transition: transform .35s;
  transform: rotate(90deg);
}

.acor-container input:checked+label+.acor-body {
  height: auto;
  padding: 0px 0px 30px 0px;
}

@media (min-width: 0px) and (max-width: 900px) {
  #faq {
    padding: 30px 0px
  }

  .grid-popfaq {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
}

/*Доставка и оплата*/
#opl {
  padding: 0px;
}

#opl .container-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 30px;
  font-size: 20px;
}

#opl h3 {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 30px;
}

#opl .container-grid .item-opl {
  border-radius: 25px;
  color: #fff;
}

#opl .container-grid .item-opl:nth-child(1) {
  background: linear-gradient(#197B2C, #58A42A);
  height: 275px;
  padding: 60px;
}

#opl .container-grid .item-opl:nth-child(2) {
  background: url('/wp-content/uploads/2024/07/sh2.png');
  height: 275px;
  padding: 60px;
  background-repeat: no-repeat
}

#opl .container-grid .item-opl:nth-child(3) {
  background: url('/wp-content/uploads/2024/11/produkcia3.jpg');
  height: 275px;
  padding: 60px;
  background-repeat: no-repeat
}

#opl .item-opl .fos {
  border: 1px solid #fff;
  color: #fff;
  transition: ease 0.2s;
  padding: 17px 50px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 400;
  background: transparent;
  text-transform: uppercase;
  border-radius: 10px;
  width: auto;
  display: inline-block;
}

#opl .item-opl .fos:hover {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.num {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #fff;
}

@media (min-width: 0px) and (max-width: 900px) {
  #opl {
    padding: 0 0 30px 0;
  }

  #opl .container-grid {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 20px;
    gap: 20px;
  }

  #opl .container-grid .item-opl:nth-child(1),
  #opl .container-grid .item-opl:nth-child(2),
  #opl .container-grid .item-opl:nth-child(3) {
    height: auto;
    padding: 30px;
    background-repeat: no-repeat;
    border-radius: 25px;
    background-size: cover;
  }
}

/*Сфера применения*/
.tab {
  margin-top: 50px
}

.tab>label {
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  background: #fff;
  color: #2D2D2D;
  margin-right: 20px;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

.tab>input[type="radio"]:checked+label {
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  background: linear-gradient(#197B2C, #58A42A);
  color: #fff;
  margin-right: 20px
}

.tab>input[type="radio"] {
  display: none;
}

.tab-content {
  display: none;
  margin-top: 50px;
}

#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7 {
  display: block;
}

/*Плашки сфер применения*/
#sfera {
  padding: 100px 0 0 0;
}

#sfera .container-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

#sfera h3 {
  color: #2D2D2D;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 30px;
}

#sfera .container-grid .item-sfera {
  border-radius: 25px;
  color: #2D2D2D;
  height: 340px;
  padding: 60px;
  background: #fff;
}

#sfera .num {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #2D2D2D;
}

@media (min-width: 0px) and (max-width: 900px) {
  #sfera {
    padding: 0 0 30px 0;
  }

  #sfera .container-grid {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 20px;
    gap: 20px;
  }

  .tab>label {
    display: block;
    width: 100%;
  }

  .tab {
    margin-top: 20px;
  }

  #sfera .container-grid .item-sfera {
    padding: 30px;
	height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/*Разное*/
.doptext {
  color: #F6E1C6;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
}

.smotret {}

.katalog-cena span {
  color: #e31e24;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700
}

.katalog-cena {
  font-weight: 700;
  margin-bottom: 15px
}

.katalog h2.su-post-title {
  text-align: center
}

.single.full-width .related-post .grid.gap60,
.single.full-width .popular-post .grid.gap60 {
  grid-gap: 60px 60px;
}

.katalog .related-post .grid,
#content .content-grid.katalog {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
}

.content-grid-katalog {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 70px;
}

.su-posts-default-loop .content-grid-katalog .su-post-thumbnail {
  float: none;
  display: block;
  width: 100%;
  height: auto;
  margin-right: 0px;
}

.content-grid-katalog .su-post-thumbnail img {
  max-width: 100% !important;
  max-height: 100% !important;
}

.doptext {
  color: #fff;
  margin: 5px 0px 0px 0px;
  background: #c20000;
  opacity: 1;
  padding: 3px 20px 5px 20px;
  box-shadow: none;
  border: 0px solid RGBA(0, 0, 0, 1);
  display: inline-block;
  font-family: 'Gotham Pro';
  font-weight: 300;
  font-size: 15px;
}

.foot-katalog {
  display: grid;
  grid-template-columns: auto 98px;
  justify-content: space-between;
}

.cena-katalog {
  font-size: 20px;
  color: #c20000;
  font-weight: 700;
  font-family: 'Gotham Pro';
}

.item-katalog:nth-child(2) {
  padding-left: 50px
}

@media (min-width: 0px) and (max-width: 900px) {

  .katalog .related-post .grid,
  #content .content-grid.katalog {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-katalog {
    grid-template-columns: repeat(1, 1fr);
  }

  .item-katalog:nth-child(2) {
    padding-left: 0px
  }

  .grid-katalog .su-custom-gallery-slide {
    width: 100%;
  }

  .grid-katalog .su-custom-gallery-slide:nth-child(1) {
    width: 100%;
  }

  .grid-katalog .su-custom-gallery-slide:nth-child(1) img {
    object-fit: cover;
    height: 300px;
  }

  .content-grid-katalog {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*Таблица параметров*/
.short-properties {
  margin: 20px 0px;
  font-size: 14px
}

.short-properties__header {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #ffffff;
  padding-right: 8px;
  float: left;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
}

.short-properties dl:not([class]) {
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0 0;
  padding: 0;
}

.short-properties dt:not([class]) {
  margin: 0;
  padding: 0;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.short-properties dt:not([class]):before {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  content: '';
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px dashed #c2c0c0;
}

.short-properties dd:not([class]) {
  margin: 0;
  padding: 0 0 0 17px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}


/*ДОКУМЕНТЫ*/
.doki a:before {
  content: '';
  background: url(/wp-content/uploads/2022/12/pdf1.jpg) left top no-repeat;
  display: flex;
  width: 50px;
  height: 56px;
  flex-shrink: 0;
}

.doki a {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #d3d3d3;
  padding-bottom: 20px;
}


/*Фото дизайнов*/
.foto-design .su-custom-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  column-gap: 20px;
}

.foto-design .su-custom-gallery-slide {
  width: 100%;
  background: #000
}

.foto-design .su-custom-gallery:after,
.foto-design .su-custom-gallery:before {
  display: none;
}

.foto-design .su-custom-gallery-slide img {
  padding: 0px;
  opacity: 0.7;
}

.foto-design .su-custom-gallery-slide:hover img {
  background: #000;
  opacity: 0.5;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

@media (min-width: 0px) and (max-width: 900px) {
  .foto-design .su-custom-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}










/*Размер и расположение картинок в категориях*/
.size_img_custom {
  gap: 80px;
  width: 50%;
  display: flex;
  margin: 30px auto;
}

.size_img_custom img {
  width: 300px;
  height: 200px;
}

.container_for_news {
  margin-bottom: 20px;
  display: grid;
  grid-gap: 20px 30px;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}

.container_for_news .info-news {}

.container_for_news img {
  height: auto;
  width: 100%;
  object-fit: contain;
  margin: auto;
  display: block;
  border-radius: 20px;
}

@media(width < 1200px) {
  .container_for_news {
    grid-template-columns: 1fr;
  }

  .container_for_news .thumb-certificate {
    order: -1;
  }
}

.own-products {
  grid-gap: 30px !important;
}

[class*="own-production"] {
  /* 	padding: 60px; */
  padding: 40px 50px;
  border-radius: 25px;
  text-wrap: balance;
}

:is(.own-production-1, .own-production-3) {
  background: #F5F5F5;
}

.own-production-2 {
  background: linear-gradient(#197B2C, #58A42A);
  color: #fff;
}

.style-for-title-catalog .beforetitle {
  width: 100%;
}

.style-for-title-catalog .beforetitle::after {
  content: '';
  display: block;
  height: 118px;
  width: 118px;
  position: absolute;
  right: 0;
  background: linear-gradient(90deg, transparent 10%, #f5f5f5 90%);
  top: -50px;
}

.archive-description {
  margin-top: 70px;
}

.container_for_company {
  margin-bottom: 20px;
  display: grid;
  grid-gap: 20px 30px;
  grid-template-columns: 5fr 2fr;
  align-items: center;
}

@media(max-width:768px){
	.container_for_company {
		display: block;
}
}

.container_for_company img {
  height: auto;
  width: 100%;
  object-fit: contain;
  margin: auto;
  display: block;
  border-radius: 20px;
}

@media(max-width: 768px){
	.container_for_company img {
  width: 70%;
}
}


.image_left_item_popfaq {
  background-size: cover;
  border-radius: 20px;
  background-image: url("/wp-content/uploads/2024/11/1678861265_sneg-top-p-fon-lesa-dlinnii-20.jpg");
  position: relative;
  width: 100%;
  height: 100%;
  /*max-height: 300px;*/
  max-height: 198px;
}

.image_left_item_popfaq::before {
  width: 100%;
  content: "Ответы на любые ваши вопросы";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
}

@media (max-width: 768px) {
  .image_left_item_popfaq {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
  }

  .image_left_item_popfaq::before {
    font-size: 24px;
    padding: 10px;
  }
}

.archive .category-novosti .entry-content {
  min-height: 80px;
}





/*Мобилка*/
@media (min-width: 0px) and (max-width: 900px) {
	
	/*.shap1 {display:none}*/
	
  .site-branding img {
    max-width: 170px;
  }

  h1,
  h2 {
    font-size: 24px;
    line-height: 44px;
  }

  .notfull h2 {
    margin-bottom: 15px;
  }

  .home.full-width #content .content-grid .notfull {
    max-width: 100%;
    padding: 0px 15px
  }

  .col-md-2 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .col-md-3 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .col-md-4 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .col-md-5 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .col-md-6 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .col-md-7 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .col-md-8 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .col-md-9 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .col-md-10 {
    width: 100% !important;
    float: none !important;
    display: inline-block;
  }

  .shap2 {
    display: none !important;
  }

  .shap11 {
    display: block !important;
    padding: 15px
  }

  .shap11 .widget {
    margin: 0px 0px 10px 0px
  }

  .shap11 .fos {
    width: 100%;
    /*margin: 0px auto;*/
  }

  #primary-toggle-button {
    margin: 0 auto;
  }

  .home .site-content .container {
    padding: 0px !important
  }

  .site-content .container {
    padding: 10px 20px 50px 20px;
  }

  .item {
    margin-left: 0px !important;
    margin-top: 20px;
    display: inline-block;
  }

  footer .container {
    padding: 20px !important;
  }

  .footer-t .grid .col:nth-child(1) {
    width: 100% !important;
  }
  .footer-t .grid{
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
  .footer-t .grid .col:nth-child(2) {
    width: 100% !important;
    margin-bottom: 0px
  }

  .footer-t .grid .col:nth-child(3) {
    width: 100% !important;
    margin-bottom: 0px
  }

  .footer-t .grid .col:nth-child(4) {
    width: 100% !important;
  }

  .footer-t .grid .col:nth-child(5) {
    width: 100% !important;
  }

  .footer-t .grid .col:nth-child(2) .widget,
  .footer-t .grid .col:nth-child(3) .widget {
    margin: 0px !important
  }

  .footer-t .grid .col:nth-child(1) .widget {
    margin-bottom: 30px !important
  }

  .footer-t .grid .col:nth-child(4) .widget {
    margin-top: 0px !important;
    margin-bottom: 30px !important
  }

  .footer-t .grid .col:nth-child(3),
  .footer-t .grid .col:nth-child(4) {
    margin-top: 0px
  }

  .otw-sidebar-1,
  .otw-sidebar-4 {
    justify-content: center !important;
  }

  .site-branding {
/*     width: 100% !important; */
	  position: absolute;
	  z-index: 999;
	 
  }

  .main-header .right {
    margin: 15px 0px 5px 0px !important;
  }

  .responsive-menu-holder .nav-menu {
    padding: 20px;
  }

  .footer-t .widget-title {
    margin-bottom: 0px;
  }

  .addresses-item {
    margin-bottom: 10px;
  }

  .single.full-width .related-post .grid,
  .single.full-width .popular-post .grid {
    grid-gap: 20px 30px;
  }

  .error-holder .img-holder {
    margin-right: 0px;
    font-size: 100px;
    line-height: 100px;
  }

  /*Убираем слайдер в мобильной версии*/
  .sliderr {
    display: none
  }

  [class*="own-production"] {
    padding: 15px 25px;
  }
}




/*Мобилка2*/
@media (min-width: 901px) and (max-width: 1340px) {
  .home.full-width #content .content-grid .notfull {
    max-width: 100%;
    margin: auto;
    padding: 0px 15px;
  }
  .footer-t .grid{
    gap: 1rem;
  }

  #content .content-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 40px;
  }

  .container {
    max-width: 100%;
    padding: 0px 15px;
  }

  .site-content .container {
    padding: 15px 15px 90px 15px;
  }

  .archive-description {
    margin-top: 0px;
  }

  footer .container {
    padding: 0px 15px;
  }

  .site-footer .col:nth-child(1) img {
    max-width: 150px !important;
  }

  .site-footer .widget .textwidget .contact-footer a:nth-child(1) {
    font-size: 14px;
  }

  .site-footer .widget .textwidget .contact-footer a:nth-child(2) {
    font-size: 14px;
  }

  .site-footer .widget .textwidget a {
    font-size: 12px;
    line-height: 18px;
  }

  .razr {
    font-size: 12px;
    line-height: 18px;
  }


  .site-footer .footer-b {
    padding: 15px 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    color: #AEABAB;
    font-size: 12px;
    line-height: 12px;
  }

  .site-footer .footer-t {
    padding: 0px 0px 10px 0px;
  }

  .site-footer {
    padding: 30px 0px;
  }

  .site-branding img {
    max-width: 150px;
  }

  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    font-size: 13px;
  }

  .grid-kont-shap .svg-inline--fa {
    font-size: 18px;
  }

  .main-navigation {
    margin: 0px;
  }

  .grid-kont-shap a {
    font-size: 13px;
  }

  .grid-kont-shap span {
    font-size: 12px;
    line-height: 12px;
  }

  .grid-kont-shap {
    gap: 25px 14px;
  }

  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    padding: 0px 5px 0px 5px;
  }

  .shap1 {
    height: auto;
  }

  .sliderr {
    max-width: 100%;
    padding: 0px 15px;
  }

  .shap1 .container {
    padding: 0px 15px;
  }

  #proiz .container-grid {
    margin-top: 70px;
  }

  #proiz {
    padding: 0px 0 50px 0;
  }

  #katalog {
    padding: 1px 0px 50px 0px;
  }

  .notfull h2 {
    margin-bottom: 10px;
  }

  #fos {
    height: auto;
    padding: 60px 0px;
  }

  #preim .container-grid {
    margin-top: 0px;
  }

  #preim h3 {
    font-size: 16px;
  }

  #preim {
    padding: 0px 0 0px 0;
  }

  #shema .container-grid {
    margin-top: 0px;
  }

  #shema {
    padding: 0 0 50px 0;
  }

  #shema .container-grid .item-shema:nth-child(1) {
    padding: 30px;
  }

  #shema .container-grid .item-shema:nth-child(2) .pust-plash {
    height: 200px;
    padding: 30px;
    width: 100%;
    border-radius: 25px;
  }

  #shema .container-grid .item-shema:nth-child(3) .pust-plash {
    height: 200px;
    padding: 30px;
    width: 100%;
    border-radius: 25px;
  }

  #shema .container-grid .item-shema:nth-child(4) .pust-plash {
    height: 200px;
    padding: 30px;
    width: 100%;
    border-radius: 25px;
  }

  #shema .container-grid .item-shema:nth-child(5) {
    height: 200px;
    padding: 30px;
  }

  #shema .item-shema .fos {
    padding: 17px 30px;
  }

  #fos-foot {
    height: auto;
/*     padding: 50px 0px; */
  }

  #proiz .container-grid {
    margin-top: 30px;
  }

  [class*="own-production"] {
    padding: 20px 20px;
  }

  #proiz .container-grid {
    margin-top: 0px;
  }

  .oboloch {
    padding: 20px;
  }

  .oboloch .fos {
    padding: 17px 15px;
  }

  .title {
    margin: 0px
  }

  #har {
    padding: 30px 0 0 0;
  }

  #har .container-grid {
    gap: 0px 20px;
  }

  #har .title {
    margin: 0 0 35px 0;
  }

  #faq {
    padding: 0px
  }

  #opl {
    padding: 30px 0 0 0;
  }

  #opl .container-grid .item-opl:nth-child(1),
  #opl .container-grid .item-opl:nth-child(2),
  #opl .container-grid .item-opl:nth-child(3) {
    padding: 30px;
  }

  #sfera {
    padding: 30px 0 0 0;
  }

  #sfera .container-grid .item-sfera {
    padding: 30px;
    height: auto
  }

  #sfera .container-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fos-container {
    padding: 50px 0px;
  }

  .fos-foot-container {
    padding: 50px 0px;
  }
}

/*Галерея шорткод*/
.su-custom-gallery-slide img {
  width: 100%;
  border: 0px solid #ccc !important;
  border-radius: 20px !important;
  object-fit: cover;
  height: 300px;
}

.su-custom-gallery-slide {
  width: 25%;
  margin: 0px !important
}

.su-custom-gallery-slide:hover img {
  background: transparent;
  opacity: 0.7;
}

.mfp-title {
  display: none;
}

@media (min-width: 0px) and (max-width: 900px) {
  .su-custom-gallery-slide {
    width: 100%;
  }
}

.galereya_computer_version {
  display: block;
}

@media(max-width:600px) {
  .galereya_computer_version {
    display: none;
  }
}

.galereya_mobile_version {
  display: none;
}

@media(max-width:600px) {
  .galereya_mobile_version {
    display: block;
  }
}

/* Общие стили для product-list */
.product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* Четыре колонки в ряд */
  gap: 1rem;
  /* Отступы между блоками */
  margin-bottom: 5rem;
  padding: 0;
  /* Убедитесь, что у контейнера нет лишних отступов */
  list-style: none;
  /* Убираем маркеры, если используется ul/ol */
}

/* Стили для каждого элемента товара */
.product-item {
  border-radius: 1rem;
  /* Скругленные углы */
  border: 1px solid #58A42A;
  /* Зелёная рамка */
  overflow: hidden;
  /* Обрезаем содержимое, выходящее за границы */
  display: flex;
  /* Flexbox для внутренних элементов */
  flex-direction: column;
  /* В мобильных версиях можно адаптировать */
  background-color: #fff;
  /* Устанавливаем фон по умолчанию */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* Лёгкая тень для чёткости */
  transition: transform 0.3s, box-shadow 0.3s ease;
  /* Плавный эффект */
}

.product-item:hover {
  transform: translateY(-3px);
  /* Лёгкое поднятие блока */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  /* Усиленная тень */
}

.product-item a {
  display: flex;
  /* Flexbox для изображения и текста */
  gap: 1rem;
  /* Расстояние между изображением и текстом */
  align-items: center;
  /* Центровка по вертикали */
  transition: background-color 0.3s ease, color 0.3s ease;
  /* Плавный переход */
  padding: 0.5rem;
  /* Внутренние отступы */
  text-decoration: none;
  /* Убираем подчеркивание */
  color: inherit;
  /* Наследуем цвет текста */
  height: 100%;
  /* Растягиваем ссылку на весь блок */
}

/* Стили для изображений товаров */
.prod_img_wrap {
  width: 100px;
  /* Фиксированная ширина для изображения */
  flex-shrink: 0;
  /* Изображение не сжимается */
  height: 100px;
  /* Фиксированная высота */
  overflow: hidden;
  /* Обрезаем лишнее */
  border-radius: 0.5rem;
  /* Скругление углов у изображения */
  display: flex;
  align-items: center;
  justify-content: center;
  /* Центрируем изображение */
  background: #f9f9f9;
  /* Фон для пустых изображений */
}

.prod_img_wrap img {
  max-width: 100%;
  /* Изображение занимает всю ширину */
  max-height: 100%;
  /* Ограничиваем максимальную высоту */
  object-fit: cover;
  /* Изображение масштабируется без искажений */
}

/* Стили для заголовков товаров */
.prod-title {
  flex: 1;
  /* Заголовок занимает оставшееся пространство */
  display: flex;
  /* Flexbox для выравнивания текста */
  align-items: center;
  /* Центрируем по вертикали */
  font-size: 16px;
  /* Размер шрифта */
  font-weight: 500;
  /* Средний вес текста */
  color: #333;
  /* Цвет текста */
  line-height: 1.4;
  /* Межстрочный интервал */
}

/* Эффект при наведении */
.product-item a:hover {
  background: #58A42A;
  /* Зелёный фон */
  color: #fff;
  /* Белый текст */
}

/* Адаптивность для списка товаров */
@media (max-width: 1200px) {
  .product-list {
    grid-template-columns: repeat(3, 1fr);
    /* Три колонки в ряд */
  }
}

@media (max-width: 768px) {
  .product-list {
    grid-template-columns: repeat(2, 1fr);
    /* Две колонки в ряд */
  }
}

@media (max-width: 480px) {
  .product-list {
    grid-template-columns: 1fr;
    /* Одна колонка в ряд */
  }
}


/* Стили для кнопок категорий (как ранее указано) */

.category-container {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}

.category-item {
  display: inline-block;
  border: 2px solid #58A42A;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 5px;
  background-color: #fff;
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
}

.category-item a {
  text-decoration: none;
  color: #4CAF50;
  font-size: 16px;
  font-weight: bold;
  display: block;
  /* Делаем весь блок кликабельным */
  height: 100%;
  /* Полная высота родительского блока */
}

.category-item:hover {
  background: #58A42A;
  color: #fff;
}

.category-item a:hover {
  color: #fff;
}

.category-item.active {
  background: #58A42A;
  color: #fff;
}

.category-item.active a {
  color: #fff;
}


@media (max-width: 1080px) {
  .category-container {
    flex-direction: column;
  }
}

/* Адаптивность для кнопок категорий */
@media (max-width: 768px) {
  .category-item {
    font-size: 14px;
    /* Уменьшение текста */
    padding: 8px 15px;
    /* Уменьшение отступов */
  }
}

@media (max-width: 480px) {
  .category-item {
    display: block;
    /* Кнопки в один столбец */
    margin: 10px 0;
    /* Разделяем кнопки */
  }
}

.ya-share2__container,
.ya-share2__container .ya-share2__item {
  display: flex;
  justify-content: end;
}

.share-text {
  text-align: right;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  #mega-menu-primary .mega-sub-menu,
  #mega-menu-primary .mega-sub-menu .mega-menu-link  {
    background: transparent !important;
  }

  #mega-menu-primary .mega-sub-menu .mega-menu-link {
    color: white !important;
    font-size: 12px !important;
  }

  #mega-menu-primary .mega-sub-menu .mega-menu-item {
    border-bottom: none !important;
  }

  .shap11 .site-branding-mobile {
    position: absolute;
    transform: translateY(-15%);
	z-index: 1000;
  }

  .shap11 .grid-kont-shap {
    grid-template-columns: repeat(2, 1fr);
  }

  .shap11 .grid-kont-shap a {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 901px) {
	#mega-menu-primary .mega-sub-menu {
		width: max-content !important;
		min-width: 270px !important;
	}
}

.dialog-success {
	background: #fff;
    border: none;
    text-align: center;
    padding: 50px 25px;
}

.dialog-success::backdrop {
	background-color: rgb(0 0 0 / .6);
}

.title-dialog-content {
	font-size: 24px;
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
}

.wpcf7-form.sent .wpcf7-response-output {
	display: none
}

.product-wrapper {
	margin-bottom: 20px;
}
#preim h3, #shema h3{
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


@media(max-width: 900px){
	.shap1 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: none !important;
    color: white !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 15px 5px 15px;
    line-height: 35px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
}

.shap1.myfixed #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: none !important;
    color: black !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 15px 5px 15px;
    line-height: 35px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
}
	
	.grid-header-katalog {
    display: grid;
    grid-template-columns: auto;
}
}


#mysticky-nav.wrapfixed {
    z-index: 999 !important;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important;
}

@media only screen and (max-width: 900px) {
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 900px) {
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        background: rgba(34, 34, 34, 0);
        padding: 0px 0px 0px 0px !important;
        display: none;
    }
}


@media(width < 600px) {
	.archive .post h2 {
		display: -webkit-box;
		-webkit-line-clamp: 2; /* number of lines to show */
           		line-clamp: 2;
  		-webkit-box-orient: vertical;
	}
	
	form[aria-label="Контактная форма"] .form-row {
		flex-direction: column;
		gap: 0 20px;
	}
	
	form[novalidate="novalidate"] .wpcf7-response-output {
		color: red
	}
}