.karunlemys-vid{ border-radius: 3px; background-color: rgba(241, 239, 239, 0.96); box-shadow: 0px 2px 1px 1px rgba(195, 192, 192, 0.95); padding: 10px; margin-bottom: 17px; } .karunlemys-title{ border-bottom: solid rgba(204, 204, 204, 0.97) 1px; padding: 0 0 10px 0; margin: 0 0 10px 0; } .karunlemys-title a{ color: rgba(68, 64, 64, 0.95); font-size: 17px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95); } .karunlemys-title a:hover{ color: rgba(63, 89, 183, 0.95); text-decoration: none; } .karunlemys-title span{ font-size: 11px; margin: 7px 0px 0px 3px; display: block; text-shadow: 0 1px 0 rgb(255, 255, 255); } .karunlemys-title span a{ display: inline-block; font-weight: normal; font-size: 12px; } .karunlemys-img-text{ width: 100%; min-height: 100%; } .karunlemys-img{ width: 100%; height: 175px; margin: 0 10px 10px 0; border-radius: 3px; } .karunlemys-img img{width: 99%;height: 165px;object-fit: cover;border: 2px solid rgba(162, 157, 157, 0.97);border-radius: 7px;box-shadow: 0px 1px 18px 9px rgba(8, 8, 8, 0), 1px 1px 16px 0px rgb(236, 232, 232);} .karunlemys-text{ text-align: justify; height: 50px; overflow: hidden; line-height: 135%; color: #504949; } .karunlemys-detali{padding: 10px;margin: 10px 0 0 0;border-radius: 5px;box-shadow: 0px 1px 1px 0px rgba(187, 181, 181, 0.98);border: 1px solid rgba(216, 206, 206, 0.98);font-weight: bold;background: rgb(247, 246, 246);} .karunlemys-1{display: inline-block;font-size: 11px;margin-right: 9px;color: rgba(24, 115, 142, 0.99);font-weight: bold;} .karunlemys-1:last-child{ display: table; float: right; margin: -3px 0 0 0; } .karunlemys-1-l{ margin-right: 5px; } .karunlemys-1-r{ color: #3498db; font-weight: bold; } .karunlemys-2 a{display: block;background-color: rgba(22, 78, 134, 0.9);color: rgba(243, 238, 238, 0.98);padding: 5px 20px;border-radius: 45px;margin: -1px 0px 5px 16px;box-shadow: 0px 1px 1px 1px rgb(22, 52, 80);text-align: center;} .karunlemys-2 a:hover{ background-color: rgba(58, 53, 148, 0.9); text-decoration: none; } @media only screen and (max-width: 690px){ .karunlemys-img, .karunlemys-detali {float: none!important;width: 100%!important;} .karunlemys-detali {margin: 10px 1px 2px -11px;} .karunlemys-1:last-child {display: none;} .karunlemys-1 {display: none;} .karunlemys-img img {width: 98.3%;} .karunlemys-1:last-child {display: table !important; float: none; width:100%; margin: 3px 2px 1px -10px; } } @media only screen and (max-width: 690px){ .karunlemys-2 a{display: block;background-color: rgba(50, 72, 95, 0.9);color: rgba(243, 238, 238, 0.98);padding: 7px 20px;border-radius: 5px;margin: -1px 0px 5px 16px;box-shadow: 0px 1px 1px 1px rgb(22, 52, 80);text-align: center;} } @media screen and (max-width: 1120px) { .block_wid {width:auto !important;margin: 0 0 20px 0 !important;float:none !important;} .karunlemys-vid {width:auto !important;margin: 0 0 20px 0 !important;float:none !important;} } .zornet_ru { white-space: nowrap; overflow: hidden; padding: 5px; background: rgb(241, 239, 239); position: relative; border-bottom: 1px solid rgba(202, 195, 195, 0.93); } .zornet_ru::after { content: ''; position: absolute; right: 0; top: 0; width: 78px; height: 100%; background: -moz-linear-gradient(left, rgb(241, 239, 239), #f1efef 100%); background: -webkit-linear-gradient(left, rgb(241, 239, 239), #f1efef 100%); background: -o-linear-gradient(left, rgb(241, 239, 239), #f1efef 100%); background: -ms-linear-gradient(left, rgb(241, 239, 239), rgb(241, 239, 239) 100%); background: linear-gradient(to right, rgba(241, 239, 239, 0.42), rgb(241, 239, 239) 100%); } .block_wid{width: 98%;float:left;margin: 1px 1px 1px 10px;} .sepia img { -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0, 1.39); -moz-transition: all 1s cubic-bezier(0.25, 0.1, 0, 0.8); -o-transition: all 1s cubic-bezier(0.25, 0.1, 0, 1.35); -ms-transition: all 1s cubic-bezier(0.25, 0.1, 0.1, 0.62); transition: all 1s cubic-bezier(0.25, 0.1, 0, 0.93);} .sepia img:hover { -webkit-filter: sepia(100%);}