/*!
  Theme Name:Банкетный зал в Кобрине
  Theme URI: https://zal.kbr.by/
  Description: Банкетный зал в Кобрине
  Author: JCteam
  Author URI: https://kbr.by
  Version: 2.7
  Stable tag: 2.7
  Tested up to: 6.5
  Text Domain: jcteam
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
*, *::before, *::after { -webkit-box-sizing: border-box;     box-sizing: border-box;}  // убирает синее подсвечивание при клике на девайсах.
h1, h2, h3, h4, h5, h6 {  margin-top: .5rem;  margin-bottom: 1rem;  font-family: inherit;  font-weight: 500;  line-height: 1.8;  color: inherit; }

h1 { font-size: 2rem; }
h2 {font-size: 1.8rem; }
h3 {font-size: 1.5rem; }
h4 {font-size: 1.25rem; }
h5 {font-size: 1.15rem; }
h6 { font-size: 1rem; }
p { margin-top: 0; margin-bottom: .9rem; }

/* Кнопка вверх */    
#totop {cursor:pointer; position: fixed; left: 30px; bottom: 30px; z-index: 9; display: none; outline: none; }
body {margin: 0; padding: 0;    display: flex; align-items: center; flex-direction: column;   min-height: 100vh;  font-family:'Montserrat', sans-serif; font-size: 1 rem;  font-weight: 400;   line-height: 1.7; color: #000; background-color: #F8F8F8;}
.mainblock {   flex: 1 0 auto; padding-top: 115px;}
a { color: #000; text-decoration: none; }
img {max-width: 100%; }
footer { flex-shrink: 0;    background: #333;   color: white;    padding: 20px;}



/* Основные настройки сайта
 ========================================================================== */
.container {max-width: 1350px; width: 100%; margin: 0 auto;  padding: 0 15px;}
.aligncenter  { display: flex; align-items: center; }
.descno {display: none;}
.tw { overflow-x: auto; } 
.knop { height: 10px; } 



/* Шапка сайта  моя ========================================================================== */
.headtop  { height: 115px;  z-index: 700;  width: 100%; background-color: #000; width: 100%;left: 0; position: fixed;left: 0; top: 0; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); }
.hcont { display: flex; justify-content: space-between; align-items: center; padding: 10px 30px; color: #fff; background-color: #000;}
.logoblock { display: flex; align-items: center; display: flex; justify-content: flex-start; align-items: center;}
.logome  { display: inline-block; margin-right: 2vw; }
.logome img { width: 70px;}
.logome a { display: flex; align-items: center; }
.logomem { display: none;}
.logotext {font-size: 0.9rem; line-height: 1.4; font-weight: normal; text-align: left;}
.logotext a {color:#fff;}
.adresme { display: flex; align-items: center; margin-left: 50px; font-size: 0.8rem; }
.aroud { display: flex; align-items: center; margin-left: 30px; font-size: 0.8rem; }
.aroudim { display: flex; }
.aroud img { width: 40px; max-height: 100%; margin-right: 17px;}
.telbot {  display: flex;  justify-content: center;  align-items: center;  padding: 7px; background: #000;  border-radius: 100px 100px 100px 100px; font-size: .8rem; }
.telbot:hover{ background: #a7a7a7; }
.telbot a { color: #fff;  display: flex;}
.telbot a:hover { color: #bb3300; }
.telbot img {  width: 15px; margin-right: 10px; }
.viberme { display: flex; align-items: center;  justify-content: center;  position: relative;}
.viberme img{width: 35px; margin-left: 15px; padding-left: 7px; display: flex; align-items: center;  justify-content: center;  position: relative;}
.timet { display: flex; align-items: center;  justify-content: center;  position: relative; margin-right: 3rem;}

 
/* === Меню  десктоптное  ========================================================================== */ 
.amenu{ display:flex; letter-spacing: 0.3px; height: 35px;}
.amenu>li{ flex:1; text-align:center;  font-size: 0.9rem; letter-spacing: 0.4px;  }
.amenu>li>a{ display:block; line-height: 40px;  color:#fff; text-transform: uppercase; }
.amenu>li>a:hover {color: #982a00; background: #a7a7a7; font-weight: 600;}
.amenu>li:not(:first-child){}
.sub-menu>li>a{ display: block; color: #fff; }
.sub-menu:hover .sub-menu-layout{display:block;}
.sub-menu-layout{  display:none;}
.sub-menu-layout>li{ line-height: 35px; background-color: #000; text-align: left; }
.sub-menu-layout>li a{ line-height: 35px; background-color: #000; color:#fff;  display: block; padding: 0px 45px 0px 20px; min-width: 270px;  }
.sub-menu-layout>li a:hover {color: #a7a7a7; background: #000;}
.sub-menu>a:after{  content: "↓"; margin-left: 7px;   font-weight: bold; font-size: 0.8rem;    text-rendering: auto; }

/* Меню  мобильное  ========================================================================== */
.ham1 { position: fixed; right:10px; top: 0px;  cursor: pointer;   -webkit-tap-highlight-color: zalarent;   transition: transform 400ms;   user-select: none;}
.ham1 path{    fill: none;    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;    stroke: #fff;    stroke-width: 5.5;stroke-linecap: round;}
.ham1.active {    transform: rotate(45deg);}
.ham1 .top {    stroke-dasharray: 40 139;}
.ham1 .bottom {    stroke-dasharray: 40 180;}
.ham1.active .top {    stroke-dashoffset: -98px;}
.ham1.active .bottom {   stroke-dashoffset: -138px;}
#menu-toggle{  opacity: 0; }
#menu-toggle:checked ~ .menubox{ visibility: visible;   left: 0; }
.menut {display: none; } 
#menu-toggle { display: none;}

/* Меню в выдвижной панели */
ul#menu-mob, ul#menu-mob ul { list-style-type:none; padding: 0px; width: 100%;}
ul#menu-mob a { display: block; text-decoration: none; }
ul#menu-mob li { margin-top: 1px; }
ul#menu-mob li a{color: #000; padding: 7px 17px; border-bottom: 1px solid #ccc;}
ul#menu-mob li a:hover { background: #d2d2d2; }
ul#menu-mob li ul li a { background: #d2d2d2; padding-left: 22px; font-size: 0.9rem;  }
ul#menu-mob li ul li a:hover  { background: #e8e8e8; }
ul#menu-mob .menum-child > a:before { content: "+"; float: right; font-size: 1.2rem; line-height: 27px; }

/* Шапка в мобильном */
.menubox {position:fixed;  z-index:77;  top: 70px;  left: -350px;  background: #e2e2e2; width: 350px; height: 100vh; transition: all 0.5s;  overflow-y: scroll;  overflow-x: hidden; padding: 0 15px; }
.boxinfo { display: flex;  justify-content: center;  flex-direction: column; align-items: center;  text-align: center; padding: 15px 0px 25px 0px; border-bottom: 1px #ccc solid; font-size: 0.9rem; line-height: 24px;}
.boxinfot {  font-size: 1rem;  color:#000; font-weight: 500; margin: 10px 0;  padding: 7px 17px; background: #a7a7a7; border-radius: 22px; max-width: 200px;} 
.boxinfot a{  color:#fff; } 
.boxinfoa { font-size: 0.9rem; text-align: center; padding-top: 30px;  }
.cityh { font-weight: 600; font-size: 1.1rem;  padding: 5px 0; color: #000; }

/* верхняя секция
 ========================================================================== */
.fsection { position: relative; min-height: 56.25vw; padding-top: 11.7708333333vw; margin-top: -11.7708333333vw; padding-bottom: 8vw; }
section {background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;}
.first.md-dark-bg {color: #fff;}
.wrapper {width: 81.7708333333vw;margin: 0 auto;}
.f_bg .main-bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;pointer-events: none;}
.f_bg {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: -1;}
.f_content {padding-top: 5vw;padding-bottom: 2vw;}
.f_title { font-family: "Cormorant"; width: 63vw; font-weight: 500; font-size: 4vw; line-height: 6vw;letter-spacing: 0.04em;margin-bottom: 2.34375vw;text-transform: uppercase;color: #fff; margin: 0 auto;
  color: #fff;  text-align: center;}
  .s_title { font-family: "Cormorant"; width: 83vw; font-weight: 500; font-size: 3vw; line-height: 5vw;letter-spacing: 0.04em;margin-bottom: 2vw;text-transform: uppercase; margin: 0 auto; padding: 30px 0px;}
.fsection.md-f-style-2 .f_title {width: 67.25vw;text-align: center;margin: 0 auto;margin-bottom: 2.34375vw;}
.f_text { margin-bottom: 2vw; color: #ccc; text-align: center;}
.f_text p {width: 52.71875vw; font-weight: 400; letter-spacing: 0.04em; text-align: center; color:#ffff; margin: 0 auto; padding: 20px 0; }
.s_tf { font-family: "Cormorant"; font-weight: 500;  letter-spacing: 0.04em; margin-bottom: 2vw; text-transform: uppercase; }


/* меню секция
 ========================================================================== */

.s_tm { font-family: "Cormorant"; font-weight: 500; letter-spacing: 0.04em; margin-bottom: 2vw; text-transform: uppercase; text-align: center;}
.rowm {color: #333333;width: 21vw; margin: 1.3vw 0.8vw;overflow: hidden;background-color: #fff;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;}
.rowm img {width: 100%;cursor: pointer;height: 100%;-o-object-fit: cover;border-radius: 0.3rem;object-fit: cover;}
.rmname {font-weight: 400;letter-spacing: 0.03em;color: #333333;transition: 0.4s;font-family: "Cormorant";text-transform: uppercase;padding: 0 1.3vw; font-size: 1.2rem; }
.rmtext {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;font-weight: 400; font-size: 0.9rem;  letter-spacing: 0.03em; color: #BFBFBF;padding: 0.9vw 2.3vw 1vw 1.3vw;}


/* Кнопка сайта ========================================================================== */
.glow-button {  position: relative; padding: 1vw 2vw;  margin: 1vw 0.3vw;   font-weight: bold;  color: #fff;background-color: #955;  border: none;border-radius: 7vw;  cursor: pointer;  overflow: hidden; box-shadow: 0 4px 9px rgba(0, 0, 0, 0.2);
overflow: hidden; cursor: pointer; -webkit-transition: 0.3s;    transition: all 0.3s ease;   }
.glow-button a { }
.glow-button span {font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase;    }
.glow-button:hover {  transform: translateY(-2px);  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);    }
.glow-button::before {  content: "";  position: absolute;  animation: shine 2s infinite;  top: 0;  left: -100%;  width: 100%;  height: 100%;
  background: linear-gradient(    90deg,    transparent,    rgba(255, 255, 255, 0.4),    transparent  );  transition: 0.5s;    }
.glow-button:hover::before { left: 100%;}
@keyframes shine {  0% { left: -100%; }  100% { left: 100%; } }


.botcont {  display: flex; justify-content: center;  align-items: center;   margin: 0;}

/* Страницы сайта ========================================================================== */
.entry-title { text-align: center; }
.tcont {padding: 30px; display: flex;  justify-content: center; }
.tcont img {width: 70px; height: auto;}

ul.subwid li { line-height: 35px; font-size: 0.9rem; border-bottom: 1px #ccc solid; margin-left: 15px;  }
.subwidh { line-height: 35px; font-weight: 600; font-size: 1.1rem; padding: 7px 0;  }

/* Начальная страница ========================================================================== */
.index-main { background: url(https://zalbrest.by/wp-content/uploads/2023/11/baner3.jpg) center no-repeat; min-height: 500px;}
.intitle {line-height: 44px; padding: 50px 5px;}
.blockbot {display: flex;  justify-content: center; flex-wrap: wrap; }
.knopka1 { margin: 20px 20px 0px 0px;   padding: 10px 25px 10px 25px;   background-color: #FFFFFF;  border-radius: 5px;  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); width: auto; text-align: center;  transform: skewX(-15deg);}
.knopka1:hover {background-color: #eaedf1;  border-radius: 11px;}
.blockall {background-color: #f7f7f7; }
.rowme {display: flex;  justify-content: center; flex-wrap: wrap; align-items: center; margin: 0 auto; background-color: #f7f7f7;  }
.rowl { max-width: 45%;}
.rowf { max-width: 30%; padding: 20px;}
.rtext { padding: 30px; background-color: #fff; }
.rowm img { max-width: 100%;  height: 250px;}
.stoim {display: flex; padding: 30px;  align-items: center; justify-content: space-between; }
.stoimimg {min-width: 50px; padding: 10px 0;}
.stoimtext {font-size: 0.9rem; padding: 0 30px;}
.contme  {display: flex; align-items: center; font-size: 0.8rem; padding: 20px 0;}

/* Почеиу мы */
.servnuma {display: flex; flex-wrap: wrap; margin: 20px auto; max-width: 1350px;}
.servnum-list {display: flex; flex-wrap: wrap;	}
.servnum-list-item {	border: 2px solid #E7E8EA;	box-sizing: border-box;	border-radius: 7px;	display: flex;	align-items: center;	padding: 12px 16px;	margin-bottom: 20px;	width: calc((100% - 60px) / 2);	margin-right: 10px;	margin-left: 10px;	min-height: 80px;}
.servnum-list-item-img {	display: flex;	margin-right: 22px;}
.servnum-list-item-img  img {min-width: 40px;}
.servnum-list-item-text {	font-size: 16px;	line-height: 140%;}
.servnuma-list {	border: 2px solid #E7E8EA; background: #fff; 	box-shadow: 0 4px 12px rgb(131 131 131 / 15%);	box-sizing: border-box;	border-radius: 11px;	display: flex;	align-items: center;	width: calc((100% - 60px) / 3);	padding: 22px;	margin-bottom: 20px;	margin-right: 10px;	margin-left: 10px;}
.servnuma-list-item-text {	font-size: 16px;	line-height: 140%;}

.vibermem {display: flex;  justify-content: center;  align-items: center;}
.vibermem a{ padding: 10px 25px;}
.vibermem img {width: 37px;  }


.viber-button {	position: fixed;	right: 10px;	bottom: 10px;	transform: translate(-50%, -50%);	border-radius: 50%;	width: 60px;	height: 60px;	z-index: 9999;	background-color: #665CAC;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFF' d='M11.398.002C9.473.028 5.331.344 3.014 2.467 1.294 4.177.693 6.698.623 9.82c-.06 3.11-.13 8.95 5.5 10.541v2.42s-.038.97.602 1.17c.79.25 1.24-.499 1.99-1.299l1.4-1.58c3.85.32 6.8-.419 7.14-.529.78-.25 5.181-.811 5.901-6.652.74-6.031-.36-9.831-2.34-11.551l-.01-.002c-.6-.55-3-2.3-8.37-2.32 0 0-.396-.025-1.038-.016zm.067 1.697c.545-.003.88.02.88.02 4.54.01 6.711 1.38 7.221 1.84 1.67 1.429 2.528 4.856 1.9 9.892-.6 4.88-4.17 5.19-4.83 5.4-.28.09-2.88.73-6.152.52 0 0-2.439 2.941-3.199 3.701-.12.13-.26.17-.35.15-.13-.03-.17-.19-.16-.41l.02-4.019c-4.771-1.32-4.491-6.302-4.441-8.902.06-2.6.55-4.732 2-6.172 1.957-1.77 5.475-2.01 7.11-2.02zm.36 2.6a.299.299 0 0 0-.3.299.3.3 0 0 0 .3.3 5.631 5.631 0 0 1 4.03 1.59c1.09 1.06 1.621 2.48 1.641 4.34a.3.3 0 0 0 .3.3v-.009a.3.3 0 0 0 .3-.3 6.451 6.451 0 0 0-1.81-4.76c-1.19-1.16-2.692-1.76-4.462-1.76zm-3.954.69a.955.955 0 0 0-.615.12h-.012c-.41.24-.788.54-1.148.94-.27.32-.421.639-.461.949a1.24 1.24 0 0 0 .05.541l.02.01a13.722 13.722 0 0 0 1.2 2.6 15.383 15.383 0 0 0 2.32 3.171l.03.04.04.03.03.03.03.03a15.603 15.603 0 0 0 3.18 2.33c1.32.72 2.122 1.06 2.602 1.2v.01c.14.04.268.06.398.06a1.84 1.84 0 0 0 1.102-.472c.39-.35.7-.738.93-1.148v-.01c.23-.43.15-.841-.18-1.121a13.632 13.632 0 0 0-2.15-1.54c-.51-.28-1.03-.11-1.24.17l-.45.569c-.23.28-.65.24-.65.24l-.012.01c-3.12-.8-3.95-3.959-3.95-3.959s-.04-.43.25-.65l.56-.45c.27-.22.46-.74.17-1.25a13.522 13.522 0 0 0-1.54-2.15.843.843 0 0 0-.504-.3zm4.473.89a.3.3 0 0 0 .002.6 3.78 3.78 0 0 1 2.65 1.15 3.5 3.5 0 0 1 .9 2.57.3.3 0 0 0 .3.299l.01.012a.3.3 0 0 0 .3-.301c.03-1.19-.34-2.19-1.07-2.99-.73-.8-1.75-1.25-3.05-1.34a.3.3 0 0 0-.042 0zm.49 1.619a.305.305 0 0 0-.018.611c.99.05 1.47.55 1.53 1.58a.3.3 0 0 0 .3.29h.01a.3.3 0 0 0 .29-.32c-.07-1.34-.8-2.091-2.1-2.161a.305.305 0 0 0-.012 0z'/%3e%3c/svg%3e");
  background-size: 50%; 	background-repeat: no-repeat;	background-position: 50% 50%;
}
.viber-button:before, .viber-button:after {	content: " ";	display: block;	position: absolute;	border: 50%;	border: 1px solid #665CAC;	left: -20px;	right: -20px;	top: -20px;	bottom: -20px;	border-radius: 50%;	animation: border-animate 1.5s linear infinite;	opacity: 0;}
.viber-button:after{	animation-delay: .5s;}
@keyframes border-animate {	0% {		transform: scale(0.5);		opacity: 0;	}	50% {		opacity: 1;	}	100% {		transform: scale(1.2);		opacity: 0;	} }


/* Подвал сайта ========================================================================== */
.site-footer {padding: 5px; font-size: 0.9rem; text-align: center;  color: #f7f7f7; background:#000;  width:100%; }
.site-footer a { color: #f7f7f7;  }
.site-footer a:hover  { color: #f7f7f7;  }

@media (max-width: 1180px) {
.site-header, body:not([class*="elementor-page-"]) .site-main { background:none;}
.padno {display: none;}
figure {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
}

@media (max-width: 992px) {
.mainblock { padding-top: 140px;}
.ipadno {display: none;}
.headtop {height:140px; display: flex;   flex-wrap: wrap;  align-items:center; justify-content:space-between; }
.menut {display: block; }
.hcont  { padding-bottom: 10px; color: #fff;  margin: 0 auto;  background-color: #000; }
.hmob {height: 60px; display: flex;   flex-wrap: wrap;  align-items:center; justify-content:space-between; margin-right: 80px;}
.telbotm {  width: 230px;   display: flex;  justify-content: center;  align-items: center;  padding: 5px 15px; background: #433;  border-radius: 100px 100px 100px 100px; }
.telbotm a { color: #fff; }
.telbotm a:hover { color: #fff; }
.telbotm img {  width: 18px; margin-right: 10px; transition: transform 1s; transition: all 200ms ease; }
.telbotm img:hover {    transform: rotateZ(50deg); }
.rowl { max-width: 100%;}
.rowf { max-width: 100%;}
.rowm { width: 45%;}
.stoim  {justify-content: center; flex-direction: row;  flex-wrap: wrap; }
.contme {  justify-content: center;  flex-direction: row;   flex-wrap: wrap; }
.viberme {  padding-top: 15px; }
.glow-button {  position: relative; padding: 2vw 3vw;  }
}


@media (max-width: 768px) {
.mainblock { padding-top: 70px;}
.rmname { text-align: center; }
.s_tf { text-align: center; }
.mobino {display: none;} 
header {margin-top: 15px; }
.headtop {height:70px;} 
.rowm { width: 100%;}
.container {padding: 0 20px;}
.logomem {display: inline-block; }
.logomem a{display: flex;  justify-content: center;  align-items: center;}
.logomem img {width: 70px; }
.servnuma-list {width: 100%;}
.index-main { margin-top: 70px; }
.pagem { margin-top:30px; padding-top: 37px;   padding-bottom: 260px;   background: url(https://zal.by/wp-content/uploads/2022/09/p-bg2.webp) center no-repeat;   background-size: cover;  border-radius: 22px;  width: 100%;   margin: 0 auto 37px;}
.pagem-wrap{   width: 100%;   text-align: center;}

.form-row {  flex-direction: column; align-items: stretch;  gap: 5px; }
.form-label { width: 100%; text-align: left; }
.form-field { width: 100%; }
.remember-row { justify-content: flex-start; }
.center-container { min-height: 50vh; }

 }
 
 @media screen and (max-width: 576px) {
.container {width: 100%;	padding: 0 20px;	}
.telbotm { display: none; }
.telbotms {display: inline;}
.telbotms  a{display: flex;  justify-content: center;  align-items: center;}
.telbotms img {width: 30px; } 
.hmob {margin-right: 140px;}

.telbotme {display: inline; display: flex; align-items: center; justify-content: center;   position: absolute;  right: 80px;  width: 40px;    height: 40px;    border-radius: 50%;    background: #a7a7a7;   z-index: 100;}
.telbotme::before {    content: "";   animation: 2.5s infinite teltme;    position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%,-50%) scale(1);   
width: 40px;   height: 40px;   background-color: #a7a7a7;  border-radius: 50%;  opacity: .7;  z-index: -1;}
@keyframes teltme {
  0% { transform: translate(-50%,-50%) scale(1); opacity: .6 }
  100%,90% {   transform: translate(-50%,-50%) scale(1.6);    opacity: 0  }
}

}
   
/* Lists
 ========================================================================== */
dl,dt,dd,ol,ul,li {  margin: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: zalarent; list-style-type: none; padding-inline-start: 0px; }
pre { font-family: "Montserrat"; font-size: 1em;  white-space: pre-wrap;   line-height: 2;   background: linear-gradient(#EDF8FF; 50%, zalarent 50%) repeat scroll 0 0 / 100% 64px;
  text-shadow: 0 1px 0 #fff;  filter: dropshadow(color=#ffffff, offx=0, offy=1);  padding: 0 5px;   margin: 0; overflow: auto; }
  


/* Формы
   ========================================================================== */
label {  display: inline-block;  line-height: 1;  vertical-align: middle; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; }
input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea { width: 100%;  border: solid 1px color(srgb 0.532 0.532 0.532); border-radius: 3px;  padding: 0.5rem 1rem;  -webkit-transition: all .3s;  -o-transition: all .3s; transition: all .3s; }
input[type="text"]:focus,  input[type="date"]:focus,  input[type="email"]:focus,  input[type="number"]:focus,  input[type="password"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="url"]:focus,
select:focus,  textarea:focus {    border-color: ##000;    outline: 0 none; }
button,input { overflow: visible; }
button,select { text-transform: none; }
button,[type="button"],[type="reset"],[type="submit"] {  width: auto;  -webkit-appearance: button; }
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0; }
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText; }
button,[type="submit"],[type="button"] {  display: inline-block;  font-weight: 400;  color: #0003;  text-align: center;  white-space: nowrap;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;
   user-select: none; background-color: zalarent;  border: 1px solid #000;  padding: 0.5rem 1rem;  font-size: 1rem;  border-radius: 3px;  -webkit-transition: all .3s;  -o-transition: all .3s;  transition: all .3s; }
  button:focus,  [type="submit"]:focus,  [type="button"]:focus {    outline: 1px dotted;    outline: 5px auto -webkit-focus-ring-color; }
  button:hover, button:focus, [type="submit"]:hover,  [type="submit"]:focus,  [type="button"]:hover,  [type="button"]:focus {    color: #ffffff;    background-color: #000;    text-decoration: none; }
  button:not(:disabled),  [type="submit"]:not(:disabled),  [type="button"]:not(:disabled) {    cursor: pointer; }
fieldset {  padding: 0.35em 0.75em 0.625em; }
legend {  -webkit-box-sizing: border-box;        box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress { vertical-align: baseline; }
textarea {  overflow: auto;  resize: vertical; }
[type="checkbox"],[type="radio"] {  -webkit-box-sizing: border-box;         box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto; }[type="search"] {  -webkit-appearance: textfield;outline-offset: -2px; }[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button;font: inherit; }
select { display: block; }