/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 950px) {
   .top34 {
		margin-top: 34px;
	}

  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; } /*растояние между блока в оффере 4% было*/
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 2em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Arial", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
/*h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }*/
h5 { font-size: 1.8rem; line-height: 1.0;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.8rem; }
  h2 { font-size: 3.6rem; }
  h3 { font-size: 2.4rem; }
  h4 { font-size: 1.5rem; }
  h5 { font-size: 1.2rem; }
  h6 { font-size: 1.0rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.mini_button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    display: inline-block;
    height: 28px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 10px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: .1rem;
    /* text-transform: uppercase; */
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}

.mini_button:hover, button, input[type="submit"], input[type="reset"], input[type="button"] {
    display: inline-block;
    height: 28px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 10px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: .1rem;
    /* text-transform: uppercase; */
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 16px;
  font-weight: 550;
  line-height: 38px;
  letter-spacing: .1rem;
  /*text-transform: uppercase;*/
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  /*background-color: #61c348;
  border-color: #61c348;*/
  background-color: #e95400;
  border-color: #e95400; }
  
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #ffa800;
  border-color: #ffa800; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  /*margin-bottom: 2.5rem; отступ*/ }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }




/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

@media (min-width: 200px) {
.top1 {text-align:center;border:0px solid #fff; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.top2 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.top3 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.offers {margin-top:5%;text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;margin:10px 0px;padding:20px 0px}
.info {font-size:11px;text-align: left;margin-left: 0px;}
}

/* Larger than mobile */
@media (min-width: 400px) {
.top1 {text-align:center;border:0px solid #fff; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.top2 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.top3 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.offers {margin-top:5%;text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;margin:10px 0px;padding:20px 0px}
.info {font-size:11px;text-align: left;}
.mleft35 {margin-left: 0px;}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.top1 {text-align:center;border:0px solid #fff; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.top2 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.top3 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;padding: 30px;}
.offers {margin-top:5%;text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 0px; background-color:#fff;margin:10px 0px;padding:20px 0px}
.info {font-size:11px;text-align: left;}
.mleft35 {margin-left: 0px;}
.desktop {display:none!important;}
.main_mtop {margin-top: 50px;}
}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 550px) {
.mob {display:none;}
}

/* Larger than tablet */
@media (min-width: 750px) {
.top1 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px; background-color:#fff;padding: 30px;}
.top2 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px 10px; background-color:#fff;padding: 30px;}
.top3 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:10px; background-color:#fff;padding: 30px;}
.offers {margin-top:5%;border:0px; }
.mleft35 {margin-left: 0px;}
.offers {
    /*margin-left: 3%;margin-right: 6%;*/
    border: 1px solid #ccc;
    padding: 20px;
	margin-top: 5px;
}

  
}

@media (max-width: 750px) {
.padding20 {padding: 20px!important;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
.top1 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:0px; background-color:#fff;padding: 30px;}
.top2 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:0px 10px; background-color:#fff;padding: 30px;}
.top3 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin:0px; background-color:#fff;padding: 30px;}
.offers {margin-top:5%;border:0px;/*margin-left: -30px;*/ }
.mleft35 {margin-left: 35px;}
.offers {
    /*margin-right: 6%;*/
    border: 1px solid #ccc;
    padding: 20px;
	margin-top: 5px;
}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
.top1 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin-top: 1%; background-color:#fff;padding: 30px;}
.top2 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin-top: 1%; background-color:#fff;padding: 30px;}
.top3 {text-align:center;border:0px solid #ccc; border-radius: 8px;margin-top: 1%; background-color:#fff;padding: 30px;}
/*.offers {margin-top:5%;border:0px; }*/
.mleft35 {margin-left: 35px;}
.offers {
    /* margin-right: 6%;*/
    border: 1px solid #ccc;
    padding: 20px;
	margin-top: 5px;
}



.main_mtop {margin-top: 150px;}

}


/*.ar {background-color:#58ade4; color:#fff; font-weight:bold; padding:10px; font-size:14px;}*/
.ar {background-color:#fff; color:#747474; font-weight:bold; padding:10px; font-size:24px;margin-bottom: 4%;margin-top: 4%;}
.hot {border:2px solid #58ade4; border-radius: 8px;}

.logo_text_footer {
    font-weight: bolder!important;
    color: #fff;
    /* color: #5400e9; */
    font-size: 1.3em;
    text-decoration: none;
}

a.logo_text_footer:hover {
    font-weight: bolder!important;
     /* color: #fff;*/
	color: #e95400;
    font-size: 1.3em;
    text-decoration: none;
}

.info {
    font-size: 11px;
    text-align: left;
}

a.footer_link {
	color: #fff;
}

a.footer_link:hover {
	color: #fff;
}

a.city_link, a.city_link:hover {
	color: #fff;
	text-decoration: none;
}


a.mini_tags {
	text-decoration: none;
    color: #333;
}

a.mini_tags:hover {
	text-decoration: underline;
    color: #333;
}

.reklama {
    font-size: 11px;
    text-align: left;
    margin-left: 135px;
}


.gol {line-height: 25px;}
.button_mtop24 {margin-top:24px;}

.title_bold {
	font-weight:bold;
}

.center-image {text-align: center;}
.left-image {text-align: left;}
.justify {text-align: justify;}
p.cours {font-size: 14px!important;}
.mtop2per {margin-top:2%;}
.mtop4per {margin-top:4%;}
.mtop3per {margin-top:3%!important;}
.steps {font-size: 2rem; color:#e95400; font-weight:bold;}

.faq_columns {
    border: 1px solid #ccc;
    padding: 40px;
    border-radius: 8px;
    margin-top: 2%;
    font-size: 14px;
}

.footer {
    background-color: #777;
    padding: 40px;
    margin-top: 2%;
    font-size: 12px;
    color: #fff;
}

/* калькулятор */

#totalprice {
  color: #e95400;
  font-size: 3rem;
  font-weight:600;
}

.calc_form { display:flex; flex-direction: row; align-items: center; }

.calc_columns {
	border: 1px solid #ccc;
    padding: 20px;
    border-radius: 8px;
	margin-top:2%;
}

/* фотогалерея */

.row {
      display: flex;
      flex-wrap: wrap;
    }

    .three.columns {
      position: relative;
      margin: 10px;
      cursor: pointer;
    }

    .value-img {
      max-width: 100%;
      height: auto;
    }

    /* Стили для попапа */
    .popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 9999;
      align-items: center;
      justify-content: center;
    }

    .popup img {
      max-width: 90%;
      max-height: 90%;
    }

    .close-button {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      color: #fff;
      font-size: 100px;
      padding: 5px 10px;
      border-radius: 50%;
    }
	
	/* Отзывы */
	.review {
      display: flex;
      flex-wrap: wrap;
    }

    .three.review_columns {
      position: relative;
      margin: 10px;
      cursor: pointer;
    }

    .review_value-img {
      max-width: 100%;
      height: auto;
    }

    .text-container {
      display: none; /* Начально скрыт */
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7);
      color: white;
      padding: 10px;
      width: 95%;
      height: 95%;
      z-index: 1;
      overflow-y: auto;
    }
	
/* таблица на мобилах */
@media (max-width: 767px) {
    table, thead, tbody, th, td, tr {
        display: block;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        margin-bottom: 0.625rem;
    }

    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-title);
    }
}

/* лого */

.logotype::before {
    content: ""; /* Очищаем содержимое, так как будем использовать фоновое изображение */
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0px 0px;
    background-image: url('../images/logo_viva_collect.png'); /* Замените 'path-to-your-image.png' на путь к вашей картинке */
    background-size: cover; /* Масштабирование изображения по размеру блока */
    /* Другие стили, если необходимо */
}

/* блок раскрывашек для программы курсов*/
.accordion-item {
    border-bottom: 1px solid #ddd;
}
.accordion-content {
	display: none;
    padding: 10px;
}
.accordion-header {
    display: flex;
	justify-content: space-between;
    cursor: pointer;
}
.toggle-symbol {
    font-size: 1.5em;
}

/*tooltip для городов*/
.tooltip-container {
    position: relative;
    display: inline-block;
	padding: 0px 5px 0px 5px;
}

.tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #777;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Позиционирование подсказки над текстом */
    left: 50%;
    margin-left: -60px; /* Используйте половину значения ширины для центрирования подсказки */
	font-size:12px;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
}

/* кнопка email подписки*/
.email_button {
	   color: #e95400!important;
    background-color: #fff!important;
    border-color: #e95400!important;
}

.email_button:hover {
	   color: #fff!important;
    background-color: #e95400!important;
    border-color: #fff!important;
}

.font14 {
	font-size: 14px!important;
}

.font10 {
	font-size: 10px!important;
}

.font_w600 {
	font-weight: 600;
}

/* tooltip для кодов на картинках */

.tooltip {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }

    .tooltip .tooltiptext {
      visibility: hidden;
      width: 200px;
      background-color: #00008b!important;
      color: #fff!important;
      text-align: center;
      border-radius: 6px;
      padding: 5px;
      position: absolute;
      z-index: 99999999999;
      bottom: 125%;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: opacity 0.3s;
    }

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tt {
	color:#333 !important;
	border-bottom: 1px #333 dashed!important;
	text-decoration: none;
}

/* /tooltip для кодов на картинках */

.text-success {
	color:green;
	font-weight:bold;
}

/* Стили для фоновой картинки */
        .full-width-bg {
            background-image: url('../images/top_big.jpg'); /* Замените 'your-image.jpg' на путь к вашей картинке */
            background-size: cover; /* Растягиваем изображение для заполнения всего контейнера */
            background-repeat: no-repeat; /* Запрет на повторение фонового изображения */
            background-position: center; /* Выравнивание фонового изображения по центру */
            padding: 50px 0; /* Пространство от краев контейнера до содержимого */
            color: #fff; /* Цвет текста на фоне изображения */
            text-align: center; /* Выравнивание текста по центру */
        }

        /* Медиа-запрос для мобильных устройств */
        @media (max-width: 767px) {
            .full-width-bg {
                background-attachment: scroll; /* Для мобильных устройств разрешаем прокрутку фонового изображения */
            }
        }
		
.color_head_title {
	color: #333;
}

.mtop40 {
	padding-top: 40px;
}

.mtop25 {
	margin-top: 25px;
}

/* кнопка в footer в белой окантовке для темного футера*/
.button_dark_footer {
	width: 50%;
    margin: 10px 0px;
    background-color: #777777!important;
    color: #fff!important;
    border-color: #fff!important;
}

.red {
	color:red!important;
}