/* Start:/local/templates/sadypridonia/css/style-promo.css?175006675726062*/
.s-promo{
padding-top: 0px !important;
}
.s-promo__big-img{
text-align: center;
}
.s-promo__big-img img{
max-width: 100%;
}
p{
font-size: 20px;
line-height: 1.2em;
color: #000000;
text-shadow: 0px 0px 0px black;
}
.s-promo__content{
max-width: 1628px;
margin: 0 auto;
margin-top: 50px;
}
.s-promo__content_paper{
position: relative;
padding-bottom: 50px;
}
.s-promo__content_paper:before{
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background: url('/local/templates/sadypridonia/css/../images/promo-paper-bg.jpg') repeat center;
opacity: 0.4;
}
.s-promo__header{
text-align: center;
padding-top: 57px;
}
.s-promo__big-title{
color: #ed1c24;
font-size: 100px;
line-height: 1.2em;
font-weight: bold;
margin-bottom: 14px;
text-shadow: none;
}
.s-promo__mid-title{
color: #59ba4f;
font-size: 60px;
line-height: 1.2em;
font-weight: normal;
text-shadow: none;
}
.s-promo__title
{
color: #59ba4f;
font-size: 30px;
line-height: 1.2em;
text-shadow: none;
}
.s-promo__title_indent-up{
margin-top: 48px;
}
.s-promo_p-small-indent{
margin-bottom: 12px;
}
.s-promo__info{
margin-top: 48px;
}
.s-promo__info:after{
content: '';
display: block;
clear: both;
}
.s-promo__info-row{
position: relative;
}
.s-promo__info-image{
float: left;
margin-bottom: 50px;
margin-right: 65px;
}
.s-promo__info-row:first-child p:first-child{
padding-top: 43px;
}
.s-promo__info-row:nth-child(2n+2) .s-promo__info-image{
float: right;
margin-right: 0;
margin-left: 65px;
}
.s-promo__info-row p:first-child{
clear: right;
}
.s-promo__info-row:nth-child(2n+2) p:first-child{
clear: left;
}
.s-promo__info p{
margin-bottom: 10px;
}
.s-promo__info p:last-child{
margin-bottom: 50px;
}
.s-promo__stages{
clear: both;
margin-top: 64px;
}
.s-promo__stages:after{
content: '';
display: block;
clear: both;
}
.s-promo__stage{
float: left;
width: 50%;
margin-bottom: 72px;
}
.s-promo__stage:nth-child(2n+3){
clear: both;
}
.s-promo__stage:nth-child(2n+1){
padding-right: 3%;
}
.s-promo__stage:nth-child(2n+2){
padding-left: 3%;
margin-right: -3%;
margin-left: 3%;
}
.s-promo__stage_inactive .s-promo__stage-link{
/*
-webkit-filter: saturate(40%);
filter: saturate(40%);
*/
-webkit-filter: grayscale(0.7);
filter: grayscale(0.7);
}
.s-promo__stage-link{
display: block;
position: relative;
margin-bottom: 5px;
text-decoration: none;
}
.s-promo__stage_active .s-promo__stage-link{
transition: filter 500ms ease 0ms;
}
.s-promo__stage_active .s-promo__stage-link:hover, .s-promo__big-img-full.easy_top_img .easy_top_img_instagram:hover, .s-promo__big-img-mobile.easy_top_img .easy_top_img_instagram:hover {
filter: url("data:image/svg+xml;utf8,#bright30")
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
.s-promo__stage-number{
display: block;
position: absolute;
color: #75c044;
font-size: 100px;
line-height: 1.2em;
left: 0;
top: 14px;
}
.s-promo__stage-image{
display: block;
}
.s-promo__stage-image img{
max-width: 100%;
margin-left: -20px;
}
.s-promo__stage-name{
color: #ed1c24;
font-size: 35px;
line-height: 1.2em;
margin-top: 21px;
display: block;
}
.s-promo__stage-descr{
font-size: 20px;
line-height: 1.2em;
}
.s-promo__stage-date{
text-shadow: 0px 0px 0px black;
}
.s-promo__stage-status{
text-shadow: 0px 0px 0px black;
margin-top: 16px;
}
.s-promo__stage-status a{
margin-left: 36px;
}
.s-promo__descr{
margin-top: 48px;
clear: both;
}
.green{
color: #59ba4f;
text-shadow: 0px 0px 0px #59ba4f;
}
.blue{
color: #167ac6;
text-shadow: 0px 0px 0px #167ac6;
}
.blue-link{
color: #167ac6;
text-shadow: 0px 0px 0px #167ac6;
text-decoration: none;
}
.blue-link:hover{
text-decoration: underline;
cursor: pointer;
}
.s-promo__modal-title{
font-size: 24px;
line-height: 1.2em;
color: #59ba4f;
margin-bottom: 16px;
}
.s-promo__modal-subtitle{
font-size: 18px;
line-height: 1.2em;
color: #59ba4f;
margin-bottom: 6px;
text-shadow: 0px 0px 0px #59ba4f;
}
.s-promo__modal-text, .s-promo__modal-text p{
font-size: 16px;
line-height: 1.2em;
color: #000000;
margin-bottom: 12px;
text-shadow: 0px 0px 0px black;
}
.s-promo__modal{
padding: 0px 25px 10px;
}
.fancybox-promo-close{
background: none;
top: 5px;
right: 5px;
text-decoration: none;
width: 28px;
height: 28px;
}
.fancybox-promo-close:before{
content: '';
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
display: block;
background: #b3b3b3;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
width: 28px;
height: 2px;
}
.fancybox-promo-close:after{
content: '';
position: absolute;
left: 50%;
top: 0;
margin-left: -1px;
display: block;
background: #b3b3b3;
transform: rotate(45deg);
width: 2px;
height: 28px;
}
.fancybox-promo-close:hover:before,
.fancybox-promo-close:hover:after{
background: #59ba4f;
}
.fancybox-promo-wrap .fancybox-skin{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
@media only screen and (max-width : 1366px) {
.s-promo__big-title{
font-size: 80px;
}
.s-promo__mid-title{
font-size: 54px;
}
}
@media only screen and (max-width : 1239px)
{
p{
font-size: 17px;
}
.s-promo__content{
margin-top: 40px;
}
.s-promo__content_paper{
padding-bottom: 40px;
}
.s-promo__header{
padding-top: 45px;
padding-left: 20px;
padding-right: 20px;
}
.s-promo__big-title{
font-size: 64px;
margin-bottom: 12px;
}
.s-promo__mid-title{
font-size: 45px;
}
.s-promo__title
{
font-size: 24px;
}
.s-promo__info{
margin-top: 32px;
}
.s-promo__info-image{
margin-bottom: 40px;
margin-right: 50px;
}
.s-promo__info-row:first-child p:first-child{
padding-top: 30px;
}
.s-promo__info-row:nth-child(2n+2) .s-promo__info-image{
margin-left: 50px;
}
.s-promo__info p{
margin-bottom: 8px;
}
.s-promo__info p:last-child{
margin-bottom: 40px;
}
.s-promo__descr{
margin-top: 36px;
}
.s-promo__stage-name{
font-size: 28px;
margin-top: 16px;
}
.s-promo__stage-descr{
font-size: 17px;
}
.s-promo__stage-number{
font-size: 75px;
top: 12px;
}
.s-promo__stage{
margin-bottom: 60px;
}
.s-promo__stages{
margin-top: 52px;
}
.s-promo__title_indent-up{
margin-top: 40px;
}
}
@media only screen and (max-width : 991px)
{
.s-promo__stage-name{
font-size: 21px;
}
.s-promo__big-title{
font-size: 50px;
}
.s-promo__mid-title{
font-size: 36px;
}
.s-promo__p-40-mobile{
padding-top: 40px;
}
.s-promo__stage-image img{
margin-left: 0;
}
}
@media only screen and (max-width : 767px)
{
p{
font-size: 15px;
}
.s-promo__content{
margin-top: 30px;
}
.s-promo__content_paper{
padding-bottom: 30px;
}
.s-promo__header{
padding-top: 32px;
}
.s-promo__big-title{
font-size: 40px;
margin-bottom: 10px;
}
.s-promo__mid-title{
font-size: 28px;
}
.s-promo__p-40-mobile{
padding-top: 0;
}
.s-promo__title
{
font-size: 20px;
text-shadow: 0px 0px 0px #59ba4f;
}
.s-promo__info{
margin-top: 24px;
}
.s-promo__info-image{
margin-bottom: 30px;
margin-right: 0;
float: none;
text-align: center;
}
.s-promo__info-row:first-child p:first-child{
padding-top: 0;
}
.s-promo__info-row:nth-child(2n+2) .s-promo__info-image{
float: none;
margin-left: 0;
}
.s-promo__info-row p:first-child{
clear: none;
}
.s-promo__info-row:nth-child(2n+2) p:first-child{
clear: none;
}
.s-promo__info p{
margin-bottom: 6px;
}
.s-promo__info p:last-child{
margin-bottom: 30px !important;
}
.s-promo__descr{
margin-top: 48px;
}
.s-promo__stage-name{
font-size: 28px;
margin-top: 8px;
}
.s-promo__stage-descr{
font-size: 15px;
}
.s-promo__stage-number{
font-size: 64px;
top: 10px;
}
.s-promo__stage{
float: none;
width: auto;
margin-bottom: 52px;
}
.s-promo__stage:nth-child(2n+3){
clear: both;
}
.s-promo__stage:nth-child(2n+1){
padding-right: 0;
}
.s-promo__stage:nth-child(2n+2){
padding-left: 0;
margin-right: 0;
margin-left: 0;
}
.s-promo__stages{
margin-top: 44px;
margin-left: auto;
margin-right: auto;
max-width: 560px;
}
.s-promo__title_indent-up{
margin-top: 36px;
}
.s-promo__modal-title{
font-size: 20px;
margin-bottom: 12px;
}
.s-promo__modal-subtitle{
font-size: 16px;
}
.s-promo__modal-text, .s-promo__modal-text p{
font-size: 15px;
}
.s-promo__modal{
padding: 5px 15px;
}
}
@media only screen and (min-width : 640px)
{
.s-promo__big-img-mobile{
display: none;
}
}
@media only screen and (max-width : 639px)
{
.s-promo__big-img-full{
display: none;
}
}
@media only screen and (max-width : 599px)
{
.s-promo__big-title{
font-size: 32px;
}
.s-promo__mid-title{
font-size: 22px;
}
.s-promo__modal-title{
font-size: 17px;
}
.s-promo__modal-subtitle{
font-size: 15px;
}
.s-promo__modal-text, .s-promo__modal-text p{
font-size: 14px;
}
.s-promo__modal{
padding: 5px 10px;
}
}
@media only screen and (max-width : 479px)
{
.s-promo__content{
margin-top: 24px;
}
.s-promo__content_paper{
padding-bottom: 24px;
}
.s-promo__header{
padding-top: 24px;
}
.s-promo__big-title{
font-size: 27px;
margin-bottom: 8px;
}
.s-promo__mid-title{
font-size: 20px;
}
.s-promo__title
{
font-size: 18px;
}
.s-promo__info{
margin-top: 18px;
}
.s-promo__info-image{
margin-bottom: 24px;
}
.s-promo__info-image img{
max-width: 80%;
}
.s-promo__info p{
margin-bottom: 4px;
}
.s-promo__info p:last-child{
margin-bottom: 24px !important;
}
.s-promo__descr{
margin-top: 24px;
}
.s-promo__stage-name{
font-size: 21px;
margin-top: 4px;
}
.s-promo__stage-number{
font-size: 60px;
top: 5px;
}
.s-promo__stage{
margin-bottom: 44px;
}
.s-promo__stages{
margin-top: 36px;
}
.s-promo__title_indent-up{
margin-top: 32px;
}
.s-promo_p-small-indent{
margin-bottom: 8px;
}
}
@media only screen and (max-width : 360px)
{
.s-promo__stage-name{
font-size: 18px;
}
}
.fancybox-promo-wrap .fancybox-skin{
padding-top: 35px !important;
}
/*
.fancybox-margin{
margin-right: 0px !important;
}
.fancybox-lock{
overflow: auto !important;
}
.fancybox-lock body{
overflow: auto !important;
}
.fancybox-lock .fancybox-overlay{
overflow-y: auto !important;
}
*/
/*easy smoozie*/
.s-promo__big-img-full.easy_top_img {
position:relative;
max-width: 1628px;
margin: 0 auto;
}
.s-promo__big-img-mobile.easy_top_img {
position:relative;
max-width: 640px;
margin: 0 auto;
}
.s-promo__big-img-full.easy_top_img .easy_top_img_instagram {
position:absolute;
top:78.5%;
left:4%;
width:13%;
display:block;
}
.s-promo__big-img-mobile.easy_top_img .easy_top_img_instagram {
position:absolute;
bottom:2%;
left:5%;
width:33%;
display:block;
}
.easy_group {
position:relative;
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width : 639px)
{
.easy-group-full{
display: none;
}
}
@media only screen and (min-width : 640px)
{
.easy-group-mobile{
display: none;
}
}
.block_easy_test {
background: url('/upload/medialibrary/c85/c85ac8ff08a8e24cb589156c24fe1285.jpg') center center no-repeat;
max-width:1180px;
/*display:inline-block;*/
width:100%;
display: inline-block;
vertical-align: middle;
height: 140px;
}
.s-promo__test-row p {
margin:0 0 0 40px;
font-size:24px;
padding-bottom: 30px;
}
.s-promo__test-row .title_test {
font-size: 36px;
font-weight: bold;
padding: 30px 0 5px 0;
}
.button_test_easy {
background: #ffe312; /* Old browsers */
background: -moz-linear-gradient(top, #ffe312 0%, #ffc304 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe312 0%,#ffc304 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe312 0%,#ffc304 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe312', endColorstr='#ffc304',GradientType=0 ); /* IE6-9 */
color:#000;
text-decoration:none;
display: inline-block;
font-size: 24px;
padding: 13px 19px;
border-radius: 5px;
}
.float_block_easy_test70 {
float: left;
width: 70%;
display: inline-block;
vertical-align: middle;
}
.float_block_easy_test30 p {
margin:0;
padding:0;
}
.float_block_easy_test30 {
float:left;
width:30%;
display: inline-block;
vertical-align: middle;
padding-top: 49px;
padding-left: 1%;
}
.s-promo__big-title_easy {
color:#00652e;
font-size:72px;
text-shadow: none;
line-height: 1.2em;
font-weight: bold;
margin: 55px 0px 20px;
}
.wont_easy_title {
font-size:28px;
color:#00652e;
font-family: 'Ubuntu';
}
.group_easy_title {
font-size:36px;
color:#00652e;
margin: 40px 0px 30px!important;
font-family: 'Ubuntu';
}
@media only screen and (max-width : 1366px) {
.s-promo__big-title_easy{
font-size: 58px;
}
}
@media only screen and (max-width : 1239px)
{
.s-promo__big-title_easy{
font-size: 54px;
margin: 45px 0px 20px;
}
}
@media only screen and (max-width : 991px)
{
.s-promo__big-title_easy{
font-size: 44px;
margin: 40px 0px 20px;
}
.time-tradition p {
font-size: 14px;
}
.s-promo__test-row .title_test {
font-size: 30px;
padding-top: 10px;
}
.button_test_easy {
font-size: 20px;
padding: 8px 14px;
font-weight:bold;
}
.s-promo__test-row p {
font-size: 18px;
}
.group_easy_title {
font-size:32px;
}
}
@media only screen and (max-width : 767px)
{
.s-promo__big-title_easy{
font-size: 36px;
margin:35px 0px 15px;
}
.wont_easy_title {
font-size:26px;
}
.s-promo__test-row .title_test {
font-size: 24px;
padding-top: 40px;
}
.s-promo__test-row p {
font-size: 16px;
}
.group_easy_title {
font-size:30px;
}
}
@media only screen and (max-width : 660px)
{
.s-promo__test-row .title_test {
padding-top: 20px;
}
.button_test_easy {
font-size: 16px;
padding: 6px 10px;
font-weight:bold;
}
}
@media only screen and (max-width : 599px)
{
.s-promo__big-title_easy{
font-size: 30px;
margin:30px 0px 10px;
}
.wont_easy_title {
font-size:24px;
}
.group_easy_title {
font-size:26px;
}
}
@media only screen and (max-width : 479px)
{
.s-promo__big-title_easy{
font-size: 30px;
margin:25px 0px 10px;
}
.wont_easy_title {
font-size:22px;
}
.group_easy_title {
font-size:24px;
}
.float_block_easy_test70 {
width: 100%;
text-align:center;
padding:0 3%;
}
.float_block_easy_test70 p {
margin:0px;
padding-bottom:0px;
}
.s-promo__test-row .title_test {
font-size:16px;
margin:0px;
}
.float_block_easy_test30 {
width:100%;
padding: 0px;
text-align: center;
padding:2% 3%;
}
}
.s-promo__title-row {
text-align: center;
}
.step_tradition {
width:11.25%;
float:left;
text-align:center;
}
.step_tradition_12 {
width:12%!important;
}
.step_tradition_arrow {
float:left;
padding:0 2%;
width: 6.5%;
}
.step_tradition_text {
display: inline-block;
vertical-align: middle;
height:45px;
font-size:18px;
}
@media only screen and (max-width : 990px)
{
.step_tradition_text {
font-size:16px;
}
}
@media only screen and (max-width : 640px)
{
.hide_640{
display: none;
}
.steps_tradition {
display: none;
max-width: 645px;
}
.step_tradition, .step_tradition_12 {
width:22%!important;
}
.step_tradition_arrow {
width:8%;
}
.time_easy {
display:none;
}
}
@media only screen and (max-width : 440px)
{
.steps_tradition {
max-width: 440px;
}
.step_tradition, .step_tradition_12 {
width:30%!important;
}
.step_tradition_arrow {
width:11%;
}
}
.step_tradition img, .step_tradition_arrow img {
max-width:100%;
}
.step_tradition_img {
display: inline-block;
margin-bottom: 15px;
}
.steps_tradition {
max-width: 1014px;
position:relative;
}
.easy_group_apple_composition, .easy_group_banana_composition, .easy_group_mango_composition, .easy_group_carrot_composition {
position:absolute;
width:5%;
display:block;
text-decoration:none;
}
.easy-group-mobile .easy_group_apple_composition, .easy-group-mobile .easy_group_banana_composition, .easy-group-mobile .easy_group_mango_composition, .easy-group-mobile .easy_group_carrot_composition {
width:14%!important;
}
.mobile_coord {
display: inline-block;
cursor: pointer;
text-align: left;
}
.easy_group_apple_composition .title_composition, .easy_group_banana_composition .title_composition, .easy_group_mango_composition .title_composition, .easy_group_carrot_composition .title_composition {
font-size:16px;
color:#00652e;
font-weight: bold;
padding-right: 17%;
margin: 0px -10px;
text-align: center;
}
@media only screen and (max-width : 700px)
{
.title_composition {
font-size:14px!important;
}
}
@media only screen and (max-width : 640px)
{
.title_composition {
font-size:20px!important;
padding-right: 29%!important;
}
}
@media only screen and (max-width : 440px)
{
.title_composition {
font-size:16px!important;
padding-right: 25%!important;
}
}
.easy_group_apple_composition {
bottom: 22%;
left: 23.5%;
}
.easy_group_apple_composition.mobile_coord{
bottom: 63%!important;
left: 40.5%!important;
}
.easy_group_banana_composition {
bottom: 36.5%;
right: 20%;
}
.easy_group_banana_composition.mobile_coord{
bottom: 63%!important;
left: 49.5%!important;
}
.easy_group_mango_composition {
bottom: 23%;
left: 20%;
}
.easy_group_mango_composition.mobile_coord{
bottom: 85%!important;
left: 39.5%!important;
}
.easy_group_carrot_composition {
bottom: 7%;
right: 3%;
}
.easy_group_carrot_composition.mobile_coord{
bottom: 56%!important;
left: 46%!important;
}
/*.easy_group_apple_composition:hover {
filter: url("data:image/svg+xml;utf8,#bright30")
-webkit-filter: brightness(1.4);
filter: brightness(1.4);
}*/
.button_test_easy:hover {
filter: url("data:image/svg+xml;utf8,#bright30")
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
.tooltip { /* стиль текста, наведя или нажав на который появится пояснение */
display: inline-block;
cursor:pointer;
text-align: left;
}
.tooltip > span { /* стиль появляющейся подсказки */
position: absolute;
width: -moz-max-content;
width: -webkit-max-content;
width: max-content; /* ширина подсказки может быть не более содержимого */
max-width: 20em; /* ширина подсказки может быть не более 20em */
max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
overflow: auto;
visibility: hidden;
margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
padding: .3em;
font-size: 18px;
color:#000;
background-color: #fff;
line-height: normal;
cursor: auto;
border-radius:6px;
padding:15px 30px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.tooltip.apple > span {
bottom: 50%;
left: 35%;
}
.tooltip.banana > span {
bottom: 50%;
right: 0%;
}
.tooltip.mango > span {
bottom: 50%;
left: 0%;
}
.tooltip.carrot > span {
bottom: 50%;
right: 0%;
}
.tooltip > span > span {
color:#00652e;
font-size: 24px;
}
@media only screen and (max-width : 535px)
{
.tooltip > span {
font-size: 16px;
}
.tooltip > span > span {
font-size: 20px;
}
}
.tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
content: "";
position: absolute;
top: -.4em;
left: 0;
right: 0;
height: .4em;
visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
visibility: visible;
transition: 0s .4s;
}
.tooltip:focus { /* убрать рамку в Хроме */
outline: none;
}
.tooltip.anim > span,
.tooltip.anim:after { /* анимация */
opacity: 0;
transform: translateY(1.5em) scale(.3);
transform-origin: center bottom;
}
.tooltip.anim:after {
transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}
.tooltip.anim:hover > span,
.tooltip.anim:hover:after,
.tooltip.anim:focus > span,
.tooltip.anim:focus:after {
opacity: 1;
transition: .6s .4s;
transform: translateY(0);
}
.close_tooltip {
position:absolute;
background-image:url('/upload/medialibrary/619/619d2f86ec592939565248f29fc37cdf.jpg');
height:20px;
width:20px;
top:5%;
right:3%;
cursor:pointer;
}
.s-promo__group-row img {
max-width: 100%;
}
.time-tradition, .time-tradition-easy {
margin: 20px 0px;
display: inline-block;
width: 100%;
}
.time-tradition-easy {
display:none;
}
/*
@media only screen and (max-width : 645px)
{
.time-tradition-easy {
display:block;
}
}
*/
.time-tradition-img {
float: left;
width: 730px;
background-image: url('/upload/medialibrary/1ad/1ad7644079ea87f8df5466ee1459b989.jpg') ;
height:21px;
background-size: 100%;
}
.time-tradition-img-easy {
float: left;
width: 730px;
background-image: url('/upload/medialibrary/a2d/a2dd07c405e48d0a0b8284caf2a38eec.jpg') ;
height:21px;
background-size: 100%;
}
.time-tradition-img img {
max-width:100%;
}
.time-tradition p , .time_easy p{
margin:0 0 0 1%!important;
display: inline-block;
}
.time_easy {
position: absolute;
width: 100%;
top: 35px;
}
.time_easy_img{
display: inline-block;
float: left;
width: 730px;
background-image:url('/upload/medialibrary/a2d/a2dd07c405e48d0a0b8284caf2a38eec.jpg');
background-position:top right;
background-repeat:repeat-y;
height:21px;
}
@media only screen and (max-width : 995px)
{
.time-tradition-img {
width: 80%;
}
.time-tradition-img-easy {
width: 30%;
}
.time_easy_img {
width: 80%;
}
.time-tradition p , .time_easy p{
font-size:16px;
}
}
@media only screen and (max-width : 833px)
{
.time-tradition-img {
width: 70%;
}
.time-tradition-img-easy {
width: 30%;
}
.time_easy_img {
width: 70%;
}
.time-tradition p , .time_easy p{
font-size:15px;
}
}
@media only screen and (max-width : 395px)
{
.time-tradition-img {
width: 60%;
}
}
/*modal window*/
/* слой затемнения */
.dm-overlay {
position: fixed;
top: 0;
left: 0;
/* background: rgba(0, 0, 0, 0.65);*/
display: none;
overflow: auto;
width: 100%;
height: 100%;
z-index: 1000;
}
/* активируем слой затемнения и модальное окно */
.dm-overlay:target {
display: block;
/* анимация и время задержки */
-webkit-animation: fade .6s;
-moz-animation: fade .6s;
animation: fade .6s;
}
/* блочная таблица */
.dm-table {
display: table;
width: 100%;
height: 100%;
}
/* ячейка блочной таблицы */
.dm-cell {
display: table-cell;
padding: 0 1em;
vertical-align: middle;
text-align: center;
}
/* модальный блок */
.dm-modal h3 {
color: #00652e;
}
.dm-modal {
display: inline-block;
padding: 20px;
/* максимально возможная ширина */
max-width: 50em;
background: #fff;
/* внешняя тень блока */
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
color: #000;
text-align: left;
/* анимация и время задержки */
-webkit-animation: fade .8s;
-moz-animation: fade .8s;
animation: fade .8s;
}
/* анимация при появлении затемнения и блоков с содержанием */
@-moz-keyframes fade {
from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
from { opacity: 0; }
to { opacity: 1 }
}
.close {
z-index: 9999;
float: right;
width: 30px;
height: 30px;
color: #cfd8dc;
text-align: center;
text-decoration: none;
line-height: 26px;
cursor: pointer;
background: url('/upload/medialibrary/619/619d2f86ec592939565248f29fc37cdf.jpg') center center no-repeat;
}
.close:after {
display: block;
/*border: 2px solid #cfd8dc;*/
/*background: url('/upload/medialibrary/619/619d2f86ec592939565248f29fc37cdf.jpg') center center no-repeat;*/
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
/*content: 'X';*/
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
/*.close:hover:after {
border-color: #fff;
color: #fff;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}*/
/* End */
/* Start:/local/templates/sadypridonia/components/bitrix/news.list/promo__20-years_stages/style.css?1750066758150*/
div.news-list
{
word-wrap: break-word;
}
div.news-list img.preview_picture
{
float:left;
margin:0 4px 6px 0;
}
.news-date-time {
color:#486DAA;
}
/* End */
/* /local/templates/sadypridonia/css/style-promo.css?175006675726062 */
/* /local/templates/sadypridonia/components/bitrix/news.list/promo__20-years_stages/style.css?1750066758150 */