/* Start:/bitrix/templates/xfish/components/bitrix/menu/top_menu/style.min.css?1695409464490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/xfish/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1695409455620*/
.bx-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bx-breadcrumb-item{height:22px;white-space:nowrap}.bx-breadcrumb-item-angle{margin:0 10px;color:#b5bdc2;vertical-align:top;font-size:12px}.bx-breadcrumb-item-link{border-bottom:0;vertical-align:top;line-height:21px}.bx-breadcrumb-item-text{vertical-align:top;white-space:normal;font:400 13px/21px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;transition:250ms linear all}
/* End */


/* Start:/bitrix/templates/xfish/template_styles.css?176528797418051*/
 @font-face {
        font-family: "Bebas Neue Cyrillic";
        src: url("/bitrix/templates/xfish/fonts/bebasneuecyrillic.ttf");
      }


html, body { font-family: 'Titillium Web', sans-serif; margin:0; padding:0; width:100%; box-sizing: border-box; background: rgba(0, 18, 39, 1)}     
body {background: url(/bitrix/templates/xfish/images/back_top.png) no-repeat;   position: absolute;    top: 0;    left: 0;    right: 0;    z-index: 1;       max-width: 1920px; width: 100%;
    margin: 0 auto;} 
.inner {background: url(/bitrix/templates/xfish/images/back_top_inner.png) no-repeat;}
*, *:before, *:after {box-sizing: border-box;}
h1, h2, h3 { font-family: 'Bebas Neue Cyrillic', sans-serif; font-weight:normal; padding:0; margin:0px; color:rgba(229, 229, 229, 1); }   
p, span { margin:5px; padding:0; color: rgba(229, 229, 229, 1); }
img { border:none; outline:0 }
a { color:#333; outline:0; text-decoration: none}
ul, ol, li {  list-style-position: inside; padding:0px; margin:0px; }
a:hover, a:focus {text-decoration: none; cursor:pointer; outline:0}
input, input[type="submit"], textarea {border:none; outline:0; font-family: 'Titillium Web', sans-serif; -webkit-appearance: none; } 
input[type=submit] {cursor:pointer}
.bx-breadcrumb {    max-width: 1300px;   margin: 10px auto 0;}
.bx-breadcrumb-item-text {color:rgba(229, 229, 229, 1); }
.bx-breadcrumb-item-link span:hover {color:rgba(227, 30, 36, 1); }


header {padding: 30px 0; max-width: 1300px; margin: 0 auto;     border-bottom: 1px dashed rgba(144, 188, 223, 1);}
header .wrap {position: relative;    display: flex; justify-content: space-between;    align-items: center;}
header .wrap .top-menu {display: flex;    list-style: none;    justify-content: space-between;    width: 65%;}
header .wrap .top-menu li a {color: rgba(229, 229, 229, 1); text-decoration: none; text-transform: uppercase;    font-weight: 700;font-size: 13px;}
header .wrap .top-menu li a:hover {color:rgba(227, 30, 36, 1);      transition: 250ms linear all; }

header .wrap .social {display: flex;    gap: 10px; }
header .wrap .social .tg {background: url(/bitrix/templates/xfish/images/tg.svg) no-repeat;    display: block;    border: 1px solid rgba(141, 148, 155, 1);    border-radius: 30px;    padding: 23px;    background-position: center;}
header .wrap .social .wa {background: url(/bitrix/templates/xfish/images/whatsapp.svg) no-repeat;    display: block;    border: 1px solid rgba(141, 148, 155, 1);    border-radius: 30px;    padding: 23px;    background-position: center;}

main {}
main .back_bottom {background: url(/bitrix/templates/xfish/images/back_bottom.png) no-repeat;    width: 100%;    height: 1000px;    position: absolute;       top: 64%;    z-index: -1;}
main section {max-width: 1300px; margin: 0 auto; position: relative; z-index: 10}
main .banner_part {display: flex;       padding: 0px 0 180px;    gap: 12px;    align-items: center;}
main .banner_part .logo {height: 100%; margin-bottom: 160px}
main .banner_part .banner_part_inner {display: flex;    flex-direction: column;    margin-top: 250px;}
main .banner_part .banner_part_inner h1 {color: rgba(255, 255, 255, 1);font-size: 58px;line-height: 58px;width: 40%;}
main .banner_part .banner_part_inner span {color: rgba(229, 229, 229, 1);font-size: 18px;font-weight: 600;text-transform: uppercase;    margin-top: 10px;}
main .banner_part .banner_part_inner a {background: rgba(227, 30, 36, 1);width: 142px;height: 54px;line-height: 54px;text-align: center; color: white;font-size: 13px;font-weight: 600;
    margin-top: 60px; text-transform: uppercase}
main .banner_part .banner_part_inner a:hover {background: transparent; border: 2px solid rgba(227, 30, 36, 1);line-height: 50px;    }
    
main .advantages {display: flex; justify-content: space-between;    gap: 25px;    padding-bottom: 130px;}
main .advantages .advantage_item {display: flex; gap: 40px}
main .advantages .advantage_item .advantage_pic {background: url(/bitrix/templates/xfish/images/advantages.svg) no-repeat;    background-size: contain; width: 32%;height: 70px;}
main .advantages .advantage_item div .advantage_title {    width: 75%;font-size: 26px;color: white;text-transform: uppercase;font-family: 'Bebas Neue Cyrillic', sans-serif;height: 90px;line-height: 26px;}
main .advantages .advantage_item div span {font-size: 16px;line-height: 24px;color: rgba(229, 229, 229, 1);}


main .catalog {margin-bottom: 150px}
main .catalog .news_detail_back {color:rgba(229, 229, 229, 1); }
main .catalog .news_detail_back:hover {color:rgba(227, 30, 36, 1);    transition: 250ms linear all;}
main .catalog h2 {font-size: 58px;    line-height: 58px; color: rgba(255, 255, 255, 1);  width: 22%; margin-bottom: 65px;}
main .catalog > p {color: rgba(229, 229, 229, 1);font-size: 16px;font-weight: 400;    margin-bottom: 50px;}
main .catalog .catalog_list {display: flex;gap: 20px;}
main .catalog .catalog_list .catalog_item .picture {max-height: 435px; position: relative}
main .catalog .catalog_list .catalog_item .picture span {position: absolute; bottom: 0; right: 0; font-size: 114px; font-family: 'Bebas Neue Cyrillic', sans-serif;  color: rgba(255, 255, 255, 0.32);line-height: 90px;}
main .catalog .catalog_list .catalog_item .preview_picture { height: 100%; object-fit: cover;}
main .catalog .catalog_list .catalog_item b {display: block;font-size: 30px; color: white; text-transform: uppercase; font-family: 'Bebas Neue Cyrillic', sans-serif;  height: 45px; margin-top: 25px}
main .catalog .catalog_list .catalog_item p {color: rgba(237, 237, 237, 1);    font-size: 16px;    line-height: 24px;    padding-bottom: 100px;}
main .catalog .catalog_list .catalog_item .more_detail {display: block;background: rgba(227, 30, 36, 1);width: 142px;height: 54px;line-height: 54px;text-align: center; color: white;font-size: 13px;font-weight: 600;
       margin-bottom: 20px; text-transform: uppercase}
main .catalog .catalog_list .catalog_item .more_detail:hover  {background: transparent; border: 2px solid rgba(227, 30, 36, 1);line-height: 50px;}       
       
       
/* main .work_area {min-height: 100vh} */
main .work_area h1 {font-size: 58px;    line-height: 58px; color: rgba(255, 255, 255, 1);  width: 22%;     margin: 40px 0;}
main .work_area .contacts_part {display: flex; gap: 60px;    margin-bottom: 120px;}
main .work_area .contacts_part .contacts_info { display: flex; flex-direction: column;     gap: 20px;}
main .work_area .contacts_part .contacts_info span {color: rgba(255, 255, 255, 1);}
main .work_area .contacts_part .contacts_info a {color: rgba(255, 255, 255, 1); text-decoration: none}



main .work_area .catalog-detail h3 {margin: 20px 0;font-size: 28px;}
main .work_area .catalog-detail > div {display: flex; flex-direction: column; gap: 50px}
main .work_area .catalog-detail .catalog_detail_item {display: flex; flex-wrap: nowrap; gap:30px;     height: 500px;}
main .work_area .catalog-detail .catalog_detail_item .pic_section {display: flex;flex-wrap: nowrap; width: 40%;     gap: 5px;}
main .work_area .catalog-detail .catalog_detail_item .pic_section > img {width: 80%; object-fit: cover; object-position: top;}
main .work_area .catalog-detail .catalog_detail_item .pic_section div {display: flex;    flex-direction: column;    width: 20%; gap: 5px;}
main .work_area .catalog-detail .catalog_detail_item .pic_section div img {width: 100%;    height: 33%; object-fit: cover;}
main .work_area .catalog-detail .catalog_detail_item .descr_section {width: 60%}
main .work_area .catalog-detail .catalog_detail_item .descr_section h4 {color: rgba(255, 255, 255, 1);    font-size: 30px;    margin: 0 0 20px;    text-transform: uppercase;    font-family: 'Bebas Neue Cyrillic', sans-serif;}
main .work_area .catalog-detail .catalog_detail_item .descr_section span {display: block; margin-bottom: 5px}
main .work_area .catalog-detail .catalog_detail_item .descr_section .price {    font-size: 30px;    text-align: end;       text-transform: uppercase;    font-family: 'Bebas Neue Cyrillic', sans-serif;    display: inline-flex;    width: 100%;    justify-content: flex-end;}
main .work_area .catalog-detail .catalog_detail_item .descr_section .price span {color: #e31e24; }
main .work_area .catalog-detail .catalog_detail_item .descr_section a {background: rgba(227, 30, 36, 1);width: 142px;height: 54px;line-height: 54px;text-align: center; color: white;font-size: 13px;font-weight: 600;
       display: block;    margin: 25px 0 0 auto; text-transform: uppercase}
main .work_area .catalog-detail .catalog_detail_item .descr_section a:hover {    background: transparent;    border: 2px solid rgba(227, 30, 36, 1);    line-height: 50px;}



footer {position: relative;    z-index: 1;}
footer .footer_wrap {border-top: 1px dashed rgba(144, 188, 223, 1);padding: 60px 15px 110px;max-width: 1300px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
footer .footer_title {font-size: 25px;font-family: 'Bebas Neue Cyrillic', sans-serif;color: white;margin-bottom: 35px;}
footer span {font-size: 13px;font-weight: 600;color: rgba(229, 229, 229, 1);margin-bottom: 15px;    text-align: center;}
footer span a {text-decoration: none;font-weight: 600;color: rgba(229, 229, 229, 1);}
footer .social {display: flex;    gap: 10px;     margin-top: 45px;}
footer .social .tg {background: url(/bitrix/templates/xfish/images/tg.svg) no-repeat rgba(227, 30, 36, 1);display: block;border-radius: 30px;padding: 18px;height: 36px;background-position: center;    background-size: 65%;}
footer .social .wa {background: url(/bitrix/templates/xfish/images/whatsapp.svg) no-repeat rgba(227, 30, 36, 1);display: block;border-radius: 30px;padding: 18px;height: 36px; background-position: center;    background-size: 65%;}


.menu {display:none}
.modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.modal.open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.modal-bg {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.modal-container {
  background: #fff;
  position: relative;
  padding: 47px 80px 80px;
  width: 600px;
}
.modal-container h1 {
  text-align: center;
  font-size: 29px;
  font-weight: 400;
  line-height: 43px;
  color: rgba(0, 18, 39, 1);
  margin-bottom: 43px;
  padding: 0;
}
.modal-close {
  position: absolute;
  right: -24px;
  top: -24px;
  outline: none;
  appearance: none;
  background: #8d734a url(/bitrix/templates/xfish/images/close-ico.svg) no-repeat center center;
  border: 0px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  transition: all 0.3s ease;
}
.modal-close:hover {
  background: #755e3b url(/bitrix/templates/xfish/images/close-ico.svg) no-repeat center center;
}
.modal-container form {
  width: 100%;
  position: relative;
}
.modal-container form .form-row:not(.last) {
  margin-bottom: 24px;
  width: 100%;
}
.modal-container form .form-row input,
.modal-container form .form-row textarea {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  border: 1px solid #c4c4c4;
  color: rgba(51, 51, 51, 1);
  outline: none;
  height: 44px;
  font-size: 14px;
}
.modal-container form .form-row textarea {
  height: 140px;
  resize: none;
  padding: 16px;
}
.modal-container form .form-row input::placeholder,
.modal-container form .form-row textarea::placeholder {
  color: rgba(51, 51, 51, 0.83);
}
.modal-container form .form-row button {
  width: 100%;
  height: 48px;
  line-height: 48px;
  border: none;
  outline: none;
  background: rgba(227, 30, 36, 1);
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.modal-container form .alert {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px;
}
.modal-container .buttons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.modal-container .btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #8d734a;
  border: 1px solid #8d734a;
  height: 46px;
  padding: 0 25px;
  margin: 0;
  width: auto;
  text-decoration: none;
  margin-top: 20px;
  margin: 0 10px;
  transition: all 0.3s ease;
}

#request-call.modal .modal-container {
  max-width: 480px;
}
#request-help.modal .modal-container {
  max-width: 780px;
}

#success-add2cart .modal-container .btn:first-child {
  background: #8d734a;
  color: #fff;
}
#success-add2cart .modal-container .btn:first-child:hover {
  background: #fff;
  color: #8d734a;
}
#success-add2cart .modal-container .btn:last-child:hover {
  background: #8d734a;
  color: #fff;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  font-weight: normal;
}
.alert-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.footer_watched h2 {
  margin-top: 10px;
}

.right_part > h1 > noindex {
  /* 	margin-right: 200px; */
}

.modal-container .modal-close:hover {
  background: rgba(227, 30, 36, 1) url(/bitrix/templates/xfish/images/close-ico.svg) no-repeat center center;
}

.modal-container .modal-close {
  position: absolute;
  right: -24px;
  top: -24px;
  outline: none;
  appearance: none;
  border: 0px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  transition: all 0.3s ease;
  background: rgba(0, 18, 39, 1) url(/bitrix/templates/xfish/images/close-ico.svg) no-repeat center center;
}

.modal-container > form > div {
  width: 290px;
  margin: auto;
}


.modal-container
  > form
  > .form-row
  > lable
  > input[type="checkbox"] {
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-appearance: auto;
}



.modal-container > form > .form-row last . button {
  font-size: 26px;
  color: #fff;
  background: #ffad00;
  text-transform: none;
  text-decoration: none;
  padding: 7px 2vw;
}
.checkbox-styled {display: flex;gap: 20px;align-items: center;}
.checkbox-styled input {width: 30px!important;
    height: 30px!important;}

@media screen and (max-width:1320px)

{
	header {padding: 30px 15px}
	main section {padding: 0 15px;}
	main .banner_part {padding: 0px 15px 150px;}
	main .banner_part .banner_part_inner h1 {width: 70%}
	main .catalog h2 {width: 40%}
	header .wrap .top-menu { width: 80%}
}


@media screen and (max-width:540px)

{
	body {background-position: top}
	header .wrap .top-menu {display: none}
	.bx-breadcrumb {padding: 0 15px}
	main .banner_part {flex-direction: column;    gap: 30px;    margin-top: 40px; padding: 0 15px 100px}
	main .banner_part .logo {margin-bottom: 0}
	main .banner_part .banner_part_inner {margin-top: 0}
	main .banner_part .banner_part_inner h1 {font-size: 40px; width: 100%}
	main .advantages {flex-direction: column;    gap: 40px;padding-bottom: 100px;}
	main .catalog {margin-bottom: 100px}
	main .catalog h2 { width: 100%;    font-size: 35px;}
	main .catalog .catalog_list {flex-direction: column}
	main .catalog .catalog_list .catalog_item .picture {height: 370px;}
	main .catalog .catalog_list .catalog_item .preview_picture {height: 100%}
	main .catalog .catalog_list .catalog_item p {padding-bottom: 40px;}
	main .work_area {padding: 0}
	main .work_area h1 {padding: 0 15px;}
	main .work_area .contacts_part {flex-direction: column;    margin-bottom: 100px;}
	main .work_area .contacts_part iframe {height: 220px}
	main .back_bottom {top: 78%;}
	main .advantages .advantage_item div .advantage_title { width: 100%}
	main .work_area .catalog-detail .catalog_detail_item {height: auto;     flex-wrap: wrap;}
	main .work_area .catalog-detail .catalog_detail_item .pic_section {width: 100%;     flex-direction: column;}
	main .work_area .catalog-detail .catalog_detail_item .pic_section > img {width: 100%;    height: 350px;}
	main .work_area .catalog-detail .catalog_detail_item .pic_section div {flex-direction: row;     width: 100%;}
	main .work_area .catalog-detail .catalog_detail_item .pic_section div img {width: 33%;    height: 150px;}
	main .work_area .catalog-detail .catalog_detail_item .descr_section {width: 100%}
	main .work_area .catalog-detail .catalog_detail_item .descr_section .price {margin-top: 25px;justify-content: flex-start;}
	main .work_area .catalog-detail .catalog_detail_item .descr_section a {margin: 25px auto 0 0;}
	
	
	
	.menu {display:block}
	.menu-triger {display: block;     	width: 50px;     	height: 50px;     	background: url(/bitrix/templates/xfish/images/hamburger.png) 0 0 no-repeat;     	position: absolute;     	top:0;    background-size: contain   }
	.menu-close {display: block;       	width: 67px;       	height: 63px;       	background:#DB000B;       	position: absolute;       	right: 10px;  text-align:center;       	top: 17px;       	z-index: 100; text-decoration:none; font-weight:normal;       }
	.menu-close:before {content:'\2716'; color:#fff; line-height: 66px; font-size:25px}
	.menu-popup {display: none;       	background: rgba(0, 18, 39, 1);       	position: absolute;       	left: -15px;       	right: -15px;       	top: -30px;       	box-sizing: border-box;       	padding: 30px;       	z-index: 99999999;           margin:0       }
	.menu-popup ul {margin: 0;       	padding: 0;   display:flex!important; flex-direction:column;       }
	.menu-popup li {list-style: none;       	margin: 10px 0;       	padding: 0;       }
	.menu-popup li,.menu-popup li a {       	font-size: 18px!important;       	color:#fff!important;       	line-height: 2.4;  font-weight:normal;       	text-decoration: none;       }
	.menu-popup ul li ul { padding: 11px 20px;   visibility: initial!important; opacity: 1!important;display:block!important; position:relative!important; background:none!important; top:auto!important; left:auto!important}
	.menu-popup ul li ul:before {display:none}
	.menu-popup ul li:hover ul li a  {text-transform:none; color:#fff!important }
	.menu-popup ul li:hover ul li { padding:0px 0 }
	
	.modal-container {width: 100%;    padding: 25px 15px 25px;}
	.modal-container .modal-close {right: 0}
	
	 }




/* End */
/* /bitrix/templates/xfish/components/bitrix/menu/top_menu/style.min.css?1695409464490 */
/* /bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1695409455620 */
/* /bitrix/templates/xfish/template_styles.css?176528797418051 */