/*
Theme Name: Ewebot - Child
Author: GT3themes
Author URI: http://gt3themes.com
Description: -
Version: 1.0
Template: ewebot
*/
@import url("../ewebot/style.css");

.bubbles_wrap {display:none}
.cf7_form_leads input[type=tel], .revolution_form.with_border input[type=tel] {
    margin: 0;
    border: none;
    padding: 0 210px 0 20px;
    background: #f8f9fa;
    border-radius: 4px;
    color: #696687;
    height: 50px;
}

.quantity-spinner.quantity-up:hover, .quantity-spinner.quantity-down:hover, .woocommerce .gt3-products-header .gridlist-toggle:hover, .elementor-widget-gt3-core-accordion .item_title .ui-accordion-header-icon:before, .elementor-element.elementor-widget-gt3-core-accordion .accordion_wrapper .item_title.ui-accordion-header-active.ui-state-active {color: rgb(255, 116, 38)!important;}
.elementor-widget-gt3-core-accordion .item_title.ui-accordion-header-active.ui-state-active {padding-top:11px!important}
.text-gradient {background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    text-fill-color: rgba(0,0,0,0);
    background-image: linear-gradient(75deg,#FF4969,#FC9D44 80%);}
.faq-list li {font-size:14px; line-height:21px; padding:0}
.revolution_form.with_border {border: 1px solid #efefef;}
.cf7_form_leads input[type=tel], .revolution_form.with_border input[type=tel] {background: #f1f1f1;}
.problems-left-col {margin-right: 70px;}
.problems-left-col .span9 {text-align:right; padding-right:0px;}
.problems-right-col {margin-left: 70px;}
.problems-right-col .span9 {text-align:left; padding-left:0px;}
.problems-right-col .span3 {padding-left:0px;}
.problems-title {color: #3B3663; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 1.5em; margin-bottom:10px;}
.problems-description {color: #696687; font-size: 17px; line-height: 1.3em;}
a[href^="tel:"]:hover, a[href^="mailto:"]:hover {color:#FC9D44!important}
.header-contacts .contact-wrapper {color:#fff}
.header-contacts .contact-wrapper:hover {color:#FF7426}
.popup-form-wrapper input[type=text], .popup-form-wrapper input[type="email"], .popup-form-wrapper input[type="url"], .popup-form-wrapper input[type="tel"],.popup-form-wrapper textarea {border-bottom-color: #FF7426;}
.popup-form-wrapper input[type="submit"] {background-image: linear-gradient(96deg, #f0ac0e 0%,#ff7426 51%, #f0ac0e 100%)!important; color: #fff; background-size: 150% 100%; transition: all .4s ease-in-out; margin-top:20px;}
.gt3_custom_form_large.default .gt3_contactform_home6 input[type="tel"] {
border: 2px solid #eaedef; color: #696588; background-color: #f9f9f9; margin-bottom: 20px; padding-top: 12px; padding-bottom: 13px; height: 50px; border-radius: 5px; padding-left: 20px; padding-right: 20px;}
.elementor-kit-6 h1 {line-height: inherit!important}
.my-acceptance label {font-size:0.7rem!important}
.my-acceptance a {color:#FC9D44}
.gt3_custom_form_large .gt3_contactform_home6 textarea {margin-bottom:0px;}
.page_title h1 {font-family: "Russo One", Sans-serif; margin-bottom:10px;}
ol li {font-size:17px;}
ol > li:before {color: #ff7426!important;}
.post_author {display:none}
.sidebar-container.span3 aside {padding: 20px; background-color: #f1f1f1; margin-top: 4px;}
.gt3-page-title {margin-bottom:40px!important}
.d-none {display:none}
/* после добавления кейсов удалить 2 строки ниже!!!!!!!!!*/
.gt3_breadcrumb, .page_title_meta {display:none!important;}
.single_prev_next_posts {display:none}
nav > ul > li.current-menu-item > a {color:inherit!important}
nav > ul > li.current-menu-item > a:hover {color: #F47514!important}


@media screen and (max-width:767px) {
.problems-left-col {margin-right:-15px; display: flex; flex-flow: wrap;}
.problems-left-col .span9, .problems-left-col .span3, .problems-right-col .span9, .problems-right-col .span3 {text-align:center;}
.problems-left-col .span9 {order:2; padding-right: 15px;}
.problems-left-col .span3 {order:1}
.problems-right-col {margin-left:-15px;}
.problems-right-col .span9, .problems-right-col .span3 {padding-left:15px;}
.cf7_form_leads input[type=tel], .revolution_form.with_border input[type=tel] {padding: 0 20px;}
.gt3-page-title__content .page_title h1, h1.portfolio_title_content {font-size:25px; font-weight:400}
.gt3_breadcrumb {line-height:1em}
.gt3-page-title {height:300px!important}
.single #main_content>.blog_post_preview {margin-bottom:0px;}
}


/* Контейнер подсказок */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* Если вы хотите, чтобы точки под перемещаемым текстом */
margin-bottom: -1px;
}

/* Текст подсказки */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #ededed;
  color: #696687;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
font-size: 16px;
line-height: 1em;

  /* Расположите текст подсказки */
  position: absolute;
  z-index: 999999;
top: 135%;
    left: 50%;
    margin-left: -60px;

  /* Исчезают в подсказке */
  opacity: 0;
  transition: opacity 0.3s;
}

/* 
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
    bottom: 100%;
    left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
    border-color: transparent transparent #dbdbdb transparent;
} Подсказка стрелка */

/* Отображение текста подсказки при наведении курсора мыши на контейнер подсказки */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/* Кастомный чекбокс */

/* custom checkbox styling for contact form 7 checkbox */
.my-acceptance span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.my-acceptance .wpcf7 .wpcf7-list-item {
display: block;
margin-bottom: 10px;
}
.my-acceptance label {
position: relative;
cursor: pointer;
}
.my-acceptance input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 15px;
height: 15x;
top: 0;
left: 0;
}
.my-acceptance input[type=checkbox] + span {
/* border: 3px solid red; */
}
.my-acceptance input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 15px;
width: 15px;
top: 1px;
left: 0px;
border: 1px solid #ee6a09;
}
.my-acceptance input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 15px;
width: 15px;
top: 0px;
left: 0;
visibility: hidden;
font-size: 10px;
text-align: center;
line-height: 20px;
}
.my-acceptance input[type=checkbox]:checked + span:before {
background: transparent;
}
.my-acceptance input[type=checkbox]:checked + span:after {
visibility: visible;
}
.my-acceptance .wpcf7-list-item-label {
margin-left: 30px;
display: inline-block;
}

/* ================== Badge Overlay CSS ========================*/
.badge-overlay {
    position: absolute;
    left: 0%;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 100;
    -webkit-transition: width 1s ease, height 1s ease;
    -moz-transition: width 1s ease, height 1s ease;
    -o-transition: width 1s ease, height 1s ease;
    transition: width 0.4s ease, height 0.4s ease
}

/* ================== Badge CSS ========================*/
.badge {
    margin: 0;
    padding: 0;
    color: white;
    padding: 10px 10px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    background: #ed1b24;
}

.badge::before, .badge::after {
    content: '';
    position: absolute;
    top: 0;
    margin: 0 -1px;
    width: 100%;
    height: 100%;
    background: inherit;
    min-width: 55px
}

.badge::before {
    right: 100%
}

.badge::after {
    left: 100%
}

/* ================== Badge Position CSS ========================*/
.top-left {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: translateX(-30%) translateY(0%) rotate(-45deg);
    -webkit-transform: translateX(-30%) translateY(0%) rotate(-45deg);
    transform: translateX(-30%) translateY(0%) rotate(-45deg);
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.top-right {
    position: absolute;
    top: 0;
    right: 0;
    -ms-transform: translateX(30%) translateY(0%) rotate(45deg);
    -webkit-transform: translateX(30%) translateY(0%) rotate(45deg);
    transform: translateX(30%) translateY(0%) rotate(45deg);
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    -ms-transform: translateX(-30%) translateY(0%) rotate(45deg);
    -webkit-transform: translateX(-30%) translateY(0%) rotate(45deg);
    transform: translateX(-30%) translateY(0%) rotate(45deg);
    -ms-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    -ms-transform: translateX(30%) translateY(0%) rotate(-45deg);
    -webkit-transform: translateX(30%) translateY(0%) rotate(-45deg);
    transform: translateX(30%) translateY(0%) rotate(-45deg);
    -ms-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.top-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.middle-full {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -ms-transform: translateX(0%) translateY(-50%) rotate(0deg);
    -webkit-transform: translateX(0%) translateY(-50%) rotate(0deg);
    transform: translateX(0%) translateY(-50%) rotate(0deg);
}

.bottom-full {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

/* ================== Badge color CSS ========================*/
.badge.red {
    background: #ed1b24;
}

.badge.orange {
    background: #fa7901;
}

.badge.pink {
    background: #ee2b8b;
}

.badge.blue {
    background: #00adee;
}

.badge.green {
    background: #b4bd00;
}