/*!
Theme Name: Marine
Theme URI: http://underscores.me/
Author: Moturi Magati George
Author URI: https://digitallyfreed.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marine
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Marine is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
    @font-face {
    font-family: 'Futura PT Book';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Book'), url('assets/css/fonts/FuturaCyrillicBook.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Futura PT Light';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Light'), url('assets/css/fonts/FuturaCyrillicLight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Futura PT Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Medium'), url('assets/css/fonts/FuturaCyrillicMedium.woff') format('woff');
    }

body,html {
overflow-x:hidden;
text-rendering:optimizeLegibility!important;
-webkit-font-smoothing:antialiased!important;
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:transparent
}

body {
color:#000;
font-size:18px;
font-family:"Futura PT Book",serif;
line-height:1.5;
font-weight:400;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin:0;
padding:0;
background:#fff;
width:100%;
overflow-x:hidden
}

h1,h2,h3,h4,h5,h6 {
font-family:"Josefin Sans",sans-serif;
font-weight:600;
font-style:normal
}

a {
text-decoration:none;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease
}

input[type='email'],input[type='search'],input[type='number'],input[type='url'],input[type='tel'],input[type='text'],input[type='password'],textarea,select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}

input[type='email'],input[type='date'],input[type='search'],input[type='number'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select {
padding:0 15px;
max-width:100%;
width:100%;
height:42px;
border:1px solid #0003;
border-radius:0;
background-color:transparent;
box-shadow:none;
color:#000;
vertical-align:middle;
font-size:14px;
transition:border-color .5s ease
}

input[type='email']:focus,input[type='date']:focus,input[type='search']:focus,input[type='number']:focus,input[type='text']:focus,input[type='tel']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus,select:focus {
outline:none;
border-color:#0003;
transition:border-color .4s ease
}

::-webkit-input-placeholder {
color:#0E1D40
}

::-moz-placeholder {
color:#0E1D40
}

:-moz-placeholder {
color:#0E1D40
}

input[type="radio"],input[type="checkbox"] {
box-sizing:border-box;
margin-top:0;
padding:0;
vertical-align:middle;
margin-inline-end:5px
}

input[type="search"] {
box-sizing:content-box;
-webkit-appearance:textfield
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}

textarea {
height:auto
}

.wpcf7-form .row>* {
margin-top:3px
}

.wpcf7-form p {
margin-bottom:5px
}

ul,ul li {
list-style:none;
padding:0;
padding-bottom:7px;
margin:0
}

img {
display:inline-block;
max-width:100%;
height:auto;
transition-delay:.1s;
transition-timing-function:ease-in-out;
transition-duration:.7s;
transition-property:all;
border:none;
border-radius:0;
box-shadow:none
}

button,.button,.button1 {
background-color:#0E1D40;
font-size:13px;
font-weight:400;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
fill:#FFF;
color:#FFF;
border-style:solid;
border-width:0;
border-color:#0E1D40;
border-radius:0 0 0 0;
padding:10px 15px;
display:inline-block;
margin:10px auto
}

.button1 {
background-color:#008fd5
}

#google_translate_element:before {
content:'';
width:18px;
height:18px;
position:absolute;
left:10px;
background-position:left 18px;
top:7px
}

#google_translate_element {
margin:0;
position:relative;
padding:0 0 0 25px
}

div#google_translate_element div.goog-te-gadget-simple {
border:none;
background-color:transparent
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {
text-decoration:none
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
color:#fff;
border:none!important
}

div#google_translate_element div.goog-te-gadget-simple span a span {
color:#000
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
color:#fff
}

.goog-te-gadget-icon {
display:none!important
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] {
display:none
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
color:"#ffffff !important;"
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {
display:none
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {
display:none
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
display:none
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
display:none
}

.goog-te-menu2-item div,.goog-te-menu2-item:link div,.goog-te-menu2-item:visited div,.goog-te-menu2-item:active div {
color:#000!important
}

.goog-te-menu-frame {
box-shadow:none!important
}

.goog-te-menu-frame .goog-te-menu2 {
border:none!important
}

.goog-logo-link {
display:none!important
}

.goog-te-gadget {
color:transparent!important
}

SELECT.goog-te-combo {
font-size:14.17px;
display:block;
color:#fff;
border:none;
position:relative;
outline:none;
top:7px;
left:10px
}

SELECT.goog-te-combo:hover {
color:#585757
}

.goog-logo-link,.goog-logo-link:link,.goog-logo-link:visited,.goog-logo-link:hover,.goog-logo-link:active {
color:#fff
}

.dropdown span.text {
font-size:19px!important
}

header.page_header {
position:fixed;
display:inline-block;
left:0;
top:0;
width:100%;
border-style:solid;
border-width:0 0 1px;
border-color:#FFFFFF2E;
transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow .3s;
margin-top:0;
margin-bottom:-87px;
z-index:999;
background:#fff9
}

.header-contact-links li,.header-social-links li {
position:relative;
display:inline-block;
float:left;
margin:5px 10px
}

.header-contact-links li a,.header-social-links li a {
color:#000;
font-size:14px;
font-weight:300;
text-transform:none;
font-style:normal;
line-height:1.8em
}

header.page_header nav ul li {
margin:0 5px
}

header.page_header nav ul li a {
font-size:13px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
color:#000;
padding:0 20px
}

header.page_header nav ul li.current-menu-item a {
color:#0E1D40;
border-style:solid;
border-width:0 0 2px;
border-color:#0E1D40
}

header.fixed {
    position:fixed !important;
background-color:#ffff;
border-bottom:1px solid #7ec1f3;
top:0;
padding-top:0;
padding-bottom:0
}

.q_logo img {
max-height:75px
}

.menu-search-icon {
list-style:none;
margin:0 15px
}

.menu-search-icon a {
display:flex;
align-items:center;
font-size:18px;
color:#008fd5
}

#search-overlay {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#000c;
justify-content:center;
align-items:center;
z-index:9999
}

.search-form-wrapper {
position:relative
}

#close-search {
position:absolute;
top:10px;
right:10px;
background:none;
border:none;
font-size:20px;
cursor:pointer
}

.search-form-inner {
background:#fff;
padding:20px;
position:relative;
text-align:center;
top:5em;
width:100%;
left:0
}

button.navbar-toggler {
margin:0
}

.bannerinner {
height:500px
}

.taxonomybanner {
height:300px
}

.mid_bannerinner .bannertitlebox {
min-height:calc(250px);
width:100%;
background-size:cover;
background-blend-mode:multiply;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-position:center center;
color:#fff;
text-shadow:#000 1px 2px 6px
}

.background-overlay {
background-color:#0F212B;
opacity:.7;
transition:background 0.3s,border-radius 0.3s,opacity .3s;
inset:0;
position:absolute;
box-sizing:border-box
}

.banner {
position:relative
}

.bannertitlebox {
position:absolute;
bottom:3em;
left:10em;
z-index:99;
max-width:30em;
width:100%
}

.bannertitlebox .banntertitleinner h1 {
overflow-wrap:break-word;
font-size:30px;
text-transform:capitalize;
margin:20px 0;
text-align:left;
color:#FFF;
line-height:1;
padding:0;
text-shadow:1px 2px 6px #000;
animation:fadeOutLeft 1s both
}

.values-section {
background-color:#F4F8FB
}

.about-img {
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
margin:0;
height:100%;
position:relative
}

.about-background-overlay {
background-image:url(assets/images/bg-blur-blue2.png);
background-position:top left;
background-repeat:no-repeat;
background-size:contain;
opacity:.6;
transition:background 0.3s,border-radius 0.3s,opacity .3s;
height:100%;
width:100%;
top:0;
left:0;
position:absolute
}

.about-img img {
width:100%;
height:263px;
object-fit:cover
}

.jkit-fun-fact {
text-align:left;
background-color:#6dcc82a;
padding:30px 40px 40px;
border-radius:0 0 0 0;
-webkit-transition:all .4s ease;
transition:all .4s ease;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
position:relative;
z-index:2;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
text-align:center;
overflow:hidden;
text-align:left;
background-color:#008fd5;
padding:30px 40px 40px 40px;
border-radius:0 0 0 0
}

.jkit-fun-fact .fun-fact-inner {
justify-content:normal;
align-items:normal;
flex-direction:column;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
z-index:2
}

.jkit-fun-fact .fun-fact-inner > .icon {
color:#FFF;
border-radius:5px 5px 5px 5px;
font-size:60px;
margin:0;
padding:0;
display:inline-block
}

.qodef-parallax-row-holder {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
overflow:hidden;
z-index:-1
}

.qodef-parallax-img-holder {
position:absolute;
top:-50%;
height:150%;
left:0;
width:100%;
opacity:1
}

.qodef-parallax-img-wrapper {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
transform:translate3d(0px,16.045%,0px)
}

.qodef-parallax-img {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
height:100%
}

.cta-container-header h1 {
font-weight:600;
text-transform:uppercase;
color:#fff;
font-size:63px;
line-height:1em;
letter-spacing:.05em;
text-shadow:#000 1px 2px 6px;
margin:25px 0;
-ms-word-wrap:break-word;
word-wrap:break-word
}

.cta-container-btn {
margin:0 5px
}

.cta-container-link {
position:relative;
display:inline-flex;
vertical-align:middle;
width:auto;
margin:0;
font-weight:500;
text-decoration:none;
text-transform:uppercase;
border-radius:0;
outline:0;
transition:color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out;
padding:7px 15px;
border:1px solid #fff;
font-size:13px
}

.cta-container-link-outlined {
color:#fff;
background-color:#008fd5;
border:1px solid #008fd5
}

.cta-container-link-outlined:hover {
color:#031c33;
border-color:#008fd5;
background-color:#008fd5
}

.cta-container-link-filled {
color:#fff;
background-color:#0E1D40;
border:1px solid transparent
}

.cta-container-link-filled:hover {
background-color:#008fd5;
border-color:#008fd5
}

.features {
background-color:#0E1D40
}

.card-deck h1 {
font-size:20px
}

.card-deck .card-group .card {
height:100%
}

.card-deck .card-body h2 {
font-size:20px
}

.card-deck .card-group .card i {
position:relative;
display:inline-block;
width:70px;
height:70px;
line-height:70px;
font-size:2em;
color:#fff;
background:#008fd5;
text-align:center;
border-radius:50%;
margin:0 auto
}

.categories {
background:#f4f6f7
}

.categories-text-container a {
margin:0 0 12px;
display:block;
font-size:14px;
line-height:1.25;
font-weight:700;
text-transform:uppercase;
letter-spacing:.2em
}

.categories-text-container h2 {
position:relative;
z-index:1;
line-height:1.25em
}

.categories-container {
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:100%;
transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform 4s;
margin:0 5px
}

.cat-service_link {
position:absolute;
z-index:4;
width:100%;
height:100%;
left:0;
top:0;
box-shadow:none;
text-decoration:none
}

.cat-service-1 {
transition:.4s;
min-height:400px;
padding:5% 10.7% 0;
height:100%;
position:relative;
z-index:1;
overflow:hidden;
border-radius:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
text-shadow:#000 1px 2px 6px
}

.cat-service-1::before,.cat-service-1::after {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:inherit;
display:flex;
opacity:1;
z-index:-1;
background:#ffffff03;
pointer-events:none;
transition:inherit
}

.cat-service-1::before {
opacity:0
}

.cat-service-1 .cat-service_wrapper_description {
opacity:1
}

.categories-container:hover .cat-service-1::after {
opacity:1;
background-color:transparent;
background-image:linear-gradient(180deg,#032237CC 0%,#032237CC 90%);
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px)
}

.cat-service_media {
position:absolute;
top:0;
right:0;
left:0;
text-align:right
}

.cat-media-wrapper .cat-icon {
display:inline-block;
transition:.4s
}

.cat-media-wrapper i {
background-color:#008fd5;
font-size:17px;
margin:30px 30px 0 0;
padding:10px;
border-radius:50%;
box-shadow:0 0 0 10px #008fd5
}

.cat-service_subtitle {
font-weight:500;
font-size:16px;
line-height:1.25em;
color:#fff;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
transition:all .45s
}

.cat-service_title {
font-size:25px;
margin:8px 0 10px;
line-height:1.09em;
word-break:break-word;
transition:.4s;
color:#fff;
letter-spacing:.02em
}

.cat-service_wrapper_description {
opacity:0;
max-height:0;
transition:all 0.6s,opacity .3s;
overflow:hidden
}

.cat-service_description {
padding:28px 0 30px;
color:#fff
}

.categories-container:hover .cat-service-1 .cat-service_wrapper_description {
opacity:1;
max-height:150px;
transition:all 0.6s,opacity .3s .3s
}

a.slick-arrow i {
    background-color: #0E1D40;
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    padding: 10px 15px;
}

.partners-slider .slide img {
max-height:150px
}

.best-sellers {
background-color:#0e1d40ff
}

.history-wrapper {
position:relative;
padding:50px 0
}

.history-wrapper:after {
content:"";
width:3px;
height:100%;
background:#ededed;
position:absolute;
left:50%;
transform:translateX(-50%);
top:0
}

.history-wrapper .title-wrap {
opacity:.2;
padding:100px 0 0 45px
}

.history-wrapper .timeline-box {
position:relative
}

.one-of-two {
width:50%;
float:left
}

.history-wrapper .timeline-box:not(:last-child) {
margin-bottom:140px
}

.timeline-box:nth-child(2n) {
padding:0 0 0 140px
}

.history-wrapper .timeline-box:nth-child(2n) {
margin-bottom:140px
}

.history-wrapper .timeline-box:nth-child(2n + 1) {
margin-top:-24%;
text-align:right
}

.timeline-box:nth-child(2n + 1) {
padding:0 140px 0 0
}

.year {
width:100px;
height:100px;
border-radius:50%;
position:absolute;
background:#fff;
top:30%;
color:#3b3b3b;
transform:translateY(-50%);
border:1px solid #dbdbdb;
line-height:100px;
text-align:center;
font-size:24px;
font-weight:700
}

.timeline-box:nth-child(2n) .year {
left:25px
}

.timeline-box:nth-child(2n + 1) .year {
right:32px
}

.year:before {
content:"";
width:15px;
height:15px;
border-left:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
background:#fff;
position:absolute;
top:50%;
margin-top:-7.5px
}

.timeline-box:nth-child(2n) .year:before {
left:-8px;
transform:rotate(45deg)
}

.timeline-box:nth-child(2n + 1) .year:before {
right:-8px;
transform:rotate(-135deg)
}

.timeline-box:after {
content:"";
width:3px;
height:0;
background:##0E1D40;
position:absolute;
top:30%;
transform:translateY(-50%);
z-index:1;
transition:all .3s ease-in-out
}

.timeline-box:nth-child(2n):after {
left:-1.5px
}

.timeline-box:nth-child(2n + 1):after {
right:-1.5px
}

.timeline-box:hover:after {
height:97px
}

.timeline-box:before {
content:"";
width:21px;
height:21px;
border-radius:50%;
border:5px solid #008fd5;
position:absolute;
background:#fff;
z-index:2;
top:30%;
transform:translateY(-50%);
transition:all .3s ease-in-out
}

.timeline-box:nth-child(2n):before {
left:-10.5px
}

.timeline-box:nth-child(2n + 1):before {
right:-10.5px
}

.timeline-box:hover:before {
border:5px solid #0E1D40
}

.mb-1-6,.my-1-6 {
margin-bottom:1.6rem
}

.t-products {
background-image:linear-gradient(to right top,#5629c0,#5625cb,#5620d5,#551ae0,#5412eb);
color:#fff;
border-radius:3px
}

.processor {
background-color:#fff;
margin-top:5px;
border-bottom:1px solid #eee
}

.brand {
background-color:#fff;
border-bottom:1px solid #eee
}

.type {
background-color:#fff
}

.product {
background-color:#fff;
border-radius:5px;
position:relative
}

.about_product span {
color:#5629c0;
font-size:16px
}

.cart-button button {
font-size:12px;
color:#fff;
background-color:#5629c0;
height:38px
}

.cart-button button:focus,button:active {
font-size:12px;
color:#fff;
background-color:#5629c0;
box-shadow:none
}

.product_fav i {
line-height:40px;
color:#5629c0;
font-size:15px
}

.product_fav {
display:inline-block;
width:36px;
height:39px;
background:#FFF;
box-shadow:0 1px 5px #0000001a;
border-radius:11%;
text-align:center;
cursor:pointer;
margin-left:3px;
-webkit-transition:all 200ms ease;
-moz-transition:all 200ms ease;
-ms-transition:all 200ms ease;
-o-transition:all 200ms ease;
transition:all 200ms ease
}

.product_fav:hover {
background:#5629c0
}

.product_fav:hover i {
color:#fff
}

.about_product {
margin-top:12px
}

.off {
position:absolute;
left:65%;
top:6%;
width:80px;
text-align:center;
height:30px;
line-height:8px;
border-radius:5px;
font-size:13px;
display:flex;
align-items:center;
justify-content:center;
color:#fff
}

.wpc-posts-found {
display:none
}

.woocommerce-result-count {
display:none
}

.woocommerce-ordering {
margin:20px auto
}

.wpc-filter-title,.widget-title {
margin-bottom:20px;
color:#333;
text-transform:uppercase;
font-weight:600;
font-size:18px
}

body li.wpc-term-item a {
color:#000
}

ul.products li.product {
box-shadow:0 0 10px #00000026
}

ul.products li.product img {
width:100%
}

.woocommerce-loop-product__title {
color:#333;
text-transform:capitalize;
padding:10px;font-size: 12px;
}

.ywraq-form-table-wrapper table.shop_table {
border-bottom-color:currentcolor;
color:#444;
vertical-align:middle;
border-left:1px solid #e3e3e3;
padding:10px 30px;
border-width:0 1px;
width:100%
}

.ywraq-form-table-wrapper table.shop_table th,.ywraq-form-table-wrapper table.shop_table td {
vertical-align:middle;
border:1px solid #e3e3e3;
padding:10px 20px
}

.ywraq-form-table-wrapper table.shop_table td a {
color:#000
}

.ywraq-form-table-wrapper table.shop_table td img {
width:75px;
box-shadow:none
}

.ywraq-form-table-wrapper table.shop_table .product-remove a {
display:inline-block;
width:24px;
height:24px;
line-height:24px;
background-color:#757575;
color:#fff;
text-align:center;
border-radius:24px;
transition:.3s ease-out
}

.ywraq-form-table-wrapper table.shop_table .product-thumbnail {
min-width:64px
}

.product-quantity {
position:relative;
display:flex;
-webkit-box-align:center;
align-items:center
}

.product-quantity .quantity {
position:relative;
width:98px;
height:60px;
border-radius:10px
}

.product-quantity .quantity input {
width:98px;
height:60px;
appearance:textfield;
padding-left:30px;
font-size:18px;
font-weight:500;
border-radius:10px;
border-width:1px;
border-style:solid;
border-color:#e0e4e8;
border-image:initial;
outline:none
}

.blogs article.post {
box-shadow:1px 4px 12px #00000070;
transition:box-shadow .2s ease;
overflow:hidden;
display:inline-block
}

.blogs article.post a.post-thumbnail {
margin-left:-20px;
margin-right:-20px;
margin-top:-20px;
padding-bottom:15px;
display:inline-block
}

.blogs article.post .entry-header .entry-title a {
margin-top:0;
margin-bottom:0;
word-break:break-word;
color:#000;
font-size:1.375rem;
line-height:1.2em;
font-weight:400;
padding-bottom:15px;
display:block
}

.blogs article.post .entry-header .entry-meta span,.blogs article.post .entry-header .entry-meta span a {
text-transform:capitalize;
font-size:14px;
font-weight:500;
line-height:20px;
text-decoration:none;
color:#000;
padding-bottom:5px;
display:inline-block
}

.counter {
background:linear-gradient(180deg,#0E1D40 30%,#008fd5 100%)
}

.counter .count-up {
position:relative;
text-align:center;
background:transparent;
padding:2em
}

.counter .count-up::after {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
border-radius:50% 50% 50% 50% / 28% 28% 72% 72%;
background:var(--bs-light);
z-index:-1
}

.counter .count-up h3 {
font-size:20px
}

.subscribe-title {
margin-bottom:20px
}

.subscribe-title h2 {
font-size:24px;
font-weight:500;
text-transform:uppercase
}

.subscribe-title p {
color:#7b8088;
font-size:16px;
font-weight:500;
margin-top:28px
}

.subscription .wpcf7-submit {
color:#fff;
background-color:#0E1D40;
border:1px solid transparent;
position:relative;
display:inline-flex;
vertical-align:middle;
width:auto;
margin:0;
font-size:15px;
font-weight:500;
line-height:2em;
text-decoration:none;
text-transform:uppercase;
border-radius:0;
outline:0;
transition:color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out
}

.newsroom {
background:#f4f6f7
}

.procedure-section {
background-color:#F4F8FB;
background-image:url(https://dev.digitallyfreed.com/fish/wp-content/uploads/banner_shipping.jpg);
background-position:center center;
background-size:cover;
transition:all 400ms;
padding:150px 0
}

.procedure-section .section-heading h4 {
position:relative;
display:inline-block
}

.procedure-section .section-heading h4:before,.procedure-section .section-heading h4:after {
position:absolute;
content:'';
width:70px;
height:2px;
right:-90px;
top:12px;
background:#008fd5
}

.procedure-section .section-heading h4:before {
left:-90px
}

.procedure-section .procedure-section-inner {
border-style:solid;
border-width:1px;
border-color:#6140232;
transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow .3s;
margin:0 15px 0 0;
padding:10px
}

.procedure-section .procedure-image-box-wrapper {
border-style:solid;
border-width:1px;
border-color:#fff;
transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow .3s;
margin:0 10px 0 5px;
padding:10px
}

.procedure-section .procedure-image-box-wrapper .procedure-section-inner {
background-color:#F4F8FB;
margin:0;
padding:30px 35px;
position:relative;
color:#000
}

.procedure-section .procedure-image-box-img {
width:30%;
margin-bottom:0
}

.procedure-section .procedure-image-box-img img {
border-style:solid;
border-width:0;
transition-duration:.3s
}

.procedure-section .procedure-image-box-wrapper .procedure-image-box-content {
width:100%
}

.procedure-section .procedure-image-box-wrapper .procedure-image-box-title {
margin-bottom:12px
}

.procedure-section .procedure-image-box-wrapper .procedure-image-box-description {
color:#5B5B5B
}

.sustainability-section {
background-image:url(https://dev.digitallyfreed.com/fish/wp-content/uploads/beautiful-clownfish-undersea.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
	text-shadow: 0 2px 2px #120000ff;
}

.sustainability-double-heading {
position:relative;
z-index:0
}

.sustainability-double-heading .dblh__subtitle {
display:block;
font-size:14px;
line-height:1.25;
font-weight:700;
text-transform:uppercase;
letter-spacing:.2em
}

.sustainability-double-heading .dblh__title-wrapper {
font-size:40px;
position:relative;
z-index:1;
line-height:1.25em;
margin-bottom:30px
}

.sustainability-infobox {
position:relative;
z-index:1
}

.sustainability-infobox-title_wrapper {
position:relative;
display:block
}

.sustainability-infobox-title_wrapper h3 {
font-size:24px;
margin:0 0 15px;
color:#FFF;
position:relative;
z-index:1;
line-height:1.25;
word-break:break-word;
transition:.4s;
letter-spacing:.02em
}

.virtual-section {
background-color:#eff3ff
}

.virtual-container {
background-color:#fff;
z-index:1;
position:relative
}

.virtual-content {
vertical-align:top
}

.virtual_bg {
margin-top:-300px!important;
padding-top:420px!important;
padding-bottom:80px!important;
background-image:url(https://dev.digitallyfreed.com/fish/wp-content/uploads/procedures.jpg)!important;
background-position:center!important;
background-repeat:no-repeat!important;
background-size:cover!important
}

.virtual_wpb_column {
position:relative
}

.virtual_wpb_wrapper_inner {
width:70px;
height:70px;
text-align:center;
display:inline-block;
box-sizing:content-box;
position:relative;
background-color:#008fd5;
border-radius:50%;
line-height:1;
margin-bottom:20px
}

.virtual_wpb_wrapper_inner .video-btn {
color:#0E1D40;
background:transparent;
outline:none;
border:none;
text-align:center;
display:inline-block;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
line-height:1;
margin:0
}

.virtual_wpb_wrapper h2 {
line-height:1.5
}

.sexperienc {
margin:2em auto;
padding:1em 0
}

.sexperienc-wrap {
margin-bottom:30px;
clear:both;
display:inline-block;
width:100%;
overflow:hidden
}

.sepe-img {
display:block;
position:relative;
float:left;
width:100%
}

.sexperienc-wrap:nth-child(2n) .sepe-img .covered {
float:right
}

.covered {
will-change:transform;
float:left;
max-width:839px;
width:100%;
position:relative;
overflow:hidden
}

.spe-cont {
margin:0 auto;
padding:35px;
background-size:100%;
position:relative;
z-index:1
}

.covered.inverse .cover {
padding:0;
height:30rem;
width:100%;
display:block;
position:relative;
left:0;
right:auto
}

.sepe-img .sepe-text {
position:absolute;
right:0;
bottom:0;
background:#fff;
padding:20px
}

.s_events_wrap .sepe-img .sepe-text {
max-width:496px
}

.sexperienc-wrap:nth-child(2n) .sepe-img .sepe-text {
right:auto;
left:0
}

.growth_species {
background-color:#0E1D40
}

.growth_industry {
background-color:#E8EDF1;
position:relative;
z-index:0
}

.growth_industry_content .elementor-widget-container {
background-color:#F5F5F5;
padding:10px;
height:100%
}

.growth_industry_content .elementor-widget-container .elementor-icon {
fill:#008fd5;
color:#008fd5;
border-color:#008fd5;
color:#69727d;
display:inline-block;
font-size:50px;
line-height:1;
text-align:center;
transition:all .3s
}

.growth_industry_bg {
background:url(https://dev.digitallyfreed.com/fish/wp-content/uploads/home-1-parallax.jpg) center center / cover no-repeat scroll padding-box content-box #E8EDF1;
left:-3em;
right:0;
top:-3em;
bottom:-3em;
z-index:-1;
position:absolute
}

.globalreach_content {
background-color:#0E1D40
}

.cta-sect .card {
border:none;
border-radius:12px;
transition:transform .3s ease,box-shadow .3s ease;
box-shadow:0 4px 8px #0000001a;
background-color:#000000bf;
color:#fff
}

.sec-title {
position:relative;
margin-bottom:5px
}

.sec-title .sub-title {
position:relative;
display:inline-block;
font-family:"Josefin Sans",sans-serif;
font-weight:600;
font-size:20px;
text-transform:uppercase
}

.sec-title h2 {
position:relative;
letter-spacing:-.01em;
margin-bottom:0
}

.contact-details {
background-color:#fafafa
}

.contact-details__info {
position:relative;
display:block;
margin-top:10px
}

.contact-details__info li {
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}

.contact-details__info li .icon {
padding:8px 5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-transition:all .5s ease;
transition:all .5s ease;
border-radius:50%
}

.contact-details__info li .icon i {
color:#0E1D40;
font-size:20px;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.contact-details__info li .text {
margin-left:15px
}

.contact-details__info li .text h6 {
margin-bottom:5px;
margin-top:0
}

.contact-details__info li .text a {
color:#000;
-webkit-transition:all .5s ease;
transition:all .5s ease
}

.contact-details__info li .text span {
font-weight:500
}

.social-big {
list-style:none;
margin:0 0 35px -12px !important;
padding:0
}

.social-big li {
margin-bottom:6px;
display:inline;
margin-left:12px!important;
vertical-align:middle
}

.social-big li i {
color:#fff;
background-color:#0E1D40;
display:inline-block;
width:42px;
height:42px;
line-height:42px;
-webkit-border-radius:0;
-webkit-background-clip:padding-box;
-moz-border-radius:0;
-moz-background-clip:padding;
border-radius:0;
background-clip:padding-box;
text-align:center;
font-size:24px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}

.latest-posts-container {
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap
}

.post-card {
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 4px 6px #0000001a;
transition:transform .3s ease
}

.post-image img {
width:100%;
height:auto;
display:block
}

.post-content {
padding:15px;
text-align:center
}

.post-title {
font-size:18px;
margin:0
}



.footer .widget-title {
position:relative;
display:block;
margin-bottom:30px
}

.footer .widget-title h2 {
font-size:24px;
line-height:32px;
color:#fff;
font-weight:700
}

.footer p,.footer a {
color:#fff
}

.footer-col {
position:relative;
flex-grow:1;
display:flex;
flex-direction:column;
justify-content:space-between
}

.footer-col-container a img.footer-logo {
height:100px
}

.mb_20 {
margin-bottom:20px
}

.links-widget .links-list li {
position:relative;
display:block;
margin-bottom:10px
}

.links-widget .links-list li a {
position:relative;
display:inline-block
}

.footer .contact-widget .info-list li {
position:relative;
display:block;
line-height:36px;
color:#fff;
padding-left:30px
}

.footer .contact-widget .info-list li i {
position:absolute;
left:0;
top:7px;
font-size:20px
}

.footer .contact-widget .social-links li {
position:relative;
display:inline-block;
float:left;
margin-right:10px
}

.footer .contact-widget .social-links li a {
position:relative;
display:inline-block;
width:44px;
height:44px;
line-height:44px;
font-size:16px;
color:#222;
background:#fff;
text-align:center;
border-radius:50%
}

.cta_btn {
display:none
}

.open-button {
background-color:transparent;
color:#fff;
padding:5px;
border:none;
cursor:pointer;
opacity:.9;
position:fixed;
bottom:50px;
right:5px
}
/* Coastal WooCommerce Pagination Styles */

/* Main pagination container */
.woocommerce-pagination {
  margin: 3rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Page numbers list */
.woocommerce-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

/* Individual page number items */
.page-numbers li {
  margin: 0;
  padding: 0;
}

/* Base styles for page number links and spans */
.page-numbers .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  background: rgba(248, 248, 255, 0.1);
  color: #B0C4DE;
  backdrop-filter: blur(10px);
      line-height: 1;
}

/* Hover effect for page numbers */
.page-numbers .page-numbers:hover {
  transform: translateY(-2px) scale(1.05);
  background-color: #008fd5;
  color: #fff;
  border-color: #008fd5;
  box-shadow: 0 8px 25px rgba(64, 224, 208, 0.3);
}

/* Current page styling */
.page-numbers .page-numbers.current {
  background-color: #008fd5;
  color: #FFF;
  border-color: #008fd5;
  box-shadow: 0 4px 15px rgba(0, 105, 148, 0.4);
  transform: scale(1.1);
}

/* Current page hover (no additional transform) */
.page-numbers .page-numbers.current:hover {
  transform: scale(1.1);
  background-color: #008fd5;
}

/* Dots styling */
.page-numbers .dots {
  background: transparent !important;
  color: #008fd5 !important;
  font-size: 1.2rem;
  font-weight: bold;
  border: none !important;
  cursor: default;
  min-width: auto;
  padding: 0.75rem 0.5rem;
}

.page-numbers .dots:hover {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Next/Previous arrow styling */
.page-numbers .next,
.page-numbers .prev {
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #0E1D40;
  color: #F8F8FF;
  border-color: #0E1D40;
  min-width: 48px;
}

.page-numbers .next:hover,
.page-numbers .prev:hover {
  background: linear-gradient(135deg, #FF8C69 0%, #FF7F7F 100%);
  color: #F8F8FF;
  border-color: #FF8C69;
  box-shadow: 0 8px 25px rgba(255, 127, 127, 0.4);
}

/* Wave effect animation */
.page-numbers .page-numbers::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(64, 224, 208, 0.4), transparent);
  transition: left 0.5s ease;
}

.page-numbers .page-numbers:hover::before {
  left: 100%;
}

/* Floating animation for current page */
@keyframes oceanFloat {
  0%, 100% {
    transform: scale(1.1) translateY(0px);
  }
  50% {
    transform: scale(1.1) translateY(-3px);
  }
}

.page-numbers .page-numbers.current {
  animation: oceanFloat 3s ease-in-out infinite;
}

/* Responsive design */
@media (max-width: 768px) {
  .woocommerce-pagination {
    margin: 2rem 0;
  }
  
  .page-numbers {
    gap: 0.25rem;
  }
  
  .page-numbers .page-numbers {
    min-width: 40px;
    height: 40px;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
  }
  
  /* Hide some page numbers on mobile for better UX */
  .page-numbers li:nth-child(n+6):nth-child(-n+10) {
    display: none;
  }
}

@media (max-width: 480px) {
  .page-numbers .page-numbers {
    min-width: 36px;
    height: 36px;
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
  }
  
  /* Show only essential pages on very small screens */
  .page-numbers li:nth-child(n+4):nth-child(-n+12) {
    display: none;
  }
}

/* Focus states for accessibility */
.page-numbers .page-numbers:focus {
  outline: 2px solid #40E0D0;
  outline-offset: 2px;
  background: linear-gradient(135deg, #40E0D0 0%, #20B2AA 100%);
  color: #1e3a5f;
}

/* Loading state (optional) */
.woocommerce-pagination.loading .page-numbers .page-numbers {
  pointer-events: none;
  opacity: 0.6;
}

/* Alternative compact style (add .compact class to .woocommerce-pagination) */
.woocommerce-pagination.compact .page-numbers {
  gap: 0.25rem;
}

.woocommerce-pagination.compact .page-numbers .page-numbers {
  min-width: 36px;
  height: 36px;
  padding: 0.5rem;
  font-size: 0.9rem;
  border-radius: 8px;
}

/* Alternative rounded style (add .rounded class to .woocommerce-pagination) */
.woocommerce-pagination.rounded .page-numbers .page-numbers {
  border-radius: 50%;
  min-width: 48px;
  width: 48px;
  height: 48px;
  padding: 0;
}

/* Coral reef accent variant (add .coral class to .woocommerce-pagination) */
.woocommerce-pagination.coral .page-numbers .page-numbers:hover {
  background: linear-gradient(135deg, #FFB6C1 0%, #FF7F7F 100%);
  border-color: #FFB6C1;
  box-shadow: 0 8px 25px rgba(255, 182, 193, 0.4);
}

.woocommerce-pagination.coral .page-numbers .page-numbers.current {
  background: linear-gradient(135deg, #FF7F7F 0%, #FF8C69 100%);
  border-color: #FFB6C1;
  box-shadow: 0 4px 15px rgba(255, 127, 127, 0.4);
}

/* Deep ocean variant (add .deep class to .woocommerce-pagination) */
.woocommerce-pagination.deep .page-numbers .page-numbers {
  background: rgba(30, 58, 95, 0.8);
  color: #F0F8FF;
}

.woocommerce-pagination.deep .page-numbers .page-numbers:hover {
  background: linear-gradient(135deg, #4682B4 0%, #006994 100%);
  color: #F8F8FF;
  border-color: #4682B4;
}

.woocommerce-pagination.deep .page-numbers .page-numbers.current {
  background: linear-gradient(135deg, #008B8B 0%, #20B2AA 100%);
  color: #F8F8FF;
}
@media (min-width: 1200px) {
    .h1,h1 {
    font-size:1.75rem
    }
    
    .h2,h2 {
    font-size:1.5rem
    }
    
    .h3,h3 {
    font-size:1.25rem
    }
    
    .h4,h4 {
    font-size:1rem
    }
    
    .h5,h5 {
    font-size:.75rem
    }
    
    .h6,h6 {
    font-size:.5rem
    }
    
    .modal-dialog {
    max-width:800px
    }
    
    .footer-col:not(:last-child)::after {
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:2px;
    background-color:#fff
    }
}

@media (min-width: 768px) {
    ul.products {
    display:flex;
    flex-wrap:wrap
    }
    .slick-prev {
    left: -45px;
}
    ul.products li.product {
    display:flex;
    flex-direction:column
    }
    
    ul.products li.product .button {
    margin-top:auto
    }
}

@media screen and (max-width: 1199px) {
    .year {
    width:90px;
    height:90px;
    line-height:90px;
    font-size:22px
    }
}

@media screen and (max-width: 991px) {
    .history-wrapper {
    padding:30px 0
    }
    
    .history-wrapper .title-wrap {
    padding:0;
    margin-bottom:30px
    }
    
    .title-wrap.one-of-two {
    width:100%
    }
    
    .history-wrapper:after {
    left:0
    }
    
    .history-wrapper .timeline-box:nth-child(2n) {
    padding:0 0 0 140px
    }
    
    .history-wrapper .timeline-box:not(:last-child) {
    margin-bottom:40px
    }
    
    .timeline-box.one-of-two,.timeline-box .img img {
    width:100%
    }
    
    .history-wrapper .timeline-box:nth-child(2n + 1) {
    margin-top:0;
    text-align:left
    }
    
    .timeline-box:nth-child(2n + 1) .year {
    left:32px
    }
    
    .timeline-box:nth-child(2n + 1):before {
    left:-10.5px
    }
    
    .timeline-box:nth-child(2n + 1) .year:before {
    left:-8px;
    transform:rotate(45deg)
    }
    
    .timeline-box:nth-child(2n + 1):after {
    left:-1.5px
    }
    
    .history-wrapper .timeline-box:nth-child(2n + 1) {
    margin-top:0;
    text-align:left
    }
    
    .timeline-box:nth-child(2n + 1) {
    padding:0 0 0 140px
    }
    
    .shipping-operations .bg-image {
    min-height:250px;
    order:2
    }
}

@media screen and (max-width: 767px) {
header.page_header {
    position: relative;
    background: #fff;
}
    .q_logo img {
    max-height:45px
    }
    
    #google_translate_element {
    padding:0 0 0 10px
    }
    
    .header-contact-links li,.header-social-links li {
    margin:1px
    }
    
    header.page_header nav ul li {
    margin:10px 5px
    }
    
    header.page_header nav ul li a {
    padding:0 10px 0 0
    }
    
    .history-wrapper:after,.year,.timeline-box:before {
    display:none
    }
    
    .history-wrapper {
    padding:0
    }
    
    .history-wrapper .timeline-box:nth-child(2n),.history-wrapper .timeline-box:nth-child(2n + 1) {
    padding:0 15px
    }
    
    .history-wrapper .timeline-box:not(:last-child) {
    margin-bottom:30px
    }
    
    .timeline-box .content {
    text-align:center
    }
    
    .timeline-box:nth-child(2n):after,.timeline-box:nth-child(2n + 1):after {
    display:none
    }
    
    .spe-cont {
    padding:0
    }
    
    .counter .count-up h3 {
    font-size:18px
    }
    body .wpc-filters-main-wrap li.wpc-term-item {
    margin-bottom:1px
    }
    .footer 
    {
        padding-bottom:30px;
    }
    .cta_btn {
    display:block;
    width:100%;
    position:fixed;
    z-index:9999;
    bottom:0;
    background:#008fd5;
    padding-right:0
    }
    
    .cta_btn ul {
    display:table;
    width:100%;
    margin:0;
    padding:0
    }
    
    .cta_btn ul li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    padding:0;
    height:50px;
    width:30%;
    margin:0 auto
    }
    
    .cta_btn ul li:nth-child(2) {
    background:#0E1D40;
    width:40%
    }
    
    .cta_btn ul li .footer_cta {
    font-size:14px;
    color:#fff;
    text-transform:uppercase;
    padding:0;
    display:block;
    background:transparent;
    border:none;
    outline:none;
    margin:0 auto
    }
}