/* 
Theme Name: smdp-elementor
Description: SMDP Elementor is a child theme, created by SMDP team
Author: SMDP
Author URI: http://smdigitalpartners.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*--------------------------------------------------
// RESET
---------------------------------------------------*/
html, body {min-height:100%;}
body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	position: relative;
	font-family: "Montserrat", sans-serif;
}
.fx, a, button, input {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.userway_buttons_wrapper {bottom: 80px !important;}
textarea {resize: none}
.hidder { display:none; }
.pull-left {float: left;}
.pull-right {float: right;}
.text-right {text-align: right; }
.text-left {text-align: left;}
.text-center {text-align: center;}
.last {margin-right: 0px !important;}
.last-bottom {margin-bottom: 0px !important;}

header a.phone-header {max-width: 320px; display: inline-block; max-height: 82px; min-height: inherit; height: auto; padding: 8px 8px 8px 64px; font-weight: 400; transition: all 300ms ease-in-out; background-image: url(/wp-content/uploads/2026/02/icon-phone-white.png); background-position: 30px 50%; background-color: #5cbb5e; background-size: 30px auto; background-repeat: no-repeat; border-radius: 7px; box-shadow: 0 0 19px -9px #1f2f3580; letter-spacing: 0.1em; position: relative; font-family: "Montserrat", sans-serif;}
header a.phone-header:hover {background-color: #2797d3;}
header a.phone-header .bullet-online {position: absolute; left: 10px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; animation: flickerAnimation 2s infinite;}
@keyframes flickerAnimation {
	0%   { opacity:1; }
	10%  { opacity:0; }
	30% { opacity:1; }
	100% { opacity:1; }
}
header a.phone-header span#phone, 
header a.phone-header small.text-phone {width:100%; display: inline-block; color: #fff; line-height: 1; text-align: center;}
header a.phone-header span#phone {font-size: 29px; font-weight: 600; letter-spacing: -0.1px;}
header a.phone-header small.text-phone {font-size: 14px; letter-spacing: 0.6px; margin-top: 4px;}
header .text-hcall {display: none;}
body.section-faucet header .text-hcall {display: block;}
body.section-faucet header a.phone-header {background-color: #163669;}

/*--------------------------------------------------
  // STYLES COUNTDOWN
---------------------------------------------------*/
.countdown-time {width: 100%; display: flex; justify-content: space-between; margin: 0px 0px 10px 0px; padding: 0px;}
.countdown-time .countdown-cell {display: inline-block; width: 29%; margin: 0px 4px; padding: 22px 5px 10px 5px; border-radius: 6px; background-color: #f8f8f8; position: relative; color: #3a4145; text-align: center;}
.countdown-cell .expire {position: absolute; width: 100%; text-align: center; font-size: 12px; left: 0px; top: 5px;}
.countdown-time .countdown-time, 
.countdown-time .countdown-label {width: 100%; display: block; padding: 0px; font-family: "Montserrat", sans-serif; text-align: center;}
.countdown-time .countdown-time {color: #6ba736; font-size: 40px; line-height: 42px; font-weight: 700; margin: 0px 0px 2px 0px;}
.countdown-time .countdown-label {color: #565656; font-weight: 400; font-size: 12px; line-height: 14px; margin: 0px;}

/*--------------------------------------------------
  // STYLES PHONE
---------------------------------------------------*/
.counter-phone {text-align: center; width: 100%; display: inline-block; margin: 0px; padding: 0px;}
.counter-phone a {display: inline-block; margin: 0px auto; font-size: 24px; line-height: 24px; color: #FFF !important; font-weight: 400; font-family: "Montserrat", sans-serif;}
.cta-btn {display: inline-block;}
.cta-btn a {display: flex; flex-direction: column; background-image: url(/wp-content/uploads/2026/02/icon-phone-white.png); background-repeat: no-repeat; background-position: 0px 50%; background-size: 30px auto; padding-left: 47px; text-align: left; align-items: center; font-family: "Montserrat", sans-serif; justify-content: center;}
.cta-btn a span.cta-btn-title, 
.cta-btn a span.cta-btn-phone {text-transform: uppercase; line-height: 1.1; color: #FFF; font-family: "Montserrat", sans-serif;}
.cta-btn a span.cta-btn-title {font-size: 24px; font-weight: 400;}
.cta-btn a span.cta-btn-phone {font-size: 28px; font-weight: 700;}
.footer-btn {text-align: center; width: 100%; display: inline-block; margin: 18px 0px 0px 0px; padding: 0px;}
.footer-btn a {display: inline-block; margin: 0px auto; padding: 10px 40px; border-radius: 3px; background-color: #49ae4b; border-bottom: 4px solid #3b813d; font-weight: bold; font-size: 22px; line-height: 28px; color: #FFF !important; font-family: "Montserrat", sans-serif;}
.footer-btn a:hover {background-color: #3b813d;}
/*--------------------------------------------------
  // STYLES PAGE
---------------------------------------------------*/
.header-styles {
    backdrop-filter: blur(10px);
}
.stori-item {
    position: relative;
    top: 0px;
    transform: scale(1);
    transition: all 150ms ease-in-out;
}
.stori-item:hover {
    transform: scale(1.1);
}
.bar-cnt-phone span {
    font-weight: 700;
    font-size: 110%;
}
.form-step .elementor-form-fields-wrapper {min-height: 300px; display: flex; align-items: start; justify-content: start;}
.field-cnt .elementor-form-fields-wrapper {min-height: inherit !important;}
.form-step .label-title {font-size: 1.2em; color: #7A7A7A; font-weight: 700;}
.form-step .label-title small {font-weight: 400; font-size: 90%;}
.form-step h3.title-form {margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #d3dfe6; font-size: 28px; line-height: 1;}
.form-step .elementor-field-type-acceptance span.elementor-field-option {width: 100%; display: inline-block; display: flex; align-items: start; justify-content: start;}
.form-step .elementor-field-option {width: 100%; display: flex; align-items: center; justify-content: start; padding: 4px 0px;}
.form-step .elementor-field-option input {margin-right: 8px;}
.form-step .elementor-field-option label {font-size: 14px; line-height: 16px;}
.form-step .elementor-field-type-acceptance label {display: inline-block !important; width: calc(100% - 24px) !important; padding-left: 10px !important;}
.form-step .elementor-field-type-acceptance p.text-terms {width: 100%; display: inline-block; margin: 0px; font-size: 11px; line-height: 13px; font-weight: 500;}
.form-step .elementor-field-type-acceptance input.elementor-acceptance-field {margin-top: 4px;}
.form-step button.elementor-button {line-height: 30px !important;}
.form-step button.elementor-button span.elementor-button-content-wrapper {font-size: 15px !important; font-weight: 500 !important;}
.form-step .elementor-field-type-submit button {background-color: #f97000 !important; text-transform: uppercase; width: auto; max-width: 220px; border-radius: 4px !important;}
.form-step .elementor-field-type-submit button span.elementor-button-content-wrapper {font-size: 24px !important; line-height: 30px !important; font-weight: 700 !important;}
.form-step .elementor-field-type-radio {min-height: 160px; display: flex; align-items: start; justify-content: start;}
.elementor-field-group-end_step .elementor-field-type-previous {display: none;}

/*--------------------------------------------------
  // COLUMNS
---------------------------------------------------*/
.one, .one-half, .two-third, .one-third, .one-fourth, .third-col, .fourth-col {
	min-height:2px;
  float: left;
  position: relative;
  margin-right: 4%;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -khtml-transition: all 300ms ease-in-out;
}
.one {
  width: 100%;
  margin-right: 0;
}
.one-half {
  width: 48%;
}
.two-third {
  width: 65.33%;
}
.one-third {
  width: 30.66%;
}
.one-fourth {
  width: 22%;
}
.fourth-col {width: 74%;}

@media screen and (max-width: 767px) {
.one, .one-half, .two-third, .one-third, .one-fourth, .fourth-col {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}
}