body {
font-family: "HelveticaNeueCyr";
color: #2B2A29;
}
a:focus {
outline: none !important;
}
a,
.btn,
button,
.btn-buy {
cursor: pointer;
transition: 0.3s ease-in;
white-space: nowrap;
outline: none;
}
.btn {
font-size: 16px;
height: 70px;
line-height: 70px;
font-weight: 500;
padding: 0 35px;
text-transform: uppercase;
background: #fff;
color: #00A0E3;
display: inline-flex;
}
.container {
max-width: 1270px;
padding: 0 15px;
width: 100%;
margin: 0 auto;
}
label {
cursor: pointer;
}
.block-title {
font-size: 40px;
line-height: 50px;
font-weight: 500;
text-align: center;
}
.block-subtitle {
font-size: 16px;
line-height: 26px;
text-align: center;
}
.text {
font-size: 16px;
line-height: 26px;
}
.products-box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.woocommerce ul.products {
margin: 0;
}
.mobile-img {
display: none;
}
.mobile-menu-box {
display: none;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: #fff;
z-index: 3;
}
.mobile-menu-box .mobile-menu-header {
border-bottom: 1px solid #808080;
}
.mobile-menu-box .mobile-menu-header .container {
padding: 0 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.mobile-menu-box .mobile-menu-header .container .logo svg {
width: 100px;
height: 25px;
}
.mobile-menu-box .mobile-menu-header .container .close {
display: flex;
height: 100%;
padding: 15px 20px 15px 15px;
border-left: 1px solid #808080;
position: relative;
top: 0;
right: 0;
width: 46px;
flex: 0 0 46px;
}
.mobile-menu-box .mobile-menu-header .container .close svg {
flex: 0 0 24px;
}
.mobile-menu-box .mobile-menu-content .container {
padding: 0;
}
.mobile-menu-box .mobile-menu-content .container .header-menu {
margin: 0;
}
.mobile-menu-box .mobile-menu-content .container .header-menu > .menu-item > a {
font-size: 16px;
line-height: 16px;
font-weight: 500;
text-transform: uppercase;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .menu-item {
cursor: pointer;
border-bottom: 1px solid #808080;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .menu-item.menu-item-has-children {
position: relative;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .menu-item.menu-item-has-children::after {
content: "\f078";
font-family: "Font Awesome 6 Free";
font-weight: 900;
right: 35px;
position: absolute;
top: 10px;
transition: 0.3s;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .menu-item.menu-item-has-children.active::after {
content: "\f077";
}
.mobile-menu-box .mobile-menu-content .container .header-menu .menu-item.menu-item-has-children.active .sub-menu {
display: block;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .menu-item a {
padding: 15px 15px 15px 15px;
display: inline-flex;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .sub-menu {
display: none;
border-top: 1px solid #808080;
margin: 0;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .sub-menu li {
list-style-type: none;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .sub-menu li:last-of-type {
border-bottom: none;
}
.mobile-menu-box .mobile-menu-content .container .header-menu .sub-menu li a {
font-size: 14px;
line-height: 24px;
color: #808080;
text-transform: inherit;
}
.btn-menu {
display: none;
cursor: pointer;
}
form textarea {
resize: none;
}
.header-primary {
position: relative;
}
.header-primary .container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 100%;
padding: 0 35px;
}
.header-primary .container .left-side {
display: flex;
align-items: center;
}
.header-primary .container .left-side .logo svg {
width: 150px;
height: 38px;
}
.header-primary .container .main-menu {
display: flex;
align-items: center;
}
.header-primary .container .main-menu ul {
display: flex;
margin: 0;
}
.header-primary .container .main-menu ul li {
list-style-type: none;
padding: 43px 0; }
.header-primary .container .main-menu ul li.current_page_item > a {
color: #00A0E3;
}
.header-primary .container .main-menu ul li.menu-item-category .submenu {
top: 100%;
}
.header-primary .container .main-menu ul li.menu-item-category .submenu .categories-box {
width: 100%;
padding-bottom: 40px;
flex-wrap: nowrap;
}
.header-primary .container .main-menu ul li.menu-item-category .submenu .categories-box .category-item {
max-width: 190px;
padding: 40px 15px 20px;
}
.header-primary .container .main-menu ul li.menu-item-contacts .submenu {
top: 100%;
}
.header-primary .container .main-menu ul li.menu-item-contacts .submenu .container {
max-width: 1270px;
padding: 25px 15px;
display: flex;
justify-content: flex-start;
}
.header-primary .container .main-menu ul li.menu-item-contacts .submenu .container .link {
font-size: 14px;
line-height: 24px;
}
.header-primary .container .main-menu ul li.menu-item-contacts .submenu .container .link:nth-of-type(1) {
margin-right: 100px;
}
.header-primary .container .main-menu ul li .submenu {
display: none;
position: absolute;
top: 100%;
width: 100%;
left: 0;
justify-content: center;
background: #fff;
z-index: 10;
border-top: 1px solid #808080; }
.header-primary .container .main-menu ul li:hover .submenu {
display: flex;
}
.header-primary .container .main-menu li {
margin: 0 25px;
display: flex;
align-items: center;
}
.header-primary .container .main-menu li > a {
font-size: 16px;
line-height: 1;
color: #2B2A29;
text-transform: uppercase;
font-weight: 500;
}
.header-primary .container .right-side {
display: flex;
align-items: center;
}
.search-box {
display: flex;
align-items: center;
}
.search-box.active { }
.search-box.active .search {
display: flex;
}
.search-box .search {
display: none;
position: absolute;
right: 65px;
z-index: 1;
background: #fff;
width: 250px;
}
.search-box .search .aws-container {
width: 100%;
}
.search-box .search form {
display: flex;
}
.search-box .btn-search {
display: flex;
cursor: pointer;
}
.search-box .btn-close {
display: none;
cursor: pointer;
}
.catalog-slider-box {
position: relative;
}
.catalog-slider-box .slick-arrow {
top: 50%;
border-radius: 50%;
background: #fff;
color: #2B2A29;
position: absolute;
margin-top: -25px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.catalog-slider-box .slick-arrow.slick-prev {
left: 0;
}
.catalog-slider-box .slick-arrow.slick-prev::before {
font-size: 15px;
}
.catalog-slider-box .slick-arrow.slick-next {
right: 0;
}
.catalog-slider-box .slick-arrow.slick-next::before {
font-size: 15px;
}
.slick-slider {
width: 100%;
}
.slick-slider.slick-dotted {
margin-bottom: 0;
}
.slick-slider .slick-list {
width: 100%;
}
.slick-slider .slick-list .slick-track {
width: 100%; }
.first-block .main-slider {
position: relative;
}
.first-block .main-slider .slick-arrow {
top: 50%;
}
.first-block .main-slider .slick-arrow::before {
color: #fff;
font-size: 12px;
}
.first-block .main-slider .slick-arrow.slick-prev {
left: 44px;
}
.first-block .main-slider .slick-arrow.slick-next {
right: 44px;
}
.first-block .main-slider .slick-dots {
display: flex;
width: 100%;
justify-content: center;
bottom: 25px;
}
.first-block .main-slider .slick-dots li {
position: relative;
display: inline-flex;
width: auto;
height: auto;
margin: 0 5px 0 0;
}
.first-block .main-slider .slick-dots li:last-of-type {
margin: 0;
}
.first-block .main-slider .slick-dots li button {
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
}
.first-block .main-slider .slick-dots li button::before {
display: none;
}
.first-block .main-slider .slick-dots li.slick-active button {
border-radius: 0;
width: 25px;
}
.first-block .main-slider .slide {
position: relative;
}
.first-block .main-slider .slide .mobile-img {
display: none;
}
.first-block .main-slider .slide img {
width: 100%;
height: auto;
}
.first-block .main-slider .slide .slide-content-box {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
max-width: 1270px;
padding: 0 15px;
width: 100%;
}
.first-block .main-slider .slide .slide-content-box .block-title {
color: #fff;
margin-bottom: 25px;
text-align: left;
}
.first-block .main-slider .slide .slide-content-box .block-subtitle {
color: #fff;
margin-bottom: 25px;
text-align: left;
text-transform: uppercase;
}
.categories-block .container {
max-width: 790px;
padding: 100px 15px;
}
.categories-block .container .block-title {
margin-bottom: 25px;
text-align: center;
}
.categories-block .container .block-subtitle {
margin-bottom: 25px;
text-align: center;
}
.categories-box {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.categories-box .category-item {
flex: 1 1 25%;
max-width: 25%;
padding: 44px 14px;
border: 1px solid #808080;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 190px;
}
.categories-box .category-item .ico {
height: 51px;
margin-bottom: 25px;
}
.categories-box .category-item .name {
font-size: 14px;
line-height: 24px;
white-space: normal;
text-align: center;
min-height: 48px;
}
.program-block {
background-image: url(//came.com.ua/wp-content/themes/oceanwp-child/img/bg-home1.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.program-block .container {
padding: 139px 15px;
}
.program-block .container .block-title {
text-align: left;
color: #fff;
margin-bottom: 25px;
}
.program-block .container .block-subtitle {
text-align: left;
color: #fff;
margin-bottom: 25px;
max-width: 660px;
}
.connect-block {
background-image: url(//came.com.ua/wp-content/themes/oceanwp-child/img/bg-home2.webp);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
.connect-block .container {
padding: 176px 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.connect-block .container .block-subtitle {
color: #fff;
margin-bottom: 25px;
}
.connect-block .container .block-subtitle p {
margin: 0;
}
.connect-block .container .btn {
color: #00A0E3;
margin-bottom: 25px;
}
.links-block {
background: #2B2A29;
}
.links-block .container {
display: flex;
justify-content: center;
padding: 34px 15px;
}
.links-block .container .link {
display: flex;
align-items: center;
}
.links-block .container .link:nth-of-type(1) {
margin-right: 95px;
}
.links-block .container .link:nth-of-type(1) .ico {
background-image: url(//came.com.ua/wp-content/themes/oceanwp-child/img/settings.svg);
}
.links-block .container .link:nth-of-type(2) .ico {
background-image: url(//came.com.ua/wp-content/themes/oceanwp-child/img/mail.svg);
}
.links-block .container .link .ico {
margin-right: 10px;
width: 35px;
height: 35px;
flex: 0 0 35px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
}
.links-block .container .link .text {
color: #fff;
text-transform: uppercase;
}
.header-block {
position: relative;
}
.header-block .container {
position: absolute;
display: block;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.header-block .container .page-title {
color: #fff;
font-weight: 400;
margin-bottom: 25px;
font-size: 40px;
line-height: 50px;
}
.header-block .container .text {
color: #fff;
} .aboutus-block .container {
padding: 100px 15px;
}
.aboutus-block .container .row-item {
display: flex;
}
.aboutus-block .container .row-item p {
margin-bottom: 25px;
font-size: 16px;
line-height: 26px;
}
.aboutus-block .container .row-item p:last-of-type {
margin-bottom: 0;
}
.aboutus-block .container .row-item .block-title {
margin-bottom: 25px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
}
.aboutus-block .container .row-item.first-row {
margin-bottom: 100px;
}
.aboutus-block .container .row-item.first-row .left-side {
margin-right: 30px;
flex: 1 1 520px;
}
.aboutus-block .container .row-item.first-row .right-side {
flex: 1 1 620px;
display: flex;
align-items: flex-start;
justify-content: center;
}
.aboutus-block .container .row-item.first-row .right-side img {
width: 100%;
height: auto;
}
.aboutus-block .container .row-item.second-row .left-side {
margin-right: 30px;
flex: 1 1 567px;
display: flex;
align-items: flex-start;
justify-content: center;
}
.aboutus-block .container .row-item.second-row .left-side img {
width: 100%;
}
.aboutus-block .container .row-item.second-row .right-side {
flex: 1 1 574px;
}
.world-block {
background: linear-gradient(180deg, #3A85A7 0%, #18A7DF 100%);
}
.world-block .container {
padding: 100px 15px;
}
.world-block .container .block-title {
font-weight: 400;
margin-bottom: 25px;
}
.world-block .container .text {
text-align: center;
color: #fff;
margin-bottom: 25px;
}
.world-block .container .names-box {
display: flex;
align-items: center;
justify-content: center;
height: 90px;
margin-bottom: 50px;
}
.world-block .container .names-box img {
height: 90px;
width: auto;
max-width: 1900px;
}
.world-block .container .numbers-box {
display: flex;
justify-content: space-between;
}
.world-block .container .numbers-box .number-item {
flex: 0 0 120px;
display: flex;
flex-direction: column;
align-items: center;
}
.world-block .container .numbers-box .number-item .number {
background-image: url(//came.com.ua/wp-content/themes/oceanwp-child/img/ellipse.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
line-height: 42px;
font-weight: 500;
margin-bottom: 15px;
}
.world-block .container .numbers-box .number-item .label-text {
color: #fff;
text-transform: uppercase;
font-size: 16px;
line-height: 24px;
white-space: normal;
text-align: center;
}
.video-block .container {
padding: 100px 15px;
} .production-page-content .header-block .container .page-title {
margin-bottom: 0;
text-align: center;
}
.production-page-content .categories-block .block-title {
font-weight: 400;
}
.production-page-content .categories-block .block-subtitle {
color: #808080;
}
.production-page-content .industry-block {
background: #F3F3F3;
}
.production-page-content .industry-block .container {
padding: 100px 15px 50px;
}
.production-page-content .industry-block .container .block-title {
font-weight: 400;
margin-bottom: 50px;
}
.production-page-content .industry-block .container .industry-box {
padding-bottom: 50px;
}
.production-page-content .industry-block .container .industry-box .points-box {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 15px;
align-items: center;
}
.production-page-content .industry-block .container .industry-box .points-box .fill {
position: absolute;
height: 2px;
background: #BFBFBF;
top: 50%;
margin-top: -1px;
width: 100%;
}
.production-page-content .industry-block .container .industry-box .points-box .fill.active-fill {
background: #00A0E3;
max-width: 0;
}
.production-page-content .industry-block .container .industry-box .points-box::before { }
.production-page-content .industry-block .container .industry-box .points-box .item {
flex: 0 0 15px;
background: #BFBFBF;
width: 15px;
height: 15px;
border-radius: 50%;
z-index: 1;
position: relative;
cursor: pointer;
}
.production-page-content .industry-block .container .industry-box .points-box .item.active {
background: #00A0E3;
display: flex;
align-items: center;
justify-content: center;
}
.production-page-content .industry-block .container .industry-box .points-box .item.active::before {
content: "";
display: flex;
width: 13px;
height: 13px;
flex: 0 0 13px;
background: #00A0E3;
border-radius: 50%;
}
.production-page-content .industry-block .container .industry-box .points-box .item.current {
border: 2px solid #00A0E3;
background: #F3F3F3;
height: 25px;
width: 25px;
flex: 0 0 25px;
}
.production-page-content .industry-block .container .industry-box .points-box .item .text {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
max-width: 90px;
font-size: 11px;
line-height: 11px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
}
.production-page-content .slider-box {
padding: 0 15px 100px;
background: #F3F3F3;
}
.production-page-content .slider-box .industry-slider {
max-width: 1270px;
width: 100%;
margin: 0 auto;
}
.production-page-content .slider-box .industry-slider .slide {
display: flex;
}
.production-page-content .slider-box .industry-slider .slide .left-side {
max-width: 445px;
background: #fff;
padding: 25px;
}
.production-page-content .slider-box .industry-slider .slide .left-side .industry-name {
font-size: 16px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 25px;
}
.production-page-content .slider-box .industry-slider .slide .left-side .industry-info {
font-size: 22px;
line-height: 28px;
color: #00A0E3;
margin-bottom: 15px;
}
.production-page-content .slider-box .industry-slider .slide .left-side .industry-text {
font-size: 16px;
line-height: 22px;
color: #808080;
}
.production-page-content .slider-box .industry-slider .slide .left-side .industry-text p {
margin-bottom: 0;
}
.production-page-content .slider-box .industry-slider .slide .right-side {
flex: 1 1 auto;
display: flex;
justify-content: center;
} .catalog-block {
background: #00A0E3;
}
.catalog-block .container {
padding: 50px 15px 100px;
max-width: 1320px;
}
.catalog-block .container .row-item {
margin-bottom: 100px;
}
.catalog-block .container .row-item:last-of-type {
margin-bottom: 0;
}
.catalog-block .container .row-item .box-title {
color: #fff;
font-size: 22px;
line-height: 32px;
margin-bottom: 25px;
text-align: center;
text-transform: uppercase;
}
.catalog-block .container .row-item .catalog-slider-box {
padding: 0 25px;
}
.catalog-block .container .row-item .catalog-slider {
display: flex;
}
.catalog-block .container .row-item .catalog-slider .slide {
padding: 0 1.5px;
flex: 1 1 25%;
max-width: 25%;
width: 25%;
height: 200px;
}
.catalog-block .container .row-item .catalog-slider .slide .download-item {
padding: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
background: #fff;
}
.catalog-block .container .row-item .catalog-slider .slide .download-item .text {
white-space: normal;
text-transform: uppercase;
color: #00A0E3;
text-align: center;
margin-bottom: 18px;
}
.catalog-block .container .row-item .catalog-slider .slide .download-item .btn-download {
width: 55px;
height: 55px;
flex: 0 0 55px;
background: #00A0E3;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.catalog-block .container .row-item .catalog-slider .slide .download-item .btn-download i {
color: #fff;
}
.catalog-block .container .row-item.third-row {
text-align: center;
}
.catalog-block .container .row-item.fourth-row {
text-align: center;
} .blog-page-content .header-block {
background: #00A0E3;
width: 100%;
height: 25vw;
}
.blog-page-content .header-block .container .text {
text-align: center;
margin-bottom: 25px;
}
.blog-page-content .header-block .container .page-title {
text-align: center;
margin: 0;
}
.blog-page-content .archive-block::before {
content: "";
position: absolute;
background: #00A0E3;
height: 50px;
width: 100%;
z-index: -1;
}
.blog-page-content .archive-block .container {
padding: 0 15px 75px;
max-width: 1205px;
}
.blog-page-content .archive-block .container .posts-box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 25px 25px;
}
.blog-page-content .archive-block .container .posts-box .post {
flex: 0 1 calc((100% - 75px) / 4);
}
.blog-page-content .archive-block .container .posts-box .post .thumbnail {
display: flex;
margin-bottom: 15px;
overflow: hidden;
height: 270px;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-repeat: no-repeat;
}
.blog-page-content .archive-block .container .posts-box .post .thumbnail img {
width: auto;
height: 100%;
}
.blog-page-content .archive-block .container .posts-box .post .date {
color: #808080;
margin-bottom: 15px;
font-size: 12px;
line-height: 12px;
}
.blog-page-content .archive-block .container .posts-box .post .post-name {
white-space: normal;
display: flex;
font-size: 14px;
line-height: 22px;
color: #2B2A29;
margin-bottom: 25px;
}
.blog-page-content .archive-block .container .posts-box .post .excerpt {
white-space: normal;
color: #00A0E3;
font-size: 12px;
line-height: 20px;
}
.blog-page-content .archive-block .container .posts-box .post .excerpt p {
white-space: normal;
} .post-page-content .container {
padding: 100px 15px;
max-width: 1200px;
}
.post-page-content .container article .post-categories {
display: flex;
margin-bottom: 25px;
}
.post-page-content .container article .post-categories a {
font-size: 16px;
line-height: 26px;
font-weight: 700;
color: #00A0E3;
margin-right: 10px;
text-transform: uppercase;
}
.post-page-content .container article .post-title {
font-size: 40px;
line-height: 50px;
font-weight: 400;
margin-bottom: 50px;
}
.post-page-content .container article .thumbnail {
margin: 0 0 25px;
max-width: 100%;
width: 100%;
padding: 0;
}
.post-page-content .container article .thumbnail img {
width: 100%;
height: auto;
}
.post-page-content .container article .date {
font-size: 16px;
line-height: 26px;
margin-bottom: 50px;
}
.post-page-content .container article .entry-content h1, .post-page-content .container article .entry-content h2, .post-page-content .container article .entry-content h3, .post-page-content .container article .entry-content h4, .post-page-content .container article .entry-content h5, .post-page-content .container article .entry-content h6 {
text-transform: uppercase;
color: #00A0E3;
margin: 0 0 40px;
padding: 0;
font-weight: 400;
font-size: 16px;
line-height: 26px;
max-width: 100%;
}
.post-page-content .container article .entry-content p {
margin: 0 0 40px;
max-width: 100%;
font-size: 16px;
line-height: 26px;
padding: 0;
}
.post-page-content .container article .entry-content p.under {
color: #00A0E3;
}
.post-page-content .container article .entry-content p.under a {
text-decoration: underline;
}
.post-page-content .container article .entry-content .wp-block-image {
margin: 0 auto 40px;
}
.post-page-content .container article .entry-content a {
color: #00A0E3;
text-decoration: none;
} .shop-page .header-block .text {
margin-bottom: 25px;
text-align: center;
}
.shop-page .header-block .page-title {
margin-bottom: 0;
text-align: center;
}
.shop-block .container {
display: flex;
padding: 100px 15px;
}
.shop-block .container .left-side {
flex: 0 0 303px;
margin-right: 25px;
}
.shop-block .container .left-side .product-categories li {
margin-bottom: 15px;
}
.shop-block .container .left-side .product-categories li.active a {
color: #00A0E3;
text-decoration: underline;
}
.shop-block .container .left-side .product-categories li a {
font-size: 16px;
line-height: 26px;
font-weight: 500;
text-transform: uppercase;
}
.shop-block .container .right-side {
flex: 1 1 auto;
}
.shop-block .container .right-side .products {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 15px 15px;
}
.products-box {
display: flex;
flex-wrap: wrap;
}
.products-box .product {
position: relative;
flex: 0 1 calc((100% - 30px) / 3);
border: 1px solid #808080;
padding: 30px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: 0.3s ease;
}
.products-box .product::after {
content: "";
display: none;
height: 6px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #00A0E3;
z-index: 1;
}
.products-box .product:hover {
color: #2B2A29;
}
.products-box .product:hover::after {
display: block;
}
.products-box .product:hover .product-name {
color: #2B2A29;
}
.products-box .product:hover .description {
color: #2B2A29;
}
.products-box .product .product-label {
position: absolute;
width: 50px;
height: 50px;
left: 15px;
top: 15px;
background: #00A0E3;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
border-radius: 50%;
}
.products-box .product .thumbnail-box {
height: 140px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.products-box .product .thumbnail-box .attachment-woocommerce_thumbnail {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.products-box .product .product-name {
white-space: normal;
margin-bottom: 15px;
font-size: 16px;
line-height: 26px;
font-weight: 700;
}
.products-box .product .description {
white-space: normal;
font-size: 14px;
line-height: 24px;
margin-bottom: 15px;
min-height: 95px;
}
.sign {
display: flex;
justify-content: center;
}
.sign li {
margin: 0 5px;
} .single-product .top-part {
background: #F5F5F5;
}
.single-product .top-part .container {
padding: 90px 15px;
display: flex;
align-items: center;
}
.single-product .top-part .container .left-side {
flex: 1 1 522px;
margin-right: 40px;
}
.single-product .top-part .container .left-side img {
width: 100%;
height: auto;
max-width: 520px;
}
.single-product .top-part .container .right-side {
flex: 1 1 600px;
max-width: 600px;
}
.single-product .top-part .container .right-side .product-name {
font-size: 40px;
line-height: 50px;
font-weight: 700;
margin-bottom: 25px;
}
.single-product .top-part .container .right-side .description {
font-size: 16px;
line-height: 26px;
margin-bottom: 25px;
}
.single-product .top-part .container .right-side .short-description {
font-size: 16px;
line-height: 26px;
margin-bottom: 25px;
color: #808080;
}
.single-product .top-part .container .right-side .sign {
margin-bottom: 50px;
justify-content: flex-start;
}
.single-product .top-part .container .right-side .btn-info {
background: #00A0E3;
color: #fff;
}
.single-product .table {
border: 1px solid #808080;
margin-bottom: 25px;
}
.single-product .table .table-row:nth-of-type(odd) {
background: #F3F3F3;
}
.single-product .table .table-row:nth-of-type(1) .cell-left {
text-transform: uppercase;
}
.single-product .table .table-row:nth-of-type(1) .cell-right {
color: #00A0E3;
font-weight: 500;
}
.single-product .table .table-row .cell {
width: 50%;
border-bottom: 1px solid #808080;
}
.single-product .table .table-row .cell.cell-left {
width: 50%;
border-right: 1px solid #808080;
}
.single-product .table .table-row .cell.cell-right {
width: 50%;
text-align: center;
}
.single-product .characteristics-block .accordion-item:not(.accordion-item-show) .accordion-body {
display: none;
}
.single-product .characteristics-block .container {
padding: 100px 15px;
}
.single-product .characteristics-block .container .tab-box:not(.active) .panel {
display: none;
}
.single-product .characteristics-block .container .tab {
padding: 25px 0;
border: 1px solid #808080;
margin: 50px 0 25px;
cursor: pointer;
}
.single-product .characteristics-block .container .block-title {
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
}
.single-product .characteristics-block .container .main-characteristics-box .block-title {
margin-bottom: 50px;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slick-arrow {
top: 50%;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slick-arrow::before {
font-size: 12px;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slick-arrow.slick-prev {
left: 0;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slick-arrow.slick-next {
right: 0;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slide {
padding: 0 48px;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slide .list {
display: flex;
flex-wrap: wrap;
gap: 50px 20px;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slide .list li {
flex: 0 1 calc((100% - 20px) / 2);
font-size: 16px;
line-height: 26px;
}
.single-product .characteristics-block .container .sizes-gallery-box {
border: 1px solid #808080;
padding: 40px 0 40px;
display: flex;
justify-content: center;
}
.single-product .characteristics-block .container .sizes-gallery-box .sizes-gallery {
max-width: 840px;
}
.single-product .characteristics-block .container .sizes-gallery-box .sizes-gallery .slick-dots {
display: flex;
justify-content: center;
align-items: center;
bottom: -10px;
}
.single-product .characteristics-block .container .sizes-gallery-box .sizes-gallery .slick-dots li {
position: relative;
display: inline-flex;
width: auto;
height: auto;
margin: 0 5px 0 0;
}
.single-product .characteristics-block .container .sizes-gallery-box .sizes-gallery .slick-dots li:last-of-type {
margin: 0;
}
.single-product .characteristics-block .container .sizes-gallery-box .sizes-gallery .slick-dots li button {
width: 20px;
height: 5px;
border-radius: 0;
background: #00A0E3;
padding: 0;
}
.single-product .characteristics-block .container .sizes-gallery-box .sizes-gallery .slick-dots li button::before {
display: none;
}
.single-product .characteristics-block .container .sizes-gallery-box .sizes-gallery .slick-dots li.slick-active button {
width: 15px;
height: 15px;
border-radius: 50%;
}
.single-product .characteristics-block .container .sizes-gallery-box .sizes-gallery .slide img {
width: 100%;
}
.single-product .assortment-block {
background: #F5F5F5;
}
.single-product .assortment-block .container {
padding: 50px 15px;
}
.single-product .assortment-block .container .block-title {
font-size: 16px;
line-height: 26px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 50px;
}
.single-product .assortment-block .container .assortment-product-box .box-title {
line-height: 50px;
background: #00A0E3;
color: #fff;
padding-left: 12px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product {
background: #fff;
border-bottom: 1px solid #808080;
display: flex;
padding: 25px 15px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .thumbnail-box {
flex: 0 0 100px;
margin-right: 50px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .thumbnail-box .thumbnail {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 0;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .thumbnail-box .thumbnail img {
width: 100%;
height: auto;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .product-info-box {
display: flex;
justify-content: space-between;
flex-direction: column;
margin-right: 50px;
flex: 1 1 auto;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .product-info-box .top-part {
max-width: 800px;
background: #fff;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .product-info-box .top-part .product-name {
font-size: 14px;
line-height: 24px;
font-weight: 700;
margin-bottom: 5px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .product-info-box .top-part .product-description {
font-size: 12px;
line-height: 22px;
margin-bottom: 5px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .product-info-box .link-download {
font-size: 12px;
line-height: 22px;
color: #00A0E3;
text-decoration: underline;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .sign {
align-items: center;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .sign li {
flex: 0 0 35px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .sign li img {
width: 35px;
height: 35px;
}
.single-product .catalog-block {
margin-top: 100px;
}
.single-product .catalog-block .container {
padding: 100px 15px;
}
.single-product .catalog-block .container .block-title {
margin-bottom: 50px;
font-size: 16px;
line-height: 26px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
}
.single-product .catalog-block .container .row-item {
display: flex;
flex-direction: column;
align-items: center;
}
.single-product .catalog-block .container .row-item .catalog-slider .slide {
flex: 0 0 320px;
width: 320px;
max-width: 320px;
margin-bottom: 50px;
}
.single-product .catalog-block .container .text {
color: #fff;
margin-bottom: 25px;
}
.single-product .related-block .container {
padding: 100px 15px;
}
.single-product .related-block .container .block-title {
font-size: 16px;
line-height: 26px;
margin-bottom: 50px;
text-transform: uppercase;
font-weight: 400;
}
.single-product .related-block .container .products-box {
gap: 0 15px;
}
.single-product .related-block .container .products-box.slider-box {
display: none;
}
.single-product .related-block .container .products-box.slider-box .slick-track {
display: flex;
}
.single-product .related-block .container .products-box.slider-box .product {
height: auto;
}
.single-product .related-block .container .products-box .product {
flex: 0 1 calc((100% - 45px) / 4);
}
.single-product .related-block .container .products-box .product .top-part {
background: #fff;
} .contacts-links-block {
border-top: 1px solid #808080;
}
.contacts-links-block .container {
padding: 25px 15px;
display: flex;
}
.contacts-links-block .container .link {
font-size: 14px;
line-height: 26px;
}
.contacts-links-block .container .link:nth-of-type(1) {
margin-right: 100px;
}
.contacts-links-block .container .link.active {
color: #00A0E3;
}
.contacts-page-content .header-block .container {
text-align: center;
}
.contacts-page-content .header-block .container .page-title {
margin-bottom: 0;
font-weight: 400;
}
.contacts-page-content .map-block .container {
padding: 50px 15px 100px;
}
.contacts-page-content .destribuers-block .container {
padding: 0 15px 100px;
}
.contacts-page-content .destribuers-block .container table {
margin: 0;
}
.contacts-page-content .destribuers-block .container table tr {
padding-right: 40px;
}
.contacts-page-content .destribuers-block .container table tr th {
text-transform: inherit;
font-size: 20px;
line-height: 24px;
font-weight: 500;
}
.contacts-page-content .destribuers-block .container table tr th:nth-of-type(1) {
text-align: left;
}
.contacts-page-content .destribuers-block .container table tr th:nth-of-type(2) {
text-align: center;
}
.contacts-page-content .destribuers-block .container table tr th:nth-of-type(3) {
text-align: center;
}
.contacts-page-content .destribuers-block .container table tr th:nth-of-type(4) {
text-align: right;
}
.contacts-page-content .destribuers-block .container table tr td {
font-size: 16px;
line-height: 24px;
}
.contacts-page-content .destribuers-block .container table tr td a {
color: #00A0E3;
text-decoration: underline;
}
.contacts-page-content .destribuers-block .container table tr td .text:last-of-type {
margin-bottom: 0;
}
.contacts-page-content .destribuers-block .container table tr td:nth-of-type(1) {
text-align: left;
}
.contacts-page-content .destribuers-block .container table tr td:nth-of-type(2) {
text-align: center;
}
.contacts-page-content .destribuers-block .container table tr td:nth-of-type(3) {
text-align: center;
}
.contacts-page-content .destribuers-block .container table tr td:nth-of-type(4) {
text-align: right;
}
.form-block .container {
padding: 0 15px 100px;
}
.form-block .container .box-title {
font-size: 32px;
line-height: 42px;
font-weight: 500;
margin-bottom: 15px;
}
.form-block .container .box-subtitle {
margin-bottom: 50px;
font-size: 20px;
line-height: 30px;
}
.form-block .container .form-box {
display: flex;
justify-content: flex-end;
}
.form-block .container .form-box > .wpcf7 {
justify-content: flex-end;
display: flex;
width: 100%;
}
.form-block .container .form-box form {
max-width: 985px;
flex: 1 1 auto;
align-items: flex-end;
display: flex;
flex-direction: column;
}
.form-block .container .note-text {
font-size: 16px;
line-height: 30px;
margin-top: 25px;
}
.form-block .container .note-text span {
color: red;
} .contacts-page-content .contacts-block .container {
padding: 100px 15px;
}
.contacts-page-content .contacts-block .container .company-name {
margin-bottom: 25px;
}
.contacts-page-content .contacts-block .container .company-name p {
font-size: 24px;
line-height: 34px;
margin-bottom: 0;
}
.contacts-page-content .contacts-block .container .address-box {
display: flex;
margin-bottom: 25px;
}
.contacts-page-content .contacts-block .container .address-box .text {
font-size: 16px;
line-height: 26px;
}
.contacts-page-content .contacts-block .container .address-box .left-side {
margin-right: 110px;
}
.contacts-page-content .contacts-block .container .address-box .right-side .text-box {
display: flex;
}
.contacts-page-content .contacts-block .container .address-box .right-side .text-box .name {
margin-right: 10px;
flex: 0 0 43px;
white-space: nowrap;
}
.contacts-page-content .contacts-block .container .address-box .right-side .text-box .value {
white-space: nowrap;
}
.contacts-page-content .contacts-block .container .support-box .text {
display: flex;
font-size: 16px;
line-height: 26px;
}
.contacts-page-content .contacts-block .container .support-box .text:nth-of-type(1) .email {
margin-left: 5px;
}
.contacts-page-content .contacts-block .container .support-box span {
color: red;
margin-right: 10px;
font-weight: 700;
}   .modal-box {
display: none;
position: fixed;
z-index: 15;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
justify-content: center;
align-items: center;
}
.modal {
display: none;
background-color: #fff;
position: relative;
z-index: 16;
border-radius: 5px;
padding: 35px 25px;
}
.modal .modal-header {
padding: 0 20px;
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
}
.modal .form-item input {
padding: 10px 0;
border: none;
font-size: 16px;
line-height: 22px;
border-bottom: 1px solid #B9B9B9;
}
.close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
transition: 0.3s ease;
width: 24px;
height: 24px;
background-image: url(//came.com.ua/wp-content/themes/oceanwp-child/css/img/x.svg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
}
.close:hover, .close:focus {
opacity: 0.8;
}
.modal .buttons-box {
justify-content: space-between;
display: flex;
align-items: center;
border-bottom: 1px solid #B9B9B9;
}
.modal .form-item {
margin-bottom: 10px;
display: flex;
flex-direction: column;
position: relative;
}
.modal .form-item .error {
font-size: 12px;
color: #f44336;
bottom: 0;
left: 0;
} .form-item-row {
display: flex;
flex-wrap: nowrap;
}
.form-item-row .form-item {
flex: 1 1 46%;
}
.form-item-row .form-item:nth-of-type(1) {
margin-right: 8%;
}
.form-item {
display: flex;
margin-bottom: 15px;
align-items: flex-start;
width: 100%;
}
.form-item .wpcf7-form-control-wrap {
position: relative;
flex: 1 1 auto;
}
.form-item .text {
margin-top: 10px;
margin-right: 25px;
font-size: 16px;
flex: 0 0 286px;
text-align: right;
}
.form-item .text span {
color: red;
}
.form-item input {
height: 50px;
border: 1px solid #808080;
}
.form-item textarea {
height: 50px;
border: 1px solid #808080;
border-radius: 0;
width: 100%;
max-width: 675px;
}
form .wpcf7-submit {
width: 100%;
background: #00A0E3;
max-width: 675px;
height: 50px;
line-height: 50px;
padding: 0;
font-size: 20px;
color: #fff;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 1px;
font-family: "HelveticaNeueCyr";
}
.form-item label {
font-size: 16px;
line-height: 22px;
margin: 0;
display: flex;
flex-direction: column;
}
.form-item input:not(.wpcf7-submit) {
border-radius: 0;
border: none;
border: 1px solid #808080;
line-height: 1;
width: 100%;
max-width: 675px;
}
.policy-text {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.policy-text .text {
display: flex;
align-items: center;
display: inline;
}
.policy-text .text a {
color: #00A0E3;
text-decoration: underline;
margin: 0 5px;
}
.policy-text input[type=checkbox] {
width: 30px;
height: 30px;
flex: 0 0 30px;
border: 1px solid #808080;
border-radius: 0;
margin: 0 15px 0 0;
display: flex;
align-items: center;
justify-content: center;
} footer {
background: url(//came.com.ua/wp-content/themes/oceanwp-child/img/bg-footer.webp) no-repeat center center/auto 100%, linear-gradient(90deg, #00435A 0%, #00374B 43%, #000304 100%);
color: #fff;
}
footer .footer-inner .container {
display: flex;
justify-content: space-between;
padding: 50px 50px 30px;
max-width: 100%;
font-size: 14px;
line-height: 24px;
}
footer .footer-inner .container .box-title {
margin-bottom: 15px;
color: #808080;
}
footer .footer-inner .container .footer-menu {
margin: 0;
}
footer .footer-inner .container .footer-menu .menu-item {
list-style-type: none;
margin-bottom: 15px;
}
footer .footer-inner .container .footer-menu .menu-item a {
text-transform: uppercase;
color: #fff;
}
footer .footer-inner .container .left-side {
display: flex;
}
footer .footer-inner .container .left-side .column.first-column {
margin-right: 50px;
}
footer .footer-inner .container .right-side {
flex: 0 0 282px;
}
footer .copyrating .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 50px 25px;
max-width: 100%;
}
footer .copyrating .container .left-side .text {
color: #808080;
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
footer .copyrating .container .social-box {
flex: 0 0 282px;
display: flex;
align-items: center;
}
footer .copyrating .container .social-box .social-item {
margin-right: 25px;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 1366px) {
.first-block .main-slider .slide .slide-content-box {
padding: 0 50px;
}
.first-block .main-slider .slick-arrow.slick-prev {
left: 20px;
}
.first-block .main-slider .slick-arrow.slick-next {
right: 20px;
}
}
@media (max-width: 1200px) {
.categories-block .container,
.program-block .container,
.aboutus-block .container,
.world-block .container,
.video-block .container,
.shop-page .shop-block .container,
.single-product .top-part .container,
.single-product .characteristics-block .container,
.single-product .related-block .container,
.contacts-page-content .contacts-block .container {
padding: 70px 15px;
}
.single-product .catalog-block {
margin-top: 70px;
}
.production-page-content .industry-block .container {
padding: 70px 15px 40px;
}
.catalog-block .container .row-item {
margin-bottom: 70px;
}
.production-page-content .slider-box {
padding: 0 15px 70px;
}
.aboutus-block .container .row-item.first-row {
margin-bottom: 70px;
}
.connect-block .container {
padding: 120px 15px;
}
.catalog-block .container {
padding: 50px 15px 70px;
}
.production-page-content .industry-block .container .block-title {
margin-bottom: 0;
}
.btn {
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 30px;
}
.block-title {
font-size: 26px;
line-height: 36px;
}
.header-block .container .page-title,
.post-page-content .container article .post-title {
font-size: 26px;
line-height: 36px;
}
.single-product .top-part .container .right-side .product-name {
font-size: 26px;
line-height: 36px;
}
.header-primary .container {
padding: 0 15px;
}
.header-primary .container .left-side .logo svg {
width: 150px;
height: 38px;
}
.header-primary .container .main-menu ul li {
padding: 30px 0;
}
.header-primary .container .main-menu ul li.menu-item-category .submenu {
top: 72px;
}
.header-primary .container .main-menu ul li.menu-item-category .submenu .categories-box {
width: 100%;
padding-bottom: 40px;
}
.header-primary .container .main-menu ul li.menu-item-category .submenu .categories-box .category-item {
max-width: 190px;
padding: 40px 15px 20px;
}
.header-primary .container .main-menu ul li.menu-item-contacts .submenu {
top: 72px;
}
.header-primary .container .main-menu ul li.menu-item-contacts .submenu .container .link:nth-of-type(1) {
margin-right: 100px;
}
.header-primary .container .main-menu ul li .submenu {
top: 72px;
}
.header-primary .container .main-menu li {
margin: 0 15px;
}
.header-primary .container .main-menu li > a {
font-size: 14px;
}
.aboutus-block .container .row-item {
align-items: center;
}
.world-block .container .names-box img,
.world-block .container .names-box {
height: 75px;
}
.world-block .container .numbers-box .number-item .label-text {
font-size: 14px;
}
.blog-page-content .archive-block .container .posts-box .post {
flex: 0 1 calc((100% - 50px) / 3);
}
.post-page-content .container {
padding: 70px 15px;
}
.shop-page .shop-block .container .left-side .product-categories li a {
font-size: 14px;
line-height: 24px;
}
.shop-page .shop-block .container .left-side {
flex: 0 0 270px;
margin-right: 25px;
}
.contacts-page-content .map-block .container {
padding: 50px 15px 50px;
}
.contacts-page-content .destribuers-block .container {
padding: 0 15px 70px;
}
.form-block .container {
padding: 0 15px 70px;
}
.form-block .container .box-title {
font-size: 26px;
line-height: 34px;
}
.form-block .container .box-subtitle {
margin-bottom: 40px;
font-size: 16px;
line-height: 26px;
}
.contacts-page-content .contacts-block .container .company-name p {
font-size: 20px;
line-height: 30px;
}
.header-primary .container .main-menu ul li.menu-item-category .submenu .categories-box .category-item {
padding: 30px 5px 15px;
}
.categories-box .category-item .name {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 992px) {
.block-title {
font-size: 20px;
line-height: 30px;
}
.header-block .container .page-title,
.post-page-content .container article .post-title {
font-size: 20px;
line-height: 30px;
}
.single-product .top-part .container .right-side .product-name {
font-size: 26px;
line-height: 36px;
margin-bottom: 15px;
}
.single-product .top-part .container .right-side .description,
.single-product .top-part .container .right-side .short-description {
font-size: 14px;
line-height: 24px;
margin-bottom: 15px;
}
.single-product .top-part .container .right-side .sign {
margin-bottom: 25px;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slide .list li {
font-size: 14px;
line-height: 24px;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slide .list {
gap: 15px 15px;
}
.single-product .catalog-block .container .block-title,
.single-product .assortment-block .container .block-title,
.single-product .related-block .container .block-title,
.single-product .characteristics-block .container .main-characteristics-box .block-title {
margin-bottom: 25px;
}
.block-subtitle {
font-size: 14px;
line-height: 24px;
}
.text {
font-size: 14px;
line-height: 24px;
}
.world-block .container .block-title {
font-weight: 400;
margin-bottom: 15px;
}
.world-block .container .text {
margin-bottom: 50px;
}
.world-block .container .names-box {
margin-bottom: 45px;
}
.catalog-block .container .row-item .box-title {
font-size: 20px;
line-height: 30px;
}
.header-primary {
height: 55px;
}
.header-primary .container {
padding: 0 15px;
height: 100%;
align-items: center;
}
.header-primary .container .left-side .logo {
display: flex;
align-items: center;
justify-content: center;
}
.header-primary .container .left-side .logo svg {
width: 100px;
height: 25px;
}
.header-primary .container .main-menu {
display: none;
}
.header-primary .container .right-side {
height: 100%;
}
.header-primary .container .right-side .btn-menu {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px 0 15px;
border-left: 1px solid #808080;
height: 100%;
}
.first-block .main-slider .slide .slide-content-box .block-subtitle {
margin-bottom: 15px;
}
.first-block .main-slider .slide .slide-content-box .block-title {
margin-bottom: 15px;
}
.categories-box .category-item {
padding: 40px 10px;
}
.aboutus-block .container .row-item p {
margin-bottom: 15px;
font-size: 14px;
line-height: 24px;
}
.aboutus-block .container .row-item .block-title {
margin-bottom: 15px;
}
.world-block .container .names-box img,
.world-block .container .names-box {
height: 60px;
}
.world-block .container .numbers-box .number-item .number {
width: 110px;
height: 110px;
font-size: 20px;
line-height: 30px;
margin-bottom: 12px;
}
.world-block .container .numbers-box .number-item {
flex: 0 0 110px;
margin-bottom: 25px;
}
.world-block .container .numbers-box {
max-width: 400px;
flex-wrap: wrap;
margin: 0 auto;
}
.world-block .container {
padding: 70px 15px 45px;
}
.production-page-content .industry-block .container .industry-box {
display: none;
}
.production-page-content .slider-box .industry-slider {
padding-bottom: 75px;
position: relative;
}
.production-page-content .slider-box .industry-slider .slick-arrow {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
width: 50px;
height: 50px;
bottom: 0;
}
.production-page-content .slider-box .industry-slider .slick-arrow.slick-prev {
left: 50%;
margin-left: -65px;
}
.production-page-content .slider-box .industry-slider .slick-arrow.slick-next {
left: 50%;
}
.production-page-content .slider-box .industry-slider .slide .left-side {
max-width: 390px;
}
.industry-slider .slick-slide img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog-page-content .archive-block .container .posts-box .post {
flex: 0 1 calc((100% - 25px) / 2);
}
.blog-page-content .archive-block .container {
padding: 0 60px 70px;
}
.post-page-content .container article .entry-content p {
margin: 0 0 20px;
}
.post-page-content .container article .date {
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
}
.post-page-content .container article .entry-content h1, .post-page-content .container article .entry-content h2, .post-page-content .container article .entry-content h3, .post-page-content .container article .entry-content h4, .post-page-content .container article .entry-content h5, .post-page-content .container article .entry-content h6 {
margin: 0 0 20px;
font-size: 14px;
line-height: 24px;
}
.post-page-content .container article .post-title {
font-weight: 500;
margin-bottom: 25px;
}
.post-page-content .container article .post-categories {
margin-bottom: 15px;
}
.shop-page .shop-block .container {
flex-direction: column;
}
.shop-page .shop-block .container {
padding: 70px 0;
}
.shop-page .shop-block .container .left-side {
flex: 0 0 auto;
margin-right: 0;
background: #F3F3F3;
padding: 40px 30px;
}
.shop-page .shop-block .container .left-side .product-categories li:last-of-type {
margin-bottom: 0;
}
.shop-page .shop-block .container .right-side {
padding: 50px 15px 0;
}
.single-product .related-block .container .products-box.products-desktop-box {
display: none;
}
.single-product .related-block .container .products-box.slider-box {
display: block;
}
.single-product .related-block .container .products-box.slider-box .slick-track {
padding-right: 2px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .thumbnail-box {
margin-right: 30px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .product-info-box {
margin-right: 30px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .sign {
flex: 0 0 100px;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.categories-block .container,
.program-block .container,
.aboutus-block .container,
.world-block .container,
.video-block .container,
.shop-page .shop-block .container,
.single-product .top-part .container,
.single-product .characteristics-block .container,
.single-product .related-block .container,
.contacts-page-content .contacts-block .container {
padding: 50px 15px;
}
.single-product .catalog-block {
margin-top: 50px;
}
.world-block .container {
padding: 50px 15px 25px;
}
.aboutus-block .container .row-item.first-row {
margin-bottom: 50px;
}
.production-page-content .industry-block .container {
padding: 50px 15px 25px;
}
.production-page-content .slider-box {
padding: 0 15px 50px;
}
.catalog-block .container {
padding: 50px 15px 50px;
}
.catalog-block .container .row-item {
margin-bottom: 50px;
}
.connect-block .container {
padding: 80px 15px;
}
.first-block .main-slider .slide {
height: 275px;
overflow: hidden;
display: flex;
justify-content: center;
}
.first-block .main-slider .slide .desktop-img,
.header-block .desktop-img {
width: auto;
max-width: 1200px;
height: 100%;
}
.header-block {
height: 275px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
}
.first-block .main-slider .slide .slide-content-box .block-subtitle {
font-size: 12px;
line-height: 22px;
}
.first-block .main-slider .slide .slide-content-box .block-title {
font-size: 24px;
line-height: 34px;
}
.categories-box .category-item {
flex: 1 1 50%;
max-width: 220px;
}
.categories-box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
max-width: 440px;
margin: 0 auto;
}
.categories-block .container .block-title {
margin-bottom: 15px;
}
.categories-block .container .block-subtitle {
margin-bottom: 15px;
}
.program-block .container .block-title {
margin-bottom: 40px;
}
.links-block .container {
padding: 20px 15px;
}
.links-block .container .link .ico {
width: 25px;
height: 25px;
flex: 0 0 25px;
}
.links-block .container .link .text {
font-size: 12px;
line-height: 22px;
}
footer .footer-inner .container {
padding: 25px 15px 35px;
flex-direction: column;
font-size: 12px;
line-height: 22px;
}
footer .footer-inner .container .left-side {
flex-direction: column;
}
footer .footer-inner .container .left-side .column.first-column {
margin-right: 0;
}
footer .footer-inner .container .box-title {
font-size: 14px;
line-height: 24px;
}
footer .footer-inner .container .column {
margin-bottom: 10px;
}
footer .footer-inner .container .right-side {
flex: 0 0 auto;
}
footer .copyrating .container {
padding: 0 15px 25px;
flex-direction: column;
align-items: flex-start;
}
footer .copyrating .container .social-box {
flex: 0 0 auto;
order: -1;
margin-bottom: 25px;
}
.aboutus-block .container .row-item {
flex-direction: column;
}
.aboutus-block .container .row-item.first-row .left-side {
margin-right: 0;
flex: 1 1 auto;
margin-bottom: 50px;
}
.aboutus-block .container .row-item.first-row .right-side {
flex: 1 1 auto;
width: 100%;
}
.aboutus-block .container .row-item.second-row .left-side {
margin-right: 0;
flex: 1 1 auto;
width: 100%;
}
.aboutus-block .container .row-item.second-row .right-side {
flex: 1 1 auto;
order: -1;
margin-bottom: 50px;
}
.world-block .container .names-box img, .world-block .container .names-box {
height: auto;
width: 100%;
}
.production-page-content .slider-box .industry-slider .slide {
align-items: center;
flex-direction: column;
}
.production-page-content .slider-box {
padding: 0 15px 50px;
}
.production-page-content .slider-box .industry-slider .slide .right-side {
justify-content: center;
order: -1;
margin-bottom: 25px;
}
.blog-page-content .archive-block .container .posts-box .post {
flex: 0 1 100%;
}
.blog-page-content .archive-block .container {
padding: 0 60px 50px;
}
.blog-page-content .header-block {
height: 225px;
}
.blog-page-content .archive-block .container .posts-box .post .date,
.blog-page-content .archive-block .container .posts-box .post .post-name {
margin-bottom: 10px;
}
.blog-page-content .archive-block .container .posts-box .post .excerpt p {
margin: 0;
}
.post-page-content .container article .post-categories a {
font-size: 12px;
line-height: 22px;
}
.post-page-content .container article .date {
font-size: 14px;
line-height: 24px;
}
.post-page-content .container {
padding: 50px 15px 30px;
}
.products-box .product {
flex: 0 1 50%;
padding: 20px 15px;
}
.products-box .product .sign li {
margin: 0 3px;
}
.products-box .product .sign li img {
max-width: 25px;
max-height: 25px;
}
.products-box .product .product-name {
margin-bottom: 5px;
font-size: 14px;
line-height: 24px;
}
.products-box .product .thumbnail-box {
height: 115px;
margin-bottom: 8px;
}
.products-box .product .description {
font-size: 12px;
line-height: 22px;
margin-bottom: 10px;
}
.products-box .product .product-label {
width: 35px;
height: 35px;
left: 10px;
top: 10px;
font-size: 10px;
}
.shop-page .shop-block .container .right-side .products {
gap: 0;
}
.shop-page .shop-block .container {
padding: 50px 0;
}
.single-product .top-part .container {
flex-direction: column;
align-items: center;
}
.single-product .top-part .container .left-side {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 25px;
}
.single-product .top-part .container .right-side {
flex: 1 1 auto;
max-width: 100%;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slide .list {
gap: 15px 0;
flex-direction: column;
padding-left: 15px;
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slide .list li {
font-size: 14px;
line-height: 24px;
list-style-type: disc;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product {
flex-direction: column;
align-items: center;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .thumbnail-box {
margin: 0 0 25px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .product-info-box {
margin: 0 0 25px;
}
.single-product .assortment-block .container .assortment-product-box .assortment-product .sign {
flex: 1 1 auto;
width: 100%;
justify-content: flex-start;
}
.contacts-page-content .destribuers-block .container {
padding: 0 15px 50px;
}
.form-block .container {
padding: 0 15px 50px;
}
.form-block .container .box-title {
font-size: 26px;
line-height: 34px;
}
.form-block .container .box-subtitle {
margin-bottom: 40px;
font-size: 16px;
line-height: 26px;
}
.contacts-page-content .destribuers-block .container table tr th {
font-size: 16px;
line-height: 26px;
}
.contacts-page-content .destribuers-block .container {
padding: 0 0 50px;
}
.contacts-page-content .destribuers-block .container table tr td {
font-size: 14px;
line-height: 24px;
}
.contacts-page-content .destribuers-block .container table tr th:nth-of-type(3),
.contacts-page-content .destribuers-block .container table tr th:nth-of-type(4),
.contacts-page-content .destribuers-block .container table tr td:nth-of-type(3),
.contacts-page-content .destribuers-block .container table tr td:nth-of-type(4) {
display: none;
}
.contacts-page-content .destribuers-block .container table tr th:nth-of-type(1),
.contacts-page-content .destribuers-block .container table tr th:nth-of-type(2),
.contacts-page-content .destribuers-block .container table tr td:nth-of-type(1),
.contacts-page-content .destribuers-block .container table tr td:nth-of-type(2) {
width: 50%;
}
.form-block .container .box-title {
font-size: 18px;
line-height: 28px;
}
.form-block .container .box-subtitle {
margin-bottom: 25px;
font-size: 14px;
line-height: 24px;
}
.form-item {
flex-direction: column;
}
.form-item .text {
text-align: left;
font-size: 16px;
line-height: 30px;
margin: 0 0 5px;
flex: 1 1 auto;
}
.form-item .wpcf7-form-control-wrap {
width: 100%;
}
.form-item input:not(.wpcf7-submit) {
max-width: 100%;
}
.form-item textarea {
max-width: 100%;
}
.form-item .wpcf7-submit {
max-width: 100%;
margin-bottom: 15px;
}
.policy-text {
margin-bottom: 15px;
width: 100%;
}
.form-block .container .form-box form {
max-width: 100%;
flex: 1 1 auto;
align-items: flex-start;
}
.contacts-page-content .contacts-block .container .company-name p {
font-size: 16px;
line-height: 26px;
}
.contacts-page-content .contacts-block .container .address-box .text {
font-size: 14px;
line-height: 24px;
}
.contacts-page-content .contacts-block .container .address-box {
flex-direction: column;
}
.contacts-page-content .contacts-block .container .address-box .left-side {
margin-right: 0;
display: flex;
margin-bottom: 15px;
}
.contacts-page-content .contacts-block .container .address-box .text {
margin-right: 10px;
}
.contacts-page-content .contacts-block .container .support-box .text {
font-size: 14px;
line-height: 24px;
flex-wrap: wrap;
}
.contacts-page-content .contacts-block .container .support-box .text span {
flex: 1 1 100%;
}
footer {
background: url(//came.com.ua/wp-content/themes/oceanwp-child/img/bg-footer2.webp) no-repeat center top/100% auto, linear-gradient(90deg, #00435A 0%, #00374B 43%, #000304 100%);
}
.single-product .characteristics-block .container .main-characteristics-box .characteristics-slider .slide {
padding: 0;
}
.single-product .characteristics-block .container .sizes-gallery-box {
padding: 15px 30px;
}
}
@media (max-width: 576px) {
.first-block .main-slider .slide,
.header-block {
height: 275px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.first-block .main-slider .slide .desktop-img,
.header-block .desktop-img {
display: none;
}
.first-block .main-slider .slide .mobile-img,
.header-block .mobile-img {
display: block;
height: auto;
width: 100%;
max-width: 1200px;
}
.categories-box .category-item {
flex: 1 1 50%;
max-width: 50%;
}
.links-block .container {
padding: 0;
flex-direction: column;
}
.links-block .container .link {
padding: 20px 15px;
display: flex;
justify-content: center;
}
.links-block .container .link:nth-of-type(1) {
border-bottom: 1px solid #fff;
margin-right: 0;
}
.catalog-block .container {
padding: 50px 0 50px;
}
.catalog-block .container .row-item .catalog-slider-box {
padding: 0;
}
}
@media (max-width: 414px) {
.world-block .container .numbers-box {
max-width: 260px;
}
.first-block .main-slider .slide .mobile-img,
.header-block .mobile-img {
height: 100%;
width: auto;
max-width: 1200px;
}
}
@media (max-width: 576px) {
.catalog-block .container .row-item .catalog-slider .slide {
flex: 1 1 400px;
max-width: auto;
width: 400px;
}
}