/*PRICE COLOR CODE START*/
#generic_price_table .generic_content{
	background-color: #fff;
}

#generic_price_table .generic_content .generic_head_price{
	background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
	border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
	color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li{	
	color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span{
	color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	background-color: #E4E4E4;
	border-left: 5px solid #2ECC71;
}

#generic_price_table .generic_content .generic_price_btn a{
	border: 1px solid #2ECC71; 
    color: #2ECC71;
} 

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{
	border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a{
	background-color: #2ECC71;
	color: #fff;
} 
#generic_price_table{
	margin: 50px 0 50px 0;
    font-family: 'Raleway', sans-serif;
}
.row .table{
    padding: 28px 0;
}

.pay-system-block {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.pay-system-block .radio {
    margin-top: 0px;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 20px;
    box-shadow: -5px 8px 0px #00000030;
}

.pay-system-block .radio:hover {
    box-shadow: -3px 3px 0px #00000050;
}

.pay-system-block .radio a img {
    display: block;
    max-width: 100%;
    height: auto;
}

.categories-menu {
    list-style: none;
    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px 30px;
}

.menu-item .menu-link {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 8px;
    display: inline-block;
    text-decoration: none;
    color: #222;
}

.menu-link:hover {
    color: #0078ff;
}

.submenu,
.sub-submenu {
    margin: 0;
    padding-left: 15px;
    list-style: none;
}

.submenu-item {
    margin: 4px 0;
}

.sub-submenu a {
    font-size: 13px;
}


/*PRICE BODY CODE START*/
#generic_price_table .generic_content{
	overflow: hidden;
	position: relative;
	text-align: center;
    border: 1px solid #ccc;
}

#generic_price_table .generic_content .generic_head_price {
	margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content{
	margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
    border-style: solid;
    border-width: 90px 1411px 23px 399px;
	position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    font-family: "Raleway",sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag{
	padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
	display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    font-family: "Lato",sans-serif;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li{
	font-family: "Lato",sans-serif;
	font-size: 18px;
	padding: 15px 0;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}
#generic_price_table .generic_content .generic_feature_list ul li .fa{
	padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn{
	margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a{
    border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-webkit-border-radius: 50px;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) {	
}

@media (max-width: 767px) {
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#generic_price_table .col-md-3{
		float:left;
		width:50%;
	}
	
	#generic_price_table .col-md-4{
		float:left;
		width:50%;
	}
	
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}

.fixed_header_menu{
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky; 
	position: -ms-sticky; 
	position: -o-sticky;
	top: 0; 
	z-index: 10;
	background: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}

.text-center h1,
.text-center h1 a{
	color: #7885CB;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
}
.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}

#generic_price_table_home ul{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}
#generic_price_table_home li{
	float: left;
}
#generic_price_table_home li + li{
	margin-left: 10px;
	padding-bottom: 10px;
}
#generic_price_table_home li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}
#generic_price_table_home .blue{
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .emerald{
	background: #2ECC71;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .grey{
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .midnight{
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .orange{
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .purple{
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .red{
	background: #E74C3C;
	transition:all 0.3s ease-in-out 0s;
}
#generic_price_table_home .turquoise{
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover{
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}
#generic_price_table_home .divider span{
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}
#generic_price_table_home .itemname{
	text-align: center;
	font-size: 50px ;
	padding: 50px 0 20px ;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
    font-weight: 300;
}
#generic_price_table_home .itemnametext{
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}
#generic_price_table_home .footer{
	padding:40px 0;
}

.price-heading{
    text-align: center;
}
.price-heading h1{
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}
.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium ;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.bottom_btn{
	background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}
.demo-button:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
	
}
.bottom_btn:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
}



@media screen and (max-width: 650px) {
    .life_slider {
        display: none;
    }
    
    #header_phone {
        display: none;
    }
}

.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0;
    padding-left: 0;
}

.pagination > li {
    display: flex;
}

.pagination > li > a,
.pagination > li > span {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 38px;
    height: 38px;
    padding: 0 12px;

    background: #e2e6e6;
    color: #4a4f57;

    border: none;
    border-radius: 10px;
    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    transition: all 0.25s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    background: #d4dada;
    color: #30323A;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
}

.pagination > .active > a,
.pagination > .active > span {
    background: #F78C74;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.pagination > .disabled > a,
.pagination > .disabled > span {
    opacity: 0.4;
    pointer-events: none;
    background: #e2e6e6;
    box-shadow: none;
}

.pagination > li > a {
    margin-left: 0;
    float: none;
}

ul.social-auth li {
  display: inline;
  font-size: 28px;
  padding: 5px 10px;
}

.navigation {
  margin: 20px;
}

.navigation span {
  border: 1px solid #3c8dbc;
  padding: 5px 8px;
  background: #85c9f0;
  color: white;
}

.navigation a {
  border: 1px solid #3c8dbc;
  padding: 5px 8px;
}

.life_slider {
    position: fixed;
    bottom: 25%;
    width: 300px;
    z-index: 9999999;
    right: 10px;
    border: 1px solid #f8694a;
    background: white;
}

.life_slider_btn_close {
    height: 25px;
    width: 25px;
    border: 1px solid #f4c7bd;
    border-radius: 50%;
    text-align: center;
    font-size: 17px;
    position: absolute;
    top: -30px;
    z-index: 999;
    color: white;
    background: #f8694a;
}

.life_slider_btn_close:hover {
    cursor: pointer;
}

#life_slider_block-for-slider {
    margin: 0 auto;
}

#life_slider_viewport {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
}

#life_slider_slidewrapper {
    position: relative;
    width: calc(100% * 4);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1);
    -o-transition-timing-function: cubic-bezier(.67,.01,.23,1);
    transition-timing-function: cubic-bezier(.67,.01,.23,1);
}

#life_slider_slidewrapper, #life_slider_slidewrapper ul, #life_slider_slidewrapper li {
    margin: 0;
    padding: 0;
}

.life_slider_slide {
    width: calc(100%/4);
    list-style: none;
    display: inline;
    float: left;
}

.life_slider_slide-img {
    width: 100px;
    border-radius: 50%;
    position: relative;
    float: left;
    margin-top: -40px;
    margin-left: 10px;
    border: 2px solid white;
}

.life_slider_data{
    position: relative;
    padding: 10px;
    padding-left: 10px;
    font-size: 15px;
    display: block;
    text-align: justify;
    background: #ffe300;
    padding-left: 105px;
}

.life_slider_link a {
    background: #ffe300;
}

.life_slider_mobile, .life_slider_email, .life_slider_link {
  padding: 5px;
}

.life_slider_bcg {
    background: black;
}

.logoCompany {
    padding-right: 15px;
}

.shortDate, .header {
    margin-top: 20px;
}

.header_icons img {
    height: 25px;
    width: 25px;
    margin: 0px 5px;
}

#header_phone {
    font-size: 20px;
    font-weight: normal;
    margin-right: 5px;
}

.block-company-fixed {
  border: 1px solid #efefef;
  border-radius: 30px;
  padding: 20px;
  margin-left: 15px;
  box-shadow: 0px -10px 30px #ececec;
}

.service_block {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.one_service_block {
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    text-align: center;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    border-radius: 45px;
    border: 1px solid #ff695f;
    max-width: 400px;
}

.one_service_block-title {
    font-size: 20px;
  font-weight: bold;
  color: #2a2a2a;
}

.one_service_block-description {
    margin-top: 10px;
}

.one_service_block-price-block {
    padding: 20px;
}

.one_service_block-price,
.one_service_block-currency {
  font-size: 50px;
  color: #ff695f;
  font-weight: 700;
  display: block;
  margin-top: -5px;
}

.one_service_block-currency_usd {
    font-size: 25px;
    color: #2a2a2a;
    margin-bottom: 20px;
}

.one_service_block-price {
    font-size: 30px;
    color: #2a2a2a;
}

.one_service_block-btnpay a {
    display: inline-block;
    background-color: #03a4ed;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    padding: 12px 25px;
    border-radius: 23px;
    letter-spacing: 0.25px;
    transition: all .3s;
}

.one_service_block-btnpay a:hover {
    font-weight: 900;
    color: #484444;
    border-radius: 20px;
}

/*---category---*/
.categoryBlock {
    min-height: 40px;
    display: inline-grid;
    border-top: 1px solid #333;
    margin: 5px;
    border-left: 1px solid #333;
    border-bottom: 3px solid #333;
    border-right: 1px solid #333;
    max-width: 150px;
}

.special_class {
    background: #F78C74;
    /*background: #f8694a;*/
    color: white !important;
    font-weight: 600;
}

.special_class a {
    color: white !important;
    /*border: 1px solid #d54b2d;*/
}

.service-icon {
    color: #028fcc;
    display: block;
    font-size: 30px;
    float: left;
    background-color: white !important;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.service-icon-mainPage {
    color: #028fcc;
    display: block;
    float: left;
    background-color: white !important;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    padding-right: 10px;
}

ul.columns {

    margin: 0;
    padding: 0;
    list-style-type: none;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-width: 150px;
    -webkit-column-width: 150px;
    column-width: 150px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;

}

.columns li {

    margin: 0 10% 0.4em 0;
    display: block;

}

.radio a img {
    height: 40px;
    margin: 10px;
}

.columns li, .columns a, .columns b {

    vertical-align: top;
    text-align: left;

}

.service-info {
    text-align: left;
    margin-left: 35px;
    position: relative;
}

.service-info a {
    color: black;
    font-size: 13px;
    text-align: left;
    font-style: italic;
}

.service-info a:hover {
    color: #028fcc;
    font-style: normal;
}

.our-services .col-sm-4:hover .service-icon {
  background-color: #333;
}

.our-services .col-sm-4 {
  border-right:1px solid #f2f2f2;
  border-bottom:1px solid #f2f2f2;
  padding-bottom: 50px;
}

.service-info h3 {
  margin-top: 35px;
}

@font-face {
    font-family: 'marckscript';
    src: url('../fonts/marckscript-regular-webfont.eot');
    src: url('../fonts/marckscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/marckscript-regular-webfont.woff2') format('woff2'),
         url('../fonts/marckscript-regular-webfont.woff') format('woff'),
         url('../fonts/marckscript-regular-webfont.ttf') format('truetype'),
         url('../fonts/marckscript-regular-webfont.svg#marck_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.responsive-banner {
  display: inline-block;
  width: 100%;
  position: relative;
  height: 250px;
  border-radius: 50px;
  overflow: hidden;
	/*background-image: linear-gradient(to bottom right, #D45BA1, #A784E0);*/
	background-repeat: no-repeat;
  text-align: left;
  /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}

.container-envelope {
  width: calc(100%);
  padding: 15px;
  color: #fff;
   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  min-height: 200px;
  max-height: 450px;
}
.container-envelope h3 {
  color: white;
  width: 70%;
}
.container-envelope p {
  color: #ddb8ee;
    margin-top: 10px;
    width: 70%;
}
.col-xs-12 {
  -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  -webkit-align-self: flex-end;
			-ms-flex-item-align: end;
					align-self: flex-end;
}

.freemeeting p {
    font-family: marckscript;
}

@media (min-width: 650px) {
  .col-xs-12 {
    -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
  }
    .container-envelope {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  [class*="col-xs"] {
    width: 100%;
  }

  img.dating_logo {
    top: 25px !important;
    max-width: 75%;
    left: 45px !important;
  }
  
  .col-xs-12 {
    margin-top: 75px;
  }
}

p {
    font-size: 16px;
}

pre {
    margin: 18px 0;
    padding: 18px 20px;
    overflow-x: auto;
    border: 1px solid rgba(22, 35, 52, 0.1);
    border-radius: 20px;
    background: linear-gradient(180deg, #fff8f5 0%, #fff1eb 100%);
    box-shadow: 0 14px 28px rgba(24, 39, 75, 0.08);
    color: #2f1f1b;
    font-family: Consolas, "Courier New", monospace;
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
}

a.more-link {
    background-color: rgba(255, 255, 255, 0.35);
    padding: 12px 18px;
    color: #fff;
    float: right;
    text-decoration: none;
    line-height: 1.5;
    text-align: center;
    border: none !important;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 30px;
  text-transform: uppercase;
    -webkit-transition: .1s all ease-in-out;
    -moz-transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    transition: .1s all ease-in-out;
}
a.more-link:hover {
  background-color: rgba(255, 255, 255, 0.50);
}
svg, img.dating_logo, img.artstil_logo{
  fill: rgba(0, 0, 0, 0.1);
  position: absolute;
}
img.dating_logo {
  max-width : 40%;
}

img.logofm {
  max-width : 30%;
  top: 58px !important;
  right: 30px;
}
.cirle-a {
  bottom: -65px;
  left: -90px;
}
.cirle-b {
  top: 10px;
  right: 50%;
}
.cirle-c {
  top: -300px;
right: -300px;
}
.cirle-d {
  top: 130px;
right: 450px;
}
img.dating_logo {
  top: 30px;
  right: 15px;
}

img.artstil_logo {
  top: 30px;
  right: 100px;
  max-width : 30%;
}

img.stroidom_logo {
    top: 30px;
    right: 40px;
    max-width: 30%;
    position: absolute;
}

.link-container {
  text-align: center;
}
.link-container a.more-link {
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
  background-color: #90b0bf;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 1px;
}

#block-for-slider-public {
    margin: 0 auto;
}

#viewport-public {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: 50px;
}

#slidewrapper-public {
    position: relative;
    width: calc(100% * 4);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1);
    -o-transition-timing-function: cubic-bezier(.67,.01,.23,1);
    transition-timing-function: cubic-bezier(.67,.01,.23,1);
}

.slide {
    width: calc(100%/4);
    list-style: none;
    display: inline;
    float: left;
}

.profile_edit_form {
  display: flex;
  gap: 10px;
}

.profile_edit_form select {
  width: 50%;
}








@media only screen and (max-width: 767px) {
    #categoryAllBlocks {
        -webkit-columns: 200px 1;
        -moz-columns: 200px 1;
        columns: 200px 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }
    
    .categoryBlock {
        min-height: 65px;
    }
    
    .service-info {
        padding-top: 20px;
    }
    
    .rating {
        font-size: 11px;
    }
}
/*---otzivi---*/
.view {
   min-height: 250px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   /*width: 300px;*/
   height: 250px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-fifth .fifth {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgb(53, 165, 214);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.75);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}

.view-fifth .mask p {
    color: white;
}

.view-fifth .fifth p {
    color: #333;
    opacity: 1;
}

.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover .fifth {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.comment_status_success {
    border: 1px solid #35a5d6;
    padding: 5px 0px;
    color: #35a5d6;
}

.comment_status_moderation {
    border: 1px solid #35a5d6;
    padding: 5px 0px;
    color: #ea2c2c;
}

.profileModule {
    max-width: 50%;
    position: relative;
    margin: 0 auto;
}

.profileModule form {
    display: grid;
    gap: 10px;
}

.user_short_info {
    margin-top: 15px;
    border-bottom: #aaa 1px dotted;
}

.user_short_info-logo-abuot {
    display: flex;
    flex-direction: row;
    gap:10px;
    align-items: center;
}

.user_avatar {
    margin-right: 10px;
}

.img-circle {
    height: 80px;
    width: 80px;
}

.img-circle {
    border-radius: 50%;
}

.user_about {
    font-size: 11px;
}

.shortUserDate {
    margin-top: 10px;
    display: grid;
    gap: 10px;
    padding-bottom: 10px;
}

.exemple {
    font-size: 12px;
    font-style: italic;
    color: #bcbcbc;
    margin-top: 2px;
}

.articles {
    min-height: 350px;
}

.entry-header {

    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

}

.category-list > li > a {
    display: block;
    padding: 15px;
    text-transform: uppercase;
}

.offerts {
  margin-bottom: 28px;
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
  box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  overflow: hidden;
}

.offerts ul {
  margin: 0;
  background: transparent;
}

.offerts ul li {
  position: relative;
  padding: 0;
  font-size: 14px;
  border-bottom: 1px solid rgba(22, 35, 52, 0.08);
  cursor: pointer;
}

.offerts ul li:last-child {
  border-bottom: none;
}

.offerts ul li::after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: #f8694a;
  pointer-events: none;
}

.offerts ul li:hover {
  background: rgba(248, 105, 74, 0.08);
}

.offerts ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 48px 15px 22px;
  color: #22324a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
}

.offerts ul li a:hover,
.offerts ul li a:focus {
  color: #f8694a;
  padding-left: 28px;
}

.box_company {
    min-height: 90px;
}

.logo_company img {
    height: 65px;
    width: 65px;
    float: left;
    margin-right: 5px;
}

.logo_company_footer img {
    width: 100%;
    margin-right: 5px;
}

ul.footer-social li a{
    font-size: 30px;
}

.shortData_company {
    margin-left: 70px;
}

.date_company, .views_company {
    font-size: 11px;
    color: #999;
}

.date_company {
    float: left;
}

.views_company {
    text-align: right;
}

.mapCompanyFull {
    min-height: 290px;
}

/* .slick-list.draggable height intentionally managed by Slick */

#advertMap iframe {
    width: 847px;
    height: 290px;
}

.script {
    margin: 20px 0px 30px;
    text-align: center;
}

.company_short_date {
    height: 290px;
    background: rgba(0,0,0,0.8);
    padding: 10px;
    padding-top: 10px;
    padding-top: 0px;
    margin-bottom: 70px;
    margin-bottom: 98px;
    position: absolute;
    z-index: 99;
    right: 0;
    overflow-y: scroll;
}

.contacts {
    font-size: 20px;
    line-height: 2;
}

.contacts li i {
    margin-right: 5px;
}


.scroller_container p.header_contacts {

    color: white;
    font-size: 21px;
    text-align: center;

}

.companyLogoGrand {
    height: 150px;
    width: 150px;
    margin: 10px auto;
}

.company_short_date h3,
.company_short_date h6,
.fact_adres_text,
.fact_adres_text h5 {
    color: white;
    text-align: center;
}

.fact_adres_text {
    font-size: 17px;
}

ul.social_link li a {
    float: left;
    padding: 5px 20px;
    font-size: 35px;
}

ul.social_link li a:after {
    clear: both;
    float: none;
}

#rating_text {
    margin-top: 5px;
    font-size: 12px;
    color: #bbb;
}

.left-control {
    left: 12px;
}

.left-control, .right-control {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 24px rgba(13, 20, 32, 0.22);
    z-index: 20;
    font-size: 22px;
    color: #30323A;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-transform 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
    margin: 0;
}

.left-control:hover,
.left-control:focus,
.right-control:hover,
.right-control:focus {
    background: #f8694a;
    color: #ffffff;
    text-decoration: none;
    -webkit-transform: translateY(-50%) scale(1.04);
    transform: translateY(-50%) scale(1.04);
}

.right-control {
    right: 12px;
}

.block_comment {
    min-height: 100px;
    margin-top: 10px;
}

.parent {

    margin-left: 30px;

}

.user_avatar {
    margin-right: 10px;
}

.comment_avatar {
    height: 35px;
    width: 35px;
    float: left;
    margin-right: 10px;
}

.name {
    margin-top: 5px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

.comment_date {
    margin-top: 5px;
    font-size: 12px;
    color: #bbb;
    font-style: italic;
}

.uset_comment {
    margin-left: 15px;
}

.box.box_comments {
    margin-bottom: 20px;
    margin-top: 20px;
}

.rating {
    margin-top: 5px;
}

.rating:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.2;
    color: #F78C74;
}

.company_short_date a {
    color: white;
}

.schedule {
    margin-bottom: 50px;
}

.working_time.map_balloon {clear:both;background:rgba(0,0,0,0.4);margin:0 -15px 10px -15px;padding:2px 0}
.working_time.map_balloon .one_day{display:inline-block; width: 13.01%;text-align:center;  vertical-align: top;margin:0 2px}
.working_time.map_balloon .one_day.active {background:rgba(120,200,120,0.4);border-radius:2px}
.working_time.map_balloon .one_day .name_week{padding:2px 0;border-bottom: 2px solid rgba(120,200,120,0.65);color: #bbb}
.working_time.map_balloon .one_day .name_week.weekend{border-bottom: 2px solid rgba(255,70,70,0.65);}
.working_time.map_balloon .one_day .day_info{padding:2px 0;  font-size: 11px;height: 49px;}
.working_time.map_balloon .one_day .day_info .lanch{cursor:pointer}
.working_time.map_balloon .one_day .day_info .fa{cursor:pointer}
.working_time.map_balloon .one_day .day_info .fa.weekend{font-size: 20px;  margin-top: 12px;}
.working_time.map_balloon .all_day{text-align:center;padding: 9px 0;}

.working_time.product_info {clear:both;padding:2px 0;}
.working_time.product_info .one_day{display:inline-block; text-align:center;  vertical-align: top;margin:0 0.5% 2px 0.5%;padding: 10px;min-width: 75px;}
.working_time.product_info .one_day.active {background:#F6D2CA;border-radius:2px}
.working_time.product_info .one_day .name_week{padding:2px 0;border-bottom: 2px solid #F78C74;color: #333}
.working_time.product_info .one_day .name_week.weekend{border-bottom: 2px solid #BA4F37;}
.working_time.product_info .one_day .day_info{padding:5px 0;  font-size: 11px;height: 63px;}
.working_time.product_info .one_day .day_info .lanch{cursor:pointer}
.working_time.product_info .one_day .day_info .fa{cursor:pointer}
.working_time.product_info .one_day .day_info .fa.weekend{font-size: 20px;  margin-top: 16px;}
.working_time.product_info .all_day{text-align:center;padding: 9px 0;}
.working_time.product_info .working_time_desc{border-top: 1px #eee solid;}

.images_company {
  position: relative;
  display: inline-block;
}

.mapCompanyFull iframe {
    max-width: 848px !important;
    max-height: 500px !important;
}

.editprofile_name_lastname,
.editprofile_user_avatar {
    text-align: center;
    margin-top: 20px;
}

.editprofile_user_avatar img {
    height: 200px;
    width: 200px;
}

.editprofile_box {
    margin: 10px auto;
    float: none;
}

.news_images {
    width: 135px;
    border-radius: 50%;
    margin-left: 5px;
    height: 135px;
}

.deleteImg {
    position: absolute;
    background: #0000004d;
    height: 65px;
    width: 65px;
    padding: 15px 0px 0px 24px;
    color: #e3e3e3cc;
    border-radius: 50%;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 30px;
    font-weight: bold;
}

.news_images_public {
    width: 65px;
    border-radius: 50%;
    margin: 5px;
    height: 65px;
}

.links, .filename {
    width: 65px;
    height: 65px;
    float: left;
    margin: 7px;
    z-index: 99;
    position: relative;
}

.img_links {
    z-index: 9;
    position: absolute;
}

.pay_table {
    margin-bottom: 20px;
    border: 1px solid #d1d1d1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(209, 209, 209);
    border-bottom: 2px solid #d1d1d1;
}

.pay_table_block {
    border-bottom: 1px solid #f3f3f3;
}

.pay_table_title {
    float: left;
    padding: 5px 10px;
    font-weight: bold;
}

.pay_table_data {
    padding: 5px;
    display: inline-block;
}

.pay_table_data img{
    height: 60px;
}

.pay_table_data span {
    font-size: 12px;
    color: #aaa;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -10px;
    margin-right: -10px;
}

.row-flex > [class*='col-'] {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.contact_form_background ul li,
.contact_form_background p {
    color: #534a4a;
    font-size: 15px;
    padding: 10px 0;
}

.promo-contact-section {
  padding-top: 26px;
  padding-bottom: 26px;
}

.promo-contact-row {
  margin-left: 0;
  margin-right: 0;
}

.promo-contact-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(27, 43, 67, 0.1);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 20px 36px rgba(27, 43, 67, 0.14);
  padding: 24px 20px;
}

.promo-contact-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 4px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(90deg, #f8694a 0%, #ffbaaa 100%);
}

.promo-contact-info-col,
.promo-contact-form-col {
  padding-left: 18px;
  padding-right: 18px;
}

.promo-contact-section .product-reviews {
  color: #3d4a5f;
  font-weight: 400;
  font-size: 18px;
}

.promo-contact-section .product-reviews h2 {
  color: #f8694a;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 32px;
  line-height: 1.2;
}

.promo-contact-section .product-reviews p {
  color: #5f6f87;
  font-size: 15px;
  line-height: 1.7;
  padding: 0;
  margin-bottom: 16px;
}

.promo-contact-section .address {
  text-align: left;
  font-size: 14px;
  padding-left: 0;
}

.promo-contact-section .address li {
  color: #33425a !important;
  background: rgba(248, 250, 254, 0.95);
  border: 1px solid rgba(27, 43, 67, 0.12);
  border-radius: 12px;
  margin-bottom: 8px;
  padding: 8px 10px;
}

.promo-contact-section .address li i {
  margin-right: 7px;
  color: #f7a48f;
}

.promo-contact-section .address li a {
  color: #d7583c;
}

.promo-contact-section #main-contact-form {
  margin-top: 6px;
}

.promo-contact-section #main-contact-form .input {
  height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(27, 43, 67, 0.18);
  background: #ffffff;
}

.promo-contact-section #main-contact-form textarea.input {
  min-height: 120px;
  height: 120px;
  padding-top: 10px;
}

.promo-contact-section #main-contact-form .primary-btn {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
}

body {
  font-family: 'Hind', sans-serif;
  color: #4A4E5A;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: #30323A;
  margin: 0 0 10px;
  font-weight: 700;
  margin-top: 10px;
}

a {
  color: #30323A;
  -webkit-transition: 0.3s color;
  transition: 0.3s color;
}

a:hover, a:focus {
  color: #F8694A;
  text-decoration: none;
  outline: none;
}

.primary-color {
  color: #F8694A;
}

.white-color {
  color: #FFF;
}

.font-weak {
  font-weight: 400;
}

strong {
  color: #30323A;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: #DADADA;
}

/*----------------------------*\
	Buttons
\*----------------------------*/

.main-btn, .primary-btn {
  display: inline-block;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.icon-btn.main-btn, .icon-btn.primary-btn {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0px;
  border: none;
}

.main-btn {
  color: #30323A;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
  box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
}

.main-btn:hover, .main-btn:focus {
  color: #F8694A;
  -webkit-box-shadow: 0px 0px 0px 1px #F8694A inset, 0px 0px 0px 0px #F8694A;
  box-shadow: 0px 0px 0px 1px #F8694A inset, 0px 0px 0px 0px #F8694A;
}

.primary-btn {
  color: #FFF;
  background-color: #F8694A;
}

.primary-btn:hover, .primary-btn:focus {
  color: #FFF;
  background-color: #30323A;
}

/*----------------------------*\
	Inputs
\*----------------------------*/

.input {
  width: 100%;
  height: 46px;
  padding: 0px 15px;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 5px transparent;
  box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 5px transparent;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  outline: none;
}

.input::placeholder {
  color: #999;
}

.input:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #F8694A inset, 0px 0px 0px 0px #F8694A;
  box-shadow: 0px 0px 0px 1px #F8694A inset, 0px 0px 0px 0px #F8694A;
}

textarea.input {
  padding: 15px;
  min-height: 100px;
}

.input-checkbox .caption {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s max-height;
  transition: 0.3s max-height;
}

.input-checkbox>label {
  color: #30323A;
}

.input-checkbox input[type="checkbox"]:checked+label+.caption, .input-checkbox input[type="radio"]:checked+label+.caption {
  max-height: 800px;
}

/*----------------------------*\
	Lists
\*----------------------------*/

.list-links .list-links-title {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 16px;
}

.list-links li>a {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  padding: 2px 0px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.list-links li>a:before {
  content: "\f105";
  position: absolute;
  left: 0px;
  font-family: FontAwesome;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.list-links li>a:hover, .list-links li>a:focus, .list-links li.active>a {
  color: #F8694A;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.list-links li>a:hover:before, .list-links li>a:focus:before, .list-links li.active>a:before {
  opacity: 1;
  visibility: visible;
}

/*----------------------------*\
	Sections
\*----------------------------*/

.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-grey {
  background: #F6F7F8;
}

.section-title {
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 0 0 8px 16px;
  border-bottom: none;
}

.section-title:before {
  display: none;
}

.section-title p span {
    font-weight: bold;
    display: inline;
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    font-size: 27px;
    color: #F8694A;
    background: transparent;
}

.section-title .title {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 0 0 18px;
  color: #2f3543;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: transparent;
  box-shadow: none;
}

.section-title .title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  border-radius: 999px;
  background: #f8694a;
}

.section-title .title > a {
  color: inherit;
  text-decoration: none;
}

.section-title .title > a:hover,
.section-title .title > a:focus {
  color: #1f2531;
  text-decoration: none;
}

.section-title:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  .section-title {
    padding-left: 12px;
  }

  .section-title:before {
    display: none;
  }

  .section-title .title {
    padding-left: 14px;
  }

  .section-title p span {
    font-size: 21px;
  }
}

/*----------------------------*\
	Breadcrumb
\*----------------------------*/

#breadcrumb {
  -webkit-box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.175);
  box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.175);
}

.breadcrumb {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 15px 0px;
  margin: 0;
}

.breadcrumb>.active {
  color: #F8694A;
}

.breadcrumb>li+li:before {
  color: #DADADA;
}

/*=========================================================
	02 -> HEADER
===========================================================*/

#header {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*----------------------------*\
	Top header
\*----------------------------*/

.top-header {
  padding-top: 15px;
  padding-bottom: 15px;
  background: #30323A;
  box-shadow: 0px 0px 25px 5px;
  border-radius: 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
}

.top-header a {
    color: #f8694a;
}

.header-top-links>li {
  display: inline-block;
}

.header-top-links>li+li {
  margin-left: 15px;
}

.header-top-links>li>a {
  cursor: pointer;
  text-transform: uppercase;
}

@media only screen and (min-width: 578px) {
    .header-contacts {
        display: none;
    }
}

@media only screen and (max-width: 578px) {
    .social-links {
        display: none;
    }
}

.social-links,
.header-contacts {
    position: relative;
    font-weight: bold;
    margin-top: 20px;
    font-size: 20px;
}

.social-links a {
    padding: 0 7px;
}

.social-title {
    font-size: 15px;
    padding-right: 25px;
}
/*----------------------------*\
	logo
\*----------------------------*/

.header-logo {
  display: inline-block;
  margin-right: 15px;
  width: 115px;
}

.header-logo .logo>img {
  width: 100%;
  max-height: 70px;
}

/*----------------------------*\
	Search header
\*----------------------------*/

.header-search {
    display: inline-block;
    /*padding: 15px 0px;*/
    /*max-width: 400px;*/
    padding: 0px;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0px 0px 18px #ccc;
}

.icons {
  height: 32px;
  width: 32px;
}

.header-search>form {
  position: relative;
}

.header-search>form .search-input {
  padding-left: 150px;
  padding-right: 45px;
}

.header-search>form .search-categories {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 135px;
}

.header-search>form .search-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
}

/*----------------------------*\
	Account header
\*----------------------------*/

.header-btns>li {
  display: inline-block;
  vertical-align: top;
  padding: 15px 0px;
  width: 100%;
}

.header-btns>li+li {
  margin-left: 15px;
}

.header-btns>li .header-btns-icon {
  position: relative;
  float: left;
  margin-right: 15px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #30323A;
  background-color: #FFF;
  border: 1px solid #DADADA;
}

.header-btns .dropdown-toggle {
  display: block;
  cursor: pointer;
}

.header-account.dropdown .custom-menu>li>a>i {
  margin-right: 15px;
  color: #F8694A;
}

/*----------------------------*\
	Cart header
\*----------------------------*/

.header-cart .header-btns-icon .qty {
  position: absolute;
  right: -9px;
  top: -9px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  background: #F8694A;
  color: #FFF;
  border-radius: 50%;
}

.header-cart.dropdown .custom-menu {
  width: 300px;
}

#shopping-cart .shopping-cart-list {
  max-height: 260px;
  margin-bottom: 15px;
  overflow-y: scroll;
}

#shopping-cart .shopping-cart-list .product.product-widget:first-child {
  margin-top: 0px;
}

#shopping-cart .shopping-cart-list .product.product-widget:last-child {
  margin-bottom: 0px;
}

#shopping-cart .shopping-cart-btns>button {
  width: calc(50% - 2px);
}

/*=========================================================
	03 -> NAVIGATION
===========================================================*/

#navigation {
  background-color: #30323A;
}

#navigation .container {
  position: relative;
}

/*----------------------------*\
	Category nav
\*----------------------------*/

.category-nav {
  float: left;
  width: 270px;
}

.category-nav .category-header {
  padding: 15px;
  display: block;
  text-transform: uppercase;
  background: #F8694A;
  color: #FFF;
  font-weight: 700;
}

.category-nav .category-header>i {
  float: right;
  line-height: 20px;
}

.main-menu-icons {
    font-size: 35px;
}

.home-category-list li {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 12px;
    text-align: center;
    width: 100%;
    height: 100%;
}

.home-category-list {
    margin: 30px 0px;
    align-items: center;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.category-nav .category-list {
  position: absolute;
  width: 270px;
  background-color: #FFF;
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  z-index: 50;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.category-nav.show-on-click .category-list {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  transform: translate(0px, 15px);
}

.category-nav.show-on-click .category-list.open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.category-nav .category-list>li+li {
  border-top: 1px solid #DADADA;
}

.category-nav .category-list>li.dropdown>.dropdown-toggle>i {
  float: right;
  line-height: 20px;
}

.category-nav .category-list>li>a {
  display: block;
  padding: 8px;
  text-transform: uppercase;
}

.category-nav .category-list>li>a:hover, .category-nav .category-list>li>a:focus, .category-nav .category-list>li.dropdown.open>a {
  color: #F8694A;
}

/*----------------------------*\
	Menu nav
\*----------------------------*/

.menu-nav .menu-header {
  display: none;
  padding: 15px;
  text-transform: uppercase;
  background: #30323A;
  color: #FFF;
  font-weight: 700;
}

.menu-nav .menu-header>i {
  float: right;
  line-height: 20px;
}

.menu-nav .menu-list>li {
  display: inline-block;
}

.menu-nav .menu-list>li>a {
  display: block;
  padding: 15px;
  color: #FFF;
  text-transform: uppercase;
}

.menu-nav .menu-list>li>a:hover, .menu-nav .menu-list>li>a:focus, .menu-nav .menu-list>li.dropdown.open>a {
  color: #F8694A;
}

/*----------------------------*\
	Dropdowns
\*----------------------------*/
#or {
    border: 1px solid #f8694a;
    width: 42px;
    padding: 10px 8px;
    border-radius: 50%;
}

#recovery_pass, #login_form {
    float: right;
    margin-top: -13px;
    color: #f8694a;
}

#recovery_pass:hover, #login_form:hover {
    color: #30323A;
}

#separator {
    margin-left: 42%;
    margin-top: 10px;
}

.custom-menu {
  position: absolute;
  padding: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 100;
  top: 100%;
  min-width: 300px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.dropdown.open>.custom-menu {
  opacity: 1;
  visibility: visible;
}

/*-- Default Dropdown --*/

.dropdown.default-dropdown>.custom-menu {
  border-top: 2px solid #F8694A;
  left: 25%;
  -webkit-transform: translateX(-50%) translateY(15px);
  -ms-transform: translateX(-50%) translateY(15px);
  transform: translateX(-50%) translateY(15px);
}

.dropdown.default-dropdown.open>.custom-menu {
  -webkit-transform: translateX(-50%) translateY(0px);
  -ms-transform: translateX(-50%) translateY(0px);
  transform: translateX(-50%) translateY(0px);
}

.dropdown.default-dropdown>.custom-menu>li>a {
  display: block;
  padding: 10px 0px;
  text-transform: uppercase;
}

/*-- Mega Dropdown --*/

.dropdown.mega-dropdown.full-width {
  position: static !important;
}

.dropdown.mega-dropdown>.custom-menu {
  border-top: 2px solid #F8694A;
  left: 0;
  -webkit-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  transform: translate(0px, 15px);
  width: auto;
  min-width: 750px;
  max-width: 100%;
}

.dropdown.mega-dropdown.full-width>.custom-menu {
  width: 100%;
}

.dropdown.mega-dropdown.open>.custom-menu {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

/*-- Side Dropdown --*/

.dropdown.side-dropdown>.custom-menu {
  border-left: 2px solid #F8694A;
  left: 100%;
  top: 0;
  width: 750px;
  -webkit-transform: translate(15px, 0px);
  -ms-transform: translate(15px, 0px);
  transform: translate(15px, 0px);
}

.dropdown.side-dropdown.open>.custom-menu {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

/*----------------------------*\
	Mobile nav
\*----------------------------*/

#header .nav-toggle {
  display: none;
}

@media only screen and (max-width: 991px) {
  #header .nav-toggle {
    display: inline-block;
  }
  header .pull-left, header .pull-right {
    float: none !important;
  }
  header .pull-right {
    margin-top: 10px;
  }
  #responsive-nav {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 270px;
    width: 0%;
    overflow: hidden;
    background-color: #FFF;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    z-index: 990;
  }
  #responsive-nav.open {
    width: 100%;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  #responsive-nav .dropdown .custom-menu {
    display: none;
    position: static;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-left: 2px solid #F8694A;
  }
  #responsive-nav .dropdown.open .custom-menu {
    display: block;
    min-width: auto;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  .category-nav .category-list, .menu-nav .menu-list {
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 100px);
  }
  .category-nav .category-list.open, .menu-nav .menu-list.open {
    display: block;
  }
  .menu-nav .menu-header, .category-nav .category-header {
    cursor: pointer;
  }
  .category-nav {
    float: none;
    width: 100%;
  }
  .category-nav .category-list {
    position: static;
  }
  .menu-nav .menu-header {
    display: block;
  }
  .menu-nav .menu-list {
    float: none;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
  }
  .menu-nav .menu-list>li {
    display: block;
  }
  .menu-nav .menu-list>li+li {
    border-top: 1px solid #DADADA;
  }
  .menu-nav .menu-list>li>a {
    color: #30323A;
  }
  #navigation.shadow:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99;
  }
}

/*----------------------------*\
  Bootstrap clearfix flex ghost fix
  ::before/::after pseudo-elements become phantom flex items inside header
\*----------------------------*/
.header-row-top__inner::before,
.header-row-top__inner::after,
.header-row-main__inner::before,
.header-row-main__inner::after,
.header-row-service::before,
.header-row-service::after,
.header-city-row::before,
.header-city-row::after,
.header-city-row__list::before,
.header-city-row__list::after,
.header-main-links::before,
.header-main-links::after,
.header-auth-links::before,
.header-auth-links::after,
.header-search-grid::before,
.header-search-grid::after {
  display: none !important;
}

/*----------------------------*\
  New header layout
\*----------------------------*/

.site-header-new {
  border-bottom: 1px solid #e7eaf0;
  background: #fff;
}

.header-row-top {
  padding: 8px 0;
  background: #f6f8fb;
  border-bottom: 1px solid #e7eaf0;
}

.header-row-top__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
}

.header-row-top__links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-self: start;
}

.header-row-top .header-row-top__social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: nowrap;
  white-space: nowrap;
  justify-self: center;
}

.header-row-top .header-row-top__social li {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}

.header-row-top__social a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(48, 50, 58, 0.16);
  color: #30323A;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.header-row-top__social a:hover,
.header-row-top__social a:focus {
  color: #F8694A;
  border-color: rgba(248, 105, 74, 0.45);
  background: #fff4f1;
  transform: translateY(-1px);
  text-decoration: none;
}

.header-row-top__social i {
  font-size: 15px;
}

.header-row-top__links a {
  color: #30323A;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.header-row-top__links a:hover {
  color: #F8694A;
}

.header-row-top__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  min-height: 34px;
  line-height: 18px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 8px 18px rgba(248, 105, 74, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.02em;
  transform: translateY(0);
  transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
  justify-self: end;
}

.header-row-top__cta:before {
  content: "";
  position: absolute;
  top: -20%;
  left: 0;
  width: 42%;
  height: 150%;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.34) 50%, rgba(255, 255, 255, 0.08) 70%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-220%) skewX(-24deg);
  filter: blur(1px);
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
  animation: headerCtaGlossWave 3.4s ease-in-out infinite;
}

.header-row-top__cta:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 46%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 58%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.9;
  pointer-events: none;
}

.header-row-top__cta:hover,
.header-row-top__cta:focus,
.header-row-top__cta:active,
.header-row-top__cta:visited {
  color: #fff;
  background: linear-gradient(135deg, #f97c5f 0%, #e05a3c 100%);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(248, 105, 74, 0.38);
  text-decoration: none;
  outline: none;
}

@keyframes headerCtaGlossWave {
  0% {
    transform: translateX(-220%) skewX(-24deg);
    opacity: 0;
  }
  18% {
    opacity: 0.85;
  }
  52% {
    opacity: 0.55;
  }
  100% {
    transform: translateX(320%) skewX(-24deg);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-row-top__cta:before {
    animation: none;
  }
}

.header-row-main {
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-row-main__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.site-header-new .header-logo {
  width: auto;
  margin-right: 0;
  flex-shrink: 0;
}

.site-header-new .header-logo h1 {
  margin: 0;
}

.site-header-new .header-logo img.logo {
  width: auto;
  max-height: 100px;
}

.header-main-nav {
  flex: 1;
}

.header-main-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

.header-main-links>li>a {
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #30323A;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.header-main-links>li>a:hover,
.header-main-links>li>a.active {
  color: #F8694A;
  background: rgba(248, 105, 74, 0.08);
}

.header-main-links__categories {
  position: relative;
}

.header-main-links__categories::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 14px;
}

.header-main-links__categories > a i {
  margin-left: 6px;
  font-size: 11px;
}

.header-categories-dropdown::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
}

.header-categories-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  transform: translateY(8px);
  width: min(690px, calc(100vw - 40px));
  min-height: 380px;
  max-height: 72vh;
  padding: 12px;
  border-radius: 14px;
  background: #11151f;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 1200;
  overflow: hidden;
  display: flex;
  gap: 10px;
  pointer-events: none;
}

.hcd-browser {
  position: relative;
  flex: 0 0 470px;
  width: 470px;
  min-height: 352px;
  padding-top: 18px;
}

.hcd-col {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 4px;
  min-width: 0;
}

.hcd-col-label {
  color: #f6aa96;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0 10px;
  margin-bottom: 6px;
}

.hcd-browser > .hcd-col-label {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10px;
}

.hcd-item {
  width: 190px;
}

.hcd-main-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
  border-radius: 10px;
  color: #e9eefb;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  transition: background 0.2s ease, color 0.2s ease;
}

.hcd-main-link:after {
  content: "›";
  font-size: 15px;
  line-height: 1;
  opacity: 0.72;
}

.hcd-item.is-active .hcd-main-link,
.hcd-item:hover .hcd-main-link,
.hcd-item:focus-within .hcd-main-link {
  background: rgba(248, 105, 74, 0.18);
  color: #fff;
  text-decoration: none;
}

.hcd-subpanel {
  display: none;
  position: absolute;
  top: 0;
  left: 206px;
  width: 250px;
  bottom: 0;
  padding: 0 0 0 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  overflow-y: auto;
}

.hcd-item.is-active .hcd-subpanel,
.hcd-item:hover .hcd-subpanel,
.hcd-item:focus-within .hcd-subpanel {
  display: block;
}

.hcd-subpanel a {
  display: block;
  padding: 6px 10px;
  border-radius: 8px;
  color: #e9eefb;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  white-space: normal;
  line-height: 1.35;
}

.hcd-subpanel a:hover,
.hcd-subpanel a:focus {
  background: rgba(248, 105, 74, 0.2);
  color: #fff;
  text-decoration: none;
}

.hcd-cities {
  flex: 0 0 140px;
  min-width: 140px;
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.hcd-city-chip {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(248, 105, 74, 0.10);
  border: 1px solid rgba(248, 105, 74, 0.22);
  color: #d45136;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  cursor: pointer;
  margin-bottom: 4px;
}

.hcd-city-chip:hover,
.hcd-city-chip:focus {
  background: rgba(248, 105, 74, 0.25);
  border-color: rgba(248, 105, 74, 0.5);
  color: #f8694a;
  text-decoration: none;
}

.header-main-links__categories:hover .header-categories-dropdown,
.header-main-links__categories:focus-within .header-categories-dropdown,
.header-main-links__categories.open .header-categories-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.header-main-links__accent {
  background: #F8694A;
  color: #fff !important;
}

.header-main-links__accent:hover {
  background: #df5b3e !important;
  color: #fff !important;
}

.header-auth-area {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.header-auth-links {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 700;
}

.header-auth-greeting {
  font-size: 13px;
  font-weight: 700;
  color: #30323A;
  white-space: nowrap;
}

.header-auth-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(48, 50, 58, 0.2);
  background: #ffffff;
  color: #30323A;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.header-auth-icon:hover,
.header-auth-icon:focus {
  color: #F8694A;
  border-color: rgba(248, 105, 74, 0.45);
  background: #fff4f1;
  transform: translateY(-1px);
  outline: none;
}

.header-auth-icon i {
  font-size: 15px;
}

.header-auth-links--guest {
  position: relative;
}

.header-auth-links--auth {
  position: relative;
}

.header-search-quick {
  position: relative;
}

.header-search-quick .header-auth-icon.dropdown-toggle:after {
  display: none;
}

.header-search-icon {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
}

.header-search-quick .header-search-menu {
  left: 50%;
  right: auto;
  min-width: 300px;
  padding: 14px 16px;
  border-top: 2px solid #F8694A;
  -webkit-transform: translateX(-50%) translateY(12px);
  -ms-transform: translateX(-50%) translateY(12px);
  transform: translateX(-50%) translateY(12px);
}

.header-search-quick.dropdown.open .header-search-menu {
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.header-search-quick-form {
  display: flex;
  gap: 10px;
  align-items: center;
}

.header-search-quick-input {
  min-width: 0;
  height: 38px;
  border: 1px solid #f1d1c8;
  border-radius: 10px;
  padding: 0 12px;
}

.header-search-quick-btn {
  height: 38px;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 0 16px;
  background: #F8694A;
  color: #fff;
  font-weight: 700;
}

.header-search-quick-btn:hover,
.header-search-quick-btn:focus {
  background: #df5b3e;
  outline: none;
}

.header-auth-links--guest .header-auth-icon.dropdown-toggle:after {
  display: none;
}

.header-auth-links--guest .header-auth-menu {
  left: 50%;
  right: auto;
  min-width: 220px;
  padding: 14px 16px;
  border-top: 2px solid #F8694A;
  -webkit-transform: translateX(-50%) translateY(12px);
  -ms-transform: translateX(-50%) translateY(12px);
  transform: translateX(-50%) translateY(12px);
}

.header-auth-links--auth .header-auth-menu {
  left: 50%;
  right: auto;
  min-width: 240px;
  padding: 14px 16px;
  border-top: 2px solid #F8694A;
  -webkit-transform: translateX(-50%) translateY(12px);
  -ms-transform: translateX(-50%) translateY(12px);
  transform: translateX(-50%) translateY(12px);
}

.header-auth-links--guest.dropdown.open .header-auth-menu {
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.header-auth-links--auth.dropdown.open .header-auth-menu {
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.header-auth-menu>li>a {
  padding: 12px 0;
}

.header-auth-menu__greeting {
  display: block;
  padding: 2px 0 12px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f1d1c8;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  color: #30323A;
}

.header-auth-links--guest .header-auth-menu > li > a {
  display: block;
  padding: 9px 10px;
  border-radius: 8px;
  text-transform: none;
  font-weight: 700;
  color: #30323A;
}

.header-auth-links--guest .header-auth-menu > li > a:hover,
.header-auth-links--guest .header-auth-menu > li > a:focus {
  color: #F8694A;
  background: #fff4f1;
}

.header-row-main .nav-toggle {
  display: none;
}

#navigation {
  display: none;
}

@media only screen and (max-width: 991px) {
  #navigation {
    display: block;
  }
}

.header-row-service .menu-header {
  display: none;
}

.header-service-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.header-service-links>li {
  display: inline-block;
}

.header-service-links>li>a {
  display: block;
  padding: 14px 16px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

.header-service-links>li>a:hover,
.header-service-links>li>a.active {
  color: #F8694A;
}

.header-city-row {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding: 10px 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.header-city-row__title {
  font-size: 12px;
  color: #d2d9e3;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.header-city-row__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.header-city-row__list a {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.header-city-row__list a:hover,
.header-city-row__list a.active {
  border-color: #F8694A;
  color: #F8694A;
}

/* Полоска городов под баннером */
.header-city-bar {
  background: #f6f7f8;
  border-bottom: 1px solid #e8eaed;
}

.header-city-bar .header-city-row {
  border-top: none;
  padding: 10px 0;
  justify-content: flex-start;
}

.header-city-bar .header-city-row__title {
  color: #7a8394;
}

.header-city-bar .header-city-row__list a {
  border-color: rgba(0, 0, 0, 0.15);
  color: #3a4150;
}

.header-city-bar .header-city-row__list a:hover,
.header-city-bar .header-city-row__list a.active {
  border-color: #F8694A;
  color: #F8694A;
  background: rgba(248, 105, 74, 0.06);
}

.header-hero-slider-wrap {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: visible;
  background: #1f2430;
}

.header-hero-slider {
  position: relative;
  width: 100vw;
  min-height: 500px;
  overflow: hidden;
}

.header-hero-slider .carousel-inner,
.header-hero-slider .item,
.header-hero-slide {
  width: 100vw;
  height: 500px;
}

.header-hero-slide {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: right center;
}

.header-hero-slide:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(18, 12, 29, 0);
  pointer-events: none;
  transition: background 0.2s ease;
}

.header-hero-slide__layout {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  height: 100%;
}

.header-hero-content {
  max-width: 48%;
  color: #ffffff;
  padding: 0 0 88px;
}

.header-hero-content__title {
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 800;
}

.header-hero-content--two .header-hero-content__title {
  max-width: 520px;
}

.header-hero-content__text {
  margin: 0 0 22px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 22px;
  line-height: 1.4;
}

.header-hero-content__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 26px;
  border-radius: 12px;
  background: #ffffff;
  color: #4b1784;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(22, 8, 44, 0.24);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.header-hero-content__btn:hover,
.header-hero-content__btn:focus {
  color: #3d136d;
  background: #f7efff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 18px 30px rgba(22, 8, 44, 0.28);
}

.header-hero-content__btn--one {
  background: #ffffff;
  color: #f35c0f;
  box-shadow: 0 14px 28px rgba(22, 8, 44, 0.20);
}

.header-hero-content__btn--one:hover,
.header-hero-content__btn--one:focus {
  background: #fff4ed;
  color: #e4550e;
  box-shadow: 0 18px 30px rgba(22, 8, 44, 0.24);
}

.header-hero-slide--one {
  background-image: url('/images/banner1.png');
}

.header-hero-slide--two {
  background-image: url('/images/banner2.png');
}

.header-hero-slider .left.carousel-control,
.header-hero-slider .right.carousel-control {
  background: none;
  width: 54px;
  height: 54px;
  top: 50%;
  bottom: auto;
  margin-top: 0;
  border-radius: 50%;
  background-color: rgba(20, 24, 36, 0.62);
  opacity: 0;
  visibility: hidden;
  z-index: 6;
  text-shadow: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.22s ease, visibility 0.22s ease, background-color 0.22s ease;
  transition: opacity 0.22s ease, visibility 0.22s ease, background-color 0.22s ease;
}

.header-hero-slider .left.carousel-control {
  left: 18px;
}

.header-hero-slider .right.carousel-control {
  right: 18px;
}

.header-hero-slider:hover .left.carousel-control,
.header-hero-slider:hover .right.carousel-control,
.header-hero-slider:focus-within .left.carousel-control,
.header-hero-slider:focus-within .right.carousel-control {
  opacity: 1;
  visibility: visible;
}

.header-hero-slider:hover .left.carousel-control:hover,
.header-hero-slider:hover .right.carousel-control:hover,
.header-hero-slider:focus-within .left.carousel-control:hover,
.header-hero-slider:focus-within .right.carousel-control:hover {
  background-color: #f8694a;
}

.header-hero-slider .carousel-control .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 28px;
  color: #ffffff;
}

.header-hero-search-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 34px;
  z-index: 4;
}

.header-hero-slider .carousel-indicators {
  bottom: 8px;
  z-index: 2;
}

.header-search--hero {
  display: block;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 18px;
  padding: 16px;
  background: rgba(247, 250, 255, 0.76);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 22px 44px rgba(24, 39, 75, 0.24);
}

.header-search--hero form {
  margin: 0;
}

/* Cancel legacy header-search absolute layout inside hero form */
.header-search--hero > form .search-input {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.header-search--hero > form .search-categories,
.header-search--hero > form .search-btn {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
}

.header-search-grid {
  display: grid;
  grid-template-columns: minmax(150px, 0.95fr) minmax(170px, 1.25fr) minmax(130px, 0.9fr) minmax(130px, 0.9fr) minmax(130px, 0.9fr) minmax(120px, 132px);
  gap: 12px;
}

.header-search--hero .search-input,
.header-search--hero .search-categories,
.header-search--hero .input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #d9e1ef;
  border-radius: 12px;
  background: #ffffff;
  color: #2c3648;
  font-size: 13px;
  font-weight: 600;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.header-search--hero .search-input {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.header-search--hero .search-input::placeholder {
  color: #7d8aa3;
  font-weight: 500;
}

.header-search--hero .search-input:focus,
.header-search--hero .search-categories:focus,
.header-search--hero .input:focus {
  border-color: #f8694a;
  box-shadow: 0 0 0 3px rgba(248, 105, 74, 0.16) !important;
  outline: none !important;
}

.header-search--hero .search-input,
.header-search--hero .search-categories,
.header-search--hero .input,
.header-search--hero .search-btn {
  -webkit-tap-highlight-color: transparent;
}

.header-search--hero .search-input:focus-visible,
.header-search--hero .search-categories:focus-visible,
.header-search--hero .input:focus-visible,
.header-search--hero .search-btn:focus-visible {
  outline: none !important;
}

.header-search--hero .search-input::selection,
.header-search--hero .input::selection {
  background: rgba(248, 105, 74, 0.32);
  color: #1f2430;
}

.header-search--hero select option:checked {
  background: #f9d7cf;
  color: #2c3648;
}

.header-search--hero .search-categories,
.header-search--hero select.input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #6f7d93 50%), linear-gradient(135deg, #6f7d93 50%, transparent 50%);
  background-position: calc(100% - 17px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 34px;
}

.header-search--hero select::-ms-expand {
  display: none;
}

.header-search--hero select option {
  background: #ffffff;
  color: #2c3648;
}

.header-search--hero select option:checked,
.header-search--hero select option:hover,
.header-search--hero select option:focus {
  background: linear-gradient(#f9d7cf, #f9d7cf);
  color: #2c3648;
}

.header-search--hero .search-categories {
  position: static;
}

.header-search--hero .hero-native-select--hidden {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.header-search--hero .custom-select-hero {
  position: relative;
  width: 100%;
}

.header-search--hero .custom-select-hero__button {
  width: 100%;
  height: 44px;
  padding: 0 34px 0 14px;
  border: 1px solid #d9e1ef;
  border-radius: 12px;
  background: #ffffff;
  color: #2c3648;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.header-search--hero .custom-select-hero__button:after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #6f7d93;
  border-bottom: 2px solid #6f7d93;
  transform: translateY(-58%) rotate(45deg);
  pointer-events: none;
}

.header-search--hero .custom-select-hero.is-open .custom-select-hero__button,
.header-search--hero .custom-select-hero__button:focus {
  border-color: #f8694a;
  box-shadow: 0 0 0 3px rgba(248, 105, 74, 0.16);
  outline: none;
}

.header-search--hero .custom-select-hero__menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: calc(100% + 8px);
  max-height: 300px;
  overflow-y: auto;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #ffffff;
  border: 1px solid #d9e1ef;
  border-radius: 12px;
  box-shadow: 0 14px 28px rgba(24, 39, 75, 0.24);
  z-index: 40;
}

.header-search--hero .custom-select-hero.is-open .custom-select-hero__menu {
  display: block;
}

.header-search--hero .custom-select-hero__option {
  padding: 9px 10px;
  border-radius: 8px;
  color: #2c3648;
  font-size: 13px;
  line-height: 1.3;
  cursor: pointer;
  white-space: normal;
  word-break: break-word;
}

.header-search--hero .custom-select-hero__option.depth-1 {
  padding-left: 20px;
}

.header-search--hero .custom-select-hero__option.depth-2 {
  padding-left: 30px;
}

.header-search--hero .custom-select-hero__option.depth-3,
.header-search--hero .custom-select-hero__option.depth-4 {
  padding-left: 40px;
}

.header-search--hero .custom-select-hero__option:hover,
.header-search--hero .custom-select-hero__option.is-active {
  background: #f9d7cf;
  color: #2c3648;
}

.header-search--hero .custom-select-hero__option.is-selected {
  font-weight: 700;
}

.header-search--hero .search-btn {
  position: static;
  width: 100%;
  min-width: 120px;
  height: 44px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8694a 0%, #ba4f37 100%);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  box-shadow: 0 12px 20px rgba(186, 79, 55, 0.32);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.header-search--hero .search-btn:hover {
  background: linear-gradient(135deg, #ff8a6f 0%, #cf5a40 100%);
  transform: translateY(-1px);
  box-shadow: 0 16px 24px rgba(186, 79, 55, 0.38);
}

@media only screen and (max-width: 1366px) {
  .header-hero-slide {
    background-position: 78% center;
  }

  .header-hero-slide:before {
    background: rgba(18, 12, 29, 0.22);
  }
}

@media only screen and (max-width: 991px) {
  .header-row-top {
    display: none;
  }

  .header-row-main .nav-toggle .nav-toggle-btn {
    min-width: 46px;
    padding: 0;
  }

  .header-row-main .nav-toggle .nav-toggle-btn .nav-toggle-btn__label {
    display: none;
  }

  .header-main-nav,
  .header-auth-area {
    display: none;
  }

  .header-row-main {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .header-row-main__inner {
    gap: 12px;
  }

  .site-header-new .header-logo {
    min-width: 0;
    flex: 1 1 auto;
  }

  .site-header-new .header-logo img.logo {
    max-width: 100%;
    max-height: 70px;
  }

  .header-row-main .nav-toggle {
    display: inline-block;
    margin-left: auto;
  }

  .header-row-main .nav-toggle .nav-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 14px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f8694a 0%, #d95a3d 100%);
    color: #fff;
    border: 0;
    box-shadow: 0 12px 22px rgba(248, 105, 74, 0.28);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }

  .header-row-main .nav-toggle .nav-toggle-btn.is-open {
    background: #30323A;
    box-shadow: 0 12px 22px rgba(48, 50, 58, 0.28);
  }

  .header-row-main .nav-toggle .nav-toggle-btn i {
    font-size: 18px;
  }

  #responsive-nav {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: none;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: linear-gradient(180deg, #f7f9fd 0%, #eef3fa 100%);
    transform: translateX(-100%);
    transition: 0.35s ease all;
    z-index: 990;
    box-shadow: none;
    pointer-events: none;
  }

  #responsive-nav.open {
    width: 100%;
    transform: translateX(0%);
    pointer-events: auto;
  }

  #responsive-nav .menu-nav {
    padding: 14px 12px 12px;
  }

  #responsive-nav .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    padding: 0 0 8px;
    border-radius: 0;
    text-transform: uppercase;
    background: transparent;
    color: #F8694A;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    box-shadow: none;
  }

  #responsive-nav .menu-close-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8694a 0%, #d95a3d 100%);
    color: #fff;
    padding: 0;
    box-shadow: 0 10px 18px rgba(31, 36, 48, 0.18);
  }

  #responsive-nav .menu-close-btn i {
    font-size: 16px;
  }

  #responsive-nav .menu-list {
    display: block !important;
    float: none;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid #dce3ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 24px rgba(24, 39, 75, 0.08);
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  #responsive-nav .menu-list > li {
    display: block;
  }

  #responsive-nav .menu-list > li + li {
    border-top: 1px solid #F6D2CA;
  }

  #responsive-nav .menu-list > li > a {
    display: block;
    padding: 12px 14px;
    color: #30323A;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
  }

  #responsive-nav .menu-list > li > a:hover,
  #responsive-nav .menu-list > li > a:focus {
    color: #F8694A;
    background: #fff4f1;
  }

  #responsive-nav .menu-list .header-main-links__accent {
    margin: 6px 10px;
    border-radius: 10px;
    text-align: center;
  }

  #responsive-nav .mobile-nav-divider {
    padding: 10px;
    background: #F6AE9F;
    border-top: 1px solid #e8ebf0;
  }

  #responsive-nav .mobile-nav-divider span {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .left-control,
  .right-control,
  .blog-left-control,
  .blog-right-control,
  .blog-article-gallery__control {
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-top: -18px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #30323A;
    font-size: 18px;
    opacity: 1;
    box-shadow: 0 8px 18px rgba(10, 16, 28, 0.18);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .left-control,
  .blog-left-control {
    left: 8px;
  }

  .right-control,
  .blog-right-control {
    right: 8px;
  }

  .left-control:hover,
  .right-control:hover,
  .left-control:focus,
  .right-control:focus,
  .blog-left-control:hover,
  .blog-right-control:hover,
  .blog-left-control:focus,
  .blog-right-control:focus,
  .blog-article-gallery__control:hover,
  .blog-article-gallery__control:focus {
    background: #f8694a;
    color: #ffffff;
    -webkit-transform: translateY(-50%) scale(1.04);
    transform: translateY(-50%) scale(1.04);
  }

  .header-city-row {
    background: #30323A;
    padding: 14px 10px;
  }

  .header-hero-slider,
  .header-hero-slider .carousel-inner,
  .header-hero-slider .item,
  .header-hero-slide {
    height: 590px;
    min-height: 590px;
  }

  .header-hero-slide {
    background-position: 82% center;
  }

  .header-hero-slide:before {
    background: rgba(18, 12, 29, 0.34);
  }

  .header-hero-slide__layout {
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    padding-top: 28px;
  }

  .header-hero-content {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 170px !important;
    text-align: center;
  }

  .header-hero-content__title {
    font-size: 32px;
    margin-bottom: 12px;
  }

  .header-hero-content__text {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .header-hero-content__btn {
    min-height: 44px;
    padding: 0 20px;
    margin: 0 auto 10px;
    font-size: 14px;
  }

  .header-hero-slider .carousel-indicators {
    bottom: 8px;
    z-index: 2;
  }

  .header-hero-search-wrap {
    bottom: 42px !important;
    padding: 0 10px;
  }

  .header-search--hero {
    max-width: 100%;
    padding: 4px;
    border-radius: 14px;
  }

  .header-search-grid {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .header-search--hero .search-input,
  .header-search--hero .search-categories,
  .header-search--hero .input,
  .header-search--hero .custom-select-hero__button,
  .header-search--hero .search-btn {
    height: 42px;
    font-size: 14px;
  }

  .header-search--hero .search-btn {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .site-header-new .header-logo img.logo {
    max-height: 62px;
  }

  .slick-prev,
  .slick-next,
  .left-control,
  .right-control,
  .blog-left-control,
  .blog-right-control,
  .blog-article-gallery__control {
    width: 42px;
    height: 42px;
    line-height: 42px;
    margin-top: 0;
    border-radius: 50%;
    border: none;
    background: rgba(48, 50, 58, 0.90) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(10, 16, 28, 0.18);
    opacity: 0.96;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
  }

  .header-hero-slider .left.carousel-control,
  .header-hero-slider .right.carousel-control {
    display: none !important;
  }

  .slick-prev:before,
  .slick-next:before {
    font-size: 14px;
    color: #ffffff !important;
    opacity: 1;
  }

  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus,
  .left-control:hover,
  .left-control:focus,
  .right-control:hover,
  .right-control:focus,
  .blog-left-control:hover,
  .blog-left-control:focus,
  .blog-right-control:hover,
  .blog-right-control:focus,
  .blog-article-gallery__control:hover,
  .blog-article-gallery__control:focus {
    background: #f8694a !important;
    color: #ffffff !important;
  }

  .slick-prev,
  .left-control,
  .blog-left-control {
    left: 6px;
  }

  .slick-next,
  .right-control,
  .blog-right-control {
    right: 6px;
  }

  #responsive-nav {
    max-width: 100%;
  }

  #responsive-nav .menu-nav {
    padding: 10px;
  }

  .header-hero-slider,
  .header-hero-slider .carousel-inner,
  .header-hero-slider .item,
  .header-hero-slide {
    height: 640px;
    min-height: 640px;
  }

  .header-hero-slide {
    background-position: 84% center;
  }

  .header-hero-slide:before {
    background: rgba(18, 12, 29, 0.42);
  }

  .header-hero-slide__layout {
    justify-content: center;
    text-align: center;
    padding-top: 18px;
  }

  .header-hero-content {
    margin: 0 auto;
    padding-bottom: 205px !important;
    text-align: center;
  }

  .header-hero-content__title {
    font-size: 27px;
    line-height: 1.18;
  }

  .header-hero-content__text {
    font-size: 16px;
    line-height: 1.45;
  }

  .header-hero-content__btn {
    width: 100%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
  }

  .header-hero-slider .carousel-indicators {
    bottom: 8px;
    z-index: 2;
  }

  .header-hero-search-wrap {
    bottom: 46px !important;
    padding: 0 10px;
  }

  .header-hero-slider .carousel-indicators li {
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border: 0;
    background: rgba(255, 255, 255, 0.45);
  }

  .header-hero-slider .carousel-indicators .active {
    width: 10px;
    height: 10px;
    background: #ffffff;
  }
}

/*=========================================================
	04 -> BANNERS
===========================================================*/

.banner {
  display: block;
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}

.banner > img {
  width: 100%;
}

.banner > a > img {
    width: 100%;
}

.banner.banner-1 .banner-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.product-reviews {

    color: white;
    font-weight: 400;
    font-size: 20px;

}

.address {
    text-align: left;
    /*padding-left: 100px;*/
    font-size: 15px;
}

.address li {
    color: white !important;
}

.address li i {
    margin-right: 5px;
}

.address li a {
    color: #f8694a;
}

.form_status {
    color: #fff;
}

.product-reviews h2 {
    font-size: 30px;
    color: #f8694a;

}

#main-contact-form .form-group textarea.input {
    height: 90px;
}

.banner.banner-2 .banner-caption {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 10%;
}

.banner h1 {
  font-size: 46px;
  text-transform: uppercase;
}

.banner h1 a {
    color: #F8694A;
}

.banner .banner-caption h2.title {
    color: #F8694A;
}

/*=========================================================
	05 -> HOME SLIDER
===========================================================*/

#home .home-wrap {
  margin-left: 270px;
}

#home-slick .banner {
  margin: 0px;
}

.background {
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.6;
}

/*=========================================================
	06 -> PRODUCT
===========================================================*/

.product .product-old-price {
  color: #F8694A;
  font-size: 70%;
}

.product .product-rating {
  display: inline-block;
}

.product .product-rating>i {
  color: #FFB656;
}

.product .product-rating>i.empty {
  color: #DADADA;
}

.product .product-label>span {
  position: relative;
  display: inline-block;
  padding: 5px 15px;
  font-weight: 700;
  color: #FFF;
  background-color: #30323A;
  z-index: 22;
}

.product .product-label>span.sale {
  background-color: #F8694A;
}

.product .product-countdown {
  z-index: 22;
}

.product .product-countdown>li {
  display: inline-block;
  margin-right: -4px;
}

.product .product-countdown>li+li:before {
  content: ":";
  color: #FFF;
  background: #30323A;
  padding: 2px;
}

.product .product-countdown>li>span {
  display: inline-block;
  color: #FFF;
  font-weight: 700;
  padding: 10px;
  background: #F8694A;
}

/*----------------------------*\
	Single product
\*----------------------------*/

.mainServices {
    height: 100%;
    border-radius: 20px;
    padding: 20px 16px 16px;
    background:
      radial-gradient(circle at top right, rgba(248, 105, 74, 0.10), transparent 50%),
      linear-gradient(180deg, #ffffff 0%, #fff8f6 100%);
    border: 1px solid rgba(248, 105, 74, 0.18);
    box-shadow: 0 8px 24px rgba(21, 29, 45, 0.08);
    display: flex;
    flex-direction: column;
}

/* === Карточка инструмента (с иконкой сверху по центру) === */
.mainServices--tool {
    align-items: stretch;
    text-align: center;
}

.marketing-tools-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.marketing-tools-grid__item {
    display: flex;
    margin-bottom: 25px;
}

.marketing-tools-grid__item .mainServices {
    width: 100%;
}

.marketing-tools-grid__item .product-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.marketing-tools-grid__item .ms-cat-title {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.marketing-tools-grid__item .product-name:last-child {
    margin-bottom: 0;
}

.ms-tool-icon-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}

.ms-cat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 8px 20px rgba(248, 105, 74, 0.36);
}

/* === Заголовок карточки === */
.ms-cat-title {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #243249;
    margin: 0 0 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(248, 105, 74, 0.18);
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

/* === Чипы пунктов === */
.mainServices > .product-body > .product-name > a,
.mainServices > .product-body > .product-name > span {
    color: #e26b4a;
    background: rgba(248, 105, 74, 0.12);
    padding: 6px 14px;
    width: 100%;
    display: inline-block;
    border-radius: 999px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    transition: background 0.18s ease, color 0.18s ease;
}

.mainServices > .product-body > .product-name > a:hover {
    background: rgba(248, 105, 74, 0.24);
    color: #d45136;
    text-decoration: none;
}

.mainServices > .product-body > .product-name {
    line-height: 1.2;
    margin: 0 0 7px;
    text-align: left;
}

/* === Город-чипы === */
.city-chips-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0 20px;
    padding: 0;
}

.city-chip {
    display: inline-flex;
    align-items: center;
    padding: 8px 20px;
    border-radius: 999px;
    background: rgba(248, 105, 74, 0.10);
    border: 1px solid rgba(248, 105, 74, 0.22);
    color: #d45136;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
    cursor: pointer;
}

.city-chip:hover,
.city-chip:focus {
    background: rgba(248, 105, 74, 0.20);
    box-shadow: 0 4px 12px rgba(248, 105, 74, 0.20);
    color: #c9482e;
    text-decoration: none;
}

.marketing-tools-title .title {
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.marketing-tools-title--tools {
    margin-top: 6px;
}

/* === mainServices category title with icon === */
.ms-cat-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #243249;
    margin: 0 0 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(248, 105, 74, 0.18);
    line-height: 1.2;
}

.ms-cat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
    color: #fff;
    font-size: 15px;
    box-shadow: 0 6px 14px rgba(248, 105, 74, 0.32);
}

.marketing-tools-phones {
  margin: 10px 0 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.section-title .marketing-tools-phones span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #e25f43;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.01em;
  transition: color 0.2s ease, transform 0.2s ease;
}

.section-title .marketing-tools-phones span i {
  font-size: 22px;
  color: #f8694a;
  opacity: 0.95;
}

.section-title .marketing-tools-phones span:before {
  content: none;
}

.section-title .marketing-tools-phones span:hover {
  color: #c9482e;
  transform: translateY(-1px);
}

.mainServices--tool {
  position: relative;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.mainServices--tool:before {
  content: "";
  position: absolute;
  top: -35%;
  left: -120%;
  width: 70%;
  height: 170%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(18deg);
  transition: left 0.55s ease;
  pointer-events: none;
}

.mainServices--tool:hover {
  transform: translateY(-8px);
  border-color: rgba(248, 105, 74, 0.34);
  box-shadow: 0 18px 34px rgba(248, 105, 74, 0.18);
}

.mainServices--tool:hover:before {
  left: 135%;
}

.mainServices--tool .ms-cat-icon {
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.mainServices--tool:hover .ms-cat-icon {
  transform: translateY(-2px) scale(1.08);
  box-shadow: 0 14px 24px rgba(248, 105, 74, 0.38);
}

.mainServices--tool .product-name > span {
  transition: transform 0.22s ease, background 0.22s ease;
}

.mainServices--tool:hover .product-name > span {
  transform: translateX(2px);
  background: rgba(248, 105, 74, 0.19);
}

@media only screen and (max-width: 991px) {
  .marketing-tools-title .title {
    font-size: 16px;
  }
  .mainServices > .product-body > .product-name > a,
  .mainServices > .product-body > .product-name > span {
    font-size: 19px;
  }
  .city-chips-list {
    gap: 8px;
  }
  .city-chip {
    font-size: 13px;
    padding: 6px 14px;
  }
  .ms-cat-icon {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }

  .section-title .marketing-tools-phones span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .marketing-tools-grid__item {
    width: 50%;
    float: left;
    margin-bottom: 18px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .marketing-tools-grid__item .mainServices {
    min-height: 250px;
    padding: 18px 12px 14px;
  }

  .marketing-tools-grid__item .ms-cat-title {
    min-height: 44px;
    font-size: 25px;
  }

  .marketing-tools-grid__item .product-name > span {
    font-size: 12px;
    padding: 6px 10px;
  }
}

.digit {

    text-align: center;
    display: block;
    margin-bottom: 25px;

}

.product.product-single {
  margin-top: 25px;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 18px 36px rgba(47, 31, 27, 0.08);
  -webkit-transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.product.product-single:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 45%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.product.product-single:hover {
  -webkit-box-shadow: 0 24px 44px rgba(248, 105, 74, 0.16);
  box-shadow: 0 24px 44px rgba(248, 105, 74, 0.16);
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  border-color: rgba(248, 105, 74, 0.3);
}

.product.product-single:hover:before {
  opacity: 1;
}

.product.product-single .product-thumb {
  position: relative;
  margin-bottom: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  font-size: 16px;
  overflow: hidden;
}

#product-slick-1 .product.product-single .product-thumb {
    padding: 0;
}

.company_title_reward {
    font-weight: normal;
    color: #dadada;
    font-style: oblique;
}

.product.product-single .product-thumb> a>img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: none;
  display: block;
  object-fit: contain;
  border-radius: 0;
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.product.product-single:hover .product-thumb > a > img {
  transform: scale(1.045);
  box-shadow: 0 18px 34px rgba(47, 31, 27, 0.12);
}

.product.product-single.product-top-card {
  position: relative;
}

.product-top-badge {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 78px;
  height: 78px;
  background: linear-gradient(135deg, #f8694a 0%, #ff9d3f 100%);
  opacity: 0.86;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 8px 8px 0 0;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  z-index: 6;
  pointer-events: none;
}

.product-views-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 7;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(48, 50, 58, 0.78);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  pointer-events: none;
}

.product-views-badge .fa {
  font-size: 12px;
}

/*.product.product-single .product-thumb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}*/

/*.product.product-single:hover .product-thumb:after {
  opacity: 0.7;
  visibility: visible;
}*/

.product.product-single .quick-view {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 20;
}

.product.product-single:hover .quick-view {
  opacity: 1;
  visibility: visible;
}

.product.product-single .product-label {
  position: absolute;
  left: 0;
  top: 0;
}

.product.product-single .product-label>span {
  display: block;
}

.product.product-single .product-countdown {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}

.product.product-single .product-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 22px 20px 20px;
  overflow: hidden;
}

.product.product-single .product-price {
  display: inline-block;
}

.product.product-single .product-rating {
  float: right;
  margin-top: 5px;
}

.product.product-single .product-name {
  margin: 0;
  min-height: 66px;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 700;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.product.product-single .product-name a {
  color: #221714;
  transition: color 0.25s ease;
}

.product.product-single .product-name a:hover {
  color: #f8694a;
}

.product.product-single .product-btns {
  margin-top: auto;
  padding-top: 18px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(18px);
  -ms-transform: translateY(18px);
  transform: translateY(18px);
  -webkit-transition: opacity 0.32s ease, visibility 0.32s ease, -webkit-transform 0.32s ease;
  transition: opacity 0.32s ease, visibility 0.32s ease, transform 0.32s ease;
}

.product.product-single:hover .product-btns {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.product.product-single:hover .product-name {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
}

/*-- hot product --*/

.product.product-single.product-hot {
  border: 2px solid #F8694A;
}

.product.product-single .product-btns .primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 14px 28px rgba(248, 105, 74, 0.24);
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.product.product-single .product-btns .primary-btn:hover,
.product.product-single .product-btns .primary-btn:focus {
  background: linear-gradient(135deg, #ff7b5e 0%, #c9482e 100%);
  transform: translateY(-1px);
  box-shadow: 0 18px 30px rgba(248, 105, 74, 0.3);
  color: #fff;
}

.product.product-single.product-hot .product-btns {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/*----------------------------*\
	 Widget product
\*----------------------------*/

.product.product-widget {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}

.product.product-widget .product-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}

.product.product-widget .product-thumb>img {
  width: 100%;
}

.product.product-widget .product-body {
  padding-left: 75px;
  padding-top: 10px;
  min-height: 60px;
}

.product.product-widget .product-price {
  font-size: 18px;
  margin-bottom: 5px;
}

.product.product-widget .product-price .qty {
  font-size: 14px;
  font-weight: 400;
}

.product.product-widget .product-name {
  font-size: 14px;
}

.product.product-widget .cancel-btn {
  position: absolute;
  right: 0px;
  top: 10px;
  background-color: transparent;
  border: none;
  color: #DADADA;
}

.product.product-widget .cancel-btn:hover {
  color: #30323A;
}

/*----------------------------*\
	Product slick
\*----------------------------*/

.product-slick .slick-slide {
  margin-right: 15px;
  margin-left: 15px;
}

/*=========================================================
	07 -> PRODUCTS PAGE
===========================================================*/

/*----------------------------*\
	Aside
\*----------------------------*/

#aside .aside {
  margin-bottom: 30px;
}

#aside .aside:last-child {
  margin-bottom: 0px;
}

.aside .aside-title {
  position: relative;
  border-bottom: 1px solid #DADADA;
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-top: 15px;
  line-height: 24px;
  font-size: 18px;
}

.aside .aside-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.5px;
  height: 3px;
  width: 60px;
  background-color: #F8694A;
}

/*-- Filter list --*/

.filter-list {
  margin-bottom: 15px;
}

.filter-list>li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 6px;
}

.filter-list>li:last-child {
  margin-right: 0px;
}

.filter-list li a {
  position: relative;
  padding: 0px 5px 0px 20px;
}

.filter-list li a:before {
  content: "\f00d";
  font-family: FontAwesome;
  position: absolute;
  left: 4px;
  top: 5px;
  line-height: 12px;
  font-size: 9px;
  color: #FFF;
  background: #30323A;
  width: 12px;
  text-align: center;
  border-radius: 50%;
  height: 12px;
}

/*-- Price Filter --*/

#price-slider {
  margin: 60px 0px 50px;
}

.noUi-target {
  background-color: #DADADA;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
}

.noUi-connect {
  background-color: #F8694A;
}

.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 12px;
  height: 12px;
  left: -6px;
  top: -4px;
  border: none;
  background: #30323A;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}

.noUi-handle:before, .noUi-handle:after {
  display: none;
}

.noUi-tooltip {
  border: none;
  color: #FFF;
  background: #30323A;
  border-radius: 0px;
}

/*----------------------------*\
	Store
\*----------------------------*/

#store {
  margin-top: 15px;
  padding-top: 30px;
  border-top: 1px solid #DADADA;
  margin-bottom: 15px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DADADA;
}

/*-- store filter --*/

.row-filter {
  display: inline-block;
  vertical-align: top;
}

.row-filter>a {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  background-color: #30323A;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.row-filter>a:hover {
  opacity: 0.9;
}

.row-filter>a.active {
  background-color: #F8694A;
}

.sort-filter {
  display: inline-block;
  margin-left: 15px;
}

.sort-filter select.input {
  width: 120px;
}

.page-filter select.input {
  width: 90px;
}

.page-filter {
  display: inline-block;
}

.store-pages {
  display: inline-block;
  margin-left: 15px;
}

.store-pages li {
  display: inline-block;
  margin-right: 6px;
}

.store-pages li a {
  display: block;
  min-width: 10px;
  text-align: center;
}

.store-pages li.active {
  color: #F8694A;
}

/*=========================================================
	08 -> PRODUCT DETAILS PAGE
===========================================================*/

/*----------------------------*\
	Product view
\*----------------------------*/
.order_pubblic_block {
  margin: 50px;
}

.order_pubblic_block div {
  margin: 10px 20px;
  font-size: 20px;
}

.order_pubblic_block div h2 {
  margin-left: -20px;
}

#product-main-view .slick-arrow {
  opacity: 0;
}

#product-main-view:hover .slick-arrow {
  opacity: 1;
}

#product-view {
  margin-top: 10px;
  margin-bottom: 15px;
}

#product-view .product-view.slick-slide {
  opacity: 0.2;
}

#product-view .product-view.slick-slide.slick-current {
  opacity: 1;
  -webkit-box-shadow: 0px 0px 0px 2px #F8694A inset;
  box-shadow: 0px 0px 0px 2px #F8694A inset;
}

#product-view .product-view {
  padding: 7.5px;
}

.product-view>img {
  width: 100%;
}

/*----------------------------*\
	Product details
\*----------------------------*/

.product.product-details .product-name {
  margin-top: 15px;
}

.product.product-details .product-rating {
  margin-right: 15px;
  margin-bottom: 15px;
}

.product.product-details .product-options {
  padding-top: 30px;
  margin-bottom: 15px;
  border-top: 1px solid #DADADA;
  margin-top: 15px;
}

.product-options .size-option {
  margin-bottom: 15px;
}

.size-option>li {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
  vertical-align: top;
}

.size-option>li:last-child {
  margin-right: 0px;
}

.size-option>li>a {
  display: block;
  border: 1px solid #DADADA;
  font-weight: 700;
  padding: 2px 7px 0px 8px;
}

.size-option>li.active a {
  color: #F8694A;
  border-color: #F8694A;
}

.color-option>li {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
  vertical-align: top;
}

.color-option>li:last-child {
  margin-right: 0px;
}

.color-option>li>a {
  display: block;
  width: 20px;
  height: 20px;
}

.color-option>li.active a {
  -webkit-box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 3px #F8694A;
  box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 3px #F8694A;
}

.product.product-details .qty-input {
  display: inline-block;
}

.product.product-details .qty-input .input {
  width: 90px;
}

/*----------------------------*\
	Product tab
\*----------------------------*/

.product-tab {
  margin-top: 30px;
}

.product-tab .tab-nav {
  border-bottom: 1px solid #DADADA;
  margin-bottom: 30px;
}

.product-tab .tab-nav li {
  display: inline-block;
}

.product-tab .tab-nav li+li {
  margin-left: 30px;
}

.product-tab .tab-nav li a {
  display: block;
  padding: 15px 0px;
  text-transform: uppercase;
  font-weight: 700;
}

.product-tab .tab-nav li.active {
  position: relative;
}

.product-tab .tab-nav li.active a {
  color: #F8694A;
}

.product-tab .tab-nav li.active a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.5px;
  height: 3px;
  width: 30px;
  background-color: #F8694A;
}

/*-- reviews --*/

.single-review {
  margin-bottom: 30px;
}

.single-review .review-heading>div {
  display: inline-block;
}

.single-review .review-heading>div+div {
  margin-left: 10px;
}

.single-review .review-rating {
  display: inline-block;
}

.single-review .review-rating>i {
  color: #FFB656;
}

.single-review .review-rating>i.empty {
  color: #DADADA;
}

.single-review .review-body {
  margin-top: 10px;
}

.reviews-pages li {
  display: inline-block;
  margin-right: 6px;
}

.reviews-pages li a {
  display: block;
  min-width: 10px;
  text-align: center;
}

.reviews-pages li.active {
  color: #F8694A;
}

/*-- review form --*/

.review-form textarea.input {
  height: 90px;
}

.review-form .input-rating .stars {
  display: inline-block;
  vertical-align: top;
}

.review-form .input-rating .stars input[type="radio"] {
  display: none;
}

.review-form .input-rating .stars>label {
  float: right;
  cursor: pointer;
  padding: 0px 3px;
  margin: 0px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.review-form .input-rating .stars>label:hover, .review-form .input-rating .stars>label:hover~label {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.review-form .input-rating .stars>label:before {
  content: "\f006";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #DADADA;
  font-size: 14px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.review-form .input-rating .stars>label:hover:before, .review-form .input-rating .stars>label:hover~label:before {
  content: "\f005";
  color: #FFB656;
}

.review-form .input-rating .stars>input:checked label:before, .review-form .input-rating .stars>input:checked~label:before {
  content: "\f005";
  color: #FFB656;
}

/*=========================================================
	09 -> CHECKOUT PAGE
===========================================================*/

.shiping-methods {
  margin-bottom: 30px;
}

/*-- shopping cart table --*/

.shopping-cart-table>tbody>tr>td, .shopping-cart-table>tbody>tr>th, .shopping-cart-table>tfoot>tr>td, .shopping-cart-table>tfoot>tr>th, .shopping-cart-table>thead>tr>td, .shopping-cart-table>thead>tr>th {
  padding: 15px 0px;
  vertical-align: middle;
  border-top: 1px solid #DADADA;
}

.shopping-cart-table>thead>tr>th {
  color: #30323A;
  text-transform: uppercase;
  border-bottom: 1px solid #DADADA;
}

.shopping-cart-table>tbody>tr:last-child>td {
  border-bottom: 1px solid #DADADA;
}

.shopping-cart-table>tfoot>tr>td, .shopping-cart-table>tfoot>tr>th {
  color: #30323A;
  border-top: 0px
}

.shopping-cart-table>tfoot>tr>td:not(.empty), .shopping-cart-table>tfoot>tr>th:not(.empty) {
  padding: 15px;
  background-color: #F6F7F8;
  border: 1px solid #DADADA;
}

.shopping-cart-table>tbody>tr>.details>a {
  font-size: 18px;
  font-weight: 700;
}

.shopping-cart-table>tbody>tr>.thumb>img {
  width: 60px;
}

.shopping-cart-table>tbody>tr>.qty .input {
  width: 90px;
}

.shopping-cart-table>tbody>tr>.price {
  font-size: 18px;
}

.shopping-cart-table>tbody>tr>.total {
  font-size: 18px;
}

.shopping-cart-table>tfoot>tr>.sub-total {
  font-size: 18px;
}

.shopping-cart-table>tfoot>tr>.total {
  font-size: 24px;
  color: #F8694A;
}

.message,
.register_messages {
    background: #ffc1b4;
    color: #333;
    padding: 20px;
    border: 1px solid #f8694a;
    border-bottom: 3px solid #f8694a;
}

/*=========================================================
	10 -> FOOTER
===========================================================*/

.footer {
  margin: 12px 0;
}

.footer .footer-header {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  color: #eef3ff;
}

#footer {
  background: linear-gradient(180deg, #1d2533 0%, #171e2a 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #d7dfef;
  position: relative;
  padding-bottom: 0;
}

#footer .container {
  position: relative;
}

#footer .container:first-child {
  padding-top: 18px;
}

#footer hr {
  border-color: rgba(255, 255, 255, 0.12);
}

.footer-top-layout {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 18px;
  margin-left: 0;
  margin-right: 0;
}

.footer-col {
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

.footer-top-layout > .footer-col {
  float: none;
  width: auto;
  flex: 1 1 0;
  max-width: none;
}

.footer-col--nav {
  flex: 1.05 1 0;
}

.footer-col--account {
  flex: 1.1 1 0;
  min-width: 230px;
}

.footer-col--media {
  flex: 1.1 1 0;
  min-width: 240px;
}

.footer-col--counter {
  flex: 0 0 108px;
  min-width: 108px;
  display: flex;
  align-self: stretch;
  justify-content: flex-end;
}

.footer-nav-mobile-row {
  display: block;
}

.footer-nav-content {
  min-width: 0;
}

.footer-bottom-counter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.footer-bottom-counter--mobile {
  display: none;
}

.footer-nav-links,
.footer-account-links {
  margin: 0;
}

.footer-nav-links li,
.footer-account-links li {
  margin-bottom: 7px;
}

.footer-nav-links li:last-child,
.footer-account-links li:last-child {
  margin-bottom: 0;
}

.footer-col--account .nav,
.footer-col--account .catalog-menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.footer-col--account .nav > li,
.footer-col--account .catalog-menu > li {
  margin-bottom: 7px;
}

.footer-col--account .nav > li:last-child,
.footer-col--account .catalog-menu > li:last-child {
  margin-bottom: 0;
}

.footer-login-module {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.14);
  max-width: 320px;
}

.footer-login-form .input {
  height: 42px;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 12px;
}

.footer-login-form .primary-btn {
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.06em;
}

.footer-logo {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.footer-logo_paysystem {
  width: auto;
  height: 34px;
  max-width: 110px;
  object-fit: contain;
}

.footer-logo .logo {
  display: inline-block;
}

.footer-logo .logo>img {
  width: 100%;
  max-height: 70px;
}

.footer-social>li {
  display: inline-block;
  margin-right: 0;
  margin-bottom: 0;
}

.footer-social>li:last-child {
  margin-right: 0px;
}

.footer-social>li>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #eaf0ff;
  background: rgba(255, 255, 255, 0.04);
  transition: all .2s ease;
}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}

.footer-social>li>a i {
  font-size: 22px;
  line-height: 1;
}

.footer-social>li>a:hover,
.footer-social>li>a:focus {
  border-color: #f8694a;
  background: #f8694a;
  color: #fff;
}

.footer-header--social {
  margin-top: 42px;
}

.footer-bottom-row {
  position: relative;
  min-height: 0;
  padding-bottom: 0;
}

.footer-counter-floating {
  position: static;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 8px;
  border-radius: 12px;
  background: rgba(23, 30, 42, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
  z-index: 20;
  flex-shrink: 0;
}

.footer-counter-floating img {
  display: block;
  width: 94px;
  height: auto;
  max-width: none;
}

.footer-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  margin: 0 auto;
  padding: 0 0 16px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: #c7d1e6;
  text-align: center;
}

.footer-catalog-title-wrap {
  text-align: center;
}

.footer-catalog-title-wrap h3 {
  color: #dce4f6;
  font-weight: 700;
}

.footer-catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px;
  padding: 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-catalog-grid h4 {
  color: #f2f6ff;
  font-weight: 700;
}

.footer-catalog-grid ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.footer-catalog-grid li a {
  color: #d4ddef;
}

.footer-catalog-grid li a:hover,
.footer-catalog-grid li a:focus {
  color: #f7a48f;
}

#footer .list-links li > a,
#footer .footer-account-links li > a,
#footer .footer-col--account .nav > li > a,
#footer .footer-col--account .catalog-menu > li > a {
  color: #d7dfef;
}

#footer .list-links li > a:hover,
#footer .list-links li > a:focus,
#footer .footer-account-links li > a:hover,
#footer .footer-account-links li > a:focus,
#footer .footer-col--account .nav > li > a:hover,
#footer .footer-col--account .nav > li > a:focus,
#footer .footer-col--account .catalog-menu > li > a:hover,
#footer .footer-col--account .catalog-menu > li > a:focus {
  color: #f7a48f;
}

.footer-copyright__main {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .footer-nav-mobile-row {
    display: block;
  }

  .footer-bottom-counter--mobile {
    display: none !important;
  }

  .footer-col--counter-desktop {
    display: flex;
  }
}

@media only screen and (max-width: 991px) {
  #footer {
    padding-bottom: 0;
  }

  .footer-top-layout {
    display: block;
  }

  .footer-col {
    margin-bottom: 14px;
  }

  .footer-nav-mobile-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  .footer-nav-content {
    flex: 1 1 auto;
  }

  .footer-bottom-counter--mobile {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex: 0 0 auto;
  }

  .footer-col--counter-desktop {
    display: none;
  }

  .footer-bottom-row {
    gap: 8px;
    min-height: 0;
    align-items: center;
    justify-content: flex-start;
  }

  .footer-counter-floating {
    position: static;
    display: inline-flex;
    margin: 0;
    padding: 6px;
  }

  .footer-counter-floating img {
    width: 64px;
  }

  .footer-counter-floating--mobile img {
    width: 70px;
  }

  .footer-header--social {
    margin-top: 14px;
  }

  .footer-copyright {
    min-height: 0;
    padding-right: 0;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
  }

  .footer-copyright__main {
    text-align: center;
    width: auto;
  }

  .footer-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 14px;
    gap: 12px;
  }

  .footer-catalog-grid h4 {
    font-size: 13px;
  }

  .footer-catalog-grid li a {
    font-size: 12px;
  }

  .promo-contact-card {
    padding: 18px 14px;
  }

  .promo-contact-info-col,
  .promo-contact-form-col {
    padding-left: 8px;
    padding-right: 8px;
  }

  .promo-contact-section .product-reviews h2 {
    font-size: 25px;
  }
}

/*=========================================================
	11 -> SLICK
===========================================================*/

/*----------------------------*\
	Arrows
\*----------------------------*/

.slick-prev, .slick-next {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: none;
  border-radius: 50%;
  background: rgba(48, 50, 58, 0.90);
  box-shadow: 0 10px 22px rgba(13, 20, 32, 0.20);
  z-index: 22;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background: #f8694a;
}

.slick-prev:before, .slick-next:before {
  display: block;
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
  opacity: 1;
  font-size: 18px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before {
  content: "\f104";
  margin-right: 1px;
}

.slick-next:before {
  content: "\f105";
  margin-left: 1px;
}

.slick-prev {
  left: 12px;
}

.slick-next {
  right: 12px;
}

.custom-nav .slick-prev, .custom-nav .slick-next {
  display: inline-block;
  position: static;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

/*----------------------------*\
	Dots
\*----------------------------*/

.slick-dots li, .slick-dots li button, .slick-dots li button:before {
  width: 10px;
  height: 10px;
}

.slick-dots li button:before {
  content: "";
  opacity: 1;
  background: #DADADA;
  border-radius: 50%;
}

.slick-dots li.slick-active button:before {
  background-color: #F8694A;
}

.custom-dots .slick-dots {
  position: static;
  margin: 15px 0px;
}

.comments-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.comments-section-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
  color: #30323a;
}

.comments-slick {
  margin: 0 -12px;
}

.comments-slick .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comments-slick .slick-slide {
  height: auto;
}

.comments-slick .slick-slide > div {
  height: 100%;
}

.comment-slide {
  padding: 0 12px 12px;
  height: 100%;
}

.comment-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #ececec;
  border-radius: 24px;
  background: #ffffff;
  -webkit-box-shadow: 0 18px 40px rgba(48, 50, 58, 0.08);
  box-shadow: 0 18px 40px rgba(48, 50, 58, 0.08);
  -webkit-transition: -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.comment-card:hover {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-box-shadow: 0 24px 44px rgba(48, 50, 58, 0.14);
  box-shadow: 0 24px 44px rgba(48, 50, 58, 0.14);
}

.comment-card__top {
  padding: 24px 24px 0;
}

.comment-card__author-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

.comment-card__avatar img {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 3px solid #fff4f1;
  -webkit-box-shadow: 0 10px 24px rgba(248, 105, 74, 0.18);
  box-shadow: 0 10px 24px rgba(248, 105, 74, 0.18);
}

.comment-card__meta {
  min-width: 0;
}

.comment-card__avatar {
  position: relative;
  display: inline-block;
}

.comment-card__avatar:before {
  content: "\201C";
  position: absolute;
  top: -14px;
  left: -6px;
  font-size: 56px;
  line-height: 1;
  color: #f8694a;
  opacity: 0.9;
  font-weight: 700;
  z-index: 2;
  pointer-events: none;
  font-family: Georgia, serif;
}

.comment_author {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
  color: #BA4F37;
  line-height: 1.3;
}

.comment_author a {
  color: inherit;
}

.comment_author a:hover {
  color: #f8694a;
}

.comment_date {
  margin-top: 0;
  font-size: 13px;
  color: #BA4F37;
  font-style: normal;
}

.comment-card__label {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #fff1ed;
  color: #f8694a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.comment-card__message {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 22px 24px 24px;
  font-size: 15px;
  line-height: 1.75;
  color: #4d5360;
}

.comment-card__company {
  position: relative;
  min-height: 170px;
  padding: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.comment-card__company-overlay {
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 37, 43, 0.18)), to(rgba(34, 37, 43, 0.9)));
  background: linear-gradient(180deg, rgba(34, 37, 43, 0.18) 0%, rgba(34, 37, 43, 0.9) 100%);
}

.comment-card__company-content {
  position: relative;
  z-index: 1;
}

.comment-card__company-kicker {
  display: inline-block;
  margin-bottom: 12px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.comment-card__company-title {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.3;
}

.comment-card__company-title a {
  color: #ffffff;
}

.comment-card__company-title a:hover {
  color: #F78C74;
}

.comment-card__company-address {
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
  line-height: 1.6;
}

.comment-card__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.comment-card__contact-item {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 13px;
  line-height: 1.4;
  word-break: break-word;
}

.comments-slick-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.comments-slick-arrow {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #30323a;
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.comments-slick-arrow:hover,
.comments-slick-arrow:focus {
  background: #f8694a;
  color: #ffffff;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.comments-slick-arrow.slick-disabled {
  opacity: 0.45;
  cursor: default;
  -webkit-transform: none;
  transform: none;
}

.blog-shell {
  position: relative;
  z-index: 1;
}

.blog-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-layout > [class*='col-'] {
  float: none;
}

.blog-sidebar,
.blog-page {
  margin-bottom: 30px;
}

.blog-page > .col-sm-12 {
  float: none;
}

.blog-panel {
  margin-bottom: 28px;
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
  box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  overflow: hidden;
}

.blog-panel__header,
.blog-panel .header_top {
  padding: 22px 24px 16px;
  border-bottom: 1px solid rgba(22, 35, 52, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 253, 0.92) 100%);
}

.blog-panel__header h3,
.blog-panel .header_top h3 {
  margin: 0;
  color: #18263b;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
}

.blog-panel__body,
.blog-panel .box_body {
  padding: 14px;
}

.blog-category-list {
  margin: 0 0 28px;
  list-style: none;
}

.blog-category-list > li + li {
  border-top: 1px solid rgba(22, 35, 52, 0.08);
}

.blog-category-list > li > a {
  position: relative;
  padding: 15px 48px 15px 22px;
  color: #30323A;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
}

.blog-category-list > li > a:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 22px;
  color: #f8694a;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.blog-category-list > li > a:hover,
.blog-category-list > li > a:focus {
  background: rgba(248, 105, 74, 0.08);
  color: #f8694a;
  padding-left: 28px;
}

.blog-company-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  min-height: 0;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid rgba(22, 35, 52, 0.07);
  border-radius: 20px;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.22s ease, -webkit-box-shadow 0.22s ease, border-color 0.22s ease;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.blog-company-card:last-child {
  margin-bottom: 0;
}

.blog-company-card:hover {
  border-color: rgba(248, 105, 74, 0.28);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 18px 30px rgba(24, 39, 75, 0.08);
  box-shadow: 0 18px 30px rgba(24, 39, 75, 0.08);
}

.blog-company-card__logo img,
.blog-company-card .logo_company img {
  float: none;
  width: 70px;
  height: 70px;
  margin: 0;
  border-radius: 18px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-shadow: 0 12px 22px rgba(24, 39, 75, 0.12);
  box-shadow: 0 12px 22px rgba(24, 39, 75, 0.12);
}

.blog-company-card__content,
.blog-company-card .shortData_company {
  margin-left: 0;
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.blog-company-card__title h5,
.blog-company-card .title_company h5 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.45;
}

.blog-company-card__title a,
.blog-company-card .title_company a {
  color: #30323A;
}

.blog-company-card__title a:hover,
.blog-company-card .title_company a:hover {
  color: #f8694a;
}

.blog-company-card__meta,
.blog-company-card .data_views_company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

.blog-company-card .date_company,
.blog-company-card .views_company {
  float: none;
  margin: 0;
  color: #BA4F37;
  font-size: 12px;
}

.blog-sidebar__cta {
  display: block;
  width: 100%;
  margin-top: 16px;
  border-radius: 18px;
  text-align: center;
  -webkit-box-shadow: 0 16px 24px rgba(248, 105, 74, 0.24);
  box-shadow: 0 16px 24px rgba(248, 105, 74, 0.24);
}

.blog-hero {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
  padding: 36px;
  border-radius: 32px;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 24%), linear-gradient(135deg, #340563 0%, #2f1f1b 42%, #f8694a 100%);
  color: #ffffff;
  -webkit-box-shadow: 0 30px 60px rgba(248, 105, 74, 0.24);
  box-shadow: 0 30px 60px rgba(248, 105, 74, 0.24);
  overflow: hidden;
}

.blog-hero:before,
.blog-hero:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
}

.blog-hero:before {
  top: -56px;
  right: -44px;
  width: 180px;
  height: 180px;
}

.blog-hero:after {
  bottom: -70px;
  left: -40px;
  width: 220px;
  height: 220px;
}

.blog-hero__content,
.blog-hero__stats {
  position: relative;
  z-index: 1;
}

.blog-hero__eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.blog-hero__title {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 38px;
  line-height: 1.1;
}

.blog-hero__description {
  max-width: 580px;
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  line-height: 1.8;
}

.blog-hero__stats {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.blog-hero__stat {
  min-width: 150px;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.12);
  text-align: left;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.blog-hero__stat-number {
  display: block;
  margin-bottom: 8px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}

.blog-hero__stat-label {
  display: block;
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.blog-grid {
  margin-left: 0;
  margin-right: 0;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
}

.blog-grid.row:before,
.blog-grid.row:after {
  display: none;
}

.blog-grid .articles,
.blog-grid .articles.col-sm-6 {
  width: 100% !important;
  float: none !important;
  min-height: 0;
  margin-bottom: 28px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: top;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.blog-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-box-shadow: 0 22px 46px rgba(24, 39, 75, 0.08);
  box-shadow: 0 22px 46px rgba(24, 39, 75, 0.08);
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.blog-card:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 32px 54px rgba(24, 39, 75, 0.12);
  box-shadow: 0 32px 54px rgba(24, 39, 75, 0.12);
}

.blog-card__media {
  position: relative;
  margin-bottom: 0;
  background: transparent;
}

.blog-card__media .carousel,
.blog-card__media .carousel.slide {
  position: relative;
  width: 100%;
  float: none;
  display: block;
}

.blog-card__media .carousel-inner {
  display: block;
  overflow: hidden;
  min-height: 0;
  background: transparent;
}

.blog-card__media .carousel-inner > .item {
  position: relative;
  display: none;
  width: 100%;
  min-height: 0;
  background: transparent;
}

.blog-card__media .carousel-inner > .active,
.blog-card__media .carousel-inner > .next,
.blog-card__media .carousel-inner > .prev {
  display: block;
}

.blog-card__media .carousel-inner > .next,
.blog-card__media .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.blog-card__media .carousel-inner > .next {
  left: 100%;
}

.blog-card__media .carousel-inner > .prev {
  left: -100%;
  left: 0;
}

.blog-card__media .carousel-inner > .item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 0;
  padding: 0;
}

.blog-card__media .carousel-inner > .item > a > img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: none;
  height: auto;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.blog-left-control,
.blog-right-control {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #30323A;
  text-align: center;
  line-height: 44px;
  font-size: 22px;
  opacity: 0;
  box-shadow: 0 10px 24px rgba(13, 20, 32, 0.22);
  -webkit-transition: opacity 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.blog-left-control {
  left: 12px;
}

.blog-right-control {
  right: 12px;
}

.blog-card:hover .blog-left-control,
.blog-card:hover .blog-right-control {
  opacity: 1;
}

.blog-left-control:hover,
.blog-right-control:hover,
.blog-left-control:focus,
.blog-right-control:focus {
  background: #f8694a;
  color: #ffffff;
  -webkit-transform: translateY(-2px) scale(1.04);
  transform: translateY(-2px) scale(1.04);
}

.blog-card__meta {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 2;
}

.blog-card__meta span {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(17, 24, 36, 0.72);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.blog-card__meta i {
  margin-right: 6px;
  color: #ffd7cf;
}

.blog-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px 24px 26px;
}

.blog-card__date {
  display: inline-block;
  margin-bottom: 12px;
  color: #f8694a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.blog-card__body h3 {
  margin: 0 0 14px;
  font-size: 22px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card__body h3 a {
  color: #30323A;
}

.blog-card__body h3 a:hover {
  color: #f8694a;
}

.blog-card__excerpt {
  margin-bottom: 22px;
  color: #30323A;
  font-size: 15px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card__excerpt p {
  margin: 0;
  overflow: hidden;
}

.blog-card__link {
  display: inline-block;
  margin-top: auto;
  padding: 12px 18px;
  border-radius: 16px;
  background: #BA4F37;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, transform 0.2s ease;
  text-align: center;
}

.blog-card__link:hover,
.blog-card__link:focus {
  background: #f8694a;
  color: #ffffff;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.pages-hero {
  margin-bottom: 28px;
}

.pages-section .blog-hero {
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.14), transparent 24%), linear-gradient(135deg, #2d3a4a 0%, #3f2e2a 45%, #ba4f37 100%);
  box-shadow: 0 16px 34px rgba(24, 39, 75, 0.14);
}

.pages-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.page-card {
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfbfa 100%);
}

.page-card .blog-card__link {
  width: 100%;
  min-width: 0;
}

.page-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  gap: 10px;
}

.page-card__badge {
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(186, 79, 55, 0.12);
  color: #8f3d2b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.page-card__body h3 {
  margin-top: 2px;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 1.4;
  display: block;
  -webkit-line-clamp: initial;
  line-clamp: initial;
  -webkit-box-orient: initial;
  overflow: visible;
  min-height: 0;
}

.page-card__body h3 a {
  display: block;
  word-break: break-word;
}

.page-card__excerpt {
  margin: 0 0 6px;
  color: #4a5261;
  font-size: 14px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pages-empty-state {
  margin: 0;
  padding: 24px;
  border-radius: 20px;
  border: 1px dashed rgba(22, 35, 52, 0.25);
  background: rgba(248, 250, 253, 0.85);
  color: #18263b;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .pages-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767px) {
  .pages-list {
    grid-template-columns: 1fr;
  }
}

.blog-article-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-article-layout > [class*='col-'] {
  float: none;
}

.blog-article-page > .col-sm-12 {
  float: none;
}

.blog-article-page > .col-sm-12 .banner.banner-2 {
  margin-bottom: 28px;
}

.blog-article-hero {
  position: relative;
  margin-bottom: 28px;
  padding: 34px 36px;
  border-radius: 32px;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 24%), linear-gradient(135deg, #340563 0%, #2f1f1b 42%, #f8694a 100%);
  color: #ffffff;
  -webkit-box-shadow: 0 30px 60px rgba(24, 39, 75, 0.16);
  box-shadow: 0 30px 60px rgba(24, 39, 75, 0.16);
  overflow: hidden;
}

.blog-article-hero:before,
.blog-article-hero:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.blog-article-hero:before {
  right: -40px;
  top: -48px;
  width: 180px;
  height: 180px;
}

.blog-article-hero:after {
  left: -60px;
  bottom: -90px;
  width: 230px;
  height: 230px;
}

.blog-article-hero > * {
  position: relative;
  z-index: 1;
}

.blog-article-hero__meta,
.blog-article-hero__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.blog-article-hero__meta {
  margin-bottom: 16px;
}

.blog-article-hero__meta span,
.blog-article-hero__tag {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.blog-article-hero__meta i {
  margin-right: 6px;
}

.blog-article-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 40px;
  line-height: 1.14;
}

.blog-article-hero__tag:hover,
.blog-article-hero__tag:focus {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.22);
}

.blog-article-lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 18px;
}

.blog-article-lead__summary {
  width: 32%;
}

.blog-article-lead__gallery {
  width: 68%;
}

.blog-article-cover,
.blog-article-gallery,
.blog-comment-form,
.blog-article-tabs__content {
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
  box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
}

.blog-article-cover {
  height: 100%;
  padding: 18px;
}

.blog-article-cover__logo {
  width: 100%;
  height: 240px;
  margin-bottom: 14px;
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%);
  -webkit-box-shadow: 0 18px 30px rgba(24, 39, 75, 0.10);
  box-shadow: 0 18px 30px rgba(24, 39, 75, 0.10);
}

.blog-article-cover__logo img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-article-cover__kicker {
  display: inline-block;
  margin-bottom: 8px;
  padding: 6px 11px;
  border-radius: 999px;
  background: #fff1ed;
  color: #f8694a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.blog-article-cover__title {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.22;
}

.blog-article-rating {
  margin-top: 10px;
}

.blog-article-rating__stars {
  display: inline-block;
  float: none;
}

.blog-article-rating__stars label {
  font-size: 18px;
  color: #f0b453;
}

.blog-article-rating__text {
  margin: 8px 0 0;
  color: #6d7b90 !important;
  font-size: 13px !important;
}

.blog-article-gallery {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%);
}

.blog-article-gallery.carousel,
.blog-article-gallery.carousel.slide {
  position: relative;
  width: 100%;
  display: block;
}

.blog-article-gallery .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.blog-article-gallery .carousel-inner > .item {
  position: relative;
  width: 100%;
  display: none;
  opacity: 1;
  -webkit-transition: left .35s ease-in-out;
  transition: left .35s ease-in-out;
}

.blog-article-gallery .carousel-inner > .active,
.blog-article-gallery .carousel-inner > .next,
.blog-article-gallery .carousel-inner > .prev {
  display: block;
}

.blog-article-gallery .carousel-inner > .next,
.blog-article-gallery .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.blog-article-gallery .carousel-inner > .next {
  left: 100%;
}

.blog-article-gallery .carousel-inner > .prev {
  left: -100%;
}

.blog-article-gallery .carousel-inner > .next.left,
.blog-article-gallery .carousel-inner > .prev.right {
  left: 0;
}

.blog-article-gallery .carousel-inner > .active.left {
  left: -100%;
}

.blog-article-gallery .carousel-inner > .active.right {
  left: 100%;
}

.blog-article-gallery .carousel-inner > .item > img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

.company-detail-gallery,
.company-detail-gallery .carousel-inner,
.company-detail-gallery .carousel-inner > .item {
  background: transparent !important;
}

.company-detail-gallery .carousel-inner {
  min-height: 0 !important;
  height: auto !important;
}

.company-detail-gallery .carousel-inner > .item,
.company-detail-gallery .carousel-inner > .active,
.company-detail-gallery .carousel-inner > .next,
.company-detail-gallery .carousel-inner > .prev {
  background: transparent !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  -webkit-transition: left .35s ease-in-out !important;
  transition: left .35s ease-in-out !important;
}

.company-detail-gallery .carousel-inner > .item > img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain;
}

.blog-article-gallery__control {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: 0;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.92);
  color: #30323A;
  line-height: 1;
  text-align: center;
  font-size: 22px;
  box-shadow: 0 10px 24px rgba(13, 20, 32, 0.22);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.22s ease, visibility 0.22s ease, background 0.22s ease, color 0.22s ease, -webkit-transform 0.22s ease;
  transition: opacity 0.22s ease, visibility 0.22s ease, background 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.blog-article-gallery:hover .blog-article-gallery__control,
.blog-article-gallery:focus-within .blog-article-gallery__control {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.company-detail-gallery .blog-article-gallery__control,
.company-detail-gallery .left-control,
.company-detail-gallery .right-control {
  top: 50% !important;
  margin-top: 0 !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

.blog-article-gallery__control:hover,
.blog-article-gallery__control:focus {
  background: #f8694a;
  color: #ffffff;
}

.blog-article-gallery__empty {
  min-height: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
}

.blog-article-tabs {
  margin-bottom: 34px;
}

.blog-article-tabs__nav {
  margin-bottom: 16px;
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.blog-article-tabs__nav > li {
  float: none;
  margin: 0;
}

.blog-article-tabs__nav > li > a {
  margin: 0;
  padding: 12px 18px;
  border: none !important;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  color: #BA4F37;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.blog-article-tabs__nav > li.active > a,
.blog-article-tabs__nav > li.active > a:hover,
.blog-article-tabs__nav > li.active > a:focus {
  background: #BA4F37;
  color: #ffffff;
}

.blog-article-tabs__content {
  padding: 30px;
}

.blog-article-content__text {
  color: #30323A;
  font-size: 16px;
  line-height: 1.9;
}

.blog-article-content__text p {
  margin: 0 0 16px;
}

.blog-article-content__text p:first-child {
  margin-top: 0;
}

.blog-article-content__text ul,
.blog-article-content__text ol,
.product-detail-description ul,
.product-detail-description ol,
.one_service_block-description ul,
.one_service_block-description ol {
  margin: 0 0 16px;
  padding-left: 24px;
  list-style-position: outside;
}

.blog-article-content__text li,
.product-detail-description li,
.one_service_block-description li {
  margin-bottom: 8px;
  padding-left: 2px;
}

.blog-article-content__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid rgba(22, 35, 52, 0.08);
}

.blog-article-content__footer span {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f5f8fc;
  color: #22324a;
  font-size: 13px;
  font-weight: 700;
}

.blog-article-content__footer i {
  margin-right: 6px;
  color: #f8694a;
}

.blog-comments-list {
  margin-bottom: 26px;
}

.blog-article-comments {
  position: relative;
}

.blog-article-comments:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 24px;
  background: linear-gradient(90deg, rgba(248, 105, 74, 0.28) 0%, rgba(29, 43, 64, 0.08) 100%);
}

.blog-comment-card {
  float: none;
  margin-top: 0;
  margin-bottom: 16px;
  padding: 20px;
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 22px;
  background: #ffffff;
  -webkit-box-shadow: 0 16px 30px rgba(24, 39, 75, 0.06);
  box-shadow: 0 16px 30px rgba(24, 39, 75, 0.06);
}

.blog-comment-card--child {
  margin-left: 30px;
  background: #fbfcfe;
}

.blog-comment-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  float: none;
  padding: 0;
}

.blog-comment-card__header .comment_avatar {
  float: none;
  width: 54px;
  height: 54px;
  margin-right: 0;
}

.blog-comment-card__meta .name,
.blog-comment-card__meta .comment_date {
  float: none;
  margin: 0;
}

.blog-comment-card__meta .name {
  font-size: 15px;
}

.blog-comment-card__body {
  margin: 16px 0 0;
  color: #4d5b6f;
  line-height: 1.8;
}

.blog-comment-card__reply {
  margin: 16px 0 0;
  padding: 0;
}

.blog-comment-card__reply a {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 14px;
  background: #BA4F37;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.blog-comment-card__reply a:hover {
  background: #f8694a;
  color: #ffffff;
}

.blog-comments-empty {
  position: relative;
  padding: 34px 30px;
  border: 1px solid rgba(248, 105, 74, 0.12);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(248, 105, 74, 0.12), transparent 32%),
    linear-gradient(180deg, #fff8f4 0%, #fffdfb 100%);
  color: #4d5b6f;
  overflow: hidden;
}

.blog-comments-empty:before {
  content: "\f086";
  font-family: FontAwesome;
  position: absolute;
  right: 26px;
  top: 22px;
  font-size: 44px;
  color: rgba(248, 105, 74, 0.18);
}

.blog-comments-empty h3 {
  max-width: 620px;
  margin: 0;
  font-size: 24px;
  line-height: 1.45;
}

.blog-comment-form {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 253, 0.98) 100%);
}

.blog-comment-form:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #F8694A 0%, #3F0465 100%);
}

.blog-comment-form__header {
  padding: 28px 28px 8px;
}

.blog-comment-form__header h3 {
  margin: 0;
  font-size: 28px;
}

.blog-comment-form__header:after {
  content: "\041f\043e\0434\0435\043b\0438\0442\0435\0441\044c\000020\0432\043f\0435\0447\0430\0442\043b\0435\043d\0438\0435\043c\000020\043e\000020\0441\0442\0430\0442\044c\0435\000020\0438\043b\0438\000020\043a\043e\043c\043f\0430\043d\0438\0438.";
  display: block;
  margin-top: 10px;
  color: #708095;
  font-size: 15px;
  line-height: 1.7;
}

.blog-comment-form__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0;
  padding: 8px 28px 8px;
}

.blog-comment-form__body .form-group {
  margin-bottom: 18px;
}

.blog-comment-form__body .form-group.col-md-3 {
  width: 33.33333333%;
}

.blog-comment-form__body .input {
  height: 52px;
  border-radius: 16px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 0 1px rgba(22, 35, 52, 0.10) inset, 0 12px 24px rgba(24, 39, 75, 0.04);
  box-shadow: 0 0 0 1px rgba(22, 35, 52, 0.10) inset, 0 12px 24px rgba(24, 39, 75, 0.04);
}

.blog-comment-form__body .input:focus {
  -webkit-box-shadow: 0 0 0 1px #f8694a inset, 0 0 0 3px rgba(248, 105, 74, 0.12);
  box-shadow: 0 0 0 1px #f8694a inset, 0 0 0 3px rgba(248, 105, 74, 0.12);
}

.blog-comment-form__textarea {
  clear: both;
  width: 100%;
}

.blog-comment-form__textarea textarea {
  min-height: 160px;
  resize: vertical;
  padding-top: 16px;
}

.blog-comment-form__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 4px 28px 28px;
}

.blog-comment-form__footer .primary-btn {
  min-width: 190px;
  padding: 14px 22px;
  border-radius: 16px;
  -webkit-box-shadow: 0 18px 28px rgba(248, 105, 74, 0.22);
  box-shadow: 0 18px 28px rgba(248, 105, 74, 0.22);
}

.blog-comment-form__footer #result {
  margin: 0;
  color: #6d7b90;
  font-size: 14px;
}

.blog-related__header {
  margin-bottom: 18px;
}

.blog-related__header h3 {
  margin: 0;
  font-size: 28px;
}

/*=========================================================
	12 -> RESPONSIVE
===========================================================*/

@media only screen and (max-width: 991px) {
  #home .home-wrap {
    margin-left: 0px;
  }
  #aside {
    margin-bottom: 60px;
  }
  .product-reviews {
    margin-bottom: 30px;
  }
  .comments-section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .comments-section-title {
    font-size: 26px;
  }
  .comment-card__top {
    padding: 20px 20px 0;
  }
  .comment-card__message {
    padding: 18px 20px 20px;
  }
  .comment-card__company {
    min-height: 155px;
    padding: 20px;
  }
  .blog-layout {
    display: block;
  }
  .blog-article-layout {
    display: block;
  }
  .blog-hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px 26px;
  }
  .blog-hero__title {
    font-size: 32px;
  }
  .blog-hero__description {
    max-width: none;
  }
  .blog-hero__stats {
    width: 100%;
  }
  .blog-hero__stat {
    width: 100%;
  }
  .blog-grid .articles {
    margin-bottom: 24px;
  }
  .blog-article-hero {
    padding: 28px 26px;
  }
  .blog-article-hero__title {
    font-size: 34px;
  }
  .blog-article-lead {
    display: block;
  }
  .blog-article-lead__summary,
  .blog-article-lead__gallery {
    width: 100%;
  }
  .blog-article-lead__summary {
    margin-bottom: 24px;
  }
  .blog-article-gallery .carousel-inner,
  .blog-article-gallery .carousel-inner > .item {
    min-height: 360px;
  }
  .blog-article-gallery .carousel-inner > .item > img {
    max-height: 320px;
  }
  .blog-article-tabs__content {
    padding: 24px;
  }
}

@media only screen and (max-width: 680px) {
  .comments-slick {
    margin: 0 -8px;
  }
  .comment-slide {
    padding: 0 8px 10px;
  }
  .comment-card {
    border-radius: 20px;
  }
  .comment-card__author-block {
    gap: 12px;
  }
  .comment-card__avatar img {
    width: 60px;
    height: 60px;
  }
  .comment_author {
    font-size: 16px;
  }
  .comment-card__company-title {
    font-size: 19px;
  }
  .blog-panel {
    border-radius: 24px;
  }
  .blog-hero {
    margin-bottom: 26px;
    padding: 24px 20px;
    border-radius: 26px;
  }
  .blog-hero__title {
    font-size: 28px;
  }
  .blog-hero__description {
    font-size: 15px;
    line-height: 1.7;
  }
  .blog-grid {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .blog-grid .articles {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-card {
    border-radius: 22px;
  }
  .blog-card__media .carousel-inner > .item {
    width: 100%;
    min-height: 0;
  }
  .blog-card__media .carousel-inner {
    min-height: 0;
  }
  .blog-card__media .carousel-inner > .item > a {
    min-height: 0;
    padding: 0;
  }
  .blog-card__media .carousel-inner > .item > a > img {
    max-height: none;
  }
  .blog-card__body {
    padding: 20px 18px 22px;
  }
  .blog-card__body h3 {
    font-size: 20px;
  }
  .blog-company-card {
    padding: 12px;
  }
  .blog-company-card__logo img,
  .blog-company-card .logo_company img {
    width: 60px;
    height: 60px;
    border-radius: 16px;
  }
  .blog-article-hero {
    padding: 24px 20px;
    border-radius: 26px;
  }
  .blog-article-hero__title {
    font-size: 28px;
  }
  .blog-article-cover,
  .blog-article-gallery,
  .blog-comment-form,
  .blog-article-tabs__content {
    border-radius: 22px;
  }
  .blog-article-cover {
    padding: 20px;
  }
  .blog-article-cover__logo {
    width: 100%;
    height: 200px;
    border-radius: 22px;
  }
  .blog-article-gallery,
  .blog-article-cover,
  .blog-article-tabs,
  .blog-article-tabs__content {
    overflow: hidden;
  }
  .blog-article-gallery .carousel-inner,
  .blog-article-gallery .carousel-inner > .item {
    min-height: 210px;
    padding: 10px;
  }
  .blog-article-gallery .carousel-inner > .item > img {
    max-height: 180px;
  }
  .blog-article-gallery__control {
    width: 38px;
    height: 38px;
    line-height: 1;
    margin-top: 0;
    font-size: 18px;
  }
  .product-detail-gallery .carousel-inner,
  .product-detail-gallery .carousel-inner > .item,
  .company-detail-gallery .carousel-inner,
  .company-detail-gallery .carousel-inner > .item,
  .company-detail-gallery .carousel-inner > .active,
  .company-detail-gallery .carousel-inner > .next,
  .company-detail-gallery .carousel-inner > .prev {
    min-height: 0 !important;
    padding: 0 !important;
  }
  .product-detail-gallery .blog-article-gallery__control,
  .product-detail-gallery .left-control,
  .product-detail-gallery .right-control,
  .company-detail-gallery .blog-article-gallery__control,
  .company-detail-gallery .left-control,
  .company-detail-gallery .right-control {
    top: 50%;
    margin-top: 0 !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
  }
  .company-detail-gallery .carousel-inner > .item > img {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
  }
  .blog-article-tabs__nav {
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
  .blog-article-tabs__nav > li {
    width: 100%;
    flex: none;
    display: block;
  }
  .blog-article-tabs__nav > li + li {
    margin-top: 8px;
  }
  .blog-article-tabs__nav > li > a {
    display: block;
    width: 100%;
    padding: 10px 12px;
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
    border-radius: 12px;
    white-space: normal;
  }
  .blog-article-tabs__content {
    padding: 16px;
  }
  .blog-comment-card {
    padding: 16px;
  }
  .blog-comment-card--child {
    margin-left: 14px;
  }
  .blog-comment-form__header,
  .blog-comment-form__body,
  .blog-comment-form__footer {
    padding-left: 20px;
    padding-right: 20px;
  }
  .blog-comments-empty {
    padding: 26px 20px;
  }
  .blog-comments-empty h3 {
    font-size: 20px;
  }
  .blog-comment-form__header h3 {
    font-size: 24px;
  }
  .blog-comment-form__header:after {
    font-size: 14px;
  }
  .blog-comment-form__body .form-group.col-md-3 {
    width: 100%;
  }
  .blog-comment-form__footer {
    display: block;
  }
  .blog-comment-form__footer .primary-btn {
    width: 100%;
    min-width: 0;
  }
  .blog-comment-form__footer #result {
    margin-top: 12px;
  }
}

@media only screen and (max-width: 480px) {
  .blog-article-page > .col-sm-12 .banner.banner-2 {
    margin-bottom: 22px !important;
  }

  .blog-article-lead {
    display: block !important;
    margin-bottom: 28px !important;
  }

  .blog-article-lead__summary,
  .blog-article-lead__gallery,
  .blog-article-tabs {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
  }

  .blog-article-lead__summary {
    margin-bottom: 14px;
  }

  .blog-article-lead__gallery {
    margin-bottom: 8px;
  }

  .blog-article-tabs {
    clear: both;
    padding-top: 10px;
    margin-top: 0 !important;
  }

  .blog-article-tabs__nav {
    padding-left: 0;
  }

  .blog-article-tabs__nav > li {
    float: none;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .banner h1 {
    font-size: 36px;
  }
  .store-filter .pull-right, .store-filter .pull-left {
    float: none !important;
  }
  .store-filter .pull-right {
    margin-top: 15px;
  }
  
  .section-grey {
    background: #39393B;
    }
    
    img.contact_form_background {
        display: none;
    }
    
    .about_us_contacts {

        margin-top: 400px;
    
    }
    
    .background {
        background: none;
    }
    
    .address {
        padding-left: 0px;
    }
    
    .footer p,
    .footer .list-links li > a {
        color: white;
    }
    
    .footer .list-links li > a i {
        color: #F8694A;
    }

  .blog-page > .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-sidebar__cta {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 480px) {
  [class*='col-xs'] {
    width: 100%;
  }
}

/*=========================================================
  AUTH PAGES
===========================================================*/

.auth-page {
  position: relative;
  padding: 28px 0 36px;
}

.auth-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.95fr) minmax(380px, 1.05fr);
  gap: 24px;
  align-items: stretch;
}

.auth-showcase,
.auth-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 32px;
  box-shadow: 0 26px 56px rgba(24, 39, 75, 0.1);
  border: none;
}

.auth-showcase {
  padding: 40px 36px;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 214, 204, 0.24), transparent 18%),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 28%),
    linear-gradient(135deg, #f8694a 0%, #340563 100%);
  color: #fff;
}

.auth-showcase:before,
.auth-showcase:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}

.auth-showcase:before {
  width: 220px;
  height: 220px;
  right: -70px;
  top: -90px;
}

.auth-showcase:after {
  width: 180px;
  height: 180px;
  left: -45px;
  bottom: -80px;
}

.auth-showcase__eyebrow,
.auth-showcase__title,
.auth-showcase__description,
.auth-showcase__badges {
  position: relative;
  z-index: 1;
}

.auth-showcase__eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  padding: 9px 15px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.auth-showcase__title {
  margin: 0 0 14px;
  color: #fff;
  font-size: 42px;
  line-height: 1.1;
}

.auth-showcase__description {
  max-width: 520px;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  line-height: 1.8;
}

.auth-showcase__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.auth-showcase__badges span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(10px);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.auth-card {
  padding: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 255, 0.96) 100%);
}

.auth-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 4px;
  border-radius: 0 0 14px 14px;
  background: linear-gradient(90deg, #f8694a 0%, #ffb39f 100%);
}

.auth-card__module {
  max-width: none;
  position: relative;
  margin: 0;
}

.auth-card__header {
  margin-bottom: 24px;
}

.auth-card__kicker {
  display: inline-block;
  margin-bottom: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff1ed;
  color: #d45136;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.auth-card__header h2 {
  margin: 0 0 10px;
  color: #221714;
  font-size: 32px;
  line-height: 1.15;
}

.auth-card__header p {
  margin: 0;
  color: #6e615c;
  font-size: 15px;
  line-height: 1.75;
}

.auth-alert {
  margin-bottom: 18px;
  padding: 14px 16px;
  border-radius: 18px;
  font-weight: 700;
  line-height: 1.6;
}

.auth-alert--error {
  background: rgba(222, 85, 67, 0.12);
  color: #a94135;
  border: 1px solid rgba(222, 85, 67, 0.18);
}

.auth-alert--success {
  background: rgba(61, 148, 92, 0.12);
  color: #2f6a44;
  border: 1px solid rgba(61, 148, 92, 0.18);
}

.auth-form {
  display: grid;
  gap: 16px;
}

.auth-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.auth-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.auth-form__field label {
  color: #7c6a64;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.auth-form__input.input {
  height: 56px;
  border-radius: 18px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(22, 35, 52, 0.12), 0 14px 26px rgba(24, 39, 75, 0.05);
}

.auth-form__input.input:focus {
  box-shadow: inset 0 0 0 1px #f8694a, 0 0 0 4px rgba(248, 105, 74, 0.12);
}

.auth-form__submit {
  min-height: 56px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 18px 30px rgba(248, 105, 74, 0.26);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.auth-form__submit:hover,
.auth-form__submit:focus {
  background: linear-gradient(135deg, #ff7b5e 0%, #c9482e 100%);
  color: #fff;
}

.auth-form__footer {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7c6a64;
  font-size: 14px;
}

.auth-form__footer a {
  color: #f8694a;
  font-weight: 700;
}

.auth-form__footer a:hover,
.auth-form__footer a:focus {
  color: #BA4F37;
}

@media only screen and (max-width: 991px) {
  .auth-layout {
    grid-template-columns: 1fr;
  }

  .auth-showcase {
    min-height: 0;
  }
}

@media only screen and (max-width: 767px) {
  .auth-page {
    padding-top: 20px;
  }

  .auth-showcase,
  .auth-card {
    padding: 24px 20px;
    border-radius: 24px;
  }

  .auth-showcase__title {
    font-size: 30px;
  }

  .auth-showcase__description {
    font-size: 15px;
    line-height: 1.7;
  }

  .auth-card__header h2 {
    font-size: 26px;
  }

  .auth-form__row {
    grid-template-columns: 1fr;
  }

  .auth-form__footer {
    flex-wrap: wrap;
  }
}

/*404 PAGE*/
.not-found-page {
  position: relative;
  padding: 30px 0 44px;
}

.not-found-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 24px;
  align-items: stretch;
}

.not-found-hero__content,
.not-found-hero__panel {
  position: relative;
}

.not-found-hero__content {
  overflow: hidden;
  padding: 42px 40px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 211, 199, 0.26), transparent 18%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.12), transparent 22%),
    linear-gradient(135deg, #25063e 0%, #4d1748 46%, #f8694a 100%);
  box-shadow: 0 34px 70px rgba(66, 23, 77, 0.26);
  color: #fff;
}

.not-found-hero__content:before,
.not-found-hero__content:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.not-found-hero__content:before {
  width: 240px;
  height: 240px;
  right: -70px;
  top: -90px;
}

.not-found-hero__content:after {
  width: 180px;
  height: 180px;
  left: -40px;
  bottom: -75px;
}

.not-found-hero__eyebrow,
.not-found-hero__code,
.not-found-hero__title,
.not-found-hero__description,
.not-found-hero__actions,
.not-found-hero__path {
  position: relative;
  z-index: 1;
}

.not-found-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin-bottom: 18px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.not-found-hero__code {
  margin-bottom: 6px;
  font-size: 110px;
  line-height: 0.92;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: rgba(255, 255, 255, 0.96);
}

.not-found-hero__title {
  margin: 0 0 16px;
  color: #fff;
  font-size: 44px;
  line-height: 1.08;
}

.not-found-hero__description {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  line-height: 1.8;
}

.not-found-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.not-found-hero__primary,
.not-found-hero__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 14px 24px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.not-found-hero__primary {
  box-shadow: 0 18px 30px rgba(248, 105, 74, 0.26);
}

.not-found-hero__secondary {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.not-found-hero__secondary:hover,
.not-found-hero__secondary:focus {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.not-found-hero__path {
  margin-top: 28px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 14px;
  line-height: 1.7;
}

.not-found-hero__path span {
  display: inline-block;
  margin-left: 8px;
  padding: 7px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  word-break: break-word;
}

.not-found-hero__panel {
  display: grid;
  gap: 18px;
}

.not-found-card {
  height: 100%;
  padding: 28px 26px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 250, 253, 0.96) 100%);
  box-shadow: 0 24px 48px rgba(24, 39, 75, 0.09);
  border: 1px solid rgba(22, 35, 52, 0.08);
}

.not-found-card--accent {
  background:
    radial-gradient(circle at top right, rgba(248, 105, 74, 0.14), transparent 24%),
    linear-gradient(180deg, #fff7f4 0%, #ffffff 100%);
}

.not-found-card__title {
  margin-bottom: 16px;
  color: #251815;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 800;
}

.not-found-card__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.not-found-card__list li {
  position: relative;
  padding-left: 22px;
  color: #5f5550;
  font-size: 15px;
  line-height: 1.8;
}

.not-found-card__list li + li {
  margin-top: 10px;
}

.not-found-card__list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 0 0 5px rgba(248, 105, 74, 0.12);
}

.not-found-card__links {
  display: grid;
  gap: 12px;
}

.not-found-card__links a {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 18px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(22, 35, 52, 0.08);
  color: #34241f;
  font-weight: 700;
}

.not-found-card__links a:hover,
.not-found-card__links a:focus {
  box-shadow: inset 0 0 0 1px rgba(248, 105, 74, 0.3);
  color: #d45136;
}

@media only screen and (max-width: 991px) {
  .not-found-hero {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .not-found-page {
    padding-top: 22px;
  }

  .not-found-hero__content,
  .not-found-card {
    padding: 24px 20px;
    border-radius: 24px;
  }

  .not-found-hero__code {
    font-size: 82px;
  }

  .not-found-hero__title {
    font-size: 32px;
  }

  .not-found-hero__description {
    font-size: 15px;
    line-height: 1.7;
  }

  .not-found-hero__actions {
    flex-direction: column;
  }

  .not-found-hero__primary,
  .not-found-hero__secondary {
    width: 100%;
  }

  .not-found-hero__path span {
    display: block;
    margin: 10px 0 0;
  }
}

/*CONTACT PAGE*/
.contact-page {
  position: relative;
  padding: 38px 0 18px;
}

.contact-page__hero {
  position: relative;
  margin-bottom: 32px;
  padding: 42px 46px;
  border-radius: 30px;
  overflow: hidden;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 24%), linear-gradient(135deg, #340563 0%, #2f1f1b 42%, #f8694a 100%);
  box-shadow: 0 28px 65px rgba(160, 71, 50, 0.24);
  color: #fff;
}

.contact-page__hero:before,
.contact-page__hero:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}

.contact-page__hero:before {
  width: 240px;
  height: 240px;
  top: -110px;
  right: 60px;
}

.contact-page__hero:after {
  width: 160px;
  height: 160px;
  bottom: -60px;
  left: -30px;
}

.contact-page__eyebrow {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 9px 15px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.contact-page__title,
.contact-page__description,
.contact-page__about {
  position: relative;
  z-index: 1;
}

.contact-page__title {
  margin: 0 0 14px;
  font-size: 44px;
  line-height: 1.12;
  font-weight: 800;
  color: #fff;
}

.contact-page__description {
  max-width: 760px;
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.9);
}

.contact-page__about {
  display: inline-block;
  margin-top: 22px;
  padding: 12px 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 1.7;
}

.contact-page__content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.contact-card {
  height: 100%;
  padding: 34px;
  border: 1px solid rgba(47, 31, 27, 0.08);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(47, 31, 27, 0.08);
}

.contact-card--form {
  background: linear-gradient(180deg, #ffffff 0%, #fffaf8 100%);
}

.contact-card--info {
  background: linear-gradient(180deg, #fffdfc 0%, #fff6f1 100%);
}

.contact-card__header {
  margin-bottom: 24px;
}

.contact-card__label {
  display: inline-block;
  margin-bottom: 10px;
  color: #d45136;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.contact-card__header h2 {
  margin: 0 0 10px;
  color: #221714;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
}

.contact-card__header p {
  margin: 0;
  color: #705f5a;
  font-size: 15px;
  line-height: 1.8;
}

.contact-page__input {
  height: 56px;
  border: 1px solid #efd2cb;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  color: #221714;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.contact-page__input::placeholder {
  color: #b48c82;
}

.contact-page__input:focus {
  border-color: #f8694a;
  box-shadow: 0 0 0 4px rgba(248, 105, 74, 0.16);
}

.contact-page__textarea {
  min-height: 176px;
  padding-top: 16px;
  resize: vertical;
}

.contact-page__status {
  display: none;
  margin-bottom: 18px;
  padding: 14px 18px;
  border-radius: 16px;
  background: rgba(248, 105, 74, 0.1);
  color: #a34732;
  font-weight: 700;
}

.contact-page__actions {
  margin-bottom: 0;
}

.contact-page__submit {
  min-width: 220px;
  min-height: 56px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 18px 30px rgba(248, 105, 74, 0.28);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.contact-page__submit:hover,
.contact-page__submit:focus {
  background: linear-gradient(135deg, #ff7b5e 0%, #c9482e 100%);
  color: #fff;
}

.contact-page__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-page__list li {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 14px;
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(248, 105, 74, 0.1);
}

.contact-page__list li:last-child {
  margin-bottom: 0;
}

.contact-page__icon {
  position: relative;
  width: 46px;
  height: 46px;
  display: inline-block;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(248, 105, 74, 0.18) 0%, rgba(248, 105, 74, 0.1) 100%);
  color: #d45136;
  font-size: 18px;
  flex-shrink: 0;
}

.contact-page__icon i,
.contact-page__social i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}

.contact-page__item-content {
  flex: 1 1 auto;
  min-width: 0;
}

.contact-page__list strong,
.contact-page__list span,
.contact-page__list a {
  display: block;
}

.contact-page__list strong {
  margin-bottom: 4px;
  color: #221714;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.contact-page__list span,
.contact-page__list a {
  color: #5f514d;
  font-size: 15px;
  line-height: 1.7;
  word-break: break-word;
}

.contact-page__list a:hover {
  color: #d45136;
}

.contact-page__socials {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

.contact-page__social {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #2f1f1b;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(47, 31, 27, 0.18);
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.contact-page__social,
.contact-page__social:visited,
.contact-page__social i {
  color: #ffffff !important;
}

.contact-page__social i {
  position: static;
  transform: none;
}

.contact-page__social:hover,
.contact-page__social:focus,
.contact-page__social:hover i,
.contact-page__social:focus i {
  transform: translateY(-2px);
  color: #ffffff !important;
}

.contact-page__social:hover,
.contact-page__social:focus {
  background: #f8694a;
  box-shadow: 0 16px 28px rgba(248, 105, 74, 0.28);
}

.contact-products {
  margin-top: 32px;
  padding: 30px 24px 8px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(47, 31, 27, 0.08);
}

.contact-products .section-title {
  margin-bottom: 20px;
}

.contact-products .section-title .title {
  float: none;
  font-size: 30px;
  line-height: 1.3;
}

.contact-products .section-title .title a {
  color: #221714;
}

.contact-products .section-title .title a:hover {
  color: #f8694a;
}

.contact-products .product.product-single {
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(248, 105, 74, 0.1);
  box-shadow: none;
}

.contact-products .product.product-single .product-thumb {
  background: linear-gradient(180deg, #fffaf8 0%, #fff3ee 100%);
}

.contact-products .product.product-single .product-body {
  padding: 22px 20px;
}

.contact-products .product.product-single .product-name a:hover {
  color: #f8694a;
}

.contact-products .product-btns .primary-btn {
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
}

.contact-products .product-btns .primary-btn:hover,
.contact-products .product-btns .primary-btn:focus {
  background: linear-gradient(135deg, #ff7b5e 0%, #c9482e 100%);
}

/*=========================================================
  DETAIL PAGES
===========================================================*/

.company-detail-page,
.product-detail-page {
  padding-top: 10px;
}

.company-detail-hero {
  margin-bottom: 28px;
  padding: 34px 36px;
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 24%),
    linear-gradient(135deg, #340563 0%, #2f1f1b 42%, #f8694a 100%);
  box-shadow: 0 28px 64px rgba(37, 31, 29, 0.24);
}

.company-detail-hero__content {
  width: 100%;
  color: #fff;
}

.company-detail-hero__content h3,
.company-detail-hero__content h3 a,
.company-detail-hero__content h5,
.company-detail-hero__content h6,
.company-detail-hero__content h6 a,
.company-detail-hero__content p,
.company-detail-hero__content div {
  color: #fff;
}

.company-detail-hero .companyLogoGrand {
  width: 120px;
  height: 120px;
  margin-bottom: 18px;
  border-radius: 28px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.96);
  padding: 10px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.18);
}

.company-detail-hero .header_contacts,
.company-detail-hero .fact_adres_text,
.company-detail-hero .shopping_center {
  display: inline-block;
  margin: 0 12px 12px 0;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(4px);
}

.company-detail-hero h3 {
  margin: 4px 0 12px;
  font-size: 34px;
  line-height: 1.2;
}

.company-detail-hero h6 {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.company-detail-hero h6 a {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

.company-detail-hero .rating,
.company-detail-hero__rating-text {
  margin-top: 12px;
}

.company-detail-cta {
  margin: 20px auto;
  text-align: center;
}

.company-detail-cta a {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 18px 30px rgba(248, 105, 74, 0.24);
}

.company-detail-tabs {
  margin-top: 30px;
}

.company-detail-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-bottom: 0;
}

.company-detail-tabs__nav > li {
  float: none;
  margin-bottom: 0;
}

.company-detail-tabs__nav > li > a {
  margin-right: 0;
  border: 0;
  border-radius: 999px;
  background: #fff4ef;
  color: #8a4d40;
  font-weight: 700;
}

.company-detail-tabs__nav > li.active > a,
.company-detail-tabs__nav > li.active > a:hover,
.company-detail-tabs__nav > li.active > a:focus,
.company-detail-tabs__nav > li > a:hover {
  border: 0;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  color: #fff;
}

.company-detail-tabs__content {
  margin-top: 18px;
}

.company-detail-card,
.product-detail-card {
  border: 1px solid rgba(47, 31, 27, 0.08);
  border-radius: 28px;
  background: linear-gradient(180deg, #fff 0%, #fffaf8 100%);
  box-shadow: 0 18px 46px rgba(47, 31, 27, 0.08);
}

.company-detail-content .col-md-6,
.company-detail-content .col-md-12 {
  margin-bottom: 24px;
}

.company-detail-gallery {
  overflow: hidden;
  padding: 0;
}

.company-detail-gallery.carousel-inner {
  border-radius: 22px;
}

.company-detail-gallery .carousel-inner > .item > a > img {
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

.fullCompanyContacts,
.company-detail-meta,
.company-detail-about,
.company-author-card,
.company-detail-form,
.company-detail-footer {
  padding: 28px;
}

.company-contact-pill {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 10px 14px;
    border-radius: 14px;
    background: #FFF8f6;
    color: #F8694A;
    font-weight: 600;
}

.company-detail-about {
  line-height: 1.8;
}

.company-detail-footer .companyViews,
.company-detail-footer .date_add {
  margin-bottom: 0;
}

.company-detail-form .box-header,
.company-detail-form .box-body,
.company-detail-form .box-footer {
  padding-left: 0;
  padding-right: 0;
}

.company-detail-form .input {
  min-height: 52px;
  border-radius: 16px;
  box-shadow: none;
}

.company-detail-form textarea.input {
  min-height: 160px;
  resize: vertical;
  padding-top: 14px;
}

.product-detail-card {
  padding: 18px;
}

.product-detail-gallery__frame {
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  border-radius: 24px;
  background: linear-gradient(180deg, #fff8f5 0%, #fff1eb 100%);
}

.product-detail-gallery__frame img {
  width: 100%;
  max-height: 376px;
  object-fit: contain;
}

.product-detail-body {
  padding: 12px 6px 12px 22px;
}

.product-detail-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff1eb;
  color: #d45136;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.product-detail-card .product-name {
  margin: 0 0 14px;
  font-size: 36px;
  line-height: 1.2;
}

.product-detail-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.product-detail-price-row .product-price {
  margin: 0;
  font-size: 32px;
  color: #f8694a;
}

.product-detail-stock {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  background: #eef9ef;
  color: #2f5c37;
  font-weight: 700;
}

.product-detail-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}

.product-detail-meta__item {
  padding: 16px 18px;
  border-radius: 18px;
  background: #fff7f3;
  border: 1px solid rgba(248, 105, 74, 0.12);
}

.product-detail-meta__item span {
  display: block;
  margin-bottom: 6px;
  color: #8a736c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-detail-meta__item strong {
  color: #221714;
  font-size: 16px;
}

.product-detail-description {
  margin-bottom: 24px;
}

.product-detail-description h3 {
  margin: 0 0 10px;
  font-size: 24px;
}

.product-detail-description p {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #5f514d;
}

.product-detail-actions .primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 220px;
  min-height: 54px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 18px 30px rgba(248, 105, 74, 0.24);
  color: #fff;
  text-align: center;
}

.company-detail-hero__head {
  display: flex;
  align-items: center;
  gap: 16px;
}

.company-detail-hero__logo {
  width: 96px;
  height: 96px;
  flex: 0 0 96px;
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.95);
  padding: 8px;
  box-shadow: 0 18px 30px rgba(24, 39, 75, 0.16);
}

.company-detail-hero__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
}

.company-detail-hero__text {
  min-width: 0;
  flex: 1 1 auto;
}

.company-detail-summary,
.company-detail-map-card,
.company-detail-author,
.company-detail-info-card,
.company-detail-schedule {
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
}

.company-detail-summary {
  min-height: 100%;
}

.company-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.company-detail-info-card,
.company-detail-author,
.company-detail-schedule {
  padding: 18px;
}

.company-detail-author__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.company-detail-author__head .comment_avatar {
  width: 72px;
  height: 72px;
  float: none;
  margin-right: 0;
  border: 3px solid #fff4f1;
  box-shadow: 0 10px 24px rgba(248, 105, 74, 0.14);
}

.company-detail-author__meta .name,
.company-detail-author__meta .comment_date {
  float: none;
  margin: 0;
}

.company-detail-author__meta .name {
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 1.3;
}

.company-detail-author__about {
  margin-bottom: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  background: #fff8f5;
  color: #5f514d;
  font-size: 14px;
  line-height: 1.75;
}

.company-detail-author__contacts {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  padding-bottom: 0;
}

.company-detail-author__contacts p {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: #f6f8fb;
  color: #22324a;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}

.company-detail-info-card h3,
.company-detail-schedule h3 {
  margin: 0 0 16px;
  font-size: 24px;
}

.company-detail-map-card {
  overflow: hidden;
  margin-bottom: 14px;
  border-radius: 24px;
  padding: 0;
}

.company-detail-map iframe,
.company-detail-map ymaps,
.company-detail-map > *,
.company-detail-map .gm-style {
  width: 100% !important;
  max-width: none !important;
}

.company-detail-map {
  display: block;
  width: 100%;
  min-height: 290px;
  margin: 0;
  line-height: 0;
}

.company-detail-map iframe {
  display: block;
  width: 100% !important;
  height: 290px !important;
  max-width: none !important;
  border: 0;
}

.company-detail-callout {
  margin-bottom: 18px;
  padding: 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff7f3 0%, #fff2ec 100%);
  border: 1px solid rgba(248, 105, 74, 0.14);
  box-shadow: 0 14px 28px rgba(47, 31, 27, 0.08);
  text-align: center;
}

.company-detail-callout a {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(248, 105, 74, 0.22);
  box-shadow: 0 10px 20px rgba(248, 105, 74, 0.10);
  color: #d45136;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.company-detail-callout a:hover,
.company-detail-callout a:focus {
  background: #fff5f1;
  color: #c9482e;
}

.company-detail-socials {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.company-detail-socials li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  color: #f8694a;
}

.company-detail-socials li a:hover {
  color: #30323A;
}

.company-detail-actions-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.company-detail-actions {
  margin-top: 0;
}

.company-detail-related {
  margin-top: 28px;
}

.company-full-layout {
  align-items: flex-start;
}

.company-full-layout .blog-sidebar--left .blog-panel,
.company-full-layout .blog-sidebar--left .offerts {
  margin-bottom: 24px;
}

.company-full-layout .blog-sidebar--left .blog-panel:last-child,
.company-full-layout .blog-sidebar--left .offerts:last-child {
  margin-bottom: 0;
}

.company-detail-page .blog-article-tabs__content {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.company-detail-page .blog-article-content {
  padding: 22px;
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
}

.product-detail-page .blog-article-tabs__content {
  padding: 30px;
}

.product-detail-blog-cover__logo {
  height: 260px;
}

.product-detail-gallery .carousel-inner {
  min-height: 0;
}

.product-detail-gallery .carousel-inner > .item {
  display: none;
  min-height: 0;
  padding: 0;
}

.product-detail-gallery .carousel-inner > .active,
.product-detail-gallery .carousel-inner > .next,
.product-detail-gallery .carousel-inner > .prev {
  display: block;
}

.product-detail-gallery .carousel-inner > .item > img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0 auto;
}

/*=========================================================
  PAYMENT PLAN PAGE
===========================================================*/

.payment-plan-page {
  position: relative;
  padding: 26px 0 34px;
}

.payment-plan-hero {
  position: relative;
  margin-bottom: 28px;
  padding: 40px 42px;
  border-radius: 32px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.2), transparent 26%),
    radial-gradient(circle at 18% 22%, rgba(255, 214, 204, 0.26), transparent 18%),
    linear-gradient(135deg, #f8694a 0%, #340563 100%);
  box-shadow: 0 28px 65px rgba(75, 39, 62, 0.22);
  color: #fff;
  text-align: center;
}

.payment-plan-hero:before,
.payment-plan-hero:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}

.payment-plan-hero:before {
  width: 240px;
  height: 240px;
  top: -110px;
  right: 30px;
}

.payment-plan-hero:after {
  width: 180px;
  height: 180px;
  bottom: -80px;
  left: -30px;
}

.payment-plan-hero__eyebrow,
.payment-plan-hero__title,
.payment-plan-hero__description {
  position: relative;
  z-index: 1;
}

.payment-plan-hero__eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.payment-plan-hero__title {
  margin: 0 0 14px;
  color: #fff;
  font-size: 42px;
  line-height: 1.12;
}

.payment-plan-hero__description {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  line-height: 1.8;
}

.payment-plan-shell {
  margin: 0 !important;
  font-family: 'Hind', sans-serif;
}

.payment-plan-section {
  margin-bottom: 30px;
  padding: 30px;
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
  text-align: center;
}

.payment-plan-section--secondary {
  background:
    radial-gradient(circle at top right, rgba(248, 105, 74, 0.08), transparent 26%),
    rgba(255, 255, 255, 0.96);
}

.payment-plan-section__header {
  margin-bottom: 24px;
}

.payment-plan-section__header h2 {
  margin: 0 0 10px;
  color: #221714;
  font-size: 32px;
  line-height: 1.2;
}

.payment-plan-section__header p {
  max-width: 760px;
  margin: 0 auto;
  color: #6d605b;
  font-size: 16px;
  line-height: 1.8;
}

.payment-plan-grid {
  margin-top: 0;
  gap: 22px;
  justify-content: center;
}

.payment-plan-card.one_service_block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 360px;
  min-height: 100%;
  padding: 26px 24px 24px;
  border: 1px solid rgba(248, 105, 74, 0.12);
  border-radius: 28px;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 248, 245, 0.98) 100%);
  box-shadow: 0 20px 36px rgba(47, 31, 27, 0.08);
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  overflow: hidden;
}

.payment-plan-card.one_service_block:before {
  content: "";
  position: absolute;
  top: -48px;
  right: -38px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(248, 105, 74, 0.08);
  pointer-events: none;
}

.payment-plan-card.one_service_block:after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg, #f8694a 0%, #ffb19f 100%);
  opacity: 0.95;
}

.payment-plan-card.one_service_block:hover {
  transform: translateY(-6px);
  border-color: rgba(248, 105, 74, 0.28);
  box-shadow: 0 26px 42px rgba(47, 31, 27, 0.12);
}

.payment-plan-card--accent.one_service_block {
  background:
    radial-gradient(circle at top right, rgba(248, 105, 74, 0.12), transparent 28%),
    linear-gradient(160deg, rgba(255, 241, 237, 0.9) 0%, rgba(255, 255, 255, 0.25) 28%, rgba(255, 255, 255, 0) 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 244, 239, 0.98) 100%);
}

.payment-plan-card__badge {
  display: inline-block;
  align-self: center;
  margin-bottom: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff1ed;
  color: #d45136;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.payment-plan-card__title.one_service_block-title {
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.25;
  color: #221714;
  text-wrap: balance;
}

.payment-plan-card__description.one_service_block-description {
  margin-top: 0;
  color: #6d605b;
  font-size: 15px;
  line-height: 1.75;
}

.payment-plan-card__price-block.one_service_block-price-block {
  margin-top: auto;
  padding: 20px 0 0;
}

.payment-plan-card__price.one_service_block-currency {
  font-size: 36px;
  line-height: 1.1;
  color: #221714;
}

.payment-plan-card__price-usd.one_service_block-currency_usd {
  margin: 8px 0 16px;
  color: #f8694a;
  font-size: 15px;
  font-weight: 700;
}

.payment-plan-card__period.one_service_block-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 16px;
  background: #fff7f3;
  border: 1px solid rgba(248, 105, 74, 0.14);
  color: #5f514d;
  font-size: 14px;
  font-weight: 700;
}

.payment-plan-card__actions.one_service_block-btnpay {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.payment-plan-card__actions.one_service_block-btnpay a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 18px 28px rgba(248, 105, 74, 0.24);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.payment-plan-card__actions.one_service_block-btnpay a:hover,
.payment-plan-card__actions.one_service_block-btnpay a:focus {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #ff7b5e 0%, #c9482e 100%);
  box-shadow: 0 22px 34px rgba(248, 105, 74, 0.28);
  color: #fff;
}

/*=========================================================
  PAYSYSTEM PAGE
===========================================================*/

.paysystem-page {
  padding: 24px 0 34px;
}

.paysystem-page__layout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.paysystem-page__layout > [class*='col-'] {
  float: none;
}

.paysystem-card,
.paysystem-menu-card,
.paysystem-profile-card {
  border: 1px solid rgba(22, 35, 52, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 50px rgba(24, 39, 75, 0.08);
}

.paysystem-card {
  position: relative;
  overflow: hidden;
  padding: 28px;
  background:
    radial-gradient(circle at top right, rgba(248, 105, 74, 0.08), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #fffaf8 100%);
}

.paysystem-card:before {
  content: "";
  position: absolute;
  top: -70px;
  right: -60px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(248, 105, 74, 0.08);
}

.paysystem-card__eyebrow,
.paysystem-card__title,
.paysystem-card__subtitle,
.paysystem-list {
  position: relative;
  z-index: 1;
}

.paysystem-card__eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff1ed;
  color: #d45136;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.paysystem-card__title {
  margin: 0 0 8px;
  color: #221714;
  font-size: 30px;
  line-height: 1.2;
}

.paysystem-card__subtitle {
  margin: 0 0 22px;
  color: #705f5a;
  font-size: 16px;
  line-height: 1.75;
}

.paysystem-list {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 18px;
  align-items: stretch;
}

.paysystem-list .paysystem-option.radio {
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.paysystem-option a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 124px;
  padding: 22px;
  border: 1px solid rgba(248, 105, 74, 0.12);
  border-radius: 24px;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, #ffffff 0%, #fff4ef 100%);
  box-shadow: 0 18px 30px rgba(47, 31, 27, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.paysystem-option a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg, #f8694a 0%, #ffb39f 100%);
}

.paysystem-option a:hover,
.paysystem-option a:focus {
  transform: translateY(-4px);
  border-color: rgba(248, 105, 74, 0.26);
  box-shadow: 0 24px 34px rgba(47, 31, 27, 0.12);
}

.paysystem-option a img,
.paysystem-list .paysystem-option a img {
  width: auto;
  max-width: 100%;
  max-height: 54px;
  height: auto;
  margin: 0;
}

.paysystem-menu-card {
  padding: 18px;
}

.paysystem-profile-card {
  margin-bottom: 18px;
  padding: 22px 18px;
}

.paysystem-profile-card .user_short_info-logo-abuot,
.paysystem-profile-card .user_avatar {
  float: none;
}

.paysystem-profile-card .user_nl h3 {
  margin: 6px 0 10px;
  font-size: 24px;
}

.paysystem-profile-card .shortUserDate {
  gap: 8px;
}

.paysystem-menu {
  margin: 0;
}

.paysystem-menu > li + li {
  margin-top: 10px;
}

.paysystem-menu > li > a {
  display: block;
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff7f3;
  color: #3a2b28;
  font-weight: 700;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.paysystem-menu > li > a i {
  width: 18px;
  margin-right: 8px;
  color: #f8694a;
  text-align: center;
}

.paysystem-menu > li > a:hover,
.paysystem-menu > li > a:focus {
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  color: #fff;
  transform: translateX(4px);
}

.paysystem-menu > li > a:hover i,
.paysystem-menu > li > a:focus i {
  color: #fff;
}

.payflow-page {
  padding-top: 24px;
}

.payflow-card {
  padding: 30px;
}

.payflow-summary {
  display: grid;
  gap: 14px;
}

.payflow-row {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border-radius: 22px;
  background: #fff7f3;
  border: 1px solid rgba(248, 105, 74, 0.1);
}

.payflow-row__label {
    color: #BA4F37;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.payflow-row__value {
  color: #3f342f;
  font-size: 16px;
  line-height: 1.75;
  word-break: break-word;
}

.payflow-row__value p:last-child {
  margin-bottom: 0;
}

.payflow-row__value strong {
  display: inline-block;
  margin-bottom: 2px;
}

.payflow-row__value--logo img {
  width: auto;
  max-width: 180px;
  max-height: 30px;
  height: auto;
}

.payflow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}

.payflow-actions__primary,
.payflow-actions__secondary {
  min-width: 220px;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 22px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.payflow-actions__primary {
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 18px 30px rgba(248, 105, 74, 0.24);
}

.payflow-actions__secondary {
  background: #fff;
  color: #d45136;
  box-shadow: inset 0 0 0 1px rgba(248, 105, 74, 0.22), 0 14px 24px rgba(24, 39, 75, 0.06);
}

.payflow-actions__secondary:hover,
.payflow-actions__secondary:focus {
  background: #fff5f1;
  color: #c9482e;
}

.payflow-remark {
  margin-top: 22px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(248, 105, 74, 0.08);
  color: #7a5c54;
  font-size: 14px;
  line-height: 1.7;
}

@media only screen and (max-width: 991px) {
  .contact-page__hero {
    padding: 34px 30px;
  }

  .contact-page__title {
    font-size: 36px;
  }

  .contact-card {
    margin-bottom: 24px;
  }

  .company-detail-hero {
    padding: 28px 24px;
  }

  .company-detail-gallery .carousel-inner > .item,
  .company-detail-gallery .carousel-inner > .item > a,
  .product-detail-gallery__frame {
    height: auto;
    min-height: auto;
  }

  .product-detail-body {
    padding: 20px 6px 8px;
  }

  .company-detail-grid {
    grid-template-columns: 1fr;
  }

  .payment-plan-hero {
    padding: 32px 28px;
  }

  .payment-plan-hero__title {
    font-size: 34px;
  }

  .payment-plan-section {
    padding: 24px;
  }

  .paysystem-page__layout {
    display: block;
  }

  .paysystem-page__aside,
  .paysystem-page__main,
  .paysystem-page__sidebar {
    margin-bottom: 24px;
  }

  .payflow-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-page {
    padding-top: 24px;
  }

  .contact-page__hero,
  .contact-card,
  .contact-products {
    padding: 24px 20px;
    border-radius: 24px;
  }

  .contact-page__title {
    font-size: 30px;
  }

  .contact-card__header h2,
  .contact-products .section-title .title {
    font-size: 24px;
  }

  .contact-page__submit {
    width: 100%;
    min-width: 0;
  }

  .contact-page__socials {
    flex-wrap: wrap;
  }

  .contact-page__list li {
    align-items: flex-start;
  }

  .product.product-single {
    border-radius: 20px;
  }

  .product.product-single .product-thumb {
    min-height: 0;
  }

  .product.product-single .product-thumb > a > img {
    height: auto;
    max-height: none;
  }

  .product.product-single .product-body {
    padding: 18px 16px 16px;
  }

  .product.product-single .product-name {
    min-height: 0;
    font-size: 16px;
  }

  .product.product-single .product-btns {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .product.product-single .product-btns .primary-btn {
    width: 100%;
    min-width: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .company-detail-hero,
  .company-detail-card,
  .product-detail-card,
  .fullCompanyContacts,
  .company-detail-meta,
  .company-detail-about,
  .company-author-card,
  .company-detail-form,
  .company-detail-footer {
    padding: 22px 18px;
    border-radius: 22px;
  }

  .company-detail-hero h3,
  .product-detail-card .product-name {
    font-size: 28px;
  }

  .company-detail-actions-row {
    align-items: stretch;
  }

  .company-detail-tabs__nav {
    display: block;
  }

  .company-detail-tabs__nav > li + li {
    margin-top: 10px;
  }

  .company-detail-tabs__nav > li > a {
    display: block;
  }

  .company-detail-gallery,
  .blog-article-lead__gallery {
    margin-bottom: 16px;
  }

  .company-detail-gallery .carousel-inner > .item,
  .company-detail-gallery .carousel-inner > .item > a,
  .product-detail-gallery__frame {
    height: auto;
    min-height: auto;
  }

  .company-detail-gallery .carousel-inner > .item > a > img,
  .product-detail-gallery__frame img {
    max-height: none;
    height: auto;
  }

  .product-detail-price-row .product-price {
    font-size: 26px;
  }

  .product-detail-actions .primary-btn {
    width: 100%;
    min-width: 0;
  }

  .company-detail-hero__head {
    display: block;
  }

  .company-detail-hero__logo {
    margin-bottom: 16px;
  }

  .company-detail-info-card,
  .company-detail-author,
  .company-detail-schedule,
  .company-detail-page .blog-article-content,
  .product-detail-page .blog-article-tabs__content {
    padding: 20px;
    border-radius: 22px;
  }

  .payment-plan-page {
    padding-top: 20px;
  }

  .payment-plan-hero,
  .payment-plan-section {
    padding: 24px 20px;
    border-radius: 24px;
  }

  .payment-plan-hero__title {
    font-size: 28px;
  }

  .payment-plan-hero__description,
  .payment-plan-section__header p {
    font-size: 15px;
    line-height: 1.7;
  }

  .payment-plan-section__header h2 {
    font-size: 26px;
  }

  .payment-plan-grid {
    gap: 16px;
  }

  .payment-plan-card.one_service_block {
    max-width: none;
    padding: 22px 18px 20px;
    border-radius: 22px;
  }

  .payment-plan-card__title.one_service_block-title {
    font-size: 21px;
  }

  .payment-plan-card__price.one_service_block-currency {
    font-size: 32px;
  }

  .payment-plan-card__actions.one_service_block-btnpay a {
    width: 100%;
    min-width: 0;
  }

  .paysystem-card,
  .paysystem-menu-card,
  .paysystem-profile-card {
    border-radius: 22px;
  }

  .paysystem-card {
    padding: 22px 18px;
  }

  .paysystem-card__title {
    font-size: 26px;
  }

  .paysystem-card__subtitle {
    font-size: 15px;
    line-height: 1.7;
  }

  .paysystem-list {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .paysystem-option a {
    min-height: 108px;
    padding: 18px;
    border-radius: 20px;
  }

  .payflow-card {
    padding: 22px 18px;
  }

  .payflow-row {
    padding: 16px;
    border-radius: 18px;
  }

  .payflow-row__value {
    font-size: 15px;
    line-height: 1.7;
  }

  .payflow-actions {
    gap: 12px;
  }

  .payflow-actions__primary,
  .payflow-actions__secondary {
    width: 100%;
    min-width: 0;
  }
}

.about-page {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.about-hero {
  padding: 40px;
  border-radius: 24px;
  background: linear-gradient(135deg, #F8694A 0%, #3F0465 100%);
  color: #fff;
}

.about-hero h2 {
  color: #fff;
}

.about-title {
  margin: 0 0 10px;
  font-size: 32px;
}

.about-intro {
  font-size: 16px;
  line-height: 1.7;
  opacity: 0.9;
}

.about-block {
  padding: 25px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.about-block h3 {
  margin-bottom: 10px;
}

.about-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.about-feature {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #fff8f6;
  border-radius: 10px;
}

.about-feature i {
  color: #f8694a;
}

.about-cta {
  padding: 25px;
  text-align: center;
  border-radius: 18px;
  background: #F8694A;
  color: #fff;
}

.about-button-wrapper {
  display: flex;
  justify-content: flex-end;
}

.about-button {
  min-width: 220px;
  min-height: 56px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 18px 30px rgba(248, 105, 74, 0.28);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.about-button:hover, .about-button:focus {
  background: linear-gradient(135deg, #ff7b5e 0%, #c9482e 100%);
  color: #fff;
}

.auth-social {
  margin-top: 16px;
}

.auth-google-btn {
  width: 100%;
  min-height: 56px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #eadfd8;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
  color: #30323A;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 700;
}

.auth-google-btn:hover,
.auth-google-btn:focus {
  background: #f8f5f2;
  color: #30323A;
}

.section > .container > .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.section > .container > .row > #aside.col-md-3,
.section > .container > .row > #main.col-md-6,
.section > .container > .row > .col-md-3 {
  margin-bottom: 20px;
}

.section > .container > .row > #aside.col-md-3 .user_short_info {
  margin-top: 0;
  padding: 24px 22px;
  border: 1px solid #f0e1d9;
  border-radius: 24px;
  background: radial-gradient(circle at top left, rgba(248, 105, 74, 0.12), transparent 35%), #fff;
  box-shadow: 0 18px 40px rgba(71, 46, 36, 0.08);
}

.section > .container > .row > #aside.col-md-3 .user_short_info-logo-abuot {
  align-items: flex-start;
  gap: 16px;
}

.section > .container > .row > #aside.col-md-3 .img-circle {
  width: 84px;
  height: 84px;
  object-fit: cover;
  box-shadow: 0 12px 24px rgba(248, 105, 74, 0.18);
}

.section > .container > .row > #aside.col-md-3 .user_nl h3 {
  margin: 2px 0 8px;
  font-size: 19px;
  line-height: 1.3;
  color: #2d2422;
}

.section > .container > .row > #aside.col-md-3 .user_about {
  font-size: 13px;
  line-height: 1.6;
  color: #7f6b64;
}

.section > .container > .row > #aside.col-md-3 .shortUserDate {
  margin-top: 18px;
  gap: 12px;
}

.section > .container > .row > #aside.col-md-3 .shortUserDate p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #453631;
  font-size: 14px;
}

.section > .container > .row > #aside.col-md-3 .shortUserDate i {
  width: 18px;
  color: #f8694a;
}

.section > .container > .row > #aside.col-md-3 .profile_private_menu {
  margin-top: 18px;
  padding: 14px;
  border: 1px solid #f0e1d9;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(71, 46, 36, 0.08);
}

.section > .container > .row > #aside.col-md-3 .profile_private_menu .catalog-menu,
.section > .container > .row > .col-md-3 > .catalog-menu {
  margin: 0;
}

.section > .container > .row > #aside.col-md-3 .profile_private_menu .catalog-menu > li + li,
.section > .container > .row > .col-md-3 > .catalog-menu > li + li {
  margin-top: 10px;
}

.section > .container > .row > #aside.col-md-3 .profile_private_menu .catalog-menu > li > a,
.section > .container > .row > .col-md-3 > .catalog-menu > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff7f3;
  color: #3a2c28;
  font-weight: 700;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.section > .container > .row > #aside.col-md-3 .profile_private_menu .catalog-menu > li > a:hover,
.section > .container > .row > #aside.col-md-3 .profile_private_menu .catalog-menu > li > a:focus,
.section > .container > .row > .col-md-3 > .catalog-menu > li > a:hover,
.section > .container > .row > .col-md-3 > .catalog-menu > li > a:focus {
  color: #fff;
  background: linear-gradient(135deg, #f8694a 0%, #d45136 100%);
  box-shadow: 0 16px 28px rgba(248, 105, 74, 0.24);
  transform: translateY(-1px);
}

.section > .container > .row > #main.col-md-6 {
  padding: 28px;
  border: 1px solid #f0e1d9;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 22px 48px rgba(71, 46, 36, 0.08);
}

.section > .container > .row > #main.col-md-6 > h3 {
  margin: 0 0 8px;
  font-size: 38px;
  line-height: 1.08;
  color: #2d2422;
}

.section > .container > .row > #main.col-md-6 > h6 {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.7;
  color: #7a6660;
}

.section > .container > .row > #main.col-md-6 > form {
  display: grid;
  gap: 12px;
}

.section > .container > .row > #main.col-md-6 > form .form-group {
  margin-bottom: 12px;
}

.section > .container > .row > #main.col-md-6 > form .form-group:last-child {
  margin-bottom: 0;
}

.section > .container > .row > #main.col-md-6 > form .input {
  height: 54px;
  border-radius: 18px;
  background: #fffdfa;
  box-shadow: inset 0 0 0 1px #eadfd8, 0 0 0 5px transparent;
}

.section > .container > .row > #main.col-md-6 > form textarea.input {
  min-height: 150px;
  padding-top: 16px;
}

.section > .container > .row > #main.col-md-6 > form .input:focus {
  box-shadow: inset 0 0 0 1px #f8694a, 0 0 0 5px rgba(248, 105, 74, 0.12);
}

.section > .container > .row > #main.col-md-6 > form select.input[multiple="true"] {
  height: 180px !important;
  padding-top: 12px;
  padding-bottom: 12px;
}

.section > .container > .row > #main.col-md-6 .exemple,
.section > .container > .row > #main.col-md-6 #count,
.section > .container > .row > #main.col-md-6 #result {
  font-size: 12px;
  line-height: 1.6;
  color: #99837b;
}

.section > .container > .row > #main.col-md-6 .form-counter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 12px;
  border: 1px solid #f1ddd3;
  border-radius: 999px;
  background: #fff7f3;
  color: #7e665e;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.section > .container > .row > #main.col-md-6 .form-counter__value,
.section > .container > .row > #main.col-md-6 #count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f8694a;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.section > .container > .row > #main.col-md-6 .form-counter.is-limit .form-counter__value,
.section > .container > .row > #main.col-md-6 .form-counter.is-limit #count {
  background: #c94839;
}

.section > .container > .row > #main.col-md-6 .productLogo,
.section > .container > .row > #main.col-md-6 .productImages {
  padding: 18px;
  border: 1px dashed #e8d5cc;
  border-radius: 20px;
  background: #fffaf7;
}

.section > .container > .row > #main.col-md-6 .product-company-native-select--hidden {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.section > .container > .row > #main.col-md-6 .product-company-select {
  position: relative;
}

.section > .container > .row > #main.col-md-6 .product-company-select__trigger {
  position: relative;
  width: 100%;
  min-height: 56px;
  padding: 16px 52px 16px 20px;
  border: 1px solid #ead8cf;
  border-radius: 18px;
  background: linear-gradient(180deg, #fffdfb 0%, #fff7f2 100%);
  color: #4a3833;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.section > .container > .row > #main.col-md-6 .product-company-select__trigger::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #a9867a;
  border-bottom: 2px solid #a9867a;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.2s ease;
}

.section > .container > .row > #main.col-md-6 .product-company-select.is-open .product-company-select__trigger,
.section > .container > .row > #main.col-md-6 .product-company-select__trigger:focus {
  border-color: #f8694a;
  box-shadow: 0 0 0 4px rgba(248, 105, 74, 0.12);
  outline: none;
}

.section > .container > .row > #main.col-md-6 .product-company-select.is-open .product-company-select__trigger::after {
  transform: translateY(-30%) rotate(-135deg);
}

.section > .container > .row > #main.col-md-6 .product-company-select__panel {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  padding: 12px;
  border: 1px solid #ecdcd4;
  border-radius: 22px;
  background: #fffdfa;
  box-shadow: 0 18px 36px rgba(73, 45, 38, 0.14);
  z-index: 30;
}

.section > .container > .row > #main.col-md-6 .product-company-select.is-open .product-company-select__panel {
  display: block;
}

.section > .container > .row > #main.col-md-6 .product-company-select__search-wrap {
  margin-bottom: 10px;
}

.section > .container > .row > #main.col-md-6 .product-company-select__search {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border: 1px solid #eedfd7;
  border-radius: 14px;
  background: #fff;
  color: #4a3833;
  font-size: 14px;
}

.section > .container > .row > #main.col-md-6 .product-company-select__search:focus {
  border-color: #f8694a;
  box-shadow: 0 0 0 4px rgba(248, 105, 74, 0.1);
  outline: none;
}

.section > .container > .row > #main.col-md-6 .product-company-select__list {
  display: grid;
  gap: 8px;
  max-height: 280px;
  overflow-y: auto;
  padding-right: 4px;
}

.section > .container > .row > #main.col-md-6 .product-company-select__option {
  display: block;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #f1e2db;
  border-radius: 16px;
  background: #fff;
  color: #4a3833;
  text-align: left;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.section > .container > .row > #main.col-md-6 .product-company-select__option:hover,
.section > .container > .row > #main.col-md-6 .product-company-select__option:focus {
  border-color: #f4b4a4;
  background: #fff4ee;
  outline: none;
}

.section > .container > .row > #main.col-md-6 .product-company-select__option.is-selected {
  border-color: #f8694a;
  background: #fff0ea;
  box-shadow: inset 0 0 0 1px rgba(248, 105, 74, 0.1);
}

.section > .container > .row > #main.col-md-6 .product-company-select__option-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.section > .container > .row > #main.col-md-6 .productLogo label,
.section > .container > .row > #main.col-md-6 .productImages label {
  display: block;
  margin-bottom: 12px;
  color: #473732;
  font-weight: 700;
}

.section > .container > .row > #main.col-md-6 input[type="file"] {
  width: 100%;
  padding: 14px 16px;
  border: 1px dashed #ddc6bc;
  border-radius: 16px;
  background: #fff;
}

.section > .container > .row > #main.col-md-6 > ul {
  margin: 0 0 20px;
  padding: 16px 18px 16px 36px;
  border: 1px solid #f4c8bc;
  border-radius: 18px;
  background: #fff4f1;
  color: #8d4029;
}

.section > .container > .row > #main.col-md-6 > b {
  display: block;
  margin-bottom: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #f2fbf4;
  color: #245d38;
}

.section > .container > .row > .col-md-3 > .catalog-menu {
  padding: 14px;
  border: 1px solid #f0e1d9;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(71, 46, 36, 0.08);
}

@media only screen and (max-width: 991px) {
  .section > .container > .row {
    display: block;
  }

  .section > .container > .row > #main.col-md-6 {
    margin-top: 18px;
    padding: 22px 18px;
  }

  .section > .container > .row > #main.col-md-6 > h3 {
    font-size: 30px;
  }
}

.section > .container > .row > #main.col-md-6 h4,
.section > .container > .row > #main.col-md-6 h5 {
  margin: 12px 0;
  color: #2f2623;
  font-weight: 800;
}

.section > .container > .row > #main.col-md-6 input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  transform: translateY(3px);
  border: 1px solid #d8c1b6;
  border-radius: 5px;
  background: #fff;
  position: relative;
  cursor: pointer;
}

.section > .container > .row > #main.col-md-6 input[type="checkbox"]:checked {
  background: #f8694a;
  border-color: #f8694a;
}

.section > .container > .row > #main.col-md-6 input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.section > .container > .row > #main.col-md-6 input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(248, 105, 74, 0.12);
}

#input_match_of_address {
  margin-top: 2px;
}

#div_match_of_address {
  margin-top: 12px;
  padding: 18px;
  border: 1px solid #f0e1d9;
  border-radius: 20px;
  background: #fffaf7;
}

.section > .container > .row > #main.col-md-6 > form select.input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 46px;
  background-image:
    linear-gradient(45deg, transparent 50%, #8d776e 50%),
    linear-gradient(135deg, #8d776e 50%, transparent 50%);
  background-position:
    calc(100% - 22px) calc(50% - 3px),
    calc(100% - 16px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.section > .container > .row > #main.col-md-6 > form select.input[multiple="true"] {
  padding: 18px 16px;
  background-image: none;
}

.section > .container > .row > #main.col-md-6 .form-group.col-md-5 {
  width: 100%;
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.controlsHome,
.controlsPhone,
.controlsEmail,
.controlsSocial {
  width: 100%;
}

.entryHome,
.entryPhone,
.entryEmail,
.entrySocial {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
}

.entryHome .input,
.entryPhone .input,
.entryEmail .input,
.entrySocial .input {
  flex: 1 1 auto;
}

.entryHome .input-group-btn,
.entryPhone .input-group-btn,
.entryEmail .input-group-btn,
.entrySocial .input-group-btn {
  width: auto;
  display: flex;
  align-items: stretch;
}

.entryHome .primary-btn,
.entryPhone .primary-btn,
.entryEmail .primary-btn,
.entrySocial .primary-btn {
  min-width: 54px;
  min-height: 54px;
  padding: 0;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 0;
  position: relative;
}

.entryHome .primary-btn i,
.entryPhone .primary-btn i,
.entryEmail .primary-btn i,
.entrySocial .primary-btn i {
  display: none;
}

.btn-addHome::before,
.btn-addPhone::before,
.btn-addEmail::before,
.btn-addSocial::before {
  content: "+";
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
}

.btn-removeHome::before,
.btn-removePhone::before,
.btn-removeEmail::before,
.btn-removeSocial::before {
  content: "x";
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  text-transform: lowercase;
}

.category-checklist {
  border: 1px solid #eadfd8;
  border-radius: 22px;
  background: #fffdfa;
  overflow: hidden;
}

.category-checklist__header {
  padding: 16px 18px 12px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8d746a;
  background: #fff4ee;
}

.category-checklist__body {
  max-height: 320px;
  overflow: auto;
  padding: 10px;
}

.category-checklist__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.category-checklist__item:hover {
  background: #fff4ee;
}

.category-checklist__item input[type="checkbox"] {
  margin-top: 3px;
  flex-shrink: 0;
}

.category-checklist__text {
  color: #3a2c28;
  line-height: 1.45;
}

.category-checklist__item--parent .category-checklist__text {
  font-weight: 800;
  color: #2f2623;
}

.category-checklist__item--level-1 {
  margin-left: 18px;
}

.category-checklist__item--level-2 {
  margin-left: 36px;
}

.category-checklist__item--level-3 {
  margin-left: 54px;
}

.entryHome + .entryHome,
.entryPhone + .entryPhone,
.entryEmail + .entryEmail,
.entrySocial + .entrySocial {
  margin-top: 10px;
}

.section > .container > .row > #main.col-md-6 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #f0e1d9;
  border-radius: 20px;
  background: #fffdfa;
}

.section > .container > .row > #main.col-md-6 table th,
.section > .container > .row > #main.col-md-6 table td {
  padding: 10px 12px;
  vertical-align: middle;
  border-bottom: 1px solid #f3e7e1;
}

.section > .container > .row > #main.col-md-6 table th {
  background: #fff4ee;
  color: #473631;
  font-size: 13px;
  font-weight: 800;
}

.section > .container > .row > #main.col-md-6 table tr:last-child td {
  border-bottom: none;
}

.section > .container > .row > #main.col-md-6 .time {
  width: 78px !important;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #dbc9c0;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  box-shadow: none;
}

.section > .container > .row > #main.col-md-6 .time:focus {
  border-color: #f8694a;
  box-shadow: 0 0 0 4px rgba(248, 105, 74, 0.1);
  outline: none;
}

.schedule-time-range {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.schedule-separator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10px;
  color: #8d776e;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-1px);
}

.schedule-time-range .time {
  margin: 0 !important;
  flex: 0 0 auto;
}

@media only screen and (max-width: 767px) {
  .entryHome,
  .entryPhone,
  .entryEmail,
  .entrySocial {
    gap: 8px;
  }

  .section > .container > .row > #main.col-md-6 table,
  .section > .container > .row > #main.col-md-6 tbody,
  .section > .container > .row > #main.col-md-6 tr,
  .section > .container > .row > #main.col-md-6 td,
  .section > .container > .row > #main.col-md-6 th {
    display: block;
    width: 100%;
  }

  .section > .container > .row > #main.col-md-6 table th {
    display: none;
  }

  .section > .container > .row > #main.col-md-6 table tr {
    padding: 12px;
    border-bottom: 1px solid #f3e7e1;
  }

  .section > .container > .row > #main.col-md-6 table tr:last-child {
    border-bottom: none;
  }

  .section > .container > .row > #main.col-md-6 table td {
    padding: 6px 0;
    border-bottom: none;
  }
}