.clip1 {
/*Скоро в продаже*/
    white-space: nowrap; /* Запрещаем перенос строк */
    text-align: center;
    color: white;
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    background: #00008B; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
    text-overflow: ellipsis; /* Добавляем многоточие */
   }
.clip2 {
/*Бестселлер*/
    white-space: nowrap; /* Запрещаем перенос строк */
    text-align: center;
    color: white;
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    background: #32CD32; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
    text-overflow: ellipsis; /* Добавляем многоточие */
   }
.clip3 {
/*Новый продукт*/
    white-space: nowrap; /* Запрещаем перенос строк */
    text-align: center;
    color: white;
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    background: #FF0000; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
    text-overflow: ellipsis; /* Добавляем многоточие */
   }
.clip4 {
/*специальный заказ*/
    white-space: nowrap; /* Запрещаем перенос строк */
    text-align: center;
    color: white;
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    background: #FF8C00; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
    text-overflow: ellipsis; /* Добавляем многоточие */
   }

.myButton {
	-moz-box-shadow: 0px 0px 0px 0px #3dc21b;
	-webkit-box-shadow: 0px 0px 0px 0px #3dc21b;
	box-shadow: 0px 0px 0px 0px #3dc21b;
	background-color:#4169E0;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:17px;
	padding:0px 5px;
	text-decoration:none;
	text-shadow:1px 0px 0px #2f6627;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}
#ugolkrug{
    color: #0000; /* цвет текста */
    font-size: 20px;
    background:#F5F5F5; /* фон блока */
    border: 3px #CCCCCC solid; /* стили рамки */
    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
    -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
    border-radius: 10px; /* закругление углов для всех, кто понимает */
    padding: 5px; /* внутренние отступы */
    margin: 3px;
}

    #wrap{
        display: none;
        opacity: 0.8;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 16px;
        background-color: rgba(1, 1, 1, 0.725);
        z-index: 100;
        overflow: auto;
    }

    #window{
        width: 800px;
        height: 100px;
        margin: 50px auto;
        display: none;
        background: #fff;
        z-index: 200;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 16px;
    }

    .close{
        margin-left: 364px;
        margin-top: 4px;
        cursor: pointer;
    }