/*!
Theme Name: Vido
Theme URI: https://verbarius.com/
Author: Underscores.me
Author URI: http://verbarius.com/
Description: Description
Version: 1.0.0
Tested up to:
Requires PHP:
License: All Right Reserved
License URI:
Text Domain: vido
Tags: Домофоны и Системы видеонаблюдения Vidi

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@keyframes myWidthRight {
    0% {
        transform: scaleX(0.4);
        transform-origin: 0% 0%;
    }

    100% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
    }
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}


@keyframes scale-up-center {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}


html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/* <uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 200 to 1000 */

h1 {
    font-size: 3em;
    line-height: 3.5rem;
    text-transform: uppercase;
    font-weight: 1000;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #494646;
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

h4 {
    font-size: 1.33rem;
}

h2 {
    font-size: 3rem;
    margin: 0rem;
    font-weight: 1000;
}

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

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

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

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
}

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

/* Links
--------------------------------------------- */
a {
    color: #0c1a5c;
}

a:visited {
    color: #0c1a5c;
}

a:hover,
a:focus,
a:active {
    color: #0c1a5c;
}

a:focus {
    outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 0;
}

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
}

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

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 60rem;
    margin: auto;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    font-size: 1.33rem;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

/*.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}*/

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

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

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

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

/* 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 logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

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

.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: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

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

.site {
}

.edit-link {
    display: none;
}

.site-title {
    width: 7rem;
    line-height: 0.8rem;
    margin: 0.5em 1rem 0rem 0.4rem;
    display: table;
    float: left;
}

.footer-box .site-title {
    margin: 1em 1rem 0rem 0.4rem;
}

.custom-logo-link {
    display: table;
    float: left;
}

.site-title a {
    font-size: 0.8rem;
    text-decoration: none;
    border-left: 0.1rem solid #0c1a5c;
    display: table;
    padding: 0rem 0rem 0rem 0.8rem;
	font-weight: 900;
}

.site-branding {
    display: table;
    width: 60rem;
    margin: 0rem auto 1rem;
}

.site-branding a .custom-logo {
    height: 2rem;
    width: auto;
    display: table;
    float: left;
}

.socials-top-box {
    display: table;
    float: left;
}

.mail-top a {
    width: 2rem;
    height: 2rem;
    background-image: url(/wp-content/themes/vido/img/Ico-Mail-Blue.svg);
    display: table;
    background-size: 66.66%;
    background-position: center;
    background-repeat: no-repeat;
}

.telegram-top a {
    width: 2rem;
    height: 2rem;
    background-image: url(/wp-content/themes/vido/img/Ico-Telegram-Blue.svg);
    display: table;
    background-size: 66.66%;
    background-position: center;
    background-repeat: no-repeat;
}

.viber-top a {
    width: 2rem;
    height: 2rem;
    background-image: url(/wp-content/themes/vido/img/Ico-Viber-Blue.svg);
    display: table;
    background-size: 66.66%;
    background-position: center;
    background-repeat: no-repeat;
}

.whatsapp-top a {
    width: 2rem;
    height: 2rem;
    background-image: url(/wp-content/themes/vido/img/Ico-WhatsApp-Blue.svg);
    display: table;
    background-size: 66.66%;
    background-position: center;
    background-repeat: no-repeat;
}

.mail-top a:hover {
    background-image: url(/wp-content/themes/vido/img/Ico-Mail-Orange.svg);
}

.whatsapp-top a:hover {
    background-image: url(/wp-content/themes/vido/img/Ico-WhatsApp-Orange.svg);
}

.mail-viber a:hover {
    background-image: url(/wp-content/themes/vido/img/Ico-Viber-Orange.svg);
}

.telegram-top a:hover {
    background-image: url(/wp-content/themes/vido/img/Ico-Telegram-Orange.svg);
}

.private-cab-top a {
    width: 2rem;
    height: 2rem;
    background-image: url(/wp-content/themes/vido/img/Ico-Profile-Blue.svg);
    display: table;
    background-size: 66.66%;
    background-position: center;
    background-repeat: no-repeat;
}
.cart-top a {
    width: 2rem;
    height: 2rem;
    background-image: url(/wp-content/themes/vido/img/Ico-Cart-Blue.svg);
    display: table;
    background-size: 66.66%;
    background-position: center;
    background-repeat: no-repeat;
}

.private-cab-top a:hover {
    background-image: url(/wp-content/themes/vido/img/Ico-Profile-Orange.svg);
}
.cart-top a:hover {
    background-image: url(/wp-content/themes/vido/img/Ico-Cart-Orange.svg);
}

.private-cab-top {
    display: table;
    float: left;
    margin: 0rem 0rem 0rem 0rem;
	border: 0.1rem solid #0c1a5c;
    border-radius: 1.65rem;
}

.cart-top {
    display: table;
    float: left;
    margin: 0rem 0.5rem 0rem 0rem;
	border: 0.1rem solid #0c1a5c;
    border-radius: 1.65rem;
}

.telegram-top {
    display: table;
    float: left;
    margin: 0rem 0.5rem 0rem 0rem;
	border: 0.1rem solid #0c1a5c;
    border-radius: 1.65rem;
}

.mail-top {
    display: table;
    float: left;
    margin: 0rem 0.5rem 0rem 0rem;
	border: 0.1rem solid #0c1a5c;
    border-radius: 1.65rem;
}


.viber-top {
    display: table;
    float: left;
    margin: 0rem 0.5rem 0rem 0rem;
	border: 0.1rem solid #0c1a5c;
    border-radius: 1.65rem;
}

.whatsapp-top {
    display: table;
    float: left;
    margin: 0rem 0.5rem 0rem 0rem;
	border: 0.1rem solid #0c1a5c;
    border-radius: 1.65rem;
}

.private-cab-top:hover{
	border: solid 0.1rem #f25e0d;
}

.cart-top:hover{
	border: solid 0.1rem #f25e0d;
}

.telegram-top:hover{
	border: solid 0.1rem #f25e0d;
}

.mail-top:hover{
	border: solid 0.1rem #f25e0d;
}

.phones-box{
    display: table;
    float: left;
    margin: 0rem 3rem 0rem 2rem;
}

.phone {
    display: table;
    float: left;
    line-height: 2rem;
    margin: 0rem 1rem 0rem 0rem;
}

.switch-lang {
    display: table;
    float: right;
}

.switch-lang ul {
    list-style: none;
    margin: 0rem;
    padding: 0rem;
}

.switch-lang ul li {
    float: left;
    line-height: 2rem;
}

.switch-lang ul li:first-child {
    margin: 0rem 1rem 0rem 0rem;
}

.site-header {
    background-color: #fff;
    padding: 1rem 0rem 1rem 0rem;
    border-bottom: solid 1px #dbdbdb;
}

.nav-menu li {
    margin: 0rem 0.7rem 0rem 0rem;
    float: left;
}

.form-box{
}
.wpcf7-form{
    padding: 4rem 4rem 0rem 4rem;

}
.wpcf7 form.invalid .wpcf7-response-output{
    text-align: center;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0rem;
	padding: 0rem;
}

.form-box h2{
    font-size: 1.5rem;
    text-align: center;
    line-height: 2rem;
}

.form-box h3{
    font-size: 1rem;
    text-align: center;
    margin: 1rem 0rem 2rem 0rem;
}

#pop-up-form{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/vido/img/board-textura.webp);
    background-position: 50% 25%;
    background-size: 100%;
    top: 0rem;
    left: 0rem;
    animation: slide-in-bottom 0.5s ease 0s 1 normal forwards;
    background-attachment: fixed;
}

.form-box p{
    margin: 0rem;
}

.close-form-box{
    width: 100%;
}


.close-form{
    display: table;
    width: 3rem;
    height: 3rem;
    border: solid 0.15rem #f25e0d;
    border-radius: 2rem;
    box-shadow: #f25e0d 0 10px 20px -10px;
    background-image: url(/wp-content/themes/vido/img/Menu-close.svg);
    background-size: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: auto;
}

.close-form:hover{
    border: solid 0.3rem #f25e0d;
    border-radius: 2rem;
    box-shadow: #f25e0d 0 0.3px 18px -1px;
    animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    cursor: pointer;
}



.wpcf7{
    width: 33.33%;
    display: table;
    margin: auto;
}

.wpcf7-text{
    border-radius: 2rem;
    color: #0c1a5c;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin: 0rem 0rem 1rem 0rem;
    border: solid 0.15rem #f25e0d;
    box-shadow: #f25e0d 0 10px 20px -10px;
    width: 100%;
}

.wpcf7-select{
    border-radius: 2rem;
    color: #0c1a5c;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin: 0rem 0rem 1rem 0rem;
    border: solid 0.15rem #f25e0d;
    box-shadow: #f25e0d 0 10px 20px -10px;
    width: 100%;
    background-color: #fff;
}

.wpcf7-tel{
    border-radius: 2rem;
    color: #0c1a5c;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin: 0rem 0rem 1rem 0rem;
    border: solid 0.15rem #f25e0d;
    box-shadow: #f25e0d 0 10px 20px -10px;
    width: 100%;
}

.wpcf7-submit{
    text-align: center;
    width: 100%;
    display: table;
    text-decoration: none;
    background-color: #0c1a5c;
    border-radius: 3rem;
    box-shadow: #15549e 0 10px 20px -10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 3rem;
    font-weight: 600;
    opacity: 1;
    outline: 0 solid transparent;
    user-select: none;
    -webkit-user-select: none;
    word-break: break-word;
    border: 0;
    height: 3rem;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0rem 2rem 0rem 2rem;
    margin: 0rem auto 0rem;
}

.wpcf7-not-valid-tip{
    text-align: center
}

.home .entry-header{
	display: none;
}

.entry-header{
	width: 60rem;
	margin: auto;
}

.main-header-title {
    background-image: url(/wp-content/themes/vido/img/main-bg.webp);
    background-position: 29% 61rem;
    background-size: 190%;
    background-attachment: fixed;
    display: table;
    width: 100%;
    padding: 6rem 0rem 6rem 0rem;
	color: #f3e8d5;
}

.main-header-w{
	width: 35rem;
	float: right;
}

.main-header-w h1{
	margin: 0rem 0rem 3rem 0rem;
}

.main-header-w h2 {
    margin: 0rem 0rem 3rem 0rem;
    font-size: 3em;
    line-height: 3.5rem;
    text-transform: uppercase;
    font-weight: 1000;
}

.main-header-w ul{
	margin: 0rem;
	padding: 0rem;
}

.main-header-w ul li{
	margin: 0rem;
	padding: 0rem;
}

.main-header-w ul li h3{
	margin: 0rem;
	padding: 0rem;
}

.header-buttom-box{
    display: table;
    width: 50%;
    margin: 3.5rem 0rem 0rem 0rem;
}

.order-header-buttom:visited{
	color: #fff;
}
.order-header-buttom{
    text-align: center;
    width: 100%;
    display: table;
    text-decoration: none;
    background-color: #f55803;
    border-radius: 3rem;
    box-shadow: #f55803 0 10px 20px -10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 3rem;
    font-weight: 600;
    opacity: 1;
    outline: 0 solid transparent;
    user-select: none;
    -webkit-user-select: none;
    word-break: break-word;
    border: 0;
    height: 3rem;
    text-transform: uppercase;
    font-weight: 800;
}

#post-2 .entry-title {
    text-align: center;
	margin: 0rem;
}

.page-header,
.post-navigation,
.comments-area,
.wp-block-quote p {
    margin: auto;
    width: 60rem;
}

.logged-in-as {
    display: none;
}

.post .entry-content ul {
    width: 60rem;
    margin: auto;
    padding: 0rem 6rem 2rem 9rem;
    background-color: #ffffff;
}

.post .entry-content p {
    padding: 0rem 0rem 2rem 0rem;
    background-color: #ffffff;
}

.post .entry-content p:first-child {
    padding: 2rem 6rem 2rem 6rem;
	margin: 0rem;
}

.single .final-tiles-gallery{
	padding: 0rem 6rem 6rem 6rem;
	background-color: #fff;
}

.single .post .entry-content p {
    padding: 0rem 6rem 2rem 6rem;
    background-color: #ffffff;
	margin: 0rem;
}

.single .wp-block-heading {
    padding: 0rem 6rem 2rem 6rem;
    background-color: #ffffff;
	margin: 0rem;
}


.post .entry-footer {
    width: 60rem;
    margin: auto;
    padding: 0rem 6rem 2rem 6rem;
    background-color: #ffffff;
}

.post-navigation {
    width: 60rem;
    margin: 0rem auto 6rem;
    padding: 0rem 6rem 6rem 6rem;
    background-color: #ffffff;
    border-radius: 0rem 0rem 0.33rem 0.33rem;
}

.single .comments-area{
	padding: 6rem 0rem 6rem 0rem;
    background-image: url(/wp-content/themes/vido/img/board-textura.webp);
    background-position: 50% 25%;
    background-size: 100%;
    background-attachment: fixed;
}


.single .entry-content{
	width: 60rem;
    margin: auto;
    box-sizing: border-box;
}

.comments-area {
    width: 60rem;
    margin: auto;
    padding: 0rem 6rem 7rem 6rem;
    background-color: #ffffff;
}

.comment-body {
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
    margin: 0rem 0rem 2rem 0rem;
}

.comment-reply-title,
.comment-reply-link,
.says {
    display: none;
}

.comment-metadata a,
.comment-author a {
    text-decoration: none;
}

.comment-metadata a {
    color: #c3c3c3;
}

.comment-form-comment {
    margin: 0rem;
}

.comment-form-comment label {
    display: none;
}

.comment-form-comment textarea {
    border-radius: 1rem;
    color: #0c1a5c;
    padding: 2rem 2rem 2rem 2rem;
    margin: 0rem 0rem 2rem 0rem;
    border: solid 0.15rem #f25e0d;
    box-shadow: #f25e0d 0 10px 20px -10px;
}

.comment-form-author input,
.comment-form-email input {
    border-radius: 2rem;
    color: #0c1a5c;
    padding: 0.5rem 2rem 0.5rem 2rem;
    margin: 0rem 0rem 0rem 0rem;
    border: solid 0.15rem #f25e0d;
    box-shadow: #f25e0d 0 10px 20px -10px;
    width: 100%;
}

.comment-list {
    list-style-type: none;
}

.comment-author a,
.comment-author .fn {
    font-size: 1.5rem;
    color: #f25e0d;
}

.comment-notes,
.comment-form-cookies-consent,
.comment-form-url {
    display: none;
}

.comment-content p {
    font-size: 1rem;
    margin: 0rem 0rem 0rem 0rem;
    font-weight: 800;
}

.submit {
    text-align: center;
    width: 100%;
    display: table;
    text-decoration: none;
    background-color: #0c1a5c;
    border-radius: 3rem;
    box-shadow: #15549e 0 10px 20px -10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 3rem;
    font-weight: 600;
    opacity: 1;
    outline: 0 solid transparent;
    user-select: none;
    -webkit-user-select: none;
    /* touch-action: manipulation; */
    word-break: break-word;
    border: 0;
    height: 3rem;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0rem 2rem 0rem 2rem;
    margin: 2rem auto 0rem;
}

.post-thumbnail {
    position: absolute;
    top: 0rem;
    z-index: -1;
}

.entry-meta {
    background-color: #fff;
    padding: 0.5rem 0rem 5rem 6rem;
}

.post .entry-title {
    margin: 6rem 0rem 0rem 0rem;
    padding: 6rem 6rem 0rem 6rem;
    background-color: #ffffff;
    color: #000;
    border-radius: 0.33rem 0.33rem 0rem 0rem;
}

.telegram-top a {
    max-width: 100%;
}

.post-thumbnail img {
    position: fixed;
    width: 100%;
}

.wp-block-image {
    width: 60rem;
    margin: auto;
    padding: 0rem 0rem 2rem 6rem;
    background-color: #fff;
}

.page .wp-block-image {
    width: 100%;
    margin: auto;
    padding: 0rem 0rem 0rem 0rem;
    background-color: #fff;
    box-shadow: #0c1a5c 0 10px 20px -10px;


}


.services-box,
.top-box,
.steps-box,
.calculator-box,
.title-main-box{
    width: 60rem;
    margin: auto;
}

.floor {
}

.calculator-floor {
    padding: 6rem 0rem 6rem 0rem;
}


.steps-floor {
    background-color: #fff;
    padding: 6rem 0rem 12rem 0rem;
}

.services-floor{
    padding: 6rem 0rem 6rem 0rem;
    background-image: url(/wp-content/themes/vido/img/board-textura.webp);
    background-attachment: fixed;
    background-size: 100%;
}


.top-floor {
    padding: 6rem 0rem 5rem 0rem;
}

.comment-title-floor {
    padding: 6rem 0rem 6rem 0rem;
    background-image: url(/wp-content/themes/vido/img/board-textura.webp);
    background-attachment: fixed;
    background-size: 100%;
}

.footer-floor {
    padding: 7rem 0rem 7rem 0rem;
}

.floor ul {
    list-style: none;
    display: table;
}

.services-floor h2,
.services-floor h3,
.steps-floor h2,
.steps-floor h3,
.top-floor h2,
.top-floor h3,
.calculator-floor h2,
.calculator-floor h3 {
    text-align: center;
}

.services-floor h2 {
    color: #0c1a5c;
}

.services-floor h3 {
    color: #0c1a5c;
}

.services-floor p {
    color: #0c1a5c;
}

.services-box ul {
    margin: 6rem 0rem 0rem 0rem;
    padding: 0rem 0rem 0rem 0rem;
}

.top-box ul {
    margin: 5rem 0rem 0rem 0rem;
    padding: 0rem 0rem 0rem 0rem;
}

.steps-box ul {
    margin: 5rem auto 1rem;
    padding: 0rem 0rem 0rem 0rem;
}

.steps-box ul li:last-child {
    width: 8.4rem;
}

.steps-box ul li:last-child .q-steps-w {
    width: 100%;
}

.q-steps img {
    margin: auto;
    display: table;
    padding: 0rem 0rem 0rem 0rem;
    width: 6rem;
}

.q-steps-w {
    width: 70%;
    float: left;
}

.arrow-step {
    background-image: url(/wp-content/themes/vido/img/Arrow-Right.svg);
    width: 2rem;
    height: 2rem;
    background-position-x: center;
    background-repeat: no-repeat;
    margin: 2rem 0rem 0rem 0.5rem;
    float: left;
}

.q-steps h4 {
    margin: 1rem auto 0rem;
    text-align: center;
    color: #0c1a5c;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 900;
}

.q-steps {
    margin: 0rem 0rem 0rem 0rem;
    float: left;
    width: 12rem;
}

.steps-box p {
    display: none;
}

.services-box ul li p {
    margin: 0rem;
}
.services-box ul li .q-services-description {
    text-align: center;
    width: 100%;
    margin: auto;
    border-radius: 0rem 0rem 1rem 1rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 1rem 1rem 1rem 1rem;
    box-sizing: border-box;
    font-weight: 900;
    border: #f25e0d solid 0.2rem;
    border-top: 0rem;
    box-shadow: #f55803 0 10px 20px -10px;
    height: 6rem;
    background-color: #f55803;
	display: table;
	box-sizing: border-box;
}

.services-box ul li img {
    display: table;
    border-radius: 1rem 1rem 0rem 0rem;
    width: 100%;
    margin: auto;
    background-color: #fff;
}

.q-services {
    width: 33.333%;
    float: left;
    display: table;
    padding: 0rem 2rem 4rem 2rem;
}

.q-services img {
    width: 100%;
}


.buttom-box {
    display: table;
    width: 100%;
}

.button-box button {
    text-align: center;
    text-decoration: none;
    background-color: #0c1a5c;
    border-radius: 3rem;
    box-shadow: #15549e 0 10px 20px -10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 3rem;
    border: 0;
    height: 3rem;
    text-transform: uppercase;
    font-weight: 800;
    width: 33%;
	margin: 5rem auto 0rem;
	display: table;
}
#order-link {
    text-align: center;
    text-decoration: none;
    background-color: #0c1a5c;
    border-radius: 3rem;
    box-shadow: #15549e 0 10px 20px -10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 3rem;
    border: 0;
    height: 3rem;
    text-transform: uppercase;
    font-weight: 800;
    margin: 6rem auto 0rem;
    display: table;
    width: 33%;
}

#order-link:hover,
.button-box button:hover {
    background-color: #f25e0d;
    box-shadow: #f25e0d 0 10px 20px -10px;
    color: #0c1a5c;
    cursor: pointer;
    font-weight: 600;
}

.q-top {
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0rem 2rem 2rem 2rem;
}

.q-top img {
    display: table;
    float: left;
    width: 40%;
}

.q-top p {
    display: table;
    float: left;
    width: 60%;
    padding: 1.5rem 0rem 0rem 1rem;
    margin: 0rem 0rem 0rem 0rem;
    font-weight: 600;
}

.footer-box {
    width: 60rem;
    margin: auto;
    box-sizing: border-box;
    display: table;
}

.footer-info-box {
    width: 50%;
    float: left;
}

.footer-info-box {
    width: 50%;
    float: left;
}

.footer-links-box {
    width: 50%;
    float: left;
}

.footer-floor {
    background-color: #0c1a5c;
    color: #fff;
}

.footer-floor a {
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.footer-links-box a {
    width: 50%;
    display: table;
    float: left;
    padding: 0rem 1rem 1rem 0rem;
}

.footer-phone {
    width: 100%;
    display: table;
}

.cal-q {
    width: 31.633%;
    display: table;
    float: left;
    padding: 2rem 2rem 2rem 2rem;
    border-radius: 0.33rem;
    background-color: #fff;
    margin: 0rem 1rem 1rem 0rem;
}

.cal-q h4 {
    width: 100%;
    display: table;
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem;
    height: 5rem;
}

.description {
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem 0rem 0rem 0rem;
    height: 6rem;
}

.button-box {
    width: 100%;
    display: table;
}


.button-box p {
    display: none;
}

.calput {
    float: left;
}

.info-out {
    float: right;
    display: table;
    font-size: 1.5rem;
    font-weight: 900;
    font-style: italic;
    line-height: 2rem;
}

.calculator-body {
    padding: 5rem 0rem 0rem 0rem;
}

.total-info-out {
    float: right;
    width: 33.333%;
    text-align: right;
    padding: 2rem 1rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 900;
    font-style: italic;
    line-height: 2rem;
}

.q-top {
    color: #0c1a5c;
}
.site-footer{
	background-color: #0c1a5c;
}
.site-info {
    height: 2rem;
    width: 60rem;
    margin: auto;
	background-color: #0c1a5c;
	color: #fff;
}

.site-info-mane{
	display: table;
	float: left;
	margin: 0rem 0.5rem 0rem 0rem;
}

.site-info a{
	display: table;
	float: left;
	color: #fff;
	text-decoration: none;
	font-weight: 900;
}

.copyright-block{
	display: table;
	float: left
}

.dev-block{
	display: table;
	float: right;
}

.copyright-text{
	float: left;
	display: table;
}


.footer-logo {
    background-image: url(/wp-content/themes/vido/img/Logo-White.png);
    width: 5rem;
    height: 2rem;
    display: table;
    float: left;
    background-repeat: no-repeat;
    margin: 0.8rem 0.4rem 0rem 0rem;
	background-size: 100%;
}

.footer-logo-box {
    padding: 0rem 0rem 0rem 0rem;
    display: table;
}

.footer-logo-box .site-title a {
    color: #fff;
    border-left: 0.1rem solid #fff;
}

.footer-logo-box .site-title a:visited {
    color: #fff;
}

.page .wp-block-file a:visited {
    color: #fff;
}


.comments-title,
.comment-author img {
    display: none;
}

.comment-title-floor h2,
.comment-title-floor h3 {
    text-align: center;
    color: #0c1a5c;
}

.comments-area {
    background-image: url(/wp-content/themes/vido/img/board-textura.webp);
    background-attachment: fixed;
    background-size: 100%;
    width: 100%;
    padding: 0rem 0rem 6rem 0rem;
}

.comment-list {
    padding: 0rem;
    width: 40rem;
    margin: auto;
}

.comment-respond {
    width: 40rem;
    margin: auto;
}

.comment-form-comment {
    width: 40rem;
    margin: 0rem auto 0rem;
}

.form-submit .submit {
    width: 19.8rem;
    margin: auto;
}

.form-submit{
    width: 100%;
	margin: auto;
}

.services-floor h3,
.steps-floor h3,
.top-floor h3,
.calculator-floor h3,
.comment-title-floor h3 {
    margin: 0rem auto 0rem;
    width: 75%;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
}

.phone-hub-box-w{
    width: 100%;
    background-color: #fff;
    padding: 5rem 0rem 5rem 0rem;
}

.phone-hub-box {
    border-radius: 1rem;
    padding: 1rem 2rem 1rem 2rem;
    position: relative;
    border: solid 0.15rem #f25e0d;
    box-shadow: #f25e0d 0 10px 20px -10px;
    width: 66.66%;
    margin: 5rem auto 3rem;
}

.single .phone-hub-box h2{
    font-size: 1.66rem;
    display: table;
    margin: auto;
    color: #0c1a5c;
}

.single .phone-hub-box {
    margin: auto;
}


.phone-hub-box .phone-hub {
    margin: 0rem auto 0rem;
    text-align: center;
}

.phone-hub-box-desc {
    display: table;
    margin: 0rem auto 1rem;
    color: #0c1a5c;

}

.top-floor h2,
.top-floor h4 {
    color: #f25e0d;
}

.phone-hub a {
    color: #f25e0d;
    text-decoration: none;
    font-size: 1.5rem;
}

.caller-image {
    position: absolute;
    height: 5rem;
    width: 5rem;
    bottom: 5rem;
    left: 0rem;
    background-color: #f25e0d;
    border-radius: 0rem 1rem 1rem 0rem;
}

.phone-hub {
    margin: 0rem;
    display: table;
    margin: auto;
}

.calput {
    color: #0c1a5c;
    border: solid 0.15rem #f25e0d;
    border-radius: 3rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 800;
	width: 33%;
}

.page-id-466 .entry-content,
.page-id-86 .entry-content,
.page-id-421 .entry-content,
.page-id-84 .entry-content,
.page-id-65 .entry-content,
.page-id-81 .entry-content,
.page-id-88 .entry-content,
.page-id-281 .entry-content{
	width: 60rem;
	margin: auto;
	padding: 3rem 6rem 6rem 6rem;
    background-color: #fff;
	color: #000;
}

.page-id-466 .site-main,
.page-id-86 .site-main,
.page-id-421 .site-main,
.page-id-84 .site-main,
.page-id-65 .site-main,
.page-id-81 .site-main,
.page-id-88 .site-main,
.page-id-281 .site-main{
	padding: 6rem 0rem 6rem 0rem;
	background-color: #fff5e8;
}


.page-id-466 .entry-header,
.page-id-86 .entry-header,
.page-id-421 .entry-header,
.page-id-84 .entry-header,
.page-id-65 .entry-header,
.page-id-81 .entry-header,
.page-id-88 .entry-header,
.page-id-281 .entry-header{
	background-color: #fff;
}

.page-id-466 .entry-title,
.page-id-86 .entry-title,
.page-id-421 .entry-title,
.page-id-84 .entry-title,
.page-id-65 .entry-title,
.page-id-81 .entry-title,
.page-id-88 .entry-title,
.page-id-281 .entry-title{
	margin: 0rem;
	padding: 6rem 6rem 0rem 6rem;
	color: #000;
}

.wp-block-file__button{
    text-align: center;
    text-decoration: none;
    background-color: #0c1a5c;
    border-radius: 3rem;
    box-shadow: #15549e 0 10px 20px -10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 3rem;
    border: 0;
    height: 3rem;
    text-transform: uppercase;
    font-weight: 800;
    width: 33%;
    margin: 5rem auto 0rem;
    display: table;
}

.wp-block-file__button:hover{
    background-color: #f25e0d;
    box-shadow: #f25e0d 0 10px 20px -10px;
    color: #0c1a5c;
    cursor: pointer;
    font-weight: 600;
}

.byline{
	display: none;
}

.cat-links{
	margin: 0rem 0.5rem 0rem 0rem;
}

.wp-block-post-template{
	list-style: none;
}

.wp-block-post-title a{
	text-decoration: none;
}

.wp-block-post-template{
	padding: 0rem;
    margin: 0rem;
}

.error404 .page-content p{
	width: 60rem;
	margin: 0rem auto 0rem;
}

.error404 .search-form,
.error404 .widget{
	width: 60rem;
	margin: 6rem auto 0rem;
}

.widget ul{
	margin: 0rem 0rem 0rem 0rem;
    padding: 0rem 0rem 0rem 2rem;
}


.widget_tag_cloud{
	padding: 0rem 0rem 6rem 0rem;
}

.blog .entry-content p, .blog .entry-footer,.blog .entry-content, .blog .post-thumbnail{
	display: none;
}

.blog .site-main{
    padding: 0rem 0rem 6rem 0rem;
}

.blog .entry-title {
    margin: 0rem 0rem 0rem 0rem;
    padding: 6rem 6rem 0rem 6rem;
}

.blog .entry-title a{
	text-decoration: none;
}

.blog .entry-meta {
    padding: 0.5rem 0rem 0rem 6rem;
}

.page-id-466 ul,
.page-id-86 ul,
.page-id-421 ul,
.page-id-84 ul,
.page-id-65 ul,
.page-id-81 ul,
.page-id-88 ul,
.page-id-281 ul{
	margin: 0rem;
}

.page-id-466 h2,
.page-id-86 h2,
.page-id-421 h2,
.page-id-84 h2,
.page-id-65 h2,
.page-id-81 h2,
.page-id-88 h2,
.page-id-281 h2 {
	font-size: 1.66rem;
	line-height: 2rem;
    color: #0c1a5c;
}

.page-id-466 .phone-hub-box h2,
.page-id-86 .phone-hub-box h2,
.page-id-421 .phone-hub-box h2,
.page-id-84 .phone-hub-box h2,
.page-id-65 .phone-hub-box h2,
.page-id-81 .phone-hub-box h2,
.page-id-88 .phone-hub-box h2,
.page-id-281 .phone-hub-box h2 {
	text-align: center;
}


@media (max-width: 1024px) {
    html {
        width: 100%;
        display: table;
		font-size: 11px;
    }
    .site-title {
        margin: 0.5em 1rem 0rem 0.4rem;
    }
    .footer-logo-box .site-title {
        margin: 1em 1rem 0rem 0.4rem;
    }
    .comment-list {
        padding: 0rem;
        width: 66.66%;
        margin: auto;
    }
    .comment-respond {
        width: 100%;
        margin: auto;
    }
    .comment-form-comment {
        width: 66.66%;
        margin: 0rem auto 0rem;
    }
    .comment-form-author input,
    .comment-form-email input {
        margin: 1rem auto 0rem;
        width: 66.66%;
        display: table;
    }
    .footer-floor {
        padding: 7rem 4rem 7rem 4rem;
    }
	.single .wp-block-image {
		padding: 0rem 6rem 2rem 6rem;
	}

}

@media (max-width: 820px) {
    html {
        font-size: 13px;
    }
	.site-title {
        margin: 0.5em 0rem 0rem 0.3rem;
    }
    .site-title a {
        font-size: 0.8rem;
        text-decoration: none;
        border-left: 0.1rem solid #0c1a5c;
        display: table;
        padding: 0rem 0rem 0rem 0.5rem;
    }
    .site-branding {
        width: 100%;
    }
    .phone {
        display: table;
        float: left;
        line-height: 2rem;
        margin: 0.3rem 0.5rem 0rem 0rem;
    }
    .switch-lang ul li:first-child {
        margin: 0rem 0.5rem 0rem 0rem;
    }
    .main-navigation {
        width: 100%;
    }
    .page-header,
    .entry-header,
    .post-navigation,
    .comments-area,
    .wp-block-quote p {
        margin: 0rem;
        width: 100%;
    }
    .site-header {
        padding: 3rem 4rem 2rem 4rem;
    }
    .socials-top-box {
        display: table;
        float: left;
        margin: 0rem 0rem 0rem 0.8rem;
    }
	.blog .entry-title {
		padding: 6rem 4rem 0rem 4rem;
	}
    .phones-box {
        display: table;
        float: left;
        margin: 0rem 0rem 0rem 1rem;
    }
    .calculator-body {
        padding: 5rem 3rem 0rem 3rem;
    }
    .cal-q {
        width: 50%;
        display: table;
        float: left;
        padding: 2rem 2rem 2rem 2rem;
        border-radius: 0.33rem;
        background-color: #fff;
        margin: 0rem 0rem 4rem 0rem;
		height: 13rem;
    }
	.services-floor {
		background-color: #fff5e8;
		padding: 6rem 0rem 6rem 3rem;
	}
	#order-link {
		margin: 3rem auto 0rem;
	}
	.q-services {
		width: 33.333%;
		float: left;
		display: table;
		padding: 0rem 3rem 4rem 0rem;
	}
	.q-top {
		padding: 0rem 0rem 2rem 3rem;
	}
	.top-box ul {
		padding: 0rem 3rem 0rem 0rem;
	}
	.phone-hub-box {
		margin: 9rem auto 0rem;
	}
	.buttom-box {
		padding: 0rem 3rem 0rem 0rem;
	}
	.main-header-title {
		background-position: 33.9% 62rem;
		background-size: 260%;
	}
    .cal-q h4 {
        height: auto;
    }
    .button-box button {
        margin: 2rem 0rem 0rem 33.333%;
        display: table;
        width: 31.633%;
        float: left;
    }
    .description {
        height: auto;
    }
    .services-box,
    .top-box,
    .steps-box,
    .calculator-box {
        width: 100%;
        margin: 0rem;
    }
    .footer-box {
        width: 100%;
        box-sizing: border-box;
        display: table;
    }
    .footer-logo-box .site-title {
        margin: 1em 1rem 0rem 0.4rem;
    }
    .comment-list {
        padding: 0rem;
        width: 66.66%;
        margin: auto;
    }
    .comment-respond {
        width: 100%;
        margin: auto;
    }
    .comment-form-comment {
        width: 66.66%;
        margin: 0rem auto 1rem;
    }
    .comment-form-author input,
    .comment-form-email input {
        margin: 1rem auto 0rem;
        width: 66.66%;
        display: table;
    }
    .footer-floor {
        padding: 7rem 4rem 7rem 4rem;
    }
	.site-info {
		padding: 0rem 3rem 0rem 3rem;
		width: 100%;
		display: table;
	}
	.page-id-466 .entry-content,
	.page-id-86 .entry-content,
	.page-id-421 .entry-content,
	.page-id-84 .entry-content,
	.page-id-65 .entry-content,
	.page-id-81 .entry-content,
	.page-id-88 .entry-content,
	.page-id-281 .entry-content{
		padding: 1rem 6rem 7rem 6rem;
		background-color: #fff;
		color: #000;
        width: 100%;
        margin: 0rem;
	}
	.page-id-466 .site-main,
	.page-id-86 .site-main,
	.page-id-421 .site-main,
	.page-id-84 .site-main,
	.page-id-65 .site-main,
	.page-id-81 .site-main,
	.page-id-88 .site-main,
	.page-id-281 .site-main {
		padding: 0rem 0rem 0rem 0rem;
	}
	.site-info {
        padding: 0rem 4rem 0rem 4rem;
        width: 100%;
        display: table;
    }
	.single .entry-content {
		width: 100%;
	}
	.single .post .entry-content p {
		width: 100%;
	}
	.single .post .wp-block-image {
		width: 100%;
	}
	.single .post .entry-content ul {
		width: 100%;
	}
	.single .post .entry-title {
		margin: 0rem 0rem 0rem 0rem;
	}
	.single .post .entry-footer {
		width: 100%;
	}
	.error404 .page-content p{
		width: 100%;
		margin: 2rem auto 0rem;
		padding: 0rem 4rem;
	}
	.error404 .page-content .widget_archive p{
		width: 100%;
		margin: 1rem auto 2rem;
		padding: 0rem 0rem;
	}
	.error404 .search-form{
		width: 60rem;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .widget_recent_entries{
		width: 60rem;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .widget_categories{
		width: 60rem;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .widget_archive{
		width: 60rem;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .widget_tag_cloud{
		width: 60rem;
		margin: 6rem auto 6rem;
		padding: 0rem 3rem;
	}
	.error404 .page-title{
		width: 60rem;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}



}

@media (min-width: 769px) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: table;
        margin: auto;
    }
    .switch-lang-menu-mob,
    .phones-box-menu,
    .service-wrap-menu {
        display: none;
    }
}

@media (max-width: 768px) {
    .phone-hub-box-w {
        padding: 0rem 0rem 0rem 0rem;
    }
    .site-branding {
        width: 100%;
        margin: 0rem;
    }
    .menu-toggle {
        display: none;
    }
    .phones-box,
    .service-wrap {
        display: none;
    }
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        display: table;
        width: 100%;
		font-size: 16px;
    }
	.title-main-box {
		width: 100%;
	}
    .menu-toggle {
        display: table;
        position: fixed;
        z-index: 10;
        width: 3rem;
        height: 3rem;
        top: 2rem;
        right: 4rem;
        border: solid 0.2rem #f25e0d;
        border-radius: 0.5rem;
        background-color: #fff;
        box-shadow: #f25e0d 0 10px 20px -10px;
        background-image: url(/wp-content/themes/vido/img/Menu.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    .toggled .menu-toggle {
        background-image: url(/wp-content/themes/vido/img/Menu-close.svg);
    }
    .toggled .menu-menu-1-container {
        position: fixed;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        top: 0rem;
        left: 0rem;
        padding: 2rem 4rem 2rem 4rem;
        z-index: 9;
        display: table;
        animation: slide-in-bottom 0.5s ease 0s 1 normal forwards;
    }
    .main-navigation.toggled ul {
        display: table;
        width: 100%;
    }
    .site-header {
        background-color: #fff;
        padding: 2rem 4rem 2rem 4rem;
        border-bottom: solid 1px #dbdbdb;
    }
    .phones-box {
        margin: 0rem 1rem 0rem 0rem;
    }
    .switch-lang ul li {
        float: none;
    }
    .switch-lang-menu-mob ul {
        list-style: none;
        margin: 0rem;
        padding: 0rem;
    }
    .switch-lang-menu-mob {
        display: table;
    }
    .mail-top-menu a {
        width: 4rem;
        height: 4rem;
        background-image: url(/wp-content/themes/vido/img/Ico-Mail-Blue.svg);
        display: table;
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .telegram-top-menu a {
        width: 4rem;
        height: 4rem;
        background-image: url(/wp-content/themes/vido/img/Ico-Telegram-Blue.svg);
        display: table;
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .viber-top-menu a {
        width: 4rem;
        height: 4rem;
        background-image: url(/wp-content/themes/vido/img/Ico-Viber-Blue.svg);
        display: table;
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .whatsapp-top-menu a {
        width: 4rem;
        height: 4rem;
        background-image: url(/wp-content/themes/vido/img/Ico-WhatsApp-Blue.svg);
        display: table;
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .private-cab-top-menu a {
        width: 4rem;
        height: 4rem;
        background-image: url(/wp-content/themes/vido/img/Ico-Profile-Blue.svg);
        display: table;
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .cart-top-menu a {
        width: 4rem;
        height: 4rem;
        background-image: url(/wp-content/themes/vido/img/Ico-Cart-Blue.svg);
        display: table;
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
    }
	.socials-wrap{
		margin: 1rem 0rem 0rem 0rem;
	}
    .private-cab-top-menu {
        display: table;
        float: left;
        margin: 0rem 1rem 0rem 0rem;
		border: 0.1rem solid #0c1a5c;
        border-radius: 3.65rem;
    }

    .cart-top-menu {
        display: table;
        float: left;
        margin: 0rem 1rem 0rem 0rem;
		border: 0.1rem solid #0c1a5c;
        border-radius: 3.65rem;
    }

    .telegram-top-menu {
        display: table;
        float: left;
        margin: 0rem 1rem 0rem 0rem;
		border: 0.1rem solid #0c1a5c;
        border-radius: 3.65rem;
    }
    .viber-top-menu {
        display: table;
        float: left;
        margin: 0rem 1rem 0rem 0rem;
		border: 0.1rem solid #0c1a5c;
        border-radius: 3.65rem;
    }
    .whatsapp-top-menu {
        display: table;
        float: left;
        margin: 0rem 1rem 0rem 0rem;
		border: 0.1rem solid #0c1a5c;
        border-radius: 3.65rem;
    }
    .mail-top-menu {
        display: table;
        float: left;
        margin: 0rem 1rem 0rem 0rem;
		border: 0.1rem solid #0c1a5c;
        border-radius: 3.65rem;
    }

    .phones-box-menu {
        display: table;
        margin: 3rem 0rem 0rem 0rem;
        width: 100%;
        border-top: solid 0.15rem #0c1a5c;
        padding: 3rem 0rem 0rem 0rem;
    }

    .phone-menu {
        display: table;
    }
    .phone-menu a {
        font-size: 2rem;
        font-weight: 700;
    }

    .nav-menu li {
        margin: 0rem 1rem 0rem 0rem;
        float: none;
        display: table;
    }
    .main-navigation ul li a {
        text-decoration: none;
        font-size: 2rem;
    }
    .switch-lang-menu-mob {
        margin: 1rem 0rem 0rem 0rem;
    }
    .phones-box,
    .service-wrap {
        display: none;
    }
    .switch-lang ul li {
        float: left;
        line-height: 3rem;
        font-size: 2rem;
    }
    .switch-lang {
        display: table;
        float: left;
    }
    .mail-top a,
    .telegram-top a,
    .whatsapp-top a,
    .viber-top a,
    .cart-top a,
    .private-cab-top a {
        width: 3rem;
        height: 3rem;
        background-size: 100%;
    }
    .switch-lang-menu-mob ul .current {
        font-weight: 400;
    }
    .switch-lang-menu-mob {
        font-weight: 900;
    }
    .switch-lang-menu-mob ul li a {
        line-height: 1rem;
        font-size: 1rem;
        text-decoration: none;
        display: table;
    }
    .switch-lang ul li {
        float: left;
    }
    .site-title a {
        font-size: 1rem;
        text-decoration: none;
        line-height: 1rem;
        font-weight: 900;
    }
    .site-title {
        width: 11rem;
        line-height: 1rem;
        margin: 1rem 13.5rem 0rem 0rem;
        display: table;
        float: left;
    }
	.main-header-w {
		width: 60%;
		float: right;
		padding: 0rem 2rem 0rem 0rem;
	}
	.main-header-w ul {
		margin: 0rem;
		padding: 0rem 5rem 0rem 2rem;
		list-style: circle;
	}
	.header-buttom-box {
		width: 60%;
	}
	h1 {
		font-size: 2em;
		line-height: 2.5rem;
		text-transform: uppercase;
		font-weight: 1000;
	}
  .main-header-w h2 {
        font-size: 2em;
        line-height: 2.5rem;
        text-transform: uppercase;
        font-weight: 1000;
        margin: 0rem 4rem 3rem 0rem;
  }
	.main-header-title {
		background-image: url(/wp-content/themes/vido/img/vido-mobile.webp);
        background-position: 50% 72rem;
        background-size: 120%;
    }
    .site-branding a .custom-logo {
        height: auto;
        width: 100%;
        display: table;
        float: left;
    }
    .site-branding .custom-logo-link {
        width: 7rem;
        margin: 0.7rem 0.5rem 0rem 0rem;
    }
    .phone {
        line-height: 3.5rem;
        margin: 0rem auto 0rem;
        font-size: 3rem;
        float: none;
    }
    .phones-box {
        margin: 1rem 0rem 1rem 0rem;
        width: 100%;
    }
    .calculator-body {
        padding: 5rem 0rem 0rem 0rem;
    }
    .cal-q {
        width: 100%;
        float: none;
        padding: 0rem;
        border-radius: 0.33rem;
        background-color: #fff;
        margin: 0rem 0rem 2rem 0rem;
    }
    .button-box button {
        margin: 2rem auto 0rem;
        display: table;
        width: 50%;
        float: none;
    }
    .total-info-out {
        float: none;
        width: 100%;
        text-align: center;
        padding: 2rem 1rem 0rem 0rem;
        font-size: 2rem;
        font-weight: 900;
        font-style: italic;
        line-height: 2rem;
    }
    .description {
        height: 3rem;
    }
    .cal-q h4 {
        height: 2rem;
        font-size: 1.5rem;
    }
    .services-floor h3,
    .steps-floor h3,
    .top-floor h3,
    .calculator-floor h3,
    .comment-title-floor h3 {
        margin: auto;
        width: 75%;
    }
    .q-services {
        width: 50%;
        float: left;
        display: table;
        padding: 0rem 4rem 4rem 0rem;
    }
    .services-box ul li img {
        display: table;
        border-radius: 1rem 1rem 0rem 0rem;
        width: 100%;
        margin: auto;
    }
    .buttom-box {
        width: 100%;
        margin: 0rem auto 0rem;
        padding: 3rem 2rem 0rem 2rem;
    }
    .button-box {
        width: 100%;
        margin: 0rem auto 0rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    #order-link {
        width: 50%;
        margin: auto;
    }
    .q-top {
        display: table;
        float: left;
        width: 100%;
        padding: 0rem 0rem 4rem 4rem;
    }
    .q-top p {
        display: table;
        float: left;
        width: 60%;
        padding: 2rem 2rem 0rem 1rem;
        margin: 0rem 0rem 0rem 0rem;
        font-weight: 600;
    }

    .phone-hub-box h2 {
        display: table;
        margin: 0rem auto 0rem;
    }
    .phone-hub-box .phone-hub {
        display: table;
        margin: auto;
    }
    .phone-hub-box-desc {
        margin: 0rem auto 1rem;
		text-align: center;
    }
    .phone-hub-box {
        border-radius: 1rem;
        color: #0c1a5c;
        padding: 1rem 2rem 1rem 2rem;
        position: relative;
        margin: 2rem 0rem 0rem 0rem;
        border: solid 0.15rem #f25e0d;
        box-shadow: #f25e0d 0 10px 20px -10px;
        width: 100%;
        margin: 9rem auto 0rem;
    }
    .caller-image {
        position: absolute;
        height: 6rem;
        width: 6rem;
        bottom: 5rem;
        left: 0rem;
        background-color: #f25e0d;
        border-radius: 0rem 1rem 1rem 0rem;
    }
    .caller-image img {
        width: 5rem;
        margin: 0.5rem 0rem 0rem 0.5rem;
    }
    .phone-hub {
        margin: 0rem;
        display: table;
        margin: auto;
    }
    .phone-hub a {
        color: #f25e0d;
        text-decoration: none;
        font-size: 1.5rem;
    }
    .calculator-floor {
        padding: 6rem 4rem 4rem 4rem;
    }
    .top-floor {
        padding: 6rem 4rem 7rem 4rem;
    }
    .top-floor h2,
    .top-floor h3 {
        color: #f25e0d;
    }
    .top-floor h2, .services-floor h2, .calculator-floor h2, .comment-title-floor h2{
		line-height: 3rem;
		margin: 0rem auto 1rem;
	}
	.comment-title-floor {
		padding: 6rem 4rem 6rem 4rem;
		background-color: #fff5e8;
	}
	.comment-list {
        width: 100%;
    }
	.comment-form-comment {
        width: 100%;
        margin: 0rem auto 1rem;
    }
    .services-floor {
        padding: 6rem 0rem 6rem 0rem;
        background-size: 150%;
    }
    .services-box ul {
        padding: 0rem 0rem 0rem 4rem;
    }
    .calput {
        color: #0c1a5c;
        border: solid 0.15rem #f25e0d;
        border-radius: 3rem;
        padding: 0.5rem 1rem 0.5rem 1rem;
        font-size: 1rem;
        font-weight: 800;
    }
    .q-steps,
    .steps-box ul li:last-child {
        margin: 0rem 0rem 0rem 0rem;
        float: none;
        width: 100%;
    }
    .arrow-step {
        background-image: url(/wp-content/themes/vido/img/Arrow.svg);
        width: 2rem;
        height: 2rem;
        background-position-x: center;
        background-repeat: no-repeat;
        margin: 2rem auto 2rem;
        float: none;
    }
    .q-steps img {
        margin: auto;
        display: table;
        padding: 0rem 0rem 0rem 0rem;
        width: 10rem;
    }
    .q-steps-w {
        width: 100%;
        float: none;
    }

    .q-steps h4 {
        margin: 1rem auto 0rem;
        width: 50%;
    }
    .comments-area {
        background-color: #fff5e8;
        width: 100%;
        padding: 0rem 0rem 7rem 0rem;
    }
    .footer-floor a {
        color: #fff;
        font-weight: 800;
        text-decoration: none;
    }
    .footer-links-box a {
        padding: 0rem 2rem 1rem 0rem;
    }
    .footer-floor a:visited {
        color: #fff;
    }
    .footer-box {
        width: 100%;
        padding: 0rem 0rem 0rem 0rem;
    }
    .footer-info-box {
        width: 100%;
    }
    .footer-links-box {
        width: 100%;
        margin: 6rem 0rem 0rem 0rem;
    }
    .footer-floor {
        background-color: #0c1a5c;
        color: #fff;
    }
    .comment-list {
        padding: 0rem 4rem 0rem 4rem;
    }
    .comment-form-comment {
        padding: 0rem 4rem 0rem 4rem;
    }
    .form-submit {
        padding: 0rem 4rem 0rem 4rem;
        width: 66.66%;
        margin: auto;
    }
    .form-submit .submit {
        width: 100%;
    }
    .comment-form-author,
    .comment-form-email {
        padding: 0rem 4rem 0rem 4rem;
        width: 66.66%;
        margin: auto;
    }
    .comment-form-author input,
    .comment-form-email input {
        margin: 1rem auto 0rem;
        width: 100%;
        display: table;
    }
    .comment-form-comment {
        margin: 0rem auto 1rem;
    }
    .entry-header {
        padding: 0rem 4rem 0rem 4rem;
    }
	.blog .entry-meta {
		padding: 0.5rem 0rem 0rem 4rem;
	}
	.blog h2{
	font-size: 2rem;
	}
    .blog .entry-header {
        padding: 0rem 0rem 0rem 0rem;
    }
    .footer-logo-box .site-title {
        margin: 1em 1rem 0rem 0.4rem;
        width: 13rem;
    }
    .footer-logo-box {
        padding: 0rem 0rem 0rem 0rem;
        display: table;
        margin: 0rem 0rem 6rem 0rem;
    }
    .single .entry-header {
        padding: 0rem 0rem 0rem 0rem;
    }
    .single .post .entry-title {
	    padding: 6rem 4rem 0rem 4rem;
	}
    .single .entry-meta {
		background-color: #fff;
		padding: 0.5rem 0rem 0.5rem 4rem;
	}
	.single .post .entry-content p:first-child {
	    padding: 2rem 4rem 2rem 4rem;
	}
	.single .wp-block-image {
        padding: 0rem 4rem 2rem 4rem;
    }
	.post .entry-content ul {
		padding: 0rem 4rem 2rem 7rem;
	}
	.post .entry-title {
		border-radius: 0rem;
	}
	.single .final-tiles-gallery {
		padding: 0rem 4rem 6rem 4rem;
	}
	.single .post .entry-content p {
		padding: 0rem 4rem 2rem 4rem;
		background-color: #ffffff;
		margin: 0rem;
	}
	.post .entry-footer {
		padding: 0rem 4rem 2rem 4rem;
	}
	.post-navigation {
		padding: 0rem 4rem 6rem 4rem;
		background-color: #ffffff;
	}
	.single .post-thumbnail{
		display: none;
	}
	.error404 .page-content p{
		width: 100%;
		margin: 0rem auto 0rem;
		padding: 0rem 4rem;
	}
	.error404 .search-form{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 4rem;
	}
	.error404 .widget_recent_entries{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 4rem;
	}
	.error404 .widget_categories{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 4rem;
	}
	.error404 .widget_archive{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 4rem;
	}
	.error404 .widget_tag_cloud{
		width: 100%;
		margin: 6rem auto 6rem;
		padding: 0rem 4rem;
	}
	.error404 .page-title{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 4rem;
	}
    .page-id-466 .entry-content,
    .page-id-86 .entry-content,
    .page-id-421 .entry-content,
    .page-id-84 .entry-content,
    .page-id-65 .entry-content,
    .page-id-81 .entry-content,
	.page-id-88 .entry-content,
	.page-id-281 .entry-content {
        padding: 1rem 4rem 7rem 4rem;
        background-color: #fff;
        color: #000;
        width: 100%;
        margin: 0rem;
    }

    .page-id-466 .entry-title,
    .page-id-86 .entry-title,
    .page-id-421 .entry-title,
    .page-id-84 .entry-title,
    .page-id-65 .entry-title,
	.page-id-81 .entry-title,
	.page-id-88 .entry-title,
	.page-id-281 .entry-title {
		padding: 6rem 0rem 0rem 0rem;
	}
   .single .wp-block-heading {
        padding: 0rem 4rem 2rem 4rem;
    }
    .single .phone-hub-box {
        margin: 5rem 4rem 6rem 4rem;
        width: auto;
    }
    .wpcf7 {
        width: 66.66%;
        display: table;
        margin: auto;
    }
    .form-box p{
        margin: 0rem;
    }
    #pop-up-form {
        background-size: 150%;
    }
    .single .comments-area {
        background-size: 150%;
    }
}

@media (max-width: 540px) {
    .wp-block-file__button{
        width: 100%;
    }

    .post .entry-content ul {
        padding: 0rem 4rem 2rem 7rem;
    }
    html {
        font-size: 14px;
    }
	h1{
		font-size: 2rem;
		line-height: 2rem;
	}
	.site-title {
        width: 9rem;
        margin: 0.4rem 7.5rem 0rem 0rem;
    }
    .services-box ul li img {
        width: 100%;
    }
	.main-header-title{
		background-image: url(/wp-content/themes/vido/img/vido-mobile.webp);
		background-position: 50% 59rem;
        background-size: 120%;
		padding: 3rem 0rem 6rem 0rem;
	}
    .main-header-w {
        width: 55%;
        float: right;
        padding: 0rem 3rem 0rem 0rem;
		margin: 0rem 2rem 0rem 0rem;
    }
    .main-header-w ul li{
		padding: 0.5rem 0.5rem 0rem 0.5rem;
		text-transform: uppercase;
		font-size: 0.66rem;
	}
	.main-header-w ul {
		list-style: circle;
	}
	.main-header-w h3{
		font-weight: 600;
	}
	.services-floor ul {
		display: table;
		padding: 0rem 0rem 0rem 3rem;
	}
	.main-header-w ul {
		margin: 0rem;
		padding: 0rem 0rem 0rem 3rem;
	}
	.header-buttom-box {
		display: table;
		width: 100%;
		margin: 3.5rem 0rem 0rem 0rem;
	}
    .q-top {
        display: table;
        float: none;
        width: 100%;
        padding: 0rem 0rem 4rem 2rem;
    }
    .q-top p {
        padding: 1.5rem 1rem 0rem 1rem;
    }
    .phone-hub-box {
        width: 100%;
        margin: 5rem auto 0rem;
    }
    .services-box ul li p {
        text-align: center;
        font-weight: 600;
        width: 100%;
    }
    .q-services {
    }
    .q-top img {
        display: table;
        float: left;
        width: 30%;
    }
    .q-top p {
        display: table;
        float: left;
        width: 60%;
        padding: 0.5rem 0rem 0rem 2rem;
        margin: 0rem 0rem 0rem 0rem;
        font-weight: 600;
    }
    .buttom-box {
        width: 100%;
        margin: 3rem auto 0rem;
        padding: 0rem 2rem 0rem 2rem;
    }
    .comment-list {
        padding: 0rem 3rem 0rem 3rem;
    }
    .comment-form-comment {
        width: 100%;
        margin: 0rem auto 1rem;
    }
    .comment-form-author,
    .comment-form-email {
        padding: 0rem 4rem 0rem 4rem;
        width: 100%;
        margin: auto;
    }
    .form-submit {
        padding: 1rem 4rem 0rem 4rem;
        width: 100%;
        margin: auto;
    }
    .footer-box {
        width: 100%;
        padding: 0rem 0rem 0rem 0rem;
    }
    .toggled .menu-menu-1-container {
        height: 100vh;
    }
	.cal-q {
		height: auto;
		margin: 0rem 0rem 5rem 0rem;
	}
	.site-header {
        padding: 2rem 3rem 2rem 3rem;
    }
    .menu-toggle {
        top: 2rem;
        right: 3rem;
    }
    .toggled .menu-menu-1-container {
        padding: 2rem 3rem;
    }
	.site-branding .custom-logo-link {
        width: 6rem;
        margin: 0.3rem 0.3rem 0rem 0rem;
    }
    .switch-lang-menu-mob {
        margin: 0.4rem 0rem 0rem 0rem;
    }
    .calculator-floor {
        padding: 6rem 3rem 4rem 3rem;
    }
		.top-floor {
        padding: 6rem 3rem 7rem 3rem;
    }
    .q-services {
        padding: 0rem 3rem 3rem 0rem;
    }
    .page-id-466 .entry-content,
    .page-id-86 .entry-content,
    .page-id-421 .entry-content,
    .page-id-84 .entry-content,
    .page-id-65 .entry-content,
    .page-id-81 .entry-content,
    .page-id-88 .entry-content,
    .page-id-281 .entry-content{
        padding: 1rem 3rem 8rem 3rem;
    }
    .entry-header {
        padding: 0rem 3rem 0rem 3rem;
    }
	.page-id-466 .entry-title,
	.page-id-86 .entry-title,
	.page-id-421 .entry-title,
	.page-id-84 .entry-title,
	.page-id-65 .entry-title,
	.page-id-81 .entry-title,
	.page-id-88 .entry-title,
	.page-id-281 .entry-title {
		padding: 6rem 0rem 0rem 0rem;
	}
    .footer-floor {
        padding: 7rem 3rem 7rem 3rem;
    }
    .site-info {
        padding: 0rem 3rem 0rem 3rem;
    }
	.error404 .page-content p{
		width: 100%;
		margin: 0rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .search-form{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .widget_recent_entries{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .widget_categories{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .widget_archive{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 .widget_tag_cloud{
		width: 100%;
		margin: 6rem auto 6rem;
		padding: 0rem 3rem;
	}
	.error404 .page-title{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 3rem;
	}
	.error404 h2{
		font-size: 2rem;
	}
	.blog .entry-title {
        padding: 6rem 3rem 0rem 3rem;
    }
    .blog .entry-meta {
        padding: 0.5rem 0rem 0rem 3rem;
    }
    .single .phone-hub-box {
        margin: 5rem 4rem 6rem 4rem;
    }
    .single .caller-image img {
        width: 4rem;
    }
    .single .caller-image {
        height: 5rem;
        width: 5rem;
    }
    .wpcf7 {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .single .wp-block-heading {
        padding: 0rem 2rem 2rem 2rem;
    }
    .post .entry-content ul {
        padding: 0rem 4rem 2rem 5rem;
    }
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        font-size: 14px;
    }
    .site-header {
        background-color: #fff;
        padding: 2rem;
        border-bottom: solid 1px #dbdbdb;
    }
	.comment-form-comment textarea {
		margin: 0rem 0rem 1rem 0rem;
	}
    .main-header-w {
        width: 100%;
        float: none;
        padding: 0rem 2rem 0rem 2rem;
        margin: 0rem 0rem 0rem 0rem;
    }
    .main-header-title {
		background-position: 50% 57rem;
        background-size: 140%;
		padding: 4rem 0rem 6rem 0rem;
    }
	.main-header-w h1 {
		text-align: center;
        padding: 0rem 2rem 0rem 2rem;
	}
    .main-header-w ul {
        margin: 0rem;
        padding: 0rem 0rem 0rem 11rem;
    }
    .main-header-w h2 {
        text-align: center;
        padding: 0rem 2rem 0rem 2rem;
        font-size: 2em;
        line-height: 2.5rem;
        margin: auto;
        font-weight: 1000;
    }
    .menu-toggle {
        top: 2rem;
        right: 2rem;
    }
    .q-services {
    }
    .site-title {
        width: 9rem;
        margin: 0.4rem 3rem 0rem 0rem;
    }
    .cal-q {
		height: auto;
		margin: 0rem 0rem 4rem 0rem;
	}
    .services-box ul {
        padding: 0rem 0rem 0rem 2rem;
    }
    .q-services {
        width: 50%;
        float: left;
        display: table;
        padding: 0rem 2rem 2rem 0rem;
    }
	.services-box ul li .q-services-description {
		font-size: 0.5rem;
		height: 5rem;
	}
    .calculator-floor {
        padding: 6rem 2rem 4rem 2rem;
    }
    .description {
		height: auto;
	}
    .comment-list {
        padding: 0rem 2rem 0rem 2rem;
        width: 100%;
        margin: auto;
    }
    .comment-form-comment {
        padding: 0rem 2rem 0rem 2rem;
    }
	.form-submit {
        padding: 1rem 2rem 0rem 2rem;
        width: 100%;
        margin: auto;
    }
    .comment-form-comment {
        margin: 0rem auto 0rem;
    }
    .site-title a {
        padding: 0rem 0rem 0rem 0.7rem;
    }
    .top-floor {
        padding: 6rem 2rem 7rem 2rem;
    }
    .top-box ul {
        padding: 0rem 0rem 0rem 0rem;
    }
	.q-top {
        padding: 0rem 0rem 4rem 0rem;
    }
    .q-top img {
        width: 40%;
    }
    .q-top p {
        padding: 1rem 0rem 0rem 2rem;
		font-weight: 700;
    }
	.buttom-box {
        width: 100%;
        margin: 4rem auto 0rem;
        padding: 0rem 2rem 0rem 2rem;
    }
    .phone-hub-box h2{
        line-height: 3rem;
        margin: 0rem auto 0rem;
    }
    .top-floor h2, .services-floor h2, .calculator-floor h2, .comment-title-floor h2 {
        line-height: 3rem;
        margin: 0rem auto 0rem;
    }
    .caller-image {
        height: 5rem;
        width: 5rem;
        bottom: 3rem;
    }
    .caller-image img {
        width: 4rem;
        margin: 0.5rem 0rem 0rem 0.5rem;
    }
    h1 {
        font-size: 2em;
        line-height: 2.5rem;
    }
    h2 {
        font-size: 1.66rem;
        line-height: 3rem;
    }
    .services-floor h3,
    .steps-floor h3,
    .top-floor h3,
    .calculator-floor h3,
    .comment-title-floor h3 {
        margin: 0rem auto 0rem;
        width: 75%;
        font-size: 1.33rem;
        font-weight: 400;
        line-height: 1.66rem;
    }
    .comment-form-author, .comment-form-email {
        padding: 0rem 2rem 0rem 2rem;
    }
    .toggled .menu-menu-1-container {
        padding: 2rem;
    }
	.comment-form-author input, .comment-form-email input {
		padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	}
    .footer-floor {
        padding: 6rem 2rem 6rem 2rem;
    }
	.mail-top-menu a, .telegram-top-menu a, .cart-top-menu a, .private-cab-top-menu a, .viber-top-menu a, .whatsapp-top-menu a{
		width: 3rem;
		height: 3rem;
	}
    .socials-wrap {
        margin: 2rem 0rem 0rem 0rem;
    }
    .q-steps img {
        width: 7rem;
    }
	.steps-floor {
		padding: 6rem 0rem 6rem 0rem;
	}
	.copyright-block {
		float: none;
		width: 100%;
	}
	.dev-block {
		display: table;
		float: none;
		margin: auto;
	}
    .site-info {
        padding: 0rem 3rem 2rem 3rem;
    }
	.single .post .entry-title {
        padding: 6rem 2rem 0rem 2rem;
    }
    .single .post .entry-content p:first-child {
        padding: 2rem 2rem 2rem 2rem;
    }
    .single .final-tiles-gallery {
        padding: 0rem 2rem 6rem 2rem;
    }
    .single .post .entry-content p {
        padding: 0rem 2rem 2rem 2rem;
    }
	.post .entry-footer {
        padding: 0rem 2rem 2rem 2rem;
    }
    .post-navigation {
        padding: 0rem 2rem 6rem 2rem;
        background-color: #ffffff;
    }
	.single .entry-meta {
        padding: 0.5rem 0rem 0.5rem 2rem;
    }
	.error404 .page-content p{
		width: 100%;
		margin: 0rem auto 0rem;
		padding: 0rem 2rem;
	}
	.error404 .search-form{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 2rem;
	}
	.error404 .widget_recent_entries{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 2rem;
	}
	.error404 .widget_categories{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 2rem;
	}
	.error404 .widget_archive{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 2rem;
	}
	.error404 .widget_tag_cloud{
		width: 100%;
		margin: 6rem auto 6rem;
		padding: 0rem 2rem;
	}
	.error404 .page-title{
		width: 100%;
		margin: 6rem auto 0rem;
		padding: 0rem 2rem;
	}
    .blog .entry-title {
        padding: 6rem 2rem 0rem 2rem;
    }
    .blog .entry-meta {
        padding: 0.5rem 0rem 0rem 2rem;
    }
    .page-id-466 .entry-header,
    .page-id-86 .entry-header,
    .page-id-421 .entry-header,
    .page-id-84 .entry-header,
    .page-id-65 .entry-header,
    .page-id-81 .entry-header,
    .page-id-88 .entry-header,
    .page-id-281 .entry-header {
        padding: 0rem 2rem 0rem 2rem;
    }
    .page-id-466 .entry-content,
    .page-id-86 .entry-content,
    .page-id-421 .entry-content,
    .page-id-84 .entry-content,
    .page-id-65 .entry-content,
    .page-id-81 .entry-content,
    .page-id-88 .entry-content,
    .page-id-281 .entry-content {
        padding: 1rem 2rem 8rem 2rem;
    }
    .single .phone-hub-box {
        margin: 5rem 2rem 6rem 2rem;
    }
    .button-box button {
        width: 100%;
    }
    #order-link {
        width: 100%;
    }
    .wpcf7-form {
        padding: 6rem 2rem 0rem 2rem;
    }
}

@media (max-width: 414px) {
    .site-title {
        width: 10rem;
    }
    .q-services {
        height: auto;
    }
	.services-box ul li .q-services-description {
		font-size: 0.5rem;
	}
   .single .wp-block-heading {
        padding: 0rem 4rem 2rem 2rem;
    }
}

@media (max-width: 412px) {
    .site-title {
        width: 10rem;
    }
    .q-services {
        height: auto;
    }
	.services-box ul li .q-services-description {
        font-size: 0.6rem;
    }
    .page-id-466 .entry-content,
    .page-id-86 .entry-content,
    .page-id-421 .entry-content,
    .page-id-84 .entry-content,
    .page-id-65 .entry-content,
    .page-id-81 .entry-content,
    .page-id-88 .entry-content,
    .page-id-281 .entry-content {
        padding: 1rem 2rem 8rem 2rem;
    }
}

@media (max-width: 390px) {
    .site-title {
        width: 8rem;
    }
	.services-box ul li .q-services-description {
        font-size: 0.5rem;
    }
	.site-title {
        width: 9rem;
        margin: 0.4rem 1rem 0rem 0rem;
    }
    .site-info {
        padding: 0rem 2rem 2rem 2rem;
    }
}

@media (max-width: 375px) {
    .single .wp-block-heading {
        padding: 0rem 2rem 2rem 2rem;
    }
    .copyright-text {
		text-align: center;
	}
    .site-title {
        margin: 0.4rem 0.5rem 0rem 0rem;
    }
    .entry-header {
        padding: 0rem 2rem 0rem 2rem;
    }
	.page-id-466 .entry-content,
	.page-id-86 .entry-content,
	.page-id-421 .entry-content,
	.page-id-84 .entry-content,
	.page-id-65 .entry-content,
	.page-id-81 .entry-content,
	.page-id-88 .entry-content,
	.page-id-281 .entry-content{
        padding: 1rem 2rem 8rem 2rem;
    }
}

@media (max-width: 360px) {
    .main-header-title {
        background-position: 50% 51rem;
    }
    .site-header {
        padding: 2rem;
    }
    .menu-toggle {
        top: 2rem;
        right: 2rem;
    }
    .calculator-floor {
        padding: 6rem 2rem 4rem 2rem;
    }
    .services-box ul {
        padding: 0rem 0rem 0rem 2rem;
    }
    .q-services {
        padding: 0rem 2rem 2rem 0rem;
    }
    .top-floor {
        padding: 6rem 2rem 7rem 2rem;
    }
    .comment-list {
        padding: 0rem 2rem 0rem 2rem;
    }
    .comment-form-comment {
        padding: 0rem 2rem 0rem 2rem;
    }
    .comment-form-author,
    .comment-form-email {
        padding: 0rem 2rem 0rem 2rem;
    }
    .form-submit {
        padding: 1rem 2rem 0rem 2rem;
    }
    .site-title {
        width: 8rem;
    }
    .phones-box-menu {
        margin: 1rem 0rem 0rem 0rem;
        padding: 1rem 0rem 0rem 0rem;
    }
	.toggled .menu-menu-1-container {
        height: 110vh;
    }
	.site-title {
        margin: 0.4rem 0.5rem 0rem 0rem;
    }
    .top-floor h2, .services-floor h2, .calculator-floor h2, .comment-title-floor h2 {
        line-height: 2rem;
        margin: 0rem auto 1rem;
    }
    .site-branding .custom-logo-link {
        margin: 0.3rem 0.3rem 0rem 0rem;
    }
	.site-title a {
        padding: 0rem 0rem 0rem 0.3rem;
    }
}

@media (max-width: 344px) {
    .site-title {
        width: 10rem;
    }
	.main-header-w ul {
        margin: 0rem;
        padding: 0rem 0rem 0rem 8rem;
    }
    .main-header-title {
        background-position: 50% 54rem;
    }
    .site-branding .custom-logo-link {
        width: 4rem;
        margin: 0.6rem 0.7rem 0rem 0rem;
    }
    .services-box ul li .q-services-description {
        font-size: 0.4rem;
    }
    .q-top p {
        font-size: 0.8rem;
    }
	.phone-hub a {
        color: #f25e0d;
        text-decoration: none;
        font-size: 1.2rem;
    }
}

@media (max-width: 320px) {
    .site-title {
        width: 8rem;
    }
    .main-navigation ul li a {
        font-size: 1.5rem;
    }
    .toggled .menu-menu-1-container {
        height: 120vh;
    }
	html {
        font-size: 12px;
    }
}