/* ========================================================================
   SECTION 1: IMPORTS
   External module imports
   ======================================================================== */

@import url('https://cdn.jsdelivr.net/gh/catgirl3d/projects@main/td/css/modules/module-buttons.css');
@import url('https://cdn.jsdelivr.net/gh/catgirl3d/projects@main/td/css/modules/module-utils.css');
@import url('https://cdn.jsdelivr.net/gh/catgirl3d/projects@main/td/css/modules/module-checkboxes.css');
@import url('https://cdn.jsdelivr.net/gh/catgirl3d/projects@main/td/css/modules/module-input.css');
@import url('https://cdn.jsdelivr.net/gh/catgirl3d/projects@main/td/css/modules/module-offer-parts.css');
@import url('https://cdn.jsdelivr.net/gh/catgirl3d/projects@main/td/css/modules/module-text.css');


/* ========================================================================
   SECTION 2: RESET & BASE
   Universal box-sizing and typography overrides
   ======================================================================== */

*, *::before, *::after {
	box-sizing: border-box;
}

.block-set,
.f-text,
.description,
.f-subheader,
.f-header,
.offer-title,
.text,
.image-box,
.lt-form .f-input,
.lt-form .field-label,
.lt-form,
.lt-block .f-btn,
.popup__subtitle,
.lt-menu .right-descr,
.stsr05 .description,
.comment-form-wrapper,
.tag-editor,
.comments-tree a,
div.juxtapose,
.fotorama__caption,
.lt-column-with-icons .column .title,
.stsr05 {
	font-family: 'Montserrat', sans-serif !important;
}


/* ========================================================================
   SECTION 3: LAYOUT - GRID SYSTEM
   Container and grid column resets
   ======================================================================== */

.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.container {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}


/* ========================================================================
   SECTION 4: COMPONENT - FORM STRUCTURE
   Form wrappers and inner containers
   ======================================================================== */

.lt-block-wrapper {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	color: #333333;
}

.lt-form-inner {
	padding: 20px 25px 30px 25px !important;
	margin-bottom: 0 !important;
	border-radius: 40px !important;
}


/* ========================================================================
   SECTION 5: COMPONENT - FOOTER
   Footer elements
   ======================================================================== */

.footer {
	display: none !important;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -40px;
	margin-right: -40px;
	background: #f7f7f7 !important;
}

.footer_text {
	font-size: 11.5px;
	font-weight: 400;
}


/* ========================================================================
   SECTION 6: MEDIA QUERIES
   Responsive styles for different screen sizes
   ======================================================================== */

@media screen and (max-width: 450px) {
	.lt-form-inner {
		padding: 20px 20px 20px 20px !important;
	}
}

@media screen and (max-width: 330px) {
	.lt-form-inner {
		padding: 0 12px 15px 12px !important;
	}
}