body {
background: #f7fbfe;
}
.btn {
border-radius: 8px !important;
}
.table-striped tbody tr:nth-of-type(odd) {
background: rgba(9, 102, 204, 0.1);
}
.table-striped tbody tr:nth-of-type(even) {
background: rgba(230, 239, 249, 0.1);
}
.table td, .table th {
border-top: transparent;
}
.no-bg {
background: none !important;
}
.hexagon {
overflow: hidden;
visibility: hidden;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
cursor: pointer;
}
.hexagon-in1 {
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.hexagon-in2 {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;
visibility: visible;
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.hexagon2 {
width: 100%;
height: 100%;
margin: 0 0 0 20px;
}
/* Собственно сам слайдер */
.slider{
max-width: 90%;
position: relative;
margin: auto;
height: 300px;
margin-bottom: 15px;
}
/* Картинка мастабируется по отношению к родительскому элементу */
.slider .item img {
object-fit: cover;
width: auto;
height: 450px;
border: none !important;
box-shadow: none !important;
margin-top: -60px;
}
/* Кнопки вперед и назад */
.slider .prev, .slider .next {
cursor: pointer;
position: absolute;
top: 0;
top: 38%;
width: auto;
margin-top: 0;
padding: 16px;
color: white;
font-weight: bold;
font-size: 54px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
}
.slider .next {
right: 0;
border-radius: 3px 0 0 3px;
}
.slider .prev:hover,
.slider .next:hover {
opacity: 1 !important;
}
/* Заголовок слайда */
.slideText {
position: absolute;
color: #fff;
font-size: 35px;
/* Выравнивание текста по горизонтали и по вертикали*/
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
/* Тень*/
text-shadow: 1px 1px 1px #000, 0 0 1em #000;
}
/* Кружочки */
.slider-dots {
text-align: center;
display: none;
}
.slider-dots_item{
cursor: pointer;
height: 12px;
width: 12px;
margin: 0 2px;
background-color: #ddd;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.slider-dots_item:hover {
background-color: #aaa;
}
/* Анимация слайдов */
.slider .item {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
.tovar:hover {
background: white !important;
box-shadow: 0 0 10px 5px rgba(9,102,204,0.1);
}
.vkladki .nav-item a {
border-bottom: 7px solid rgba(9, 102, 204, 0.2);
padding-bottom: 20px;
margin-right: 10px;
color:#0966CC;
font-size: 26px;
font-weight: 700;
}
.vkladki .nav-item a.active {
border-bottom: 7px solid rgba(9, 102, 204, 1);
background: none!important;
color: #0966CC!important;
}
.bg-main {
background: linear-gradient(to right, #0a1567, #1481f0);
background-position: top;
background-size: auto;
}
@media (min-width: 600px) {
.bg-main {
background: url(/assets/templates/fish/images/header.png) 0px 0px no-repeat;
background-position: top;
background-size: auto;
}
}
.modal-content {
padding: 20px;
}
.modal-content iframe {
width: 100%;
}
@media (min-width: 1024px) {
.modal-content {
padding: 50px;
}
}
.navbar-dark .navbar-toggler {
color: #fff;
border-color: #fff;
}
.btn-yellow {
background: #fec702;
height: 50px;
width: 220px;
}
.btn-blue {
color: white;
background: linear-gradient(to right, #10308b, #1481f0);
height: 50px;
max-width: 100%;
width: 290px;
}
.btn-blue:hover {
color: white !important;
}
.card-image {
transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.tovar2:hover > .card-image {
transform: scale(1.1);
}
.word-break {
overflow-wrap: normal;
}
.header-block .h1 {
display: block;
margin-bottom: 10px;
}
.header-block .btn-blue {
line-height: 35px;
position: relative;
top: -60px;
background: #fff;
color: #000
}
.slider .prev {
left: -50px !important
}
.slider img {
filter: drop-shadow(0px 0px 30px #bac4e4);
}
.partner-logo {
margin-bottom: 30px;
}
.slider img {
transform: rotate(0deg) scale(1) !important;
}
@media screen and (max-width: 1200px) {
.slider img {
transform: rotate(0deg) scale(0.7) !important;
left: -45px !important;
position: relative;
}
}
#lb_button-call > div {
background: #28A4E3 url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') !important;
background-size: 70% !important;
background-position: center !important;
background-repeat: no-repeat !important;
border-radius: 360px;
transition: 0.2s ease-in-out !important
}
body .lb-widget-button {
background: #28A4E3 url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') !important;
background-size: 70% !important;
background-position: center !important;
background-repeat: no-repeat !important;
border-radius: 360px;
cursor: pointer;
transition: 0.2s ease-in-out !important
}
body .lb-widget-button:hover {
opacity: 0.7 !important
}
body .lb-widget-button * {
display: none !important;
}
#lb_button-call:hover > div {
opacity: 0.7 !important
}
.form-btn {
background: #fec702;
height: 50px;
width: 220px;
transition: 0.5s;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.form-btn:hover {
background: #1481f0 !important;
color: white;
}
.align-items-center .form-btn {
margin: 0 auto;
}
.block-flex {
display: flex;
align-items: center;
gap: 5px;
flex-wrap: wrap;
}
/* Банер каталога */
.banner_catalog img{width: 100%;}