/*
Theme Name: seals.spb-promsnab.ru
Version: 0.1
Description: Тема для сайта seals.spb-promsnab.ru
Author: Aleksei Bellavin
Author URI: https://best-ideas.ru
*/

body {max-width: 1920px; margin: 0 auto; background: transparent; background-image: url(img/bg.jpg); background-size: cover; background-attachment: fixed; /* opacity: 0.5;  ackground-image: linear-gradient(#000000, #FFFFFF); */}

main {background: rgba(255, 255, 255, 0.9);}

header {/*background-color:#e6e6e6;*/ padding:15px 0 0 0; background: rgba(255, 255, 255, 0.9); /*background: transparent; background-image: linear-gradient(#000000, #ffffff); */}

p, a, ul li, h2, h3 { font-family: 'Century Gothic';
font-weight: normal;
font-style: normal;
font-size:24px;
color:#000000;}

a.logo-link:hover {text-decoration:none;}
.head-text {float:right; font-size: 25px; color: #000; text-align:center; padding-top:10px;}

h1.page-title {font-size: 60px; color: #f7931d; font-family: 'Century Gothic'; font-weight: bold;}
h2.category-title {font-size:60px; color:#f7931d; font-family: 'Century Gothic'; font-weight: bold;}
p.enter {padding: 20px 0 0 0; margin-bottom:0px;}
main p, main div div p, main div div ul li {font-size:18px;}
main p b {color:#f7931d;}
main div div h2 {font-size:36px; font-weight: bold;}
main div div h3 {font-size:36px; font-weight: bold; text-align:center; text-transform: uppercase;}

p.desc-main {margin: 30px 10px; font-size:20px;}

.card {position: relative; overflow: hidden;}
.card img { display: block; border: none; transition: 1s;}
.card-body { display: block; padding: 5px 15px; width: 100%; position: absolute; bottom: 0px; background-color: rgba(106, 112, 115, 0.5); color: #fff; transition: 0.5s;}

.card:hover img {transform: scale(1.2);}
.card:hover .card-body {background-color: rgba(106, 112, 115, 0.8);}

h2.card-title a {font-family: 'Century Gothic';}
h2.card-title a:hover {text-decoration:none; color:#f7931d ;}


.news .card-body h2.card-title {line-height:20px;}
.news .card-body h2.card-title a {color:#f7931d ; font-size:24px; text-shadow: 1px 1px 1px #000; font-weight:bold;}

h3.card-title {margin:0; padding:0;}
h3.card-title a {font-weight: bold; opacity: 1!important; color: #fff;}
h3.card-title a:hover {text-decoration:none;}

main .row div {overflow:hidden; position:relative;}
p.analog_main { background: #222; opacity: 0.7; color: #fff; border-radius: 2px; position: absolute; right: 0; top: 0px; font-size: 11px; padding: 3px 5px;}

.type-product h3, .type-product h3 a {font-size:14px;}

.card-body p {font-size:20px; margin:0; padding:0; color: #fff;}

a.more-main {display:block; padding:5px 30px; background-color:#f7931d ; color:#fff; font-size:36px; float:right; transition: 0.5s;}
a.more-main:hover {text-decoration:none; background: #e6e6e6; color:#f7931d ;}

img.logo {max-height:130px;}

.phone {background-image: url(img/phone.png);
background-repeat: no-repeat;
background-position: left;
padding-left:50px;
margin-right:10px;
}
.phones-h {}

/* .contacts .phone:first-child {float:left;} */

.contacts {padding:0;}

.phone p, .time p, .adress p {margin-bottom:0px;}
.phone p, .time p, .adress p { font-size:24px; color:#72bf1c; }
.phone p a, .time p span { font-size:26px;}
.phone p, .time p { line-height:45px;}

/*.phone p {line-height:25px;}*/
.phone a {text-decoration:none; color:#72bf1c;}
.time a  {text-decoration:none; color:#72bf1c;}

.time {background-image: url(img/mail.png);
background-position: left;
background-repeat: no-repeat;
padding-left:50px;
}


.adress {background-image: url(img/map.png);
background-position: left;
background-repeat: no-repeat;
padding-left:50px;
width:100%;
}


table {
    width: 100%;
    min-width: 240px;
    border-collapse: collapse;
	text-align:center;
}
table td, table th, .wp-block-table td, .wp-block-table th {
    padding: 5px;
    border: #f7931d 1px solid;
}
table tbody th {background: #f7931d; color: #fff; border: #fff 1px solid;}
table tbody tr td:first-child {font-weight:bold;}
table tbody tr { transition: 0.5s;}
table tbody tr:hover { background: #f7931d; color: #fff; }

.table-responsive {
    display: block;
    width: 100%;
	overflow-x: auto!important; }

.slider {background-image: url(img/sl-1.png); background-size: cover; min-height:610px; width:100%;  border-top: 15px solid #f7931d ;}


.navbar-expang-lg, .navbar {margin: 0!important; padding: 0!important; background: #f7931d ;}
.navbar-nav {margin: 0; padding: 0; display: flex; width:100%;}
.navbar-nav li {list-style-type: none;
  flex-basis: auto;
  flex-grow: 1;
  text-align: center;
  width: 25%;
  align-items: center;
  border-right: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  }
.navbar .container-fluid {margin: 0; padding: 0;}  
.navbar-nav li a {
  padding: 5px 0px;
  text-decoration: none;
  color: #ffffff!important;  
  display: block;
  line-height:32px;
  /* max-height:80px; */  
  font-family: 'Century Gothic';
  font-weight: bold;
  font-style: normal;
  font-size:20px;
  text-transform: uppercase;
  align-items: center;
}

.navbar-nav li {background: #f7931d ; transition: 0.5s;}
/*
.navbar-nav li:nth-child(2) a {line-height:35px; padding:11px 0 10px 0;}
.navbar-nav li:nth-child(3) a {line-height:35px; padding:11px 0 10px 0;}

.navbar-nav li:last-child a {border:0px;}*/

.navbar-nav li:hover {text-decoration:none; background: #e6e6e6; }
.navbar-nav li:hover a {color:#f7931d !important;}

.navbar-nav li.active  {
	background: #e6e6e6;
}

.nav-link span {max-width:250px; display: block;}

.navbar-nav li.active a {color: #f7931d !important;}

.navbar-dark .navbar-toggler {border:0;}
button.navbar-toggler:focus {
    outline: 0px!important;
}
.main-menu { margin: 0; padding: 0; display: flex;}

.main-menu li {
  list-style-type: none;
  flex-basis: auto;
  flex-grow: 1;
  text-align: center;
  width: 25%;
}

.main-menu li a {
  padding: 20px 0;
  text-decoration: none;
  color: #fff;
  background: #f7931d ;
  display: block;
  /* max-height:80px; */
  border-right: 1px solid #fff;
  font-family: 'Century Gothic';
  font-weight: bold;
  font-style: normal;
  font-size:30px;
  text-transform: uppercase;
}

.navbar-nav li:last-child  {border:0px;}

.main-menu li.current-menu-item a {
	background: #e6e6e6;
	color: #f7931d ;
}

.dropdown-menu {width:100%; border:0; padding:0;}
.dropdown-menu li {width:100%;}
.dropdown-menu li a{width:100%;}

#primary-menu li ul.show li a { color:#fff!important;}
#primary-menu li ul.show li a:hover {color: #f7931d!important;}

.left-n {float:right;}
.right-n {float:left;}
.left-n a, .right-n a {font-size:16px;}

.left-n a:hover, .right-n a:hover {color:#f7931d ; text-decoration:none;}

/*.main-menu li:nth-child(2n) a {
  background: #666;
}*/

.prev_next_buttons {border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom:10px; margin-bottom:10px;}
div.next_buttons {float:right;}

.breadcrumbs { padding:5px 5px; width:100%;}
.breadcrumbs, .breadcrumbs a {font-size:16px; color: #444547;}
.breadcrumbs a:hover {text-decoration:none; color: #f7931d ;}

.bg-grey {background: #e6e6e6; margin-top:0px; padding-top:15px; border-top: 15px solid #f7931d ;}

.bottom-left, .bottom-centr, .bottom-right {padding:0px;}
.bottom-left li, .bottom-centr li, .bottom-right li {list-style-type:none;}
.bottom-left li:first-child a, .bottom-centr li:first-child a, .bottom-right li:first-child a{text-transform: uppercase; color:#444547; font-size:30px; font-weight: bold; border-bottom: 2px solid #f7931d ; width:100%; display:block; margin-bottom:10px; padding-bottom:0px; line-height: 30px;}

.bottom-left a, .bottom-centr a, .bottom-right a {color:#444547; line-height: 30px;}
.bottom-left a:hover, .bottom-centr a:hover, .bottom-right a:hover {text-decoration:none; color:#f7931d ;}

.directions {text-align:center; padding-top:10px;}
.directions a {text-transform: uppercase; font-size:30px; color:#f7931d ;}
.directions a:hover {text-decoration:none;}
.directions a img {outline: 5px solid #fff; margin-bottom:5px; transition: 0.5s;}
.directions a img:hover {outline: 5px solid #f7931d ;}

.text-muted {color:#fff!important; font-weight: bold; font-size:20px;}

#true-side {border: 2px solid #f7931d ; padding:0px;}
#true-side p, #true-side a {font-size:14px; text-align:center;}
#true-side a:hover {text-decoration:none; color:#f7931d ;}
#block-4 {background: #f7931d ; padding: 5px 0; margin-bottom:10px; text-align:center; }
#block-4 p {text-transform: uppercase;  margin: 0; color:#fff; font-weight:bold; font-size:16px;}
p.head-cat {font-weight:bold; font-size:16px!important; padding:0 2px;}

button.single_add_to_cart_button {
    display: block!important;
    padding: 10px 30px!important;
    background-color: #FF6633!important;
    color: #fff!important;
    font-size: 32px!important;
    transition: 0.5s!important;
	margin: 10px 0!important;
}
button.single_add_to_cart_button:hover {text-decoration:none; background: #FF3300!important; }


@media screen and (max-width: 968px){
.navbar-nav li { width: 100%; }
.nav-link span { max-width: 450px; }
a.more-main {float:none; margin: 0 auto; text-align:center; max-width: 300px;}
.navbar-nav li {border: 0px;}
.tabs li a {font-size:16px}
}

@media screen and (max-width: 768px){
img.logo {padding-bottom:15px;}
h2.category-title {font-size:32px;}
.navbar-nav li a {font-size:20px;}
.navbar-nav li { width: 100%; }
main div div p, main div div ul li {font-size:20px;}
a.more-main {font-size:20px;}
h1.page-title {font-size: 48px;}
.tabs li a {font-size:10px}
}

@media screen and (max-width: 576px){
a.more-main { width:100%; text-align:center; margin-bottom:15px;}
.navbar-nav li a { border: 0px; }
.navbar-nav li { width: 100%; }
h1.page-title {font-size: 42px;}
.left-n, .left-n a, .right-n, .right-n a {font-size:14px;}
.tabs li a {font-size:10px}
}



/* ---- */

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
	  




.form-row {
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}

.form-row input[type='text'], .form-row input[type='tel'], .form-row input[type='email'], .form-row textarea.input-text {
  background-color: #FFFFFF;
  border: 1px solid #D6D9DC;
  border-radius: 3px;
  width: 100%;
  padding: 7px;
  font-size: 14px;
}

.form-row label {
  margin-bottom: 15px;
}

.woocommerce-tabs {
  margin-top: 15px;
}







/* WooCommerce Column*/
main .products ul,main ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    clear: both
}

main .products ul::after,main .products ul::before,main ul.products::after,main ul.products::before {
    content: " ";
    display: table;
}

main .products ul::after,main ul.products::after {
    clear: both
}

main .products ul li,main ul.products li {
    list-style: none outside
}

main ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: -.5em -.5em 0 0
}

main ul.products li.product .woocommerce-loop-category__title,main ul.products li.product .woocommerce-loop-product__title,main ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em
}

main ul.products li.product a {
    text-decoration: none
}

main ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none
}

main ul.products li.product strong {
    display: block
}

main ul.products li.product .woocommerce-placeholder {
    border: 1px solid #f2f2f2
}

main ul.products li.product .star-rating {
    font-size: .857em
}

main ul.products li.product .button {
    display: inline-block;
    margin-top: 1em
}

main ul.products li.product .price {
    color: #77a464;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em
}

main ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: inline-block
}

main ul.products li.product .price ins {
    background: 0 0;
    font-weight: 700;
    display: inline-block
}

main ul.products li.product .price .from {
    font-size: .67em;
    margin: -2px 0 0 0;
    text-transform: uppercase;
    color: rgba(132,132,132,.5)
}

main ul.products li.first,.woocommerce-page ul.products li.first {
    clear: both
}

main ul.products li.last,.woocommerce-page ul.products li.last {
    margin-right: 0
}

main ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product {
    width: 100%;
    margin-right: 0
}

main ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product {
    width: 48%
}

main ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product {
    width: 30.75%
}

main ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product {
    width: 16.95%
}

main ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product {
    width: 13.5%
}

.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product {
    width: 100%;
    margin-right: 0
}

.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product {
    width: 48%
}

.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product {
    width: 30.75%
}

.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product {
    width: 16.95%
}

main ul.products,.woocommerce-page ul.products {
    clear: both
}

main ul.products::after,main ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before {
    content: " ";
    display: table
}

main ul.products::after,.woocommerce-page ul.products::after {
    clear: both
}

main ul.products li.product,.woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0
}

main ul.products li.first,.woocommerce-page ul.products li.first {
    clear: both
}

main ul.products li.last,.woocommerce-page ul.products li.last {
    margin-right: 0
}

main ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product {
    width: 100%;
    margin-right: 0
}

main ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product {
    width: 48%
}

main ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product {
    width: 30.75%
}

main ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product {
    width: 16.95%
}

main ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product {
    width: 13.5%
}

.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product {
    width: 13.5%
}

main:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,main:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,main:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,main:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,:where(body:not(.woocommerce-block-theme-has-button-styles)) main #respond input#submit,:where(body:not(.woocommerce-block-theme-has-button-styles)) main a.button,:where(body:not(.woocommerce-block-theme-has-button-styles)) main button.button,:where(body:not(.woocommerce-block-theme-has-button-styles)) main input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none
}