a {
font-weight: 500 !important;
}
.hyphens p {
hyphens: auto !important;
}
.hyphens {
hyphens: auto !important;
}
#header-outer {
height: 157px !important;
}
div.swiper-slide div.container {
padding-left: 5% !important;
width: 100% !important;
max-width: 100% !important;
}
#aboutHeader div.swiper-slide div.content {
padding-left: 2% !important;
padding-right: 6% !important;
width: 50% !important;
}
#aboutHeader div.container {
width: 100% !important;
max-width: 100% !important;
}
#aboutHeader div.content {
width: 55% !important;
}
#aboutHeader h1,
#aboutHeader p {
color: #13547b !important;
}
.clear {
overflow: auto;
}
.mobile-icon div {
background-color: #11537a !important;
padding: 12px 12px 12px 15px !important;
margin-left: 10px;
}
#search {
background-color: #11537a !important;
}
#search-btn div {
background-color: #11537a;
padding: 12px 12px 12px 15px !important;
margin-left: 10px;
}
#search-btn div:hover {
background-color: #cd0739;
}
.animateBtn:hover {
transform: scale(1.1, 1.1);
transition: all 0.5s;
}
.animateBtn {
transition: all 0.5s;
}
.clip-circle {
clip-path: circle(70% at center);
}
#top nav ul {
margin: 0 auto !important;
}
#top nav > ul > li > a {
background-color: #11537a;
margin: 0 1px 0 1px;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 2px;
width: 220px;
text-align: center;
}
#top nav > ul > li > a:hover {
background-color: #d20b3b !important;
} #menu-item-45 a {
background-color: #11537a !important;
}
#menu-item-44 a {
background-color: #11537a !important;
}
#menu-item-806 a {
background-color: #11537a !important;
}
#menu-item-1431 a {
background-color: #7098af !important;
}
#menu-item-331 a {
background-color: #a0baca !important;
}
#menu-item-48 a {
background-color: #b7cbd7 !important;
} #menu-item-335 a {
background-color: #acc3d1 !important;
}
#menu-item-334 a {
background-color: #acc3d1 !important;
} .search-container {
background: #11537a;
width: 100%;
padding: 10px 0;
}
.custom-search-form {
width: 100%;
display: flex;
}
.form-search {
width: 100%;
position: relative;
display: flex;
padding: 10px 15%;
justify-items: center;
justify-content: center;
text-align: center !important;
}
.custom-search-form input {
width: 90% !important;
color: #11537a !important;
background-color: white !important;
display: inline-block !important;
margin: 0 auto !important;
}
.searchTerm input:focus {
color: #00b4cc;
}
.searchButton {
border: 1px solid white !important;
background: #00b4cc;
text-align: center;
color: #fff;
border-radius: 0 5px 5px 0;
cursor: pointer !important;
font-size: 20px;
animation: none !important;
font-size: 20px !important;
width: 5% !important;
}
div.product-page-pic {
vertical-align: middle !important;
padding: 2vw 11vw 0 11vw !important;
height: 100% !important;
text-align: center !important;
display: inline-block !important;
margin: auto !important;
}
div.product-page-pic img {
width: 100% !important;
height: auto !important;
margin: auto !important;
vertical-align: middle !important;
display: inline-block !important;
}
@media only screen and (max-width: 900px) {
form.custom-search-form,
form.custom-search-form input {
height: 40px;
}
}
.search article.result img.attachment-full.size-full.skip-lazy.wp-post-image {
display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: normal !important;
hyphens: none !important;
}
@media only screen and (max-width: 1790px) {
#aboutHeader h1 {
font-size: 3vw !important;
line-height: 3.1vw !important;
}
div.swiper-slide h2 {
font-size: 4vw !important;
line-height: 4.2vw !important;
}
h2 {
font-size: 35px !important;
line-height: 37px !important;
}
h3 {
font-size: 28px !important;
}
h5 {
font-size: 16px !important;
}
}
@media only screen and (max-width: 1670px) {
h2 {
font-size: 33px !important;
line-height: 35px !important;
}
h3 {
font-size: 26px !important;
line-height: 28px !important;
}
div.swiper-slide h2 {
font-size: 4.2vw !important;
line-height: 4.4vw !important;
}
}
@media only screen and (max-width: 1588px) {
h2 {
font-size: 30px !important;
line-height: 32px !important;
}
div.swiper-slide h2 {
font-size: 4.2vw !important;
line-height: 4.4vw !important;
}
h3 {
font-size: 26px !important;
}
div.product-page-pic {
vertical-align: middle !important;
padding: 4vw 10vw 10vw 10vw !important;
height: 100% !important;
text-align: center !important;
display: inline-block !important;
margin: auto !important;
}
}
@media only screen and (max-width: 1477px) {
h2 {
font-size: 28px !important;
}
div.swiper-slide h2 {
font-size: 4.2vw !important;
line-height: 4.4vw !important;
}
h3 {
font-size: 25px !important;
}
h5 {
font-size: 16px !important;
}
} @media only screen and (min-width: 1850px) {
#aboutHeader div.content {
width: 50% !important;
}
}
@media only screen and (max-width: 1796px) {
#top nav > ul > li > a {
padding-left: 20px !important;
padding-right: 20px !important;
width: 185px;
text-align: center;
}
}
@media only screen and (max-width: 1581px) {
#top nav > ul > li > a {
padding-left: 15px !important;
padding-right: 15px !important;
width: 175px;
}
}
@media only screen and (max-width: 1520px) {
#top nav > ul > li > a {
padding-left: 10px !important;
padding-right: 10px !important;
width: 165px;
}
}
@media only screen and (max-width: 1459px) {
#top nav > ul > li > a {
padding-left: 10px !important;
padding-right: 10px !important;
width: 155px;
}
}
@media only screen and (max-width: 1400px) {
#top nav > ul > li > a {
padding-left: 9px !important;
padding-right: 9px !important;
width: 150px;
}
}
@media only screen and (max-width: 1367px) {
#top nav > ul > li > a {
padding-left: 7px !important;
padding-right: 7px !important;
width: 140px;
font-size: 13px;
}
}
@media only screen and (max-width: 1306px) {
#top nav > ul > li > a {
padding-left: 7px !important;
padding-right: 7px !important;
width: 135px;
}
div.form-search {
padding: 0 20px !important;
}
}
@media only screen and (max-width: 1274px) {
#top nav > ul > li > a {
padding-left: 5px !important;
padding-right: 5px !important;
width: 130px;
}
div.product-page-pic {
padding: 6vw 10vw 10vw 10vw !important;
}
}
@media only screen and (max-width: 1245px) {  .mobile-search {
background-color: #11537a !important;
margin-left: 10px;
padding: 0px 12px 0px 12px !important;
height: 44px !important;
}
#logo img {
height: 60px !important;
}
header#top div.container {
padding-left: 20px !important;
}
#header-outer {
height: 140px !important;
}
}
@media only screen and (max-width: 1150px) {
#logo img {
height: 58px !important;
}
header#top div.container {
padding-left: 15px !important;
}
#search-btn {
display: none !important;
}
#top nav > ul > li > a {
padding-left: 1px !important;
padding-right: 1px !important;
width: 120px;
font-size: 12px;
}
div.swiper-wrapper > div > div.container > div.content {
padding-left: 2% !important;
}
div.product-page-pic {
padding: 8vw 8vw 8vw 8vw !important;
}
} @media only screen and (max-width: 999px) {
div.product-page-pic {
width: 100% !important;
height: auto !important;
margin: 0 auto !important;
text-align: center !important;
}
div.product-page-pic img {
width: 80% !important;
height: auto !important;
margin: 0 auto !important;
text-align: center !important;
}
div.product-page-info {
width: 100% !important;
height: auto !important;
padding: 4% !important;
margin: 0 auto !important;
}
.menu-item a {
font-size: 26px !important;
line-height: 35px !important;
height: 45px !important;
}
.off-canvas-social-links:after {
top: 0 !important;
margin-bottom: 3px !important;
}
.off-canvas-social-links {
margin-top: 120px !important;
}
.off-canvas-social-links i {
margin-top: 10px !important;
}
#secondHeaderContainer {
margin-left: -10px;
}
#phoneContainer {
display: block;
clear: both;
}
div.swiper-wrapper > div > div.container > div.content {
padding-left: 2% !important;
}
.disappear-mobile {
display: none !important;
}
.block-mobile {
height: 450px;
display: block;
}
div.block-mobile div.column-image-bg {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.pageHeader div.column-image-bg {
background-image: none !important;
}
.pageHeader h1 {
font-size: 30px !important;
line-height: 34px !important;
}
.pageHeader h4 {
font-size: 18px !important;
line-height: 22px !important;
}
div.row_col_wrap_12_inner.col.span_12.left {
width: 100% !important;
}
}
@media only screen and (max-width: 1084px) {
#aboutHeader p {
line-height: 20px !important;
}
}  .tax-product-category #ajax-content-wrap > .blurred-wrap > .container,
.tax-product-tag #ajax-content-wrap > .blurred-wrap > .container {
min-height: 53.9vh !important;
min-height: 53.9vh !important;
}
.category-block {
float: left;
margin-right: 1%;
margin-bottom: 10px;
position: relative;
width: 32.33%;
height: 150px;
background-color: #f5f5f5;
transition: 300ms;
}
@media (max-width: 766px) {
.single-blog-post-image,
.product-page-pic {
height: auto;
margin-top: 14px;
width: 80% !important;
}
.product-page-info {
box-sizing: border-box;
margin-left: 0 !important;
padding: 20px;
width: 100% !important;
}
}
.category-block h2 {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 20px;
color: #1a1a1a;
text-align: center;
}
.products-container a:nth-of-type(3n) .category-block {
margin-right: 0;
}
.category-block:hover {
background-color: #d6d6d6;
}
.text-center {
text-align: center;
}
@media screen and (max-width: 999px) {
.category-block {
width: 100%;
float: none;
margin-right: 0 !important;
}
.archive .container {
width: 100%;
}
#headerBg div.row-bg {
background-image: none !important;
}
.category-block h2 {
font-size: 1.5rem !important;
}
} .single-product .single-blog-post {
overflow: auto;
padding: 16px 0px 16px 0px;
}
.single-product .product-page-info {
float: left;
margin-left: 8.33333333%;
width: 41.66666667%;
}
.single-product .product-page-pic {
float: left;
width: 50%;
}
.single-product .single-blog-post-image {
width: 640px;
height: 426px;
margin: 0 auto;
display: block;
}
.product-page-info p,
.product-page-info h4 {
color: #1d2225;
}
.product-page-info h2 {
font-size: 22px;
} .container.logos {
text-align: center;
margin-top: 80px;
margin-bottom: 80px;
}
.container.logos h3 {
margin-bottom: 50px;
}
.logos-container {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.three.man-logo {
margin-bottom: 35px;
}
.three.man-logo a {
background: #11537a;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 999px) {
.custom-search-form input {
width: 85% !important;
padding-top: 10px !important;
}
body:not(.nectar-no-flex-height) {
min-height: 0 !important;
}
.searchButton {
width: 10% !important;
}
}
@media only screen and (max-width: 936px) {
#aboutHeader h1 {
width: 100% !important;
}
#aboutHeader p {
display: none !important;
}
}
@media only screen and (max-width: 900px) {
i.fa-search {
font-size: 14px !important;
margin-top: -3px !important;
}
}
@media only screen and (max-width: 850px) {
}
@media only screen and (max-width: 690px) {
.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2,
.nectar-slider-wrap[data-full-width="boxed-full-width"][data-fullscreen="false"] .swiper-slide .content h2,
.full-width-content .vc_span12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2 {
font-size: 4.2vw !important;
line-height: 27px !important;
}
}
@media only screen and (max-width: 600px) {
#headerRow div.vc_col-sm-4 {
width: 100% !important;
}
#aboutHeader div.container {
width: 100% !important;
max-width: 100% !important;
}
#aboutHeader div.content {
width: 44% !important;
}
}
@media only screen and (max-width: 480px) {
#aboutHeader div.content {
padding-left: 2% !important;
padding-top: 2% !important;
}
.footer-blue .vc_column-inner {
padding: 10px !important;
}
}
@media only screen and (max-width: 360px) {
a.mobile-search {
display: none !important;
}
}