.column1middle {    
    background-color: #eaf1f4;
    text-align: left;
}

.column2middle {
    background-color: #fffffd;
}

.column3middle {
    background-color: #fffffd;
    font-weight: bold;
}

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

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

.column2middle p, .column3middle p {
    text-align: left;
    color: #68767d;
    font-weight: bold;
}

.columnsmiddlein h2 {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.columnsmiddlein h3 {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    color: #018ac7;
}

.columnsmiddlein h4 {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.column1middle a {
    color: #98a5ab;
    text-align: center;
    padding-bottom: 15px;
}

.textmiddle1 {
    color: #98a5ab;
}

.textmiddle3 {
    color: #a3afb5;
    font-size: 16px;
}

.columnsmiddlein h5 {
    text-align: center;
}

.column2middle a {
    color: #0092cb;
}

/* Кнопка "Отправить" */
.enter4 {
    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: 10px auto 0;
}

.polevvoda {
    display: block;
    background: white;
    width: 182px;
    height: 23px;
    border: 1px solid #018ac7;
    margin-bottom: 10px;
    padding: 0 5px;
    font-family: inherit;
}

textarea {
    display: block;
    background: white;
    width: 182px;
    height: 90px;
    border: 1px solid #018ac7;
    margin-bottom: 10px;
    padding: 5px;
    resize: none;
}

.column3middle a {
    text-decoration: none;
}

.clearform {
    text-align: center;
    margin-top: 10px;
    font-size: 13.3px;
}

.clearform a {
    color: #b9c4d8;
}


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


@media (max-width: 680px) {
    .articlecdek, .cdekback, .boxberryback, .oform {
        width: 95%;
    }
}
@media (min-width: 680px) {
    .articlecdek, .cdekback, .boxberryback, .oform {
        width: 700px;
        margin: 0 auto;
    } 
}

.articlecdek span {
    color: #018ac7;
    font-weight: bold;
}


/* Расчет доставки */

.cdekback {
    background: url(../img/backgroundgreen.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.boxberryback {
    background: url(../img/backgroundpink.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: black;
}

.upp {
    padding-top: 20px;
}

.selector {
    position: relative;
    width: 195px;
    margin: -5px 0 5px;
    border: 1px solid #0092cb;
    border-radius: 3px;
}

.selector select {
    width: 195px;
    height: 25px;
    padding: 0 20px 0 7px;
    background: transparent;
    border: 0;
    appearance: none;            /* remove arrow        */
    -webkit-appearance: none;    /* remove arrow Chrome */
    -moz-appearance: none;       /* remove arrow FF     */
}

.selector input {
    width: 168px;
    height: 25px;
    padding: 0 20px 0 7px;
    background: transparent;
    border: 0;
}

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

.cdek {
    font-size: 12px;
    color: #707d82;
    text-align: center;
    padding-bottom: 15px;
}

.boxberry {
    font-size: 12px;
    color: black;
    text-align: center;
    padding-bottom: 15px;
}

.cdek-col1, .boxberry-col1 {
    width: 220px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}

@media (min-width: 680px) {
    .cdek-col1 {
        margin-top: -60px;
    }

    .boxberry-col1 {
        margin-top: -32px;
    }
}

.cdek-col1 img {
    margin-left: 60px;
    margin-bottom: 15px;
}

.boxberry-col1 img {
    margin-left: 12px;
    margin-bottom: 15px;
}

.cdek-col1 p {
    text-indent: 15px;
    margin: 0;
}

.cdek-col1 a {
    color: #707d82;
}

.boxberry-col1 a {
    color: darkslategray;
}

.deliveryform {
    display: inline-block;
}

.cdek-col2, .cdek-col3 {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 180px;
    margin: 0 5px 20px 30px;
}

.cdek-col2 .cntr {
    text-align: center;
    line-height: 0.8;
}

.cdek-col2 a, .cdek-col3 a {
    text-decoration: none;
}

.boxberry-col2 {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 180px;
    margin: 10px 5px 20px 30px;
}

#del_info {
    font-weight: bold;
    font-size: 16px;
}

.oform {
    color: #707d82;
    font-size: 14px;
    text-indent: 30px;
    margin-top: 40px;
}

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

.oform span {
    color: #018ac7;
    font-weight: bold;
}

.katalog {
    text-align: center;
}

.colkat {
    position: relative;
    display: inline-block;
    margin: 0 5vw 25px 9vw;
    width: 200px; 
    height: 200px;
}

.rosetitle {
    display: block;
    position: absolute;
    left: 2vw;
    width: 115px;
    height: 34px;
    margin-top: 143px;
    color: #003d59;
    text-align: center;
    z-index: 100;
}

.imgrose {
    position: absolute;
    left: 0;
}

.imgramka {
    position: absolute;
    left: 2vw;
    margin-top: 138px;
}

.greenback {
    widows: 100%;
    background: #f6f9fa;
    position: relative;
    height: auto;    
}

.rosepop {
    text-align: center;
    margin-top: -15px;
}

.rosepopin {
    display: inline-block;
    margin: 1em 0 0;
    position: relative;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    width: 139px;
    height: 174px;
}

.rosepopin .rosepict {
    position: absolute;
    left: 8px;
    top: 36px;
}

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

.rosepopin a, .pojelanin a {
    color: #0092cb;
}

.osajenback {
    background: url(../img/backgroundpink.png);
    background-size: 100% 40em;
    margin-top: -115px;
}

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

@media (min-width: 680px) {
    .osajenback {
        padding: 180px 0 20px;        
    }
}


.osajen {
    text-align: center;
}

.osajen-img {
    display: inline-block;
    margin: 0 0 0 auto;
    width: 260px;
}

.osajen-text {
    display: inline-block;
    text-align: justify;
    margin: 0;
    vertical-align: top;
    width: 440px; 
    color: #343e4c;
    font-size: 14px;
}

.osajen-text p:first-child {
    text-indent: 30px;
}