@import url('reset.css');
@import url('fonts.css');
body {
	overflow-x: hidden;
}
.navigation li.lang {
	padding: 0;
	margin-bottom: -11px;
	margin-right: 11px;
}
.navigation a {
	text-decoration: none;
}
.navigation li.lang img {
	display: block;
}
.text_buket {
	font-size: 14px;
}
.bold {
	font-weight: 600;
}
html.ru .ua {
	display: none;
}

html.ua .ru {
	display: none;
}
/*Position*/
.clear {clear:both;}

.gal-item {
    float: left;
    padding: 3px;
    border: 1px solid #d4d4d4;
    margin: 4px;
    opacity: 0.8;
}

.gal-item:hover {
    opacity: 1.0;
}
#result_form,
#result_form_error {
	display: none;
	background-color: #ffffff;
	text-align: center;
	border-radius: 10px;
	border: 2px dashed #f6525d;
	padding: 25px;
}
#result_form h2,
#result_form_error h2 {
	padding-top: 0;
	padding-bottom: 0;
}
#form h1,
#form h2,
#form h3 {
	padding-top: 0;
}
body {
    background-color:#FFF;
}

.row {
    text-align:center;
}

.product-image {
    overflow:hidden;
}

.product-image image {
    position:relative;
}



.name2 {
    margin-top:-30px;
}

.h_cont {
    display:inline-block;
    position:relative;
    margin-top: 50px;
}

.h_cont image {
    position:absolute;
    width:111px;
    height:82px;
    top:-10px;
    right:-108px;
}

.description {
    padding:25px 43px;
    position:relative;
    border-radius:15px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

}

.description.active {
    padding:25px 43px;
    border:2px solid #9d8c8d;
    position:relative;
    border-radius:15px;
    background:#fff
}

.description  p {
    line-height: 20px;
    display:none;
}

.description.active  p  {
    display:block;
    font-family: 'pf_din_text_cond_proregular';
}

.description  p span {
    font-weight:bold;
}

.description .description_title {
    padding:7px 60px;
    position:absolute;
    left:50%;
    margin-left:-100px;
    background:#9d8c8d;
    display:inline-block;
    top:0;
    cursor:pointer;
    border-radius:10px;
    color:#fff;
    text-transform:uppercase;
    font-family: 'pf_din_text_comp_promedium';
    top:-15px;
}

.description .description_title2 {
    padding:7px 60px;
    position:absolute;
    left:50%;
    margin-left:-100px;
    background:#f6525d;
    display:inline-block;
    top:0;
    cursor:pointer;
    border-radius:10px;
    color:#fff;
    text-transform:uppercase;
    font-family: 'pf_din_text_comp_promedium';
    top:-15px;
}


.description .description_title:after {
    content:"";
    position:absolute;
    width:10px;
    height:9px;
    left:45px;
    top:0;
    bottom:0;
    margin:auto;
    background:url(../images/arrows.png);
    background-position:0 -9px;
}

.description.active .description_title:after {
    background-position:0 0px;
}

.description .description_title2:after {
    content:"";
    position:absolute;
    width:10px;
    height:9px;
    left:45px;
    top:0;
    bottom:0;
    margin:auto;
    background:url(../images/arrows.png);
    background-position:0 -9px;
}

.description.active .description_title2:after {
    background-position:0 0px;
}


.hover {
    position: absolute;
    left: 10px;
    top: 30px;
    width: 230px;
    height: 230px;
    display: block;
    z-index: 10;
}

.proezd {
    color:#5f5252;
    text-align:center;
    font-size:18px;
    text-transform:uppercase;
    font-family: 'pf_din_text_comp_promedium';
    margin-top:30px;
    margin-bottom:20px;
}


.delivery {
    font-family: 'pf_din_text_comp_promedium';
    font-size:22px;
    color:#ff4461;
    text-transform:uppercase;
	width: 33%;
	text-align: center;
}

.delivery p {
    color:#ff4461;
    margin-top:8px;
    font-family: 'pf_din_text_cond_proregular';
}
.delivery p span {
    color: #000;
    display: block;
    font-size: 16px;
}

.delivery image {
    display: inline-block;
}

.product-image a{
    display:block;
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.product-image a image {
    position:absolute;
    left:0;
    top:0;
}

h1, h2, h3 {font-family:'pf_din_text_comp_promedium'; color: #444444; text-transform: uppercase; }


h1 {font-size: 30px; text-align: center; }
h2 {font-size: 28px; text-align: center; padding-top: 50px; padding-bottom: 30px;}
h3 {font-size: 20px; text-align: center; padding-top: 20px; padding-bottom: 30px; text-transform: none; font-family:'pf_din_text_cond_proregular';}

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

strong {font-family: 'pf_din_text_comp_promedium'; text-transform: uppercase;}

p {line-height: 28px;}
a {color: #f6525d;}
a:hover {text-decoration: none;}


.left {float: left;}
.right {float: right;}

.row {width:960px; height: inherit; position: relative; margin: auto; z-index: 1;}
.form-row {width:100%; position: relative; margin: auto; z-index: 1;}
.inner {position: relative;}
.header {
    margin: 55px auto 20px auto;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
}

.footer {margin: 30px auto;}

.logo {width: 30%; position: relative;}
.logo-desc {font-family:'pf_din_text_cond_proregular' ; color: #666; font-size: 18px; position: absolute; z-index: 999; margin: -40px auto auto 80px;text-align:left;}

.contact {text-align: center; position: relative;}
.top .contact {width: 30%;}
.desc {font-family:'pf_din_text_cond_proregular'; color: #444444; font-size: 24px;}
.phone {font-family:'pf_din_text_comp_promedium'; color: #444444; font-size: 34px; padding-top: 5px;}
.address {font-family:'pf_din_text_cond_proregular'; color: #999999; font-size: 17px;text-align:center;}
.red {color: #f6525d;}

.phone .red {font-size: 26px !important;font-family: 'pf_din_text_cond_proregular';}

.title {height: 30px; text-align: center; text-transform: uppercase; font-family:'pf_din_text_comp_promedium'; color: #444444; font-size: 40px; padding-top: 30px;}
.title2 {height: 30px; text-align: center; text-transform: uppercase; font-family:'pf_din_text_comp_promedium'; color: #444444; font-size: 40px; padding-top: 80px;}

.descriptor {height: 100px; text-align: center; text-transform: uppercase; font-family:'pf_din_text_comp_promedium'; color: #444444; font-size: 40px;}
.descriptor-price {font-family: 'pf_kids_prograde_five'; text-transform: none; font-size: 46px; padding: 10px;}
.desc-sub {font-size: 28px; text-transform: none; padding-top: 10px;font-family: 'pf_din_text_cond_proregular';}

.navigation{
    position: fixed;
    width: 100%;
    height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    top: 0;
    z-index: 1000;
}
.navigation li{
    display: inline-block;
    padding: 13px 11px;
}
.navigation a{
    color: #fff;
    font-family: 'pf_din_text_cond_proregular';
}
#menu {background: #bfbfbf; width: 100%; height: 75px; text-align: center; position: relative; padding-top: 4px;}
#menu ul li {list-style-type: none; display: inline-block; text-align: center;  margin-top: 10px;color:#FFF; text-transform: uppercase; font-size: 19px; font-family:'pf_din_text_comp_promedium'; text-decoration: none;}
#menu li {padding:15px 13px; display: block; border-radius: 10px;}
#menu li:hover {box-shadow: 0 0 0 2px #FFF inset; background: #f6525d;}
#menu li.curent {box-shadow: 0 0 0 2px #FFF inset; background: #f6525d;}
#menu a {color:#FFF; text-transform: uppercase; font-size: 21px; font-family:'pf_din_text_comp_promedium'; text-decoration: none;}
.hover {
    position:absolute;
    left:10px;
    top:30px;
    width:230px;
    height:230px;
    display:block;
    z-index:10;
}


.action {font-size: 15px; display: inline-block; text-transform: none; color: #EEE; padding-left: 10px;}

/*----- start actions -----*/

#main-img {background: url(../images/#main-img.jpg) no-repeat center top; height: 622px; width: 100%; position: relative; margin: auto; z-index: 1;}

.action-text-bg {background: url(../images/action-text-bg.png) no-repeat center top; width: 919px; height: 95px; position: relative; margin: auto; top:92px;}

.text1 {font-family: 'pf_din_text_cond_proMdIt'; font-size: 60px; color: #FFF; text-transform: uppercase; margin: 20px 30px; position: relative; float: left; height: 95px;}
.text2 {font-family: 'pf_din_text_cond_proMdIt'; font-size: 36px; color: #FFF; text-transform: uppercase; margin: 20px 20px; position: relative; float: left; height: 95px;}
.text2 p {color: #999; font-size: 16px;font-family: 'pf_din_text_cond_proMdIt';}
.text3 {font-family: 'pf_din_text_cond_proMdIt'; margin: 15px 5px; position: relative; float: left; height: 95px;}
#main-img .old-price {font-family: 'pf_din_text_cond_proLtIt'; text-decoration: line-through; color: #999999; font-size: 24px; margin: 20px 10px !important; float: left; position: relative; margin-left: -5px !important;}
#main-img .new-price {font-family: 'pf_din_text_cond_proMdIt'; color: #f6525d; font-size: 60px;}
#main-img .small {font-family: 'pf_din_text_cond_proMdIt'; color: #f6525d; font-size: 30px;}

/*----- end actions -----*/

.products {/*height: 500px;*/ z-index: 99;}
.products ul li { list-style-type: none; display: inline-block; width: 254px; height: 505px; background: url(../images/product-border.png) no-repeat 0 55px; margin: auto 30px; text-align: center; font-family: 'pf_din_text_comp_promedium'; vertical-align: top; position:relative;margin-bottom: 20px;position: relative}

.products.dostavka ul li { background: none;height: 305px;}

.product-name {
    height: 40px;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'pf_din_text_comp_promedium';
    /* top: -20px; */
    display: flex;
    width: 100%;
    justify-content: center;
}

.icons-money {
    position: absolute;
    right: -45px;
    top: -25px;
}
.icons-money image {
    display: block;
    width: 40px;
}
.inner-modal-money {
    background: #fff;
    padding: 20px 30px;
    width: 660px;
    text-align: center;
}
.title-modal-money {
    font-size: 26px;
    text-align: center;
}
.title-modal-money span {
    color: #f6525d;
}
.col-money-3 {
    display: inline-block;
    margin: 35px 15px 0;
    width: 185px;
}
.col-money-3 image {
    height: 70px;
}
.col-money-3 p {
    font-size: 15px;
    margin: 10px 0 0;
    line-height: 1.4;
}
.col-money-3 p span {
    display: block;
    font-size: 17px;
    color: #f6525d;
}
#modal-money {
    display: none;
}

.product-image {width: 180px; /*height: 235px;*/ margin: 25px auto 15px auto;}
.product-image2 {width: 200px; /*height: 235px;*/ margin: 40px auto 15px auto;}
.product-image3 {width: 125px; /*height: 235px;*/ margin: 40px auto 15px auto;}
.product-image4 {width: 210px; /*height: 235px;*/ margin: 50px auto 15px auto;}

.product-image img {
	width: inherit;
    border-radius: 100%;
}
@media (max-width:400px) {
    .product-image {
        margin-top: 50px !important;
    }

    .h_roza {
        padding-top:0;
        padding-bottom:0;
        font-size:36px;
    }
}
.product-image image {border-radius: 999px;max-width:100%;}
.product-old-price {font-family: 'pf_din_text_cond_proLtIt'; text-decoration: line-through; color:#999; font-size: 20px;}
.product-price {font-family: 'pf_din_text_comp_promedium'; font-size: 30px; line-height: 40px;}

.badges {position: absolute; width: 99px; height: 102px; z-index: 9; margin: 30px auto auto 180px;}
.badges-roses {position: absolute; width: 136px; height: 136px; z-index: 9; margin: 61px auto auto 8px;}

.row1 {background: #f2f1ef; height: auto; width: 100%; position: relative; margin: auto;}
.row2 {background: #f2f1ef url(../images/bg-footer.jpg) no-repeat center bottom; height: 540px; width: 100%; position: relative; margin: auto;}
.row3 {background: #f2f1ef url(../images/bg-footer.jpg) no-repeat center bottom; height: 680px; width: 100%; position: relative; margin: auto;}

.footer { 
	margin-top: 30px;
    clear: left;
}
.vk {position: relative; margin: auto; width:450px; float: left; text-align: center; margin-top: 20px;}
.idefix {text-align: center; height: 100px; font-family: 'pf_din_text_cond_proregular'; font-size: 18px; color:#999; line-height: 36px;}
.footer-copy2 {text-align: center; font-family: 'pf_din_text_cond_proregular'; font-size: 16px; color:#999; line-height: 26px; margin-bottom: 30px;}

.footer-copy {text-align: center; font-family: 'pf_din_text_cond_proregular'; font-size: 16px; color:#999; line-height: 26px;}


.button {text-align: center; margin-top: -150px;}
.button-footer {text-align: center; margin-top: -120px; height: 100px;}

.mainButton {
    -moz-box-shadow: 0px 4px 0px 0px #cf000e;
    -webkit-box-shadow: 0px 4px 0px 0px #cf000e;
    box-shadow: 0px 4px 0px 0px #cf000e;
    background-color:#f6525d;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:1px solid #f6525d;
    position: relative;
    text-transform: uppercase;
    cursor:pointer;
    color:#ffffff;
    font-size:36px;
    font-family: 'pf_din_text_comp_promedium';
    padding:30px 100px;
    height: 100px;
    text-decoration:none;
    text-shadow:0px 2px 0px #cf000e;
}
.mainButton:hover {
    background-color:#f76d77;

}
.mainButton:active {
    background-color:#cf000e;
    position:relative;
    top:1px;
}


.orderButton {
    -moz-box-shadow: 0px 4px 0px 0px #cf000e;
    -webkit-box-shadow: 0px 4px 0px 0px #cf000e;
    box-shadow: 0px 4px 0px 0px #cf000e;
    background-color:#f6525d;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:1px solid #f6525d;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:30px;
    font-family: 'pf_din_text_comp_promedium';
    padding:10px 64px;
    height: 30px;
    text-decoration:none;
    text-shadow:0px 2px 0px #cf000e;
    margin-top: 20px;
}
.orderButton:hover {
    background-color:#f76d77;

}
.orderButton:active {
    background-color:#cf000e;
    position:relative;
    top:1px;
}



#inline { display: none; width: 450px; height: auto; text-align: center; border-radius: 10px; padding: 25px; background: #FFF; border:2px dashed #f6525d;}
#thankyou { background: #FFF; display: none; width: 450px; height: auto; text-align: center; border-radius: 10px; padding: 25px; background: #FFF; border:2px dashed #f6525d;}


label { float:left; margin-right: 12px; padding-top: 18px; color: #4444; font-size: 18px;  font-family: 'pf_din_text_cond_proregular';}

.txt {
    display: inline-block;
    color: #676767;
    width: 70%;
    font-family: "pf_din_text_cond_proregular";
    margin: 0 auto 15px auto;
    border: 1px solid #ccc;
    padding: 10px 9px;
    font-size: 1.2em;
    line-height: 1.4em;
    border-radius: 5px;
    float: none;
}


.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }


.sendButton {
    -moz-box-shadow: 0px 4px 0px 0px #cf000e;
    -webkit-box-shadow: 0px 4px 0px 0px #cf000e;
    box-shadow: 0px 4px 0px 0px #cf000e;
    background-color:#f6525d;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:1px solid #f6525d;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:30px;
    font-family: 'pf_din_text_comp_promedium';
    padding:10px 40px;
    height: 55px;
    text-decoration:none;
    text-transform: uppercase;
    text-shadow:0px 2px 0px #cf000e;
    margin-top: 20px;
}
.sendButton:hover {
    background-color:#f76d77;

}
.sendButton:active {
    background-color:#cf000e;
    position:relative;
    top:1px;
}


input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }


.fancybox-skin {background: #FFF !important; border-radius: 10px !important; padding: 10px !important; background: #f6525d !important;}



#price {height: 720px; padding-top: 30px; position: relative;}
#price ul li {width: 150px; margin: auto; font-size: 20px; line-height: 36px;}
#price .shape {background: url(../images/price-shape.html) no-repeat center top; width: 430px; height: 430px; margin-top: 50px; position: relative;}


#thousand {height: 750px; padding-top: 30px; position: relative;}

#forty-fifty {height: 750px; padding-top: 30px; position: relative;}


#payment {height: 780px; padding-top: 30px; position: relative; text-align: center;}
#payment ul li {width: 200px; font-size: 18px; text-align: center; display: inline-block; padding-top:40px; padding-left:55px; padding-right:55px; margin: auto; vertical-align: top;}
#payment .sub {font-size: 16px; color: #999; line-height: 18px;}
#payment .wallet-num {text-transform: uppercase; font-size: 24px; font-family: 'pf_din_text_comp_promedium'; }




#bluerose {height: 620px; padding-top: 30px; position: relative; text-align: center;}
#bluerose ul li {width: 271px; height: 300px; text-align: center; display: inline-block; padding:40px 30px; margin: auto; vertical-align: top;}
#bluerose image {border-radius: 10px;}

#delivery {height: 800px; padding-top: 30px; position: relative; text-align: center;}
#delivery h1 {padding-bottom: 30px;}
#delivery p {font-size: 24px; line-height: 30px;}
#delivery .hours {text-transform: uppercase;}
#delivery .price {background: url(../images/delivery.html) no-repeat left top; height: 430px; margin-top: 10px; position: relative;}
.delivery-price {width:400px; float: right; position: relative; text-align: left; line-height: 36px; font-size: 20px; margin-top: 150px;}
.delivery-price h1 {text-align: left;}

#contacts {height: 1150px; padding-top: 30px; position: relative; text-align: center;}
#contacts h1 {padding-bottom: 30px;}
#contacts p {font-size: 24px; line-height: 30px;}
#contacts .shape {background: url(../images/contacts-shape.html) no-repeat center top; width: 930px; height: 760px; margin-top: 50px; position: relative; font-size: 20px; line-height: 30px;}
#contacts .map {position: relative; width: 890px; height: 430px; margin: 50px auto; top:20px; background: #000;}
#contacts .phone {text-transform: uppercase; font-size: 24px; font-family: 'pf_din_text_comp_promedium';}


#photos {height: 1300px; padding-top: 30px; position: relative; text-align: center;}
#photos ul li {width: 225px; height: 225px; text-align: center; display: inline-block; padding:20px 5px; margin: auto; vertical-align: top;}
#photos image {border-radius: 10px;}

#gallery {height: 1850px; padding-top: 30px; position: relative; text-align: center;}
#gallery ul li {width: 225px; height: 225px; text-align: center; display: inline-block; padding:20px 5px; margin: auto; vertical-align: top;}
#gallery image {border-radius: 10px;}



.list_bg {
    background: #FFF;
    width: 960px;
    height: 180px;
    position: relative;
    margin: auto;
    border:3px solid #f6535f;
    border-radius: 10px;
    top:20px;
    z-index: 999;
}

.list_bg li {
    display: inline-block;
    width: 150px;
    text-align: center;
    margin: 30px 18px;
    vertical-align: top;
}

.list_bg li p {
    line-height: 18px;
    padding-top: 10px;
    font-family: 'pf_din_text_cond_proregular';

}

.h_roza {
    font-size:48px;
    color:#fe6b70;
    position:relative;

}

.h_roza:before {
    content:"";
    position:absolute;
    width:365px;
    height:1px;
    background:#fe6b70;
    top:55%;
    left:-400px;
}

.h_roza:after {
    content:"";
    position:absolute;
    width:365px;
    height:1px;
    background:#fe6b70;
    top:55%;
    right:-400px;
}

.products li label{
    position: relative;
    cursor: pointer;
    margin: 0px 30px 0 59px;
}

.products li input[type="radio"] + label::before{
    content: "";
    /*float: left;*/
    height: 24px;
    width: 27px;
    position: absolute;
    left: -25px;
    top: 14px;
    /*margin: 0 10px 0 0;*/
    background-image: url(../images/checked.png);
    background-repeat: no-repeat;
    cursor: pointer;

}
.products li input[type="radio"] + label::before {
    background-position: 0px -24px;
}

.products li input[type="radio"]:checked + label::before {
    background-position: 0px 0px;
}

#mobile{
    display: none;
}
#desktop{
    display: block;
}

.carousel
{
    position :relative ;
    margin :0 auto;
    width :930px;
    height :auto;
    border :none;
    overflow : visible ;
}

/* slide container */
.carousel .slides
{
    margin :0;
    padding :0;
    border :none;
    list-style :none;
    position :relative ;
    overflow :visible ;
}

/* slide item */
.carousel .slides .slideItem
{
    position :absolute ;
    cursor :pointer ;
    overflow : hidden;
    padding :0;
    margin :0;
    border :none;
}

.carousel .slides .slideItem a
{
    display: block ;
    text-decoration :none;
    margin :0;
    padding :0;
    border :none;
    outline :none;
}

.carousel .slides .slideItem image
{
    margin :0;
    padding :0;
    border :none;
    width :100%;
    height :100%;
}

.carousel .nextButton
{
    position :absolute ;
    right :10px;
    top :133px;
    width :35px;
    height :35px;
    background : url("../images/next_button.png") no-repeat center;
    cursor :pointer ;
    z-index :9999;
}

.carousel .prevButton
{
    position :absolute ;
    left :10px;
    top :133px;
    width :35px;
    height: 35px;
    background : url("../images/prev_button.png");
    cursor :pointer ;
    z-index :9999;
}

/* buttons container */
.carousel .buttonNav
{
    position : relative ;
    margin :0 auto;
    z-index :999;
}

/* numbers */
.carousel .buttonNav .numbers
{
    position :relative ;
    float :left ;
    margin :5px;
    color : #828282 ;
    cursor :pointer ;
    font-weight :bold ;
    text-decoration :none;
    font-size :1em;
    font-family :Arial, Verdana ;
}

.carousel .buttonNav .numbers:hover
{
    color: #000;
    text-decoration :underline;
}

.carousel .buttonNav .numberActive
{
    background : none;
    color :#000;
    cursor :default ;
}

/* bullets */
.carousel .buttonNav .bullet
{
    position :relative ;
    float :left ;
    width :16px;
    height :16px;
    background : url(../images/Bullet-White.png) no-repeat center ;
    margin :5px;
    float :left ;
    cursor :pointer ;
}

.carousel .buttonNav .bullet:hover
{
    background : url(../images/Bullet-Black.png) no-repeat center ;
}

.carousel .buttonNav .bulletActive
{
    background : url(../images/Bullet-Black.png) no-repeat center ;
    cursor :default ;
}

.carousel .slides .videoOverlay
{
    background :url("../images/video.png") no-repeat center; /* play button */
}

.carousel .slides .spinner
{
    background : #000 url(../images/loading.gif) no-repeat center; /* video preloader */
}

.carousel .shadow
{
    width :100%;
    height :82px;
}

.carousel .shadow .shadowLeft
{
    background : url("../images/shadowLeft.png") no-repeat;
    width :100px;
    height :82px;

    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/shadowLeft.png, sizingmethod=scale)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */
}

.carousel .shadow .shadowMiddle
{
    height :82px;
    background:url("../images/shadowTile.png") repeat-x;

    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/shadowTile.png, sizingmethod=scale)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */
}

.carousel .shadow .shadowRight
{
    width :100px;
    height :82px;
    background:url("../images/shadowRight.png") no-repeat;

    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/shadowRight.png, sizingmethod=scale)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */
}

/* gradient color for Opera */
.carousel .gradient
{
    background-image :url(../images/gradient.svg);
}

.buttonNav {
    display: none;
}
@media screen and (max-width: 1170px) {
    .contact {
        padding: 0 35px 0 0;
    }
    .icons-money {
        right: 0;
    }
}
@media only screen and (max-width: 960px), only screen and (max-device-width: 960px){

    /*body{
        overflow: hidden;
    }*/
	.navigation.pc {
		display:none;
	}
    #mobile{
        display: block;
        overflow: hidden;
    }
	div.lang {
		width: 90px;
		float: left;
		padding-top: 10px;
	}
	div.lang a {
		margin: 0 5px;
	}
   .form-row {height:auto;}
  
    #mobile .delivery{
        display: none;
    }

    #mobile .row{
        width: 100%;
    }

    #mobile .logo{
        width: auto;
    }

    #mobile .header{
        margin: 65px auto 10px;
    }

    #mobile .navigation{
        background: #e8e8e8;
        height: 55px;
        border-bottom: 2px solid #bfbfbf;
        -webkit-box-shadow: 0 2px 0 0 #e1e1e1;
        box-shadow: 0 1px 0 0 #e1e1e1;
    }

    #mobile .navigation .row{
        width: 43px;
        height: 43px;
        float: right;
        border-radius: 50px;
        background: rgba(255,255,255, .6);
        margin: 5px 5px 0 0;
    }


    #mobile .navigation i{
        display: block;
        width: 33px;
        height: 5px;
        background: #e53b57;
        margin: 2px 5px;
        transition: 0.3s ease;
    }

    #mobile .navigation .row i:first-child{
        margin-top: 12px;
        font-family: 'pf_din_text_cond_proregular';
    }

    #mobile .navigation .active i:first-child {
        transform: translateY(7px) rotate(45deg);
    }
    #mobile .navigation .active i:nth-child(2) {
        opacity: 0;
    }
    #mobile .navigation .active i:last-child {
        transform: translateY(-7px) rotate(-45deg);
    }

    #mobile .navigation .menu{
        position: absolute;
        width: 100%;
        background: #f6525d;
        top: 50px;
        overflow: hidden;
        height: 0px;
    }

    #mobile .navigation .menu li{
        display: block;
        border-top: 1px solid #fff;
        color: #fff;
    }

    #mobile .logo{
        margin: 17px 0 0 10px;
    }

    #mobile .descriptor,
    #mobile .descriptor span{
        /*font-family: 'PT Sans', sans-serif;*/
        font-size: 25px;
        /*font-weight: 700;*/
        height: auto;
    }

    #mobile .descriptor-price{
        font-family: 'pf_kids_prograde_five';
        text-transform: none;
        padding: 0px;
    }

    #mobile .contact {
        width: 100%;
        float: none;
    }

    #mobile .contact .phone a{
        color: #6fa3c9;
        /*font-family: 'PT Sans', sans-serif;*/
        font-size: 18px;
        text-decoration: underline;
        font-family: 'pf_din_text_cond_proregular';
        display: block;
    }

    #mobile .contact .address{
        font-size: 12px;
        /*font-family: 'PT Sans', sans-serif;*/
    }

    #mobile #main-img{
        height: 250px;
    }

    #mobile .button {

        margin-top: -67px;
    }


    #mobile #main-img .action-text-bg{
        width: 320px;
        margin: 0 auto;
        background: url(../images/bg-mini.png) no-repeat top center;
        /*text-align: center;*/
        top: 0px;
    }

    #mobile #main-img .left-block{
        width: 190px;
        float: left;
        font-family: 'pf_din_text_cond_proregular';
    }

    #mobile #main-img .left-block p{
        font-style: italic;
        /*font-family: 'PT Sans', sans-serif;*/
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        color: #9c9c9c;
    }

    #mobile #main-img .left-block p.buk{

        color: #fff;
    }

    #mobile #main-img .right-block {
        width: 130px;
        float: left;
    }
    /******************************************************************************************************************/
    #mobile #main-img .right-block .old-price{
        line-height: 25px;
        color: #000;
        font-size: 15px;
        margin: 0px 10px !important;
    }
    #mobile #main-img .right-block .new-price{
        float: left;
        margin-left: 15px;
        margin-top: -8px;
        font-size: 27px;
    }

    #mobile .mainButton {
        font-size: 28px;
        padding: 7px 10px;
    }

    #mobile #main-img .action{
        /*font-family: 'PT Sans', sans-serif;*/
        font-size: 30px;
        font-weight: 700;
        font-style: italic;
        color: #fff;
        line-height: 55px;
        padding-top: 25px;
        font-family: 'pf_din_text_cond_proregular';
    }

    #mobile .action-text-bg .text1,
    #mobile .action-text-bg .text2,
    #mobile .action-text-bg .text3{
        position: relative;
        z-index: 2;
        box-sizing: border-box;
    }

    #mobile .action-text-bg .text1,
    #mobile .action-text-bg .text2,
    #mobile .action-text-bg .text3,
    #mobile .action-text-bg .old-price{
        /*float: none;*/
        margin-left: 0px;
        margin-right: 0px;
        margin: 0px;
        /*width: 100%;*/
        text-align: center;


    }
    #mobile .action-text-bg .transform{
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -o-transform: skew(-20deg);
        transform: skew(-20deg);
        position: absolute;
        width: 100%;
        height: 100%;
        background: green;
        top: 0;
        left: 0;
        z-index: -1;
    }

    #mobile .action-text-bg .text1 .transform{

        background: #f6525d;
    }

    #mobile .action-text-bg .text2 .transform{

        background: #000;
    }

    #mobile .action-text-bg .text3 .transform{
        background: #fff;

    }

    #mobile .mainButton{
        font-size: 23px;

        padding: 8px 10px;
    }

    #mobile .top-menu li.active{
        background: #000;
    }

    .product-name{
        line-height: 30px;
        height: auto;
    }

    /*#mobile .products{
        overflow: hidden;
    }*/
    #mobile .products{
        padding: 0px;
    }
    #mobile .products ul{
        overflow: hidden;
        padding-top: 50px;
    }

    .moreButton {
        -moz-box-shadow: 0px 4px 0px 0px #cf000e;
        -webkit-box-shadow: 0px 4px 0px 0px #cf000e;
        box-shadow: 0px 4px 0px 0px #cf000e;
        background-color: #f6525d;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #f6525d;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-size: 30px;
        font-family: 'pf_din_text_comp_promedium';
        padding: 10px 40px;
        height: 30px;
        text-decoration: none;
        text-shadow: 0px 2px 0px #cf000e;
        margin-top: 20px;
    }

    #mobile .carousel{
        width: 100% !important;
        overflow: hidden;
    }

    #mobile .footer{
        margin-top: 20px;
        height: auto;
    }
    #mobile  .footer-copy2{
        height: auto;
        text-align: justify;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .description.active p{
        text-align: justify;
    }

    #mobile .up{
        line-height: 75px;
        background: #f2f1ef;
        font-size: 25px;
        position:relative;
        font-family: 'pf_din_text_cond_proregular'
    }

    #mobile .up:after {

        content: '';
        position: absolute; /* Абсолютное позиционирование */
        left: 20px; top: 25%; /* Положение треугольника */
        border: 10px solid transparent; /* Прозрачные границы */
        border-bottom: 10px solid #444; /* Добавляем треугольник */
    }

    #mobile .up:before {

        content: '';
        position: absolute; /* Абсолютное позиционирование */
        right: 20px; top: 25%; /* Положение треугольника */
        border: 10px solid transparent; /* Прозрачные границы */
        border-bottom: 10px solid #444; /* Добавляем треугольник */
    }

    #mobile .action-text-bg{
        background: none;
    }

    #mobile .action-text-bg .text1{
        width: 25%;
        font-size: 58px;
        line-height: 95px;
        /*background: #f6525d;*/
    }

    #mobile .action-text-bg .text2{
        width: 50%;
        text-align: left;
        padding-left: 25px;
        /*background: #000;*/
    }
    #mobile .text2 p{
        font-size: 14px;
    }
    #mobile .action-text-bg .text3{
        /*background: #fff;*/
        width: 25%;
    }



    #mobile #main-img .small{
        font-size: 19px;
        /*-webkit-transform: skew(20deg);
      -ms-transform: skew(20deg);
      transform: skew(20deg);
      -o-transform: skew(20deg);*/

    }




}

@media only screen and (max-width: 725px), only screen and (max-device-width: 725px){
    #mobile .action-text-bg .text1{
        width: 25%;
        font-size: 22px;
        line-height: 95px;
        /*background: #f6525d;*/
    }

    #mobile .action-text-bg .text2{
        padding-top: 16px;
        font-size: 20px;
        text-align: center;
        padding-left: 0px;
    }

    #main-img .old-price{
        line-height: 95px;
        margin: 0px 10px !important;
    }

    /* #mobile #main-img .new-price{
         line-height: 95px;
     }
     #main-img .old-price{
         font-size: 15px;
           /*  margin: 20px 0px !important;
             -webkit-transform: skew(20deg);
           -ms-transform: skew(20deg);
           transform: skew(20deg);
     }

     #mobile #main-img .new-price{
         font-size: 19px;
         /*-webkit-transform: skew(20deg);
           -ms-transform: skew(20deg);
           transform: skew(20deg);
           -o-transform: skew(20deg);
           /*color: red;
     }*/

    #mobile #main-img .small{
        font-size: 19px;
        /*-webkit-transform: skew(20deg);
      -ms-transform: skew(20deg);
      transform: skew(20deg);
      -o-transform: skew(20deg);*/

    }
}

@media only screen and (max-width: 630px), only screen and (max-device-width: 630px){

    .products ul li{
        width: 135px;
        height: 335px;
        background: url(../images/product-border-mini.png) no-repeat 0 40px;
        margin: auto 10px;
        text-align: center;
        font-family: 'pf_din_text_comp_promedium';
        vertical-align: top;
        position: relative;
        margin-bottom: 20px;
    }
    .inner-modal-money {
        width: 100%;
    }
    .product-image{
        width: 120px;
        height: 120px;
    }

    h2.h_roza {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 32px;
    }

    .orderButton{
        font-size: 22px;
        padding: 5px 10px;
        height: 22px;
    }

    .products .badges-roses{
        width: 93px;
        height: 93px;
        margin: 41px auto auto -3px;
    }

    .products .badges-roses image{
        width: 88px;
    }

    .products .badges{
        margin: 40px auto auto 66px;
    }

    .products .badges image{
        width: 55px;
    }

    .product-name {
        line-height: 22px;
        /*height: auto;*/
        font-size: 20px;
        /*height: 22px;*/
    }

    .hover {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 135px;
        height: 135px;

    }


    #mobile .action-text-bg .text1{

        font-size: 33px;

    }
    #mobile .action-text-bg .text2{

        font-size: 25px;

    }

    #main-img{
        height: 500px;
    }


}

@media only screen and (max-width: 525px), only screen and (max-device-width: 525px){
    /*#mobile .logo,
    #mobile .contact{
        /*float: none;
        margin: 0 auto;

    }

    #mobile .logo,
    #mobile .logo image{
        width: 160px;
    }

    #mobile .logo .logo-desc{
        font-size: 15px;
        margin: -21px auto auto 43px;
    }*/

    #mobile .header .desc{
        display: none;
    }

    #mobile .phone{
        font-size: 20px;
    }
    #mobile .phone .red{
        font-size: 17px !important;
    }
    #mobile .address{
        line-height: 17px;
        font-size: 11px;
    }

    #mobile .contact{
        margin: 0px auto;
        /*width: 160px;*/
    }

    #mobile .header{
        height: auto;
        margin: 65px auto 20px;
    }

    /*#mobile .descriptor{
        height: auto;
        font-size: 14px;
        line-height: 30px;
    }*/

    #mobile .descriptor-price{
        font-size: 14px;
        line-height: 30px;
    }

    #inline{
        width: auto;
    }

    h3 {
        font-size: 17px;
        padding-top: 0px;
        padding-bottom: 4px;
    }

    .txt {
        display: inline-block;
        color: #676767;
        width: 100%;
        font-family: 'pf_din_text_cond_proregular';
        margin-bottom: 10px;
        border: 1px solid #ccc;
        padding: 10px 0px;
    }

    #mobile .slideItem,
    #mobile .carousel .slides .slideItem image{
        max-width: 100% !important;
        height: auto !important;
        top: 0px !important;
        right: 0px !important;

    }

    #mobile .action-text-bg .text1{
        font-size: 22px;
        /*background: #f6525d;*/
    }

    #mobile .action-text-bg .text2{
        padding-top: 16px;
        font-size: 14px;
    }

    #mobile .action-text-bg .text2 p{
        margin-top: 10px;
        line-height: 14px;
    }
}

@media (max-width: 1440px) {
	.h_roza:before,
	.h_roza:after {
		width: 270px;
	}
	.h_roza:before {
		left: -300px;
	}
	.h_roza:after {
		right: -300px;
	}
	.sendButton {
		margin-top: 0px;
	}
	.footer,
	.top,
	.slider .row,
	.row {
		width: auto !important;
	}
}

@media (max-width: 1024px) {
	.h_roza:before,
	.h_roza:after {
		content: none;
	}
	.h_cont {
		margin-top: 0px;
		width: 100%;
	}
	.list_bg {
		width: 95%;
	}	
	.left_side,
	.right_side {
		width: 48%!important;
	}
	.mainButton {
		font-size: 30px;
		padding: 20px 50px;
	}
	.list_bg li {
		width: 20%;
		margin: 30px 0px;
		float: left;
	}
}

@media (max-width: 768px) {
	.logo, .delivery, .contact {
		width: 30%;
	}
	.footer .contact {
		width: 100%;
	}
	.h_roza {
		font-size: 40px;
	}
	.dostavka {
		height: 620px;
		margin-bottom: -110px;
	}
	.products.dostavka ul li {
		height: 190px;
	}
	.desc, .delivery {
		font-size: 18px;
	}
	.phone, .phone .red {
		font-size: 22px !important;
	}
	.address {
		font-size: 14px;
	}
	.delivery .loading {
		width: 50px;
	}
	.header {
		margin: 55px auto 5px auto;
	}
	.products.dostavka  ul li {
		width: 235px;
		margin: auto 0px;
	}
}

@media (max-width: 600px) {
	.left_side,
	.right_side {
		width: 90% !important;
		float: none !important;
	}
	.row.footer {
		width: 100% !important;
	}
	.top .logo,
	.slider, 
	.advantages, 
	.description {
		display: none;
	}
	.contact {
		padding: 0px;
	}
	.top .delivery, .top .contact {
		width: 50%;
	}
	.h_cont {
		padding: 20px 0;
	}
	.sendButton {
        font-size: 14px;
		padding: 10px 10px;
		height: 35px;
    }
	.txt {
		padding: 5px 0px;
		font-size: 1em;
	}
	.flowers .products ul li {
		width: 80%;
		height: auto;
		background-image: none;
		margin-bottom: 35px;
	}
	.flowers .product-image {
		width: 70%;
		height: auto;
	}
	.flowers .hover {
		width: 55%;
		height: 55%;
		margin: 0 auto;
		right: 0;
		top: 50px
	}
}

@media (max-width: 426px) {
	.products.dostavka ul li {
        margin: 0 0px 20px 0;
		height: auto;
	}
	.footer-copy2 {
		margin-bottom: 0px;
	}
	.row.footer iframe {
		width: auto;
		height: auto;
	}
	.row.footer h2 {
		font-size: 24px;
	}
	.flowers .products ul li {
		width: 90%;
	}
}

@media (max-width: 376px) {
	.row.footer h2 {
		font-size: 24px !important;
		padding: 0;
	}
	.product-image {
		margin-top: 15px !important;
	}
}

@media (max-width: 241px) {
	.delivery {
		display: none;
	}
	.top .delivery, .top .contact {
		width: 100%;
	}
	.flowers .products ul li {
		width: 95%;
	}
	.products ul li {
		margin: auto 0px;
	}
}