@font-face {
    font-family: QuizaPro;
    src: url("../fonts/Quiza Pro Regular.ttf"); 
}

@font-face {
    font-family: Corsiva;
    src: url("../fonts/Monotype Corsiva.ttf"); 
}

@font-face {
    font-family: Boyarsky;
    src: url("../fonts/BOYARSK0.TTF"); 
}

body {
    margin: 0;
    padding: 0;
    font-family: QuizaPro;
}

img {
    border: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

input:focus {
    outline: none;
}

.top-menu {
    position: relative;
    background: #018ac7;    
    width: 100%;
}

.menu-main {

    list-style: none;
    padding: 0.7em;
    text-align: center;
    margin: 0;
}

.menu-main li:first-child{
    border-left: none;
    box-shadow: none;
}

.menu-main li:last-child{
    border-right: none;
    box-shadow: none;
}

.menu-main a {
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    padding: 0 17px;
    color: white;
}
.menu-main a.current,
.menu-main a:hover {
    font-weight: bold;
}

.menu-main .active a {
    color: #999ea5;
}

@media (max-width: 680px) {
    .top-menu {
        margin: 0;
        font-size: 16px;
    }
    .menu-main li {
        display: block;
        margin-right: 0;
    }

    .menu-main a {
        display: block;
        padding: 10px;
    }

    .radius, .columnstop {
        width: 100%;
    }

    .left-right-roses {
        display: none;
    }

    .radius {
        width: 100%;
    }
}

@media (min-width: 680px) {
    .radius, .columnstop {
        width: 700px;
        margin: 0 auto;
    }  
    .top-menu {    
        font-size: 12.5px;
    }
    .menu-main li {
        display: inline-block;
        border-right: 1px solid #666; 
/*        box-shadow: 1px 0 0.5px -1px white;*/
        border-left: 1px solid #3eb8e8; 
    }

    .radius {
        width: 760px;
    }
}

/* Полукруг под меню */   
.radius {
    height: 12px;
    border: 0;
    border-radius: 0 0 50% 50% / 0 0 100% 100%;
    background: #018ac7;
    left: 0; 
    right: 0;
    position: absolute;    
    transform: translateY(-5px);
}

/* картинки с цветами сверху */
.left-right-roses {
    height: 540px;
    left: 39px; 
    right: 0;
    top: 95px;
    position: absolute;
    background: url(../img/rosecenter.png) no-repeat;
    background-position: center;
}

.backgroundpink {
    background: url(../img/backgroundpink.png) no-repeat;
    background-size: 150% 280px;    
}

.columnstop {
    text-align: center;
    font-weight: bold;
    color: #2d4550;
}

.columnstopin {
    display: inline-block;
    font-size: 19px;
    vertical-align: top;
    width: 217px;
}

.column1top, .column1top a  {
    margin-top: 25px;
    color: #2d4550;
    text-align: left;
    position: relative;
    font-size: 12.56px;
}

.column1top p {
    margin-top: 0px;
}

.column1top_phones {
    position: absolute;
    top: 35px;
    left: 0;
}

.column1top_phones a {
    font-family: "Corsiva";
    font-size: 22.67px;
    font-weight: bold;
    color: #018ac7;
    text-decoration: none;
}

/* Белая подложка под телефоны */
.columnstop .blur {
    width: 200px;
    height: 80px;
    background-color: rgba(255,255,255,.6);
    background-size: cover;
    filter: blur(15px);
    margin-left: -10px;
}

/* Соцсети в первой верхней колонке */
.topsocial {
    width: 150px;
    font-size: 13.3px;
    margin-left: 0;
    margin-top: -10px;
}

.topsocial-img {
    text-align: center;
}

.topsocial-img img {
    width: 22px;
    margin: 10px 1px 0;
}

.column2top {
    margin-left: -60px;
    /*  transform: translateY(1%);   перемещение по вертикали */
}

.column2top img {
    width: 200px;
}

.column3top {
    margin-top: 30px;
    margin-left: 20px;
    height: 18em;  /* определяет высоту всех колонок в шапке */
    width: 11em;
    text-align: left;
    color: #2d4550;
    position: relative;
    font-size: 13.3px;
}

.column3top .welcome {
    text-align: center;
    margin-left: -15px;
    margin-top: -7px;
}

/* Список желаний */
.heart {
    position: absolute;
    top: 0.5vh;
    left: 17px;
}

.jelaniy {
    padding-left: 43px;
    width: 50px;
    margin-top: -5px;
}

.subscr {
    position: absolute;
    bottom: 0;
    left: 17px;
}

.jelaniyout {
    position: relative;
}

/* Логин, пароль */
.enter1 {
    background: white;
    width: 120px;
    height: 26px;
    border: 2px solid #a9b8cf;
    color: #b9c4d8;
    text-align: center;
    border-radius: 180px/18px;
    margin-top: -5px;
}

.enter1 input, .enter1 input:focus {
    border: none;
    width: 110px;
    height: 21px;
    text-align: center;
    color: #b9c4d8;
    outline: none;
    font-family: QuizaPro;
    font-size: 13.3px;
    background: white;
    border-radius: 180px/18px;
}

.enter1 input::-webkit-input-placeholder {
    color: #b9c4d8;
} 
.enter1 input::-moz-placeholder {
    color: #b9c4d8;
}

.exit, .gotoadmin {
    font-size: 13.3px;
    text-align: center;
    line-height: 0.8;
    margin-left: -15px;
}

.exit a, .gotoadmin a {
    color: #939ea3;
}

@media (max-width: 680px) {
    .gotoadmin {
        position: absolute;
        left: 16px;
        top: -60px;
    }
}
@media (min-width: 680px) {
    .gotoadmin {
        position: absolute;
        left: -180px;
        top: 120px;
    }

}

/* Вход | Регистрация */
.enter2 {
    display: block;
    width: 125px;
    text-align: center;
    font-size: 13.3px;
    margin-top: -10px;
    cursor: pointer;
}

/* Корзина */
.enter3 {
    background: #018ac7;
    width: 110px;
    height: 16px;
    border: 2px solid #018ac7;
    color: #dde1e3;
    padding: 5px;
    font-size: 13.3px;
    text-align: center;
    border-radius: 180px/18px;
    margin-top: 5px;
    cursor: pointer;
}

.column3top a {
    text-decoration: none;
}

.enter2 a, .jelaniyout a {
    color: #2d4550;
}

.social {
    text-align: left;
    margin-left: 5px;
    margin-top: -5px;
}

.social img {
    width: 23px;
    height: 23px;
    margin: 0 1px;
}


/* Колонки */

.columnsmiddle {
    margin-bottom: -20px;
    font-size: 12px;
    color: #0092cb;
    text-align: center;
}

@media (max-width: 730px) {
    .columnsmiddle {
        margin-top: -80px;
    }
}

@media (min-width: 730px) {
    .columnsmiddle {
        margin-top: -105px;
    }    

    .columnsmiddlein:last-child {
        margin-right: 0;
    }
}

.columnsmiddlein {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 412px;
    -webkit-box-shadow: 0 0 6px 1px rgba(168,184,191,.75);
    -moz-box-shadow: 0 0 6px 1px rgba(168,184,191,.75);
    box-shadow: 0 0 6px 1px rgba(168,184,191,.75);
    border: solid 1px #b3c9d2;
    margin: 61px 20px 0 0;
    padding: 0 10px;
    position: relative;
}

/* Заголовок с линиями */

.katalogtitle {
    clear: both;
    overflow: hidden;
    margin: 10px 20px 20px;
    padding-top: 40px;
    text-align: center;
    color: #0092cb;
    font-weight: bold; 
    font-size: 14px;
    text-transform: uppercase; 
}


/* горизонтальные линии - только для десктопов */
@media (min-width: 680px) {
    .katalogtitle:before, .katalogtitle:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        width: 100%;
        height: 1px;
        background: #0092cb;
        margin: 0 10px;
    }
    .katalogtitle:before {
        margin-left: -100%;
    }
    .katalogtitle:after {
        margin-right: -100%;
    }
}

.greenback {
    width: 100%;    
    background: #f6f9fa;
    position: relative;
}


@media (max-width: 680px) {
    .greenback {
        height: 100%;       
    }
}

@media (min-width: 680px) {
    .greenback {
        height: 170px;
    } 
}


/* ПОПУЛЯРНЫЕ СОРТА РОЗ */

.rosepop {
    text-align: center;
    margin: 0;
}

.rosepopin {
    display: inline-block;
    margin: 0;
    padding-top: 5px;
    position: relative;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    width: 144px;
    height: 174px;    
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rosepopin .rosepict {
    position: absolute;
    left: 8px;
    top: 31px;
    width: 126px;
    height: 126px;
    border-radius: 50%;
}

.rosepopin .podloj{
    position: absolute;
    left: 0;
    top: 25px;
}

.rosepopin a {
    color: #0092cb;
    text-decoration: none;
}


/* Подвал */

.bottomline {
    text-align: center;
    height: 315px;
    padding-top: 2vw;
    font-weight: bold;
}


@media (max-width: 680px) {
    .bottomline {
        height: auto;
    }
}

@media (min-width: 680px) {
    .bottomline {
        height: 315px;
    }
}

.bottom1col {
    text-align: center;
    color: #002d3f;
    display: inline-block;
    padding-right: 35px;
    margin-left: -50px;
font-size: 14px;
}

.bottom1col-img {
    display: inline-block;
    width: 85px;
}

.bottom1col-text{
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}

.bottom1col h2 {
    font-family: "Boyarsky";
    font-size: 23.95px;        
    color: #0092cb;
    line-height: 0.5;
}

.bottom1col p {
    font-size: 12px;
}

.bottomleft {
    text-align: center;
    margin: 10px 0 0 10px;
}

.bottommenu {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.menu-bottom {
    list-style: none;
    padding: 0.7em;
    text-align: left;
    margin: 0;
    line-height: 1.8;
}

.menu-bottom a {
    font-size: 14px;
    color: #002d3f;
    text-decoration: none;
}

.bottomlist {
    display: inline-block;
    font-size: 12px;
    margin-left: 20px;
}


.list-bottom {
    list-style: none;
    padding: 0.7em;
    text-align: left;
    margin: 0;
    line-height: 1.8;    
    column-count: 2;
}

.list-bottom a {
    font-size: 14px;
    color: #0092cb;
    text-decoration: none;
}

.bottomsocial {
    margin-top: 20px;
    margin-left: 10px;
    text-align: left;
    vertical-align: middle;
    
}

.bottomsocial img {
    width: 22px;
    margin: 0 5px -7px 0;
}

.bottomsocial1 {
    display: inline-block;
}

.bottomsocial2 {
    display: inline-block;
    margin-left: 6%;
}

.bottom2col{
    margin-top: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #002d3f;
    font-size: 12px;
}

.bottom2col .contacts {
    display: inline-block;
    width: 153px;
    height: 242px;
    text-align: left;
    background: white;
    padding-top: 0;
    padding-left: 20px;
    margin: 1px 5px 0 -20px;
    vertical-align: top;
}

@media (max-width: 680px) {
    .vkgroup {
        width: 153px;
        height: 230px;
        margin: 20px 0 20px -20px;
    }
}

@media (min-width: 680px) {
    .vkgroup {
        width: 153px;
        height: 230px;
        display: inline-block;
    }
}



/* Новые сорта роз */

.columnsmiddlein h5 {
    text-align: center;
}

/* всплывающая картинка образец товара */
.column3middle .newrose{
    visibility: hidden;
    position: absolute;
    right: -40px;
}

.column3middle a {
    color: #0092cb;
    font-size: 12.5px;
}

.column3middle a:hover {
    color: #1a4556;
}

.column3middle a:hover .newrose{
    visibility: visible;
}

.column3middle .newroseimg {
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 9px;
}

.column3middle h5 {
    margin: 14px 0;
}

.columnsmiddlein h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px;;
    color: #0092cb;
}


/* Регистрация */

/*
.welcomeout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
*/

#welcome {    
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

@media (max-width: 680px) {
    #welcome {
        width: 100%;        
    }
}

@media (min-width: 680px) {
    #welcome {
        width: 706px;
    } 
}

.welcomein {    
    display: inline-block;
    background: white;
    width: 100%;
    border: 2px solid lightgray;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    font-family: QuizaPro;
    font-size: 16px;
    font-weight: bold;
    color: #018ac7;
    position: relative;
}

.welcomein a {
    text-decoration: none;
}

.welcomein .x {
    position: absolute;
    top: 10px;
    right: 10px;
}

.welcometop {
    background-color: #eaf1f4;
    padding: 20px 0;
}

.welcometoptext {
    padding: 0 0 20px;
}

.regcols {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 38px;
}

.regcols:last-child {
    margin-right: 0;
}

.regcol1, .regcol2 {
    color: #637177;
    font-weight: normal;
    width: 199px;
}

.regcol3 {
    margin-top: 16px;
    font-size: 12px;
    width: 175px;
}

.regcol1 input {
    margin-bottom: 6px;
}

.regcols a {
    color: #018ac7;
}

.regcol2 textarea {
    resize: none;
}

.ulica, input[type="text"].dom {
    heightdom: 20px;
    padding: 2px 0 2px 5px;
    border-color: #0092CB;
}

.inputadr {
    width: 199px;
}

.adr_comm {
    border-color: #0092CB;
    width: 100%;
    height: 50px;
    padding: 5px 0 2px 5px;
}

.asterisk {
    color: red;
}

.iaccepttext {
    display: inline-block;
    width: 155px;
}

.userinfo input[type="text"], .userinfo input[type='password'] {
    display: block;
    background: white;
    width: 100%;
    height: 20px;
    border: 1px solid #018ac7;
    font-family: inherit;
    padding-left: 6px;
}

.userinfo #address {
    display: block;
    background: white;
    width: 195px;
    height: 70px;
    border: 1px solid #018ac7;
    font-family: inherit;
    padding: 5px;
    margin-bottom: 20px;
}

input[type="text"].dom {
    width: 30px;
    margin-right: 10px;
    display: inline-block;
}

.passchange {
    margin-top: 10px;
    font-size: 12px;
}

.g-recaptcha {
    width: 195px;
    transform: scale(0.685);
    transform-origin: 0 0;
}

/* Комбобоксы */

.userinfo .selector {
    position: relative;
    width: 197px;
    margin: 0;
    border: 1px solid #0092cb;
}

.userinfo .selector select {
    width: 100%;
    height: 22px;
    padding-left: 5px;
    background: transparent;
    border: 0;
    font-family: inherit;
    appearance: none;            /* remove arrow        */
    -webkit-appearance: none;    /* remove arrow Chrome */
    -moz-appearance: none;       /* remove arrow FF     */
}

.userinfo .select-arrow {
    position: absolute;
    border: 8px solid transparent; 
    border-bottom: 0;
    right: 6px;
    pointer-events: none;
}
.userinfo .select-arrow:nth-child(1) {
    top: 9px;
    border-top-color: #0092cb;
}
.userinfo .select-arrow:nth-child(2) {
    top: 7px;
    border-top-color: #FFF;
}

/* Чекбоксы */

.checkbox {
    display: none;
}

.iwant1 {
    margin-top: 35px;
}

.iwant2 {
    margin-top: 25px;
    margin-bottom: 5px;
}

.iwant, .iwant_gray {
    position: relative;
    width: 12px;       
    height: 12px;      
    border: 1px solid #018ac7;
    background: white;
}

.iwant, .iwant_gray,
.label {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

.checkbox:checked + .iwant::before {
    content: "\2713";
    display: block; 
    position: absolute;
    bottom: -2px;
    left: 1px;
    font-weight: bold;
    font-size: 12px;
    color: #018ac7;
}

.checkbox:checked + .iwant_gray::before {
    content: "\2713";
    display: block; 
    position: absolute;
    bottom: -2px;
    left: 1px;
    font-weight: bold;
    font-size: 12px;
    color: #828282;
}

.label {
    font-size: 12px;
    color: #018ac7; 
    margin-left: 10px;
}

.userinfo {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #637177;
}

.inputtext {
    margin-bottom: 9px;    
}

.userinfotext {
    color: #018ac7;
    text-align: left;
    padding-left: 60px;
    margin: 10px 0 20px;
    font-size: 14px;
}

.userinfotext1 {
    color: #018ac7;
    text-align: center;
    margin: 10px 0 20px;
    font-size: 14px;
}

.buttongray {
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: center;
    text-decoration: underline;
}

.buttongray a {
    color: #b9c4d8;    
}

.userinfo a {
    text-decoration: none;
}

.regcol3text1 {
    color: #6e7b81;
    font-size: 12px;
    text-align: center;
    margin-bottom: 30px;
}

.regcol3text2 {
    color: #018ac7;
    font-size: 14px;
    text-align: center;
}

/* Кнопка "Регистрация" */
.enterreg {
    margin: -5px 0 10px;
    background: #018ac7;
    width: 165px;
    height: 24px;
    border: 2px solid #018ac7;
    color: #b9c4d8;
    padding: 8px 5px 0;
    text-align: center;
    border-radius: 13em/1em;
    font-size: 13.3px;
    font-weight: bold;
    cursor: pointer;
}

/* Заголовок "Отправить пароль" */
.passwtitle {    
    font-weight: bold;
    margin-bottom: 10px;
}

/* Кнопка "Отправить данные" */
.entersend {
    margin: 30px auto 0;
    background: #018ac7;
    width: 165px;
    height: 24px;
    border: 2px solid #018ac7;
    color: #b9c4d8;
    padding: 8px 5px 0;
    text-align: center;
    border-radius: 13em/1em;
    font-size: 13.3px;
    font-weight: bold;
    cursor: pointer;
}

.entersocial {
    margin: 15px auto;
    position: relative;
    color: white;
    text-indent: 20px;
}

.entersocial img {
    position: absolute;
    left: 24px;
    top: 5px;
}

.entervk {
    background: #1277b8;
    border: 2px solid #1277b8;
}

.entergo {
    background: #cb523c;
    border: 2px solid #cb523c;
}

.enterok {
    background: #d68f1a;
    border: 2px solid #d68f1a;
}

.enterfb {    
    background: #185599;
    border: 2px solid #185599;
}


/* Всплывающее окно */

#popup {    
    display: inline-block;
    background: white;
    width: 300px;
    border: 2px solid lightgray;
    border-radius: 0 0 40% 40%/0 0 15% 15%;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    font-family: QuizaPro;
    font-size: 16px;
    font-weight: bold;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#popup .x {
    position: absolute;
    top: 20px;
    right: 10px;
}

#popup #popupmessage {
    text-align: center;
    color: #637177;
    margin: 20px 20px 20px 0;
}


/* Основная (статическая) статья на странице */

.articlemain {
    color: #707d82;
    margin: 0 20px 0;
    text-indent: 30px;
    padding: 0;
    font-size: 14px;
}

@media (max-width: 680px) {
    .articlemain {
        width: 95%;
    }

    .articlemain img {
        width: 100%;
    }

}
@media (min-width: 680px) {
    .articlemain {
        width: 700px;
        margin: 0 auto;
    } 
}

.articlemain p {
    margin: 0;
    padding: 0;   
}

/* Случайная статья */

.article {
    text-align: center;
}

.news {
    text-align: left;
    font-size: 14px;
    color: #707d82;
    text-indent: 30px;
}

@media (max-width: 680px) {
    .article, .news {
        width: 100%;
    }

    .articletext {
        width: 100%;
    }
}
@media (min-width: 680px) {
    .article, .news {
        width: 700px;
        margin: 0 auto;
    } 

    .articletext {
        width: 460px;
        margin-left: 20px;
    }
}

.articletext, .articletextfull {
    display: inline-block;
    vertical-align: top;
    text-align: justify; 
    color: #707d82;
    text-indent: 30px;
    font-size: 14px;
    padding-bottom: 20px;
}

.articletextfull {
    width: 100%;
}

.osajenback2 {
    background: url(../img/backgroundpink.png) no-repeat;
    background-size: 100% 100%;
    background-clip: border-box;
    margin-top: -4em;
}

@media (max-width: 680px) {
    .osajenback2 {
        padding: 40px 0 20px;        
    }    
}

@media (min-width: 680px) {
    .osajenback2 {
        padding: 130px 0 0;        
    }
}

/* Ваша корзина пуста; Ничего не найдено */
.pusto {
    color: #0092cb;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 30px;
}

/* Читать далее */
.read {
    color: #0092cb;
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}

.itservice, .itservice a {
    font-size: 12px;
    color: #0092cb;
}

.alert {
    visibility: hidden;
    color:red;
    font-size: 12px;
    font-weight: bold;
}

@media (max-width: 680px) {
    .enterdesktop {
        display: none;        
    }
    
    .entermob {
        text-align: center;
        width: 120px;
        margin-bottom: 25px;
    }
	
	.entermob a {
		color: #2d4550;
	}
}

@media (min-width: 680px) {
    .entermob {
        display: none;        
    }    
}