/*

STARTER RTE

This sheet contains the code for the TYPO3 rich text editor

author:		Ron Hall, Busy Noggin, Inc.
e-mail:		info@busynoggin.com
website:	www.busynoggin.com

*/

p,
ul,
ol,
dl,
table,
form,
blockquote {
    margin-bottom: 10px;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-left: 20px;
    margin-bottom: 0px;
}

blockquote blockquote {
    margin-top: 10px;
}


/* @group Text & Paragraphs */

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}


/* @end Text & Paragraphs */


/* @group Links */

a {
    color: #008aec;
    text-decoration: none;
}

a:hover,
a:focus {
    color: black;
}


/* @end Links */


/* @group Headlines */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    font-weight: normal;
}

h4,
h5,
h6 {
    font-weight: bold;
}

h1 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
}

h2 {
    font-size: 21px;
    margin-bottom: 10px;
    margin-top: 20px;
}

h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
}

h4 {
    font-size: 15px;
    margin-bottom: 5px;
}

#contentBlock-1 > .overservices_title {
    padding-top: 1em;
}

.overservices_title {
    font-size: 13px;
    margin-bottom: 5px;
    text-align: center;
    padding: 0;
    color: red;
    text-transform: uppercase;
    font-size: 15px;
}

.detailed,
.detailed2 {
    opacity: 1;
    transition: opacity .5s, visibility 0s;
    visibility: visibility;
}

h6 {
    font-size: 12px;
    margin-bottom: 5px;
}


/* @end Headlines */

.col_3,
.col_4 {
    width: 35%;
}

.col_3 {
    float: left;
}

.col_4 {
    float: right;
}

.col_4 li {
    padding: 0;
}

.liter {
    font-size: 0.75em;
}


/* @group Lists */

.column .disc li {
    list-style-type: disc;
}

.detailed_trust,
.detailed_cookies {
    background-color: white;
}

.hide {
    display: none !important;
}

.hidden,
.hidden_wrap {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility 0s .5s;
}

ol {
    margin-left: 5em;
    margin-top: 2em;
}

.link,
.link2 {
    color: rgb(0, 139, 68);
    cursor: pointer;
}

.link:hover,
.link2:hover {
    color: grey;
}

.flex_menu {
    display: flex;
    justify-content: space-between;
}

.bg_color_white+.flex_menu {
    width: 850px;
}

.flex_menu span {
    font-style: normal;
    font-weight: 500;
    text-align: center;
}

.col_1 {
    z-index: 10;
    position: fixed;
    width: 280px;
    top: 280px;
    margin-top: 25px;
}

.col_2 {
    position: absolute;
    left: 325px;
}

.detailed_about ol {
    margin-top: 0;
}

.col_2_doc {
    position: absolute;
    top: 0;
}

.detailed {
    position: absolute;
    min-width: 600px;
    top: 75px;
}

.position {
    position: relative;
}

.column {
    /*height: 500px;*/
}

.column ul li {
    list-style-type: none;
}

.img-link {
    text-decoration: none !important;
}

.active {
    color: red;
}

.abonent_height {
    height: 700px;
}

.cookies_height {
    height: 5300px;
}

.trust_heigth {
    height: 2700px;
}

.tarif_img {
    margin: 40px auto;
    display: block;
    width: 718px;
    height: 227px;
    display: flex;
}

li {
    padding-bottom: 1em;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-left: 20px;
}

dd {
    margin-left: 20px;
}


/* @end Lists */


/* @group Blockquote Styling */

blockquote {
    margin-left: 30px;
    margin-right: 30px;
}


/* @end Blockquote Styling */


/* @group Table Styling */

td,
th,
caption {
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
}

col {
    background-color: silver;
}

thead th,
tfoot th,
tfoot td {
    text-align: left;
}

caption {
    background-color: black;
    font-style: italic;
}

td.spancolumn-1,
th.spancolumn-1 {
    width: 30px;
}

td.spancolumn-2,
th.spancolumn-2 {
    width: 80px;
}

td.spancolumn-3,
th.spancolumn-3 {
    width: 130px;
}

td.spancolumn-4,
th.spancolumn-4 {
    width: 180px;
}

td.spancolumn-5,
th.spancolumn-5 {
    width: 230px;
}

td.spancolumn-6,
th.spancolumn-6 {
    width: 280px;
}

td.spancolumn-7,
th.spancolumn-7 {
    width: 330px;
}

td.spancolumn-8,
th.spancolumn-8 {
    width: 380px;
}

td.spancolumn-9,
th.spancolumn-9 {
    width: 430px;
}

td.spancolumn-10,
th.spancolumn-10 {
    width: 480px;
}

td.spancolumn-11,
th.spancolumn-11 {
    width: 530px;
}

td.spancolumn-12,
th.spancolumn-12 {
    width: 580px;
}


/* @end Table Styling */


/* @group RTE Backend Styling */


/* This styling is simply to help the backend text in the RTE look approximately like the text on the front end of the site. You will need to adjust to fit the styling you have assigned in mainstyles.css*/

.htmlarea-content-body,
.htmlarea-content-body td,
.htmlarea-content-body th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    font-weight: normal;
    height: 100%;
}

div.bigger {
    font-size: 14px;
    line-height: 16px;
}

div.smaller {
    font-size: 11px;
    line-height: 12px;
}

p.bigger {
    font-size: 14px;
    line-height: 16px;
}

p.smaller {
    font-size: 11px;
    line-height: 12px;
}


/* @end RTE Backend Styling  */


/* для поисковой строки */

.ya-page_js_yes .ya-site-form_inited_no {
    display: none;
}

.ya-site-form {
    width: 250px;
    position: absolute;
    right: 5px;
}

.ya-site-form__search-wrap,
.ya-site-form__search-input,
#ya-site-form0 {
    padding-bottom: 0px !important;
    height: 35px;
    padding-top: 0px;
}


}
#ya-site-results {
    color: #000000;
    background: #FFFFFF;
}
#ya-site-results .b-pager__current,
#ya-site-results .b-serp-item__number {
    color: #000000 !important;
}
#ya-site-results {
    font-family: Arial !important;
}
#ya-site-results:visited,
#ya-site-results .b-pager:visited,
#ya-site-results .b-foot__link:visited,
#ya-site-results .b-copyright__link:visited {
    color: #800080;
}
#ya-site-results a:link,
#ya-site-results a:active,
#ya-site-results .b-pseudo-link,
#ya-site-results .b-head-tabs__link,
#ya-site-results .b-head-tabs__link:link,
#ya-site-results .b-head-tabs__link:visited,
#ya-site-results .b-dropdown__list .b-pseudo-link,
#ya-site-results .b-dropdowna__switcher .b-pseudo-link,
.b-popupa .b-popupa__content .b-menu__item,
#ya-site-results .b-foot__link:link,
#ya-site-results .b-copyright__link:link,
#ya-site-results .b-serp-item__mime,
#ya-site-results .b-pager:link {
    color: #0033FF;
}
#ya-site-results:link:hover,
#ya-site-results:visited:hover,
#ya-site-results .b-pseudo-link:hover {
    color: #FF0000 !important;
}
#ya-site-results .l-page,
#ya-site-results .b-bottom-wizard {
    font-size: 13px;
}
#ya-site-results .b-pager {
    font-size: 1.25em;
}
#ya-site-results .b-serp-item__text,
#ya-site-results .ad {
    font-style: normal;
    font-weight: normal;
}
#ya-site-results .b-serp-item__title-link,
#ya-site-results .ad .ad-link {
    font-style: normal;
    font-weight: normal;
}
#ya-site-results .ad .ad-link a {
    font-weight: bold;
}
#ya-site-results .b-serp-item__title,
#ya-site-results .ad .ad-link {
    font-size: 16px;
}
#ya-site-results .b-serp-item__title-link:link,
#ya-site-results .b-serp-item__title-link {
    font-size: 1em;
}
#ya-site-results .b-serp-item__number {
    font-size: 13px;
}
#ya-site-results .ad .ad-link a {
    font-size: 0.88em;
}
#ya-site-results .b-serp-url,
#ya-site-results .b-direct .url,
#ya-site-results .b-direct .url a:link,
#ya-site-results .b-direct .url a:visited {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #329932;
}
#ya-site-results .b-serp-item__links-link {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #000000 !important;
}
#ya-site-results .b-pager__inactive,
#ya-site-results .b-serp-item__from,
#ya-site-results .b-direct__head-link,
#ya-site-results .b-image__title,
#ya-site-results .b-video__title {
    color: #000000 !important;
}
#ya-site-results .b-pager__current,
#ya-site-results .b-pager__select {
    background: #E0E0E0;
}
#ya-site-results .b-foot,
#ya-site-results .b-line {
    border-top-color: #E0E0E0;
}
#ya-site-results .b-dropdown__popup .b-dropdown__list,
.b-popupa .b-popupa__content {
    background-color: #FFFFFF;
}
.b-popupa .b-popupa__tail {
    border-color: #E0E0E0 transparent;
}
.b-popupa .b-popupa__tail-i {
    border-color: #FFFFFF transparent;
}
.b-popupa_direction_left.b-popupa_theme_ffffff .b-popupa__tail-i,
.b-popupa_direction_right.b-popupa_theme_ffffff .b-popupa__tail-i {
    border-color: transparent #FFFFFF;
}
#ya-site-results .b-dropdowna__popup .b-menu_preset_vmenu .b-menu__separator {
    border-color: #E0E0E0;
}
.b-specification-list,
.b-specification-list .b-pseudo-link,
.b-specification-item__content label,
.b-specification-item__content .b-link,
.b-specification-list .b-specification-list__reset .b-link {
    color: #000000 !important;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}
.b-specification-item__content .b-calendar__title {
    font-family: Arial;
    color: #000000;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}
.b-specification-item__content .b-calendar-month__day_now_yes {
    color: #E0E0E0;
}
.b-specification-item__content .b-calendar .b-pseudo-link {
    color: #000000;
}
.b-specification-item__content {
    font-family: Arial !important;
    font-size: 13px;
}
.b-specification-item__content:visited {
    color: #800080;
}
.b-specification-item__content .b-pseudo-link:hover,
.b-specification-item__content:visited:hover {
    color: #FF0000 !important;
}
#ya-site-results .b-popupa .b-popupa__tail-i {
    background: #FFFFFF;
    border-color: #E0E0E0 !important;
}

/* PopUp */
.b-container {
    width: 200px;
    height: 150px;
    background-color: #ccc;
    margin: 0px auto;
    padding: 10px;
    font-size: 30px;
    color: #fff;
}
.b-popup {
    width: 100%;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: fixed;
    top: 0px;
    z-index: 200;
}
.b-popup .b-popup-content {
    margin: 40px auto 0px auto;
    width: 375px;
    height: 180px;
    padding: 10px;
    background-color: rgba(250, 250, 250, 0.90);
    border-radius: 15px;
    box-shadow: 0px 0px 3px #000;
}
#popup2,
#popup_braynsk,
#popup_belgorod,
#popup_voronezh,
#popup_ivanovo,
#popup_kostroma,
#popup_lipeck,
#popup_moskow,
#popup_orel,
#popup_rostov,
#popup_samara,
#popup_tula,
#popup_yaroslavl {
    display: none;
}

/* выпадающее меню */
.b-popup-content button {
    width: 135px;
    height: 35px;
}
div.chekend_reg button a {
    text-decoration: none;
}
.b-popup-content p {
    text-align: center;
    margin: 20px;
    font-size: 16px;
}
#user-region {
    font-size: 20px;
}
#popup1 div.chekend_reg,
#popup1 .b-popup .b-popup-content div:first-child {
    display: flex;
    justify-content: space-around;
}
#popup2 div.chekend_reg,
[id^="popup_"] div.chekend_reg {
    display: flex;
    flex-flow: column wrap;
    align-content: stretch;
    height: 230px;
    width: 500px;
    margin-top: 14px;
    margin-left: 10px;
}
#popup2 .chekend_reg div {
    padding: 10px;
    font-size: 20px;
}
#popup2 .b-popup-content {
    height: 250px;
    width: 500px;
    background-color: rgba(250, 250, 250, 1);
}
#popup2 a {
    text-decoration: none;
}
#popup2 button,
.back {
    position: relative;
    left: 786px;
    top: 10px;
    height: 30px;
    width: 150px;
}
#reg,
#ok,
#none,
.back {
    font-size: 15px;
    border-radius: 10px;
    border: none;
    background-color: rgba(250, 250, 250, 0.5);
    box-shadow: 0px 0px 1px #000;
}
#none,
.back {
    background-color: rgba(250, 250, 250, 0.8);
}
[id^="popup_"] .b-popup-content {
    height: 250px;
    width: 500px;
}
[id^="popup_"] .chekend_reg div {
    font-size: 20px;
    margin: 10px;
}
[id^="popup_"] .chekend_reg div a {
    text-decoration: none;
}
#tarif1,
#tarif2,
#tarif3,
#tarif4,
#tarif5,
#tarif1_b2b,
#tarif2_b2b,
#tarif3_b2b,
#tarif4_b2b,
#tarif5_b2b,
#tarif2 + div {
    float: left;
    margin-bottom: 1em;
    clear: both;
}
.tarif1 div.column-1,
.tarif2 div.column-1,
.tarif3 div.column-1,
.tarif4 div.column-1,
.tarif5 div.column-1 {
    float: left;
}
.tarif2 .csc-textpic-image img {
    position: relative;
    top: -10px;
}
.tarif1 .csc-textpic-image img {
    position: relative;
    top: -50px;
}
.menu-left {
    width: 15%;
    float: left;
}
.tarifs {
    float: right;
    width: 80%;
}
.column-2 {
    width: 230px;
    float: right;
}
.column-2 .right_colums img {
    margin: 5px;
    width: 50px;
    filter: opacity(80%);
    float: left;
}
.column-2 .right_colums .button_b2x {
    margin-top: 40px;
}
.column-2 .right_colums .button_b2x img {
    width: 90%;
    filter: opacity(100%);
    float: none;
    margin: 0;
    position: relative;
    left: 14px;
}
.column-2 .right_colums .button_b2x img:hover {
    filter: brightness(110%);
}
.menu2 .button_b2x img {
    position: relative;
    width: 210px;
    left: -35px;
    top: -20px;
}
#contentWrap .menu-left {
    position: fixed;
}
.column-2 .right_colums p {
    color: darkgray;
    position: relative;
    top: 20px;
    left: 15px;
}
.column-2 .right_colums .roket {
    margin-left: 18px;
}
.table_tarif {
    width: 75%;
    margin-bottom: 50px;
}
.table_tarif table {
    background-color: rgba(0, 139, 68, 0.1);
}
.table_tarif table .first_td td {
    padding-bottom: 10px;
    width: 33%;
}
.table_tarif table.b2b .first_td td {
    width: 16%;
}
.table_tarif table.b2b .t_100 {
    font-size: 13px;
}
.table_tarif .b2b .first_td .top_100 {
    padding: 5px 20px;
}
.table_tarif table .first_td td:nth-child(2),
.table_tarif table .first_td td:nth-child(3) {
    text-align: center;
}
.table_tarif table.b2b .first_td td {
    text-align: center;
}
.table_tarif table .first_td .border_rad {
    border-radius: 7px;
    background-color: rgb(0, 139, 68);
    padding: 5px 10px;
    color: #e6f4ec;
}
.pic_foot_slider {
    width: 75%;
}
.pic_foot_slider div {
    width: 33%;
    float: left;
}
.pic_foot_slider img {
    width: 50px;
    filter: opacity(80%);
    float: left;
}
.pic_foot_slider p {
    color: gray;
    position: relative;
    left: 5px;
    padding-bottom: 30px;
}
.pic_foot_slider #first_p {
    top: 0px;
}
.pic_foot_slider #last_p {
    top: 0px;
}
.table_tarif table .mini {
    font-size: 14px;
}
.table_tarif table .big_text {
    font-size: 30px;
}
.table_tarif table .medi {
    font-size: 24px;
}
.table_tarif table .medi2 {
    font-size: 20px;
}
.text_center {
    text-align: center;
}
.table_tarif table td {
    border: 1px solid rgba(0, 139, 68, 0.5);
    color: rgb(0, 139, 68);
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
}
.tarif_name {
    font-size: 22px;
    color: rgb(0, 139, 68);
    font-weight: lighter;
    padding: 0 0;
    font-style: normal;
}
#contentWrap .menu-left a {
    text-decoration: none;
    font: 16px bold;
    font-family: inherit;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #137123;
}
#contentBlock-1 .heigth_400 {
    min-height: 600px;
}
#button_connection {
    background-color: rgb(236, 28, 36);
    text-align: center;
    font: 30pt bold sans-serif;
    position: absolute;
    left: 25%;
    top: 0;
    text-decoration: none;
    border: rgb(0, 139, 68) 3px solid;
    border-radius: 20px;
    padding-bottom: 5px;
}
#button_connection a {
    text-decoration: none;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 5px 35px;
    font-weight: 600;
}
#footer div a {
    text-decoration: none;
}

/* выбор региона */
.wrap_button {
    margin: auto;
    width: 400px;
}
li {
    list-style: none;
}
ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul:after {
    display: block;
    content: ' ';
    clear: both;
    float: none;
}
ul.menu > li {
    width: 225px;
    position: relative;
    margin-left: 20px;
}
.pop_reg ul.menu > li > a {
    display: block;
    padding: 10px;
    color: azure;
    background-color: red;
    text-decoration: none;
}
.menu ul.submenu {
    display: none;
    position: absolute;
    width: 160px;
    top: 0;
    left: 200px;
    color: green;
}
.menu li:nth-child(10) ul li {
    padding-top: 5px;
    padding-bottom: 3px;
}
ul.submenu > li {
    display: block;
}
ul.submenu > li > a:hover {
    text-decoration: underline;
}
ul.menu > li:hover > ul.submenu {
    display: block;
}
li > ul.menu {
    top: 37px;
    margin: 0;
    text-align: right;
}
ul.submenu li ul li {
    text-align: left;
}
.submenu ul.sub {
    background-color: transparent;
}
.menu .menu li:first-child {
    padding-top: 5px;
}
span {
    width: 200px;
}
.reg_wrap,
.reg_wrap2 {
    display: none;
}
.pop_reg {
    width: 400px;
    position: fixed;
    left: 38%;
    top: 3%;
    height: 600px;
    background-color: rgba(250, 250, 250, 0.90);
    border-radius: 20px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    z-index: 900;
}
.menu:first-child {
    margin-top: 20px;
}
.pop_reg .menu .submenu a {
    font-size: 16px;
    text-decoration: none;
    color: green;
}
#but2 {
    position: relative;
    left: 365px;
    top: 15px;
    border-radius: 10px;
    border: none;
    padding: 1px 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    background-color: rgba(250, 250, 250, 0.90);
    color: grey;
}
.pop_reg .submenu li:hover a {
    color: red;
}
.pop_reg .menu li:hover span {
    color: red;
}
.pop_reg .menu li span {
    color: green;
}
.reg_wrap {
    position: fixed;
    width: 100%;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 900;
    top: 0;
}
.mailformplus_contactform LABEL {
    display: block;
    font-weight: bold;
    margin: 10px 0 0 0;
}
.mailformplus_contactform LABEL.radio_caption {
    display: inline;
    font-weight: normal;
    font-size: 90%;
    margin: 0 0 0 10px;
}
.mailformplus_contactform .caption {
    font-weight: bold;
    margin: 10px 0 0 0;
}
.mailformplus_contactform INPUT,
.mailformplus_contactform TEXTAREA {
    width: 100%;
}
.mailformplus_contactform INPUT[type=radio],
.mailformplus_contactform INPUT[type=checkbox] {
    width: auto;
    margin-top: 1px;
}
.mailformplus_contactform BR {
    clear: both;
}
.mailformplus_contactform .required {
    font-size: 90%;
    color: #999;
    margin: 10px 0;
}
.mailformplus_contactform form {
    width: 100%;
}
#equipment LABEL {
    font-size: 90%;
    font-weight: normal;
    margin: 0;
}
#equipment LABEL I {
    color: #999;
}
#equipmentContainer,
#tariffContainer {
    display: none;
}
.fade-in-right {
    -webkit-animation: fade-in-right 1s;
    animation: fade-in-right 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}
@keyframes fade-in-right {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}
.fade-in {
    -webkit-animation: fade-in 0.8s;
    animation: fade-in 0.8s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
.fade-out {
    -webkit-animation: fade-out .4s;
    animation: fade-out .4s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both
}
@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }
    
    100% {
        opacity: 0;
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    
    100% {
        opacity: 0;
    }
}
#modal li {
    list-style: none;
    padding: 0.4em;
}
#modal ul span {
    color: forestgreen;
}
#modal a {
    text-decoration: none;
    color: forestgreen;
}
#modal ul span:hover {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-shadow: 1px 1px 1px rgba(255, 0, 0, 0.4);
    cursor: pointer;
}
#modal ul {
    margin-left: 20px;
    margin-top: 15px;
}
#modal ul li ul li a:hover {
    color: red;
}
#modal ul li ul li a {
    font-size: 1.2em;
}
ul li ul {
    position: absolute;
    top: 0px;
    left: 195px;
}
.hide {
    display: none;
}
.red {
    color: rgba(255, 0, 0, 1);
}
#wrap_modal {
    position: fixed;
    width: 100%;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 900;
    top: 0;
}
#modal {
    margin-left: -190px;
    width: 380px;
    position: fixed;
    left: 50%;
    top: 6%;
    height: 370px;
    background-color: rgba(250, 250, 250, 0.90);
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    z-index: 900;
}
.change_region p {
    cursor: pointer;
    color: gray;
}
#button_connection:hover {
    box-shadow: 0px 0px 15px gray;
}