@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

p, a, h1, h2, h3, h4, h5, h6, li, ul, ol, input, button {
    font-family: 'Montserrat', sans-serif;
}
.bgwhite {
    background: white;
}
.lightbg {
    background: #d6d4d7;
}
.err {
    color: red;
}
.mh-75vh {
    max-height: 75vh;
}
@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
}
.sec1 .div1,
.sec1 .div2 {
    position: relative;
}
@media(min-width: 768px) {
    .sec1 .div1 {
        bottom: 20px;
    }.sec1 .div2 {
        top: 20px;
    }
}

/*
@media max
.index-blog .scale-image-cont {
    height: 250px;
    display: flex;
} */
.index-blog .scale-image-cont img {
    max-height: 100%;
}
@media(min-width: 1300px) {
    main.home {
        padding: 0 10vw;
    }
}

.scale {
    transition: 0.5s transform;
}.scale:hover {
    transform: scale(1.1);
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #ddd;
}
::-webkit-scrollbar-thumb {
  background: var(--dark-color);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--dark-color-hov);
}
@font-face {
  font-family: "hind";
  src: url("../webfonts/Hind/Hind-Bold.ttf") format("ttf")
}
body {
    font-family: 'Raleway', sans-serif;
}
/* cookie */
.cc_banner-wrapper .cc_container {
	background: black;
}
.cc_banner-wrapper .cc_container .cc_btn, .cc_banner-wrapper .cc_container .cc_btn:visited {
	background-color: var(--main-color);
	color: white;
}
.cc_banner-wrapper .cc_container a:hover, .cc_banner-wrapper .cc_container a:active {
	color: var(--main-color);
}
/* end-cookie */


/* scroll up */
#fixed-call-and-chat,
#scrollTop {
	position: fixed;
	text-align: center;
	z-index: 3000;
}
#scrollTop {
	opacity: 0.5;
	width: 45px;
	height: 45px;
	bottom: 25px;
    line-height: 45px;
	right: 25px;
	background: var(--main-color);
    cursor: pointer;
}#scrollTop:active {
	bottom: 27px;
	top: unset;
}#scrollTop:hover {
	opacity: 1;
	background: var(--main-color);
}#scrollTop i {
	line-height: 23px;
}
/* footer */
#site-footer {
	font-size: 14px;
	background: #a2a2a2;
}
#site-footer,
#site-footer a {
	color: white;
}

#site-footer h6 {
	color: white;
}
#site-footer h4 {
    text-transform: uppercase;
    font-weight: bold;
}
#site-footer a:hover,
#site-footer a:focus {
	color: var(--main-color);
	text-decoration: none;
}
#site-footer .footer-tags a {
    color: #929292;
    display: inline-block;
    border: 1px solid #929292;
    padding: 3px 6px;
    border-radius: 10px;
    margin: 3px;
    cursor: pointer;
}#site-footer .footer-tags a:hover,
#site-footer .footer-tags a:focus {
    background: #929292;
    color: #222;
}
.social a {
	display: inline-block;
	border-radius: 50%;
	margin-right: 2px;
	background: black;
	width: 30px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	color: gray;
	transition: 0.5s color, 0.5s background;
}
.social a:hover,
.social a:hover i {
	color: white;
}
.social .fb:hover {
	background: #4267b2;
}.social .twit:hover {
	background: #36a1f2;
}.social .inst:hover {
	background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}.social .youtube:hover {
	background: #e9452e;
}
.social .odnoklass:hover {
    background: #ee8333;
}
.social .vk:hover {
    background: #5181b8;
}

.social a:last-of-type {
	margin-right: 0;
}

#site-footer .footer-bottom {
	border-top: 1px solid white;
}

#site-footer img {
	max-width: 100%;
}

#site-footer .foot-contacts i,
#site-footer address i {
	margin-right: 10px;
	margin-bottom: 10px;
}

#site-footer .footer-social a {
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin-right: 7px;
    color: white;
}#site-footer .footer-social a i {
    line-height: 24px;
}

#site-footer .footer-social a.fb {
    background: #3b5999;
}#site-footer .footer-social a.fb:hover {
    background: #1c2b4a;
}
#site-footer .footer-social a.tw {
    background: #00a2f3;
}#site-footer .footer-social a.tw:hover {
    background: #006ca2;
}
#site-footer .footer-social a.inst {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
/* header */
.conts a span {
    display: inline-block;
    transition: 0.5s transform;
    margin-bottom: 2px;
}
.conts a:hover span {
    transform: scale(1.15);
}
.bt-1 {
    border-top: 1px solid white;
    padding-top: 10px;
}
#site-header {
	background: white;
	color: #444;
	z-index: 1000;
	font-size: 0.9rem;
	transition: 0.5s padding;
	max-height: 100vh;
    -webkit-box-shadow: 0px 2px 3px 0px var(--dark-color);
    -moz-box-shadow: 0px 2px 3px 0px var(--dark-color);
    box-shadow: 0px 2px 3px 0px var(--dark-color);
}
@media screen and (max-width: 769px){
    #site-header .hovmainc {
        font-size: 18px;
    }
}
#site-navigation.collapse {
    display: block;
}
#site-navigation ul {
    margin: 0;
    display: inline-block;
    padding: 0;
    list-style-type: none;
}
#site-navigation ul li {
    display: inline-block;
    padding: 10px 5px;
}
#site-navigation ul li a,
#site-navigation ul li button {
    display: inline-block;
    font-size: 1rem;
    transition: 0.5s background, 0.5s color;
    position: relative;
}
@media(min-width: 1200px) {
    #site-navigation ul li {
        padding: 15px 10px;
    }
}
#site-navigation ul li a::after,
#site-navigation ul li button::after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 0;
    height: 2px;
    transition: 0.5s width;
    background: var(--main-color);
}
#site-navigation ul li a:hover::after,
#site-navigation ul li button:hover::after,
#site-navigation ul li a.active::after,
#site-navigation ul li button.active::after {
    width: 15px;
}
#site-navigation ul li a:hover,
#site-navigation ul li button:hover {
    color: var(--dark-color);
}

@media (max-width: 991px) {
    #site-navigation {
        max-height: 100vh;
    }
    #site-navigation ul li a::after,
    #site-navigation ul li button::after {
        left: 50%;
        margin-left: -8px;
    }
    #site-navigation ul li a,
    #site-navigation ul li button {
        width: 100%;
        text-align: center;
    }
    #site-navigation.collapse {
        display: none;
    }
    #site-navigation.collapse.show {
        display: block;
    }
    #site-navigation ul {
        display: block;
    }
    #site-navigation ul li {
        display: block;
        padding: 20px 10px;
    }

    #site-navigation .dropdown-menu {
        width: 100%;
        text-align: center;
        transform: none!important;
        position: static!important;
    }
}
#site-header.small-p {
	padding-top: 5px;
	padding-bottom: 0;
}#site-header.small-p #scrollTop {
	display: block;
}
#site-header .logo {
	max-width: 100%;
    max-height: 120px;
	/* margin: 0 auto; */
    /* display: block; */
}#site-header .lockmasterLogo {
	max-width: 25%;
	max-height: 75px;
}
#site-header .nav,
#header-bot .nav {
	padding: 0;
	transition: 0.5s padding;
    z-index: 800;
}
#site-header .dd .fa-angle-down,
#header-bot .dd .fa-angle-down {
	font-size: 0.7rem;
	margin-left: 20px;
	transition: 0.5s transform, 0.5s color;
}#site-header .dd.active > .dd-tog .fa-angle-down,
#site-header .dd-2.active .fa-angle-down,
#header-bot .dd.active > .dd-tog .fa-angle-down,
#header-bot .dd-2.active .fa-angle-down {
    transform: rotate(180deg);
	color: var(--main-color);
}
#site-header .dd.active > button span,
#header-bot .dd.active > button span {
	color: var(--main-color);
}
#site-header .nav > a span,
#site-header .dd > button span,
#header-bot .nav > a span,
#header-bot .dd > button span {
	z-index: 1601;
	position: relative;
	cursor: pointer;
	color: #444;
}
#site-header .nav > a.active,
#site-header .dd > button.active,
#header-bot .nav > a.active,
#header-bot .dd > button.active {
	color: var(--main-color);
}
#site-header .dd-menu,
#header-bot .dd-menu {
	display: none;
	overflow: hidden;
}#site-header .dd-menu:hover,
#site-header .dd-menu:focus-within,
#header-bot .dd-menu:hover,
#header-bot .dd-menu:focus-within {
	overflow: visible;
}#site-header .dd-item,
#header-bot .dd-item {
	display: block;
	color: #444;
}
#site-header .nav > a,
#site-header .nav .dd,
#header-bot .nav > a,
#header-bot .nav .dd {
	color: #444;
}
#site-header .dd-menu,
#header-bot .dd-menu {
	margin: 20px;
	background: #eeeeee;
	padding: 10px 0;
}#site-header .dd-item
#header-bot .dd-item {
	padding-bottom: 10px;
}#site-header .dd-item:last-of-type,
#header-bot .dd-item:last-of-type {
	padding-bottom: 0;
}
#site-header .logo a:focus {
	outline: 2px solid var(--main-color);
}

#site-header .nav > a:focus span,
#header-bot .nav > a:focus span {
	color: var(--main-color);
}

#site-header .nav .dd button:focus > span,
#site-header .dd .dd-item:focus,
#header-bot .nav .dd button:focus > span,
#header-bot .dd .dd-item:focus {
	color: #70c3f9;
}

@media(min-width: 992px) {

	#site-header .nav > a.active,
	#site-header .dd > button.active,
	#site-header .dd > button.active span,
	#site-header .nav > a.active span,
    #header-bot .nav > a.active,
	#header-bot .dd > button.active,
	#header-bot .dd > button.active span,
	#header-bot .nav > a.active span {
		background: var(--main-color);
		color: white;
	}

	#site-header .nav > a:hover span,
	#site-header .nav > a:focus span,
	#site-header .nav .dd:hover button span,
	#site-header .nav .dd button:focus span,
    #header-bot .nav > a:hover span,
	#header-bot .nav > a:focus span,
	#header-bot .nav .dd:hover button span,
	#header-bot .nav .dd button:focus span {
		color: white;
	}
	#site-header .nav > a:hover,
	#site-header .nav .dd:hover button,
    #header-bot .nav > a:hover,
	#header-bot .nav .dd:hover button {
		text-decoration: none;
	}
	#site-header .dd-2 button:focus,
	#site-header .dd-2 button:hover,
    #header-bot .dd-2 button:focus,
	#header-bot .dd-2 button:hover {
		color: #70c3f9;
	}
	#site-header .nav > a::before,
	#site-header .dd > button::before,
    #header-bot .nav > a::before,
	#header-bot .dd > button::before {
		position: absolute;
		width: 100%;
		background: var(--main-color);
		content: '';
		left: 0;
		bottom: 0;
		height: 0;
		transition: 0.3s height;
		z-index: 1500;
	}#site-header .nav > a:hover:before,
	#site-header .dd:hover > button:before,
	#site-header .nav .dd button:focus:before,
	#site-header .nav > a:focus:before,
    #header-bot .nav > a:hover:before,
	#header-bot .dd:hover > button:before,
	#header-bot .nav .dd button:focus:before,
	#header-bot .nav > a:focus:before {
		height: 100%;
	}
	#site-header .dd-menu,
    #header-bot .dd-menu {
		display: block;
		background: #444;
		min-width: 275%;
		position: absolute;
		left: 75px;
		margin: 0;
		height: 0;
		opacity: 0;
		transition: 0.3s left, 0.3s opacity;
		padding: 0;
	}#site-header .dd-menu a,
    #header-bot .dd-menu a {
		display: block;
		color: white;
		padding: 8px 25px;
	}#site-header .dd-menu a:hover,
	#site-header .dd-menu a:focus,
    #header-bot .dd-menu a:hover,
	#header-bot .dd-menu a:focus {
		color: #70c3f9;
		text-decoration: none;
	}

	#site-header .dd-menu .dd-item,
    #header-bot .dd-menu .dd-item {
		height: 0;
		padding: 0;
	}

	#site-header .dd:hover .dd-menu,
	#site-header .dd button:focus + .dd-menu,
	#site-header .dd:focus-within .dd-menu,
    #header-bot .dd:hover .dd-menu,
	#header-bot .dd button:focus + .dd-menu,
	#header-bot .dd:focus-within .dd-menu {
		height: auto;
		padding: 0;
		left: 0;
		opacity: 1;
	}#site-header .dd:hover .dd-item,
	#site-header .dd-2 > button,
	#site-header .dd button:focus + .dd-menu .dd-item,
	#site-header .dd:focus-within .dd-menu .dd-item,
	#site-header .dd:focus-within button,
	#site-header .dd:hover button,
	#site-header .dd > button:focus + .dd-menu button,
    #header-bot .dd:hover .dd-item,
	#header-bot .dd-2 > button,
	#header-bot .dd button:focus + .dd-menu .dd-item,
	#header-bot .dd:focus-within .dd-menu .dd-item,
	#header-bot .dd:focus-within button,
	#header-bot .dd:hover button,
	#header-bot .dd > button:focus + .dd-menu button {
		height: auto;
		padding: 8px 25px;
	}#site-header .dd-item:focus,
    #header-bot .dd-item:focus {
		color: #70c4f9;
	}
	#site-header .nav .dd > button,
    #header-bot .nav .dd > button {
		height: 30px;
		display: inline-block;
		padding: 0 15px;
	}
	#site-header .nav > a,
	#site-header .nav .dd,
    #header-bot .nav > a,
	#header-bot .nav .dd {
		display: inline-block;
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		position: relative;
		z-index: 1600;
	}
	#site-header .nav .dd,
    #header-bot .nav .dd {
		padding: 0;
	}
	#site-header .dd-2,
    #header-bot .dd-2 {
		position: relative;
	}
	#site-header .dd .dd-2-menu,
    #header-bot .dd .dd-2-menu {
		position: absolute;
		left: 100%;
		top: 0;
		background: #444;
		height: 0;
		overflow: hidden;
		min-width: 100%;
	}
	#site-header .dd-2 > button:hover + .dd-2-menu,
	#site-header .dd-2 > button:focus + .dd-2-menu,
	#site-header .dd-2-menu:focus-within,
	#site-header .dd-2-menu:hover,
    #header-bot .dd-2 > button:hover + .dd-2-menu,
	#header-bot .dd-2 > button:focus + .dd-2-menu,
	#header-bot .dd-2-menu:focus-within,
	#header-bot .dd-2-menu:hover {
		height: auto;
	    padding: 10px 0;
	    opacity: 1;
	}#site-header .dd-2-menu button:focus,
	#site-header .dd-2-menu button:hover,
    #header-bot .dd-2-menu button:focus,
	#header-bot .dd-2-menu button:hover {
		color: #70c4f9;
	}
	#site-header .dd-2 button,
    #header-bot .dd-2 button {
		color: white;
		text-align: left;
		height: 0;
		padding: 0;
	}
}
#header-bot {
    margin-bottom: 2px;
}
.dd-menu {
	display: block;
}
#site-header .nav > *,
#header-bot .nav > * {
	align-self: center;
}
.header-top {
    background: var(--dark-color);
    color: white;
    font-family: 'Roboto', sans-serif;
}
#header-top .cart {
	padding: 0 15px;
	cursor: pointer;
	position: relative;
}
#header-top .cart button {
	position: relative;
}
#header-top .cart .productsNumber {
	background: var(--main-color);
	border-radius: 50%;
	position: absolute;
	height: 20px;
	width: 20px;
	color: white;
	top: 2px;
	right: -10px;
}
.search-header .inp-wrap input {
    border-color: var(--main-color);
}
.search-header .inp-wrap button {
    width: 20%;
    height: 35px;
}.search-header .inp-wrap button i {
    color: white;
    padding-top: 7px;
}
#header-top .cart img {
	max-height: 22px;
	transition: 0.5s transform;
}
#site-header .account i {
	font-size: 21px;
	color: #444;
	transition: 0.5s transform;
}
#site-header .account:hover button {
	color: #2167a2;
}#site-header .account:hover i {
	transform: scale(1.2);
}
#header-top .cart p {
	margin: 0;
}#header-top .cart .price {
	color: #2167a2;
}
#site-header .cart:hover img {
	transform: scale(1.2);
}#site-header .cart:hover p {
	color: #2167a2;
}
.fa-search {
	font-size: 20px;
}

#search {
	position: absolute;
	top: 100%;
	width: 35%;
	left: 32.5%;
	background: white;
	border: 1px solid var(--main-color);
	border-top: none;
	margin-top: 1px;
	border-radius: 0 0 10px 10px;
	padding: 15px;
	text-align: center;
	z-index: 998;
	overflow: hidden;
}
#search .inp-wrap {
	width: 85%;
	display: inline-block;
}
.inp-wrap input {
	padding: 5px;
	border: none;
	float: left;
	width: 80%;
	color: #444;
	border: 3px solid #175184;
	border-right: none;
}.inp-wrap [type='submit'] {
	width: 20%;
	color: white;
	background: none;
	border-color: #175184;
	border-right: 3px solid #175184;
}.inp-wrap [type='submit']:hover,
.inp-wrap [type='submit']:focus {
	background: #175184;
	color: white;
}
.inp-wrap::after {
	content: '';
	display: table;
	clear: both;
}
#nav-tog:focus span,
#nav-tog:hover span {
	background: var(--main-color) !important;
}#nav-tog.open span {
	background: #222;
}
#nav-tog {
  width: 30px;
  height: 25px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}#nav-tog span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #222;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}#nav-tog span:nth-child(1) {
  top: 0px;
}#nav-tog span:nth-child(2),
#nav-tog span:nth-child(3) {
  top: 12px;
}#nav-tog span:nth-child(4) {
  top: 24px;
}#nav-tog.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}#nav-tog.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}#nav-tog.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}#nav-tog.open span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}

#product-description ul {
	list-style-image: url('../img/key.png');
}#product-description ul li {
	padding-right: 15px;
	margin-bottom: 10px;
}#product-description ul.gray li,
#product-description ul.gray li a {
	color: #666;
}#product-description ul.gray li a:hover {
	color: var(--main-color);
}


#search button {
    position: absolute;
    top: 12px;
    right: 10px;
}
#search button i {
    font-size: 20px;
}

@media (max-width: 991px) {
    #site-header .logo {
        margin: 0 auto 0 0;
    }
    #site-header .dd-item {
        padding-bottom: 10px;
    }#site-header .dd-2-menu a li {
        padding-bottom: 10px;
    }
    #search button {
        position: absolute;
        top: 15px;
        right: 15px;
    }#search button i {
        font-size: 25px;
    }
	#site-header {
		overflow: auto;
	}
	#site-header .nav {
		display: none;
		border-top: 1px solid var(--main-color);
		margin-top: 15px;
	}
	#site-header.small-p .nav {
		padding-bottom: 15px;
	}
	#header-top .cart .productsNumber {
		left: 51%;
	}
	#site-header .nav > div,
	#site-header .nav > a,
	#site-header .nav > .dd {
		display: block;
		text-align: center;
		margin: 20px auto 0 auto;
	}

	#site-header .nav .search-trig {
		width: 100%;
	}
	#search {
		position: fixed;
		top: 0;
		left: 0;
		height: 150px;
		width: 100%;
		border: 1px solid var(--main-color);
	}
	#search .inp-wrap {
		width: 100%;
	}

	#site-header .dd-2-menu {
		display: none;
		width: 85%;
		margin: 0 auto;
		background: #c5c5c5;
		padding: 10px 0;
		border-radius: 5px;
		margin-bottom: 20px;
	}#site-header .dd-2-menu a {
		color: #333;
	}#site-header .dd-2 button {
		padding-bottom: 10px;
		color: #444;
	}#site-header .dd-2.active > button,
	#site-header .dd-2 > button:focus {
		color: var(--main-color);
	}
	#site-header .dd-2 a:focus {
		color: #005054;
	}
}

/* index prod */
.prod-2-cont {
	background-image: url('../img/bb5-dimmed.png');
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
}.prod-2-cont .hDecor::before {
	background: white;
}
.prod-2 .text-descr {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.prod-2 {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
.prod-2 > div {
	background: white;
    background: rgba(255,255,255,0.85);
}.prod-2 img {
	transition: 0.5s transform;
}.prod-2 img:hover,
.prod-2 a:focus img {
	transform: scale(0.95);
}


@media(max-width:991px) and (orientation: landscape) {
    #site-header {
        position: relative;
    }
}

/* about */
.container.about .img-holder {
	height: 40vh;
}

/* contacts */
.contacts p {
	margin: 0;
}.contacts h4 {
	margin-bottom: 15px;
	font-size: 20px;
	color: #444;
}.contacts .social a {
	padding-top: 7px;
	background: white;
	border: 1px solid #666;
}.contacts .social a i {
	font-size: 14px;
}.contacts a {
	color: #666;
}.contacts a:hover,
.contacts a:hover p {
	color: var(--main-color);
}

.contacts-form > div {
	margin-bottom: 20px;
}

#google-map {
	width: 100%;
	height: 65vh;
	border: none;
}

.contacts .gdpr {
	cursor: pointer;
}
/* cookies consent */
#cookies-consent {
	display: none;
	z-index: 3500;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	color: white;
	background: var(--main-color);
	padding: 10px 15px;
}#cookies-consent .close {
	color: white;
}
@media(max-width: 991px) {
	#cookies-consent .close {
		position: absolute;
		top: 10px;
		right: 4px;
	}
    #mini-cart {
        right: 0;
        z-index: 9999;
    }
}
.product .product-name,
.product .product-descr {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 2.5rem;
}
.product .product-descr {
	color: #666;
}
.product .product-descr p {
    margin: 0;
}.product .product-descr ul {
    padding: 0;
    margin: 0;
    list-style-position: inside;
}
.product .img-holder {
	height: auto;
	position: relative;
	overflow: hidden;
    height: 300px;
}.product .img-holder > a {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.product .hov-prod {
	position: absolute;
	bottom: -40px;
	transition: 0.5s bottom;
	background: var(--main-color);
	color: white;
}.product .hov-prod button {
	color: white;
	background: #007bbb;
	text-decoration: none;
	transition: 0.5s background;
	border: none;
}.product .hov-prod button:hover,
.product .hov-prod button:focus {
	background: #10395d;
}.product .hov-prod .float-right {
	width: 50%;
	border-left: 1px solid white;
}
.product .hov-prod2 {
	position: absolute;
	top: -40px;
	right: 5px;
	transition: 0.5s top;
}.product .hov-prod2 i {
	font-size: 0;
	color: var(--main-color);
	transition: 1s color, 0.8s font-size;
}.product .hov-prod2 i:hover,
.product .like-product:focus i {
	color: #10395d;
}
.product:hover .hov-prod,
.product:focus-within .hov-prod {
	bottom: 0;
}.product:hover .hov-prod2,
.product:focus-within .hov-prod2,
.product .hov-prod2.show {
	top: 5px;
}.product:hover .hov-prod2 i,
.product .hov-prod2.show i,
.product:focus-within .hov-prod2 i {
	font-size: 25px;
}
.product .img-holder img {
	transition: 0.5s transform;
}
.product .img-holder:hover img {
	transform: scale(1.2);
}

@media(max-width: 991px) {
	.product {
		border-bottom: 1px solid #666;
	}
	.product .hov-prod {
		bottom: 0;
	}.product .hov-prod2 {
		top: 5px;
	}.product .hov-prod2 i {
		font-size: 25px;
	}
}
/* breadcrumbs */
.breadcrumb {
	background: var(--dark-color);
}
.breadcrumb a,
.breadcrumb li,
.breadcrumb .active,
.breadcrumb-item + .breadcrumb-item::before {
	color: white;
}
.breadcrumb a:focus {
	text-decoration: underline;
}

/* gdpr ul */
.gdpr .gdpr-ul {
	padding-left: 30px;
	margin: 0;
}.gdpr ul {
	padding-left: 25px;
}
.gdpr .gdpr-ul > li {
	margin-bottom: 20px;
	font-weight: bold;
	color: var(--main-color);
	font-size: 1.2rem;
}.gdpr .gdpr-ul > li ul {
	margin-top: 10px;
	font-size: 1rem;
	color: #444;
	font-weight: normal;
	-webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
}.gdpr .gdpr-ul > li ul li {
	margin-bottom: 15px;
}
.gdpr .rm-li-1 li:nth-child(4) {
	list-style-image: none;
	list-style-type: none;
}
.categories input[type='radio'] + label {
    transition: 0.5s color;
}
.categories input[type='radio']:checked + label {
    color: var(--main-color);
}
.with-subcats input.d-none:checked + p {
    color: var(--main-color);
}

.product-pagination .page-item.next .page-link,
.product-pagination .page-item.prev .page-link {
	border: none;
	margin-top: 2px;
	color: gray;
	border-radius: 0;
}.product-pagination .page-item.next {
	margin-left: 20px;
}.product-pagination .page-item.prev {
	margin-right: 20px;
}.product-pagination .page-item.next .page-link:hover,
.product-pagination .page-item.prev .page-link:hover {
	background: none;
    color: var(--main-color);
}
.product-pagination .page-item {
	width: 40px;
	height: 40px;
	margin: 0 5px;
}.product-pagination .page-item .page-link {
	color: gray;
}
.page-item.active .page-link {
	background: none;
	color: var(--main-color);
	border-color: var(--main-color);
}

.single-prod .social a {
	width: 33px;
	height: 33px;
}

.contacts .social a {
    padding-top: 3px;
}
.scale-image-cont {
    overflow: hidden;
}.scale-image-cont img {
    transition: 0.5s transform;
    cursor: pointer;
}.scale-image-cont img:hover {
    transform: scale(1.2);
}

/* gallery */
.gal-modal-trig {
    cursor: pointer;
}
#gal-modal {
    background: black;
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	z-index: 1500;
}

#modal-container {
	width: 80%;
	height: 80%;
	margin: 10vh auto;
	display: flex;
}#modal-container::-webkit-scrollbar {
	width: 10px;
}#modal-container::-webkit-scrollbar-track {
	background: white;
}#modal-container::-webkit-scrollbar-thumb {
	border-radius: 20px;
	height: 50px;
	background: #91f3f3;
}#modal-container::-webkit-scrollbar-thumb:hover {
	background: #114395;
}
#modal-container img {
	max-width: 100%;
	max-height: 100%;
	align-self: center;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}
#gal-modal #modal-close {
	position: fixed;
    top: 20px;
    right: 35px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    font-weight: bold;
	padding: 13px 13px 15px 13px;
	line-height: 16px;
    border-radius: 50%;
    transition: 0.5s color, 0.5s transform;
}#gal-modal #modal-close:hover {
	color: #91f3f3;
	transform: rotateX(180deg);
}
#gal-modal #gal-prev,
#gal-modal #gal-next {
    color: white;
    position: absolute;
    top: 50vh;
    font-size: 33px;
    padding: 20px;
    font-weight: bold;
    cursor: pointer;
	border-radius: 50%;
	transition: 0.5s transform, 0.5s color;
}#gal-modal #gal-prev:hover,
#gal-modal #gal-next:hover {
    color: #91f3f3;
	transform: rotate(360deg);
}
#gal-modal #gal-prev {
    left: 5%;
}
#gal-modal #gal-next {
    right: 5%;
}
@media (max-width: 600px) {
	#gal-modal #gal-prev,
	#gal-modal #gal-next {
    	display: none
	}
}

.carousel-item img {
    filter: brightness(0.6);
    margin-left: auto;
}
.carousel-caption * {
    text-shadow:
     -1px -1px 0 var(--dark-color),
      1px -1px 0 var(--dark-color),
      -1px 1px 0 var(--dark-color),
       1px 1px 0 var(--dark-color);
}
.carousel-caption a {
    text-shadow: none;
}
.carousel-caption {
    text-align: center;
    width: 70%;
    left: 15%;
    bottom: 10%;
}
.carousel-indicators li {
    transition: 0.5s color;
    border: none;
    width: 15px;
    height: 15px;
    background: var(--main-color);
    border-radius: 50%;
}
@media(max-width:767px) {
    .carousel-item img {
        width: 100%;
    }
}
#index-carousel h5 {
    color: var(--main-color);
    font-weight: bold;
    font-size: 40px;
}

.is2 {
    position: relative;
}
.is2 .img-left,
.is2 .img-right {
    position: absolute;
    width: 20%;
}
.is2 .img-left {
    bottom: 0;
    left: 0;
}
.is2 .img-right {
    top: 0;
    right: 0;
}
@media(max-width: 991px) {
    .is2 .img-left,
    .is2 .img-right {
        position: static;
        width: 50%;
    }
    .is2 .img-right {
        display: block;
        margin-left: auto;
    }
}

.stepper {
    position: relative;
}
.stepper::after, .stepper::before {
    content: '';
    position: absolute;
    left: 50%;
    background: var(--dark-color);
}
.stepper::before {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 2px;
    margin-left: -1px;
}.stepper::after {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    border-radius: 50%;
    border: 6px solid  var(--main-color);
    transition: 0.5s transform;
}.stepper:hover::after {
    transform: scale(1.2);
}
.stepper-last .arrow {
    position: absolute;
    top: calc(100% - 5px);
    left: 50%;
    text-align: center;
    margin-left: -10px;
    display: inline-block;
    font-size: 35px;
    transform: rotate(180deg);
    width: 20px;
    height: 20px;
    font-weight: bold;
    color: #6d6e70;
}

.index-step-card .number {
    color: gray;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
}

@media(max-width: 400px) {
    h1, .h1 {
        font-size: 2rem;
    }
}
.index-products {
    height: 100%;
    border: 1px solid #999;
}
.index-products:hover {
    background: var(--dark-color);
}

.index-products:hover .title {
    color: white;
}
.index-products:hover .gray {
    color: white;
}

.index-step-card p {
    font-size: 14px;
}
.we-buttons button {
    position: relative;
}
.we-buttons button::after {
    position: absolute;
    content: '';
    bottom: -3px;
    width: 100%;
    height: 2px;
    left: 0;
    background: var(--main-color);
}
.we-buttons button.collapsed::after {
    height: 0;
}
.proekti .cats .list-group-item {
    padding: 0;
}
.proekti .cats .list-group-item button {
    padding: 10px 15px;
}
.proekti .cats .list-group-item button:hover,
.proekti .cats .list-group-item button[aria-expanded="true"] {
    background: #777;
    color: white;
}

/*ogicom Ivona*/
.index-mission-cont .but-text {
    font-size: 20px;
}
.service-box {
    border-left: 3px solid var(--main-color);
    display: block;
    background: linear-gradient(to right, var(--main-color) 50%, #f8f8f8 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.service-box:hover {
  background-position: left bottom;
}
.service-box p {
    font-size: 14px;
}

.slick-prev {
    position: absolute;
    top: calc(50% - 52px);
    left: -3%;
}

.slick-next {
    position: absolute;
    top: calc(50% - 52px);
    right: -3%;
}

.slick-prev, .slick-next {
    border: none;
    background: transparent;
    font-size: 70px;
    font-weight: bold;
    color: #6d6e70;
}
table {
    border-collapse: unset;
}
table p {
    margin-bottom: 0 !important;
}
.docs {
    background: #b2d234;
    border: 1px solid #b2d234;
    padding: 10px;
    display: inline-block;
    color: white;
    margin-bottom: 5px;
}
.docs:hover {
    background: white;
    border: 1px solid #b2d234;
    color: #b2d234;
}