@font-face {
font-family: CharterBlack;
src: url("../fonts/charterblackc.otf") format("opentype");
}
@font-face {
font-family: CharterBlackItaly;
src: url("../fonts/CharterITC-BoldItal.otf") format("opentype");
}
@font-face {
font-family: Charter;
src: url("../fonts/charterc.otf") format("opentype");
}
@font-face {
font-family: CharterIt;
src: url("../fonts/charterc-italic.otf") format("opentype");
}
@font-face {
font-family: 'Gotham Pro Light';
src: url('../fonts/GothamPro-Light.eot');
src: url('../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/GothamPro-Light.woff') format('woff'),
url('../fonts/GothamPro-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
* {
	font-family: "Open Sans", Sans-serif;
}
.chr  {
	font-family:"Charter", Sans-serif;
}
.chri  {
	font-family:"CharterIt", Sans-serif;
}
.chrbl  {
	font-family:"CharterBlack", Sans-serif;
}
.chrbli  {
	font-family:"CharterBlackItaly", Sans-serif;
}
.gotham  {
	font-family: 'Gotham Pro Light';
}

.webstoryz-widget-provided-span{display: none !important;}
input[type=checkbox] {
	font-size: 16px !important;
	-webkit-box-shadow: none;
    box-shadow: none;
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-attachment: scroll !important;
}
html {
	font-size:1.1vw;
	scroll-behavior: smooth;
}
@media (max-width: 767px) {
	html {
	    font-size: 14px;
	}
}
@media (max-width: 575px) {
	html {
	    font-size: 12px;
	}
}
@media (min-width: 1201px) {
	html {
	    font-size: 14px;
	}
}
img {
	width:100%;
}
#main {
	background-color:black;
	background-image:url('../img/bgs/bg01.jpg');
	background-position: center center;
	background-size: cover;
	padding-bottom:3rem;
}
#main.mini {
	background-image:none;
	background-color:black;
	padding-bottom:1rem;
}
#main .dropdown:hover .dropdown-menu {display: block;}
#main .navbar-brand img {
	width:13rem;
}
#main .dropdown-menu{
	background-color:black;
}
#main .dropdown-menu .dropdown-item:hover{
	background-color:#FFA000;
	color:white;
}
#main .nav-link, .dropdown-item {
	color:white;
	font-weight:700;
	padding:1rem 1.5rem;
	transition: 0.2s linear; 
}
#main .nav-item.active .nav-link,.nav-link:hover, .dropdown:hover .nav-link{
	color:#FFA000;
}
#main .navbar-expand-lg .navbar-nav .nav-link {
	padding-left:0;
	padding-right:0;
}
.social a{
	color:white;
	display:inline-block;
	width:2.4rem;
	height:2.4rem;
	font-size: 2rem;
	line-height:2.2rem;
	border-radius:0.2rem;
	margin-right:0.5rem;
	transition: 0.2s linear; 
	padding-top:0.15rem;
}
#main .social a:hover{
	width:2rem;
	height:2rem;
	font-size: 1.6rem;
	line-height:1.8rem;
	margin-right:0.9rem;
}
.instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.whatsapp {
	background-color:#25d366;
}
.vkontakte {
	background-color:#0077ff;
}
.telegram {
	background-color:#2787F5;
}
.youtube {
	background-color:#cd201f;
}
.telegram i {
	font-size:1.8rem;
}
.viber {
	background-color:#665cac;
}
.tel,.tel:hover {
	font-size:1.3rem;
	color:white;
	font-weight:700;
}
.dropdown-toggle::after {
	font-size:1.2rem;
	vertical-align: 0.145rem;
}
#main h1 {
	color:white;
	font-size:2.7rem;
	text-transform: uppercase;
	font-weight:700;
	line-height:1.4em;
	margin-top:9rem;
}
#main p {
	color:white;
	font-size:1.7rem;
	font-weight:600;
	line-height:1.7em;
	margin-top:2.3rem;
}
#main p span {
	color: #ff9900;
}
a.btn{
	background:linear-gradient(#fecf00, #eb8100);
	color:black;
	border:none;
	border-radius: 100px;
	font-weight:700;
	text-transform: uppercase;
	padding:1.3rem 5rem;
	font-size:1rem;
	box-shadow: 0 0.2rem #ab5d03, 0 0 0.5rem #ff9900;
}
a.btn:hover{
	background:linear-gradient(#fff000, #eb8100);
	color:black;
	border:none;
	margin-top:0.307rem;
	margin-bottom:0.307rem;
	margin-left:0.5rem;
	border-radius: 100px;
	font-size: 0.9rem;
	font-weight:700;
	text-transform: uppercase;
	padding:1.1rem 4.5rem;
	box-shadow: 0 0.2rem #ab5d03, 0 0 0.5rem #ff9900;
}
#shortcond {
	background-color:rgba(0,0,0,0.48);
	margin-top:7rem;
	padding-top:3rem;
	padding-bottom:3rem;
}
#shortcond img {
	width:6rem;
}
#shortcond p {
	font-size:1.2rem;
}
h2 {
	text-transform: uppercase;
	font-size:2.5rem;
	font-weight:700;
	margin-top:6.5rem;
}
#catalog h3.bordered {
	border: 3px solid #FFBA00;
	display:inline-block;
	font-size:1.7rem;
	line-height:2.5rem;
	padding:1rem 7.5rem;
	font-weight:700;
	margin-top:1.7rem;
	margin-bottom:4.5rem;
}
#catalog .promo span {
	color:#ff9900;
}
#catalog .promo {
	font-size:1.3rem;
	font-weight:700;
}
#catalog .botbor {
	position: relative;
	top:-1.8rem;
	color: #ff9900;
    width: 20%;
    border-bottom: 0.4rem solid;
    left:1rem;
}
#catalog .title {
	font-weight: 700;
	font-size:2.4rem;
}
#catalog>.container>.row:nth-child(2)>.col-md-4>.row{
	margin-top:2rem;
	margin-bottom: 8rem;
}
#catalog>.container>.row:nth-child(2)>.col-md-4>.row h3{
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight:700;
}
#catalog>.container>.row:nth-child(2)>.col-md-4>.row>.col:nth-child(2){
	text-align: right;
}
#catalog>.container>.row:nth-child(2)>.col-md-4>.row>.col:first-child{
	font-size: 1.1rem;
}
#catalog>.container>.row:nth-child(2)>.col-md-4>.row>.col:first-child p:nth-child(2){
	font-weight:700;
}
#catalog>.container>.row:nth-child(2)>.col-md-4>.row>.col p{
	margin:0;
}
#catalog>.container>.row:nth-child(2)>.col-md-4>.row>.col:nth-child(2){
	font-size: 1.3rem;
	font-weight:700;
	color:#BA0000;
}
#catalog>.container>.row:nth-child(2)>.col-md-4>.row>.col:nth-child(2)>p:first-child{
	font-size: 1.3rem;
	font-weight:700;
	color:#54595F;
	text-decoration: line-through;
}
#catalog a.btn {
	position:absolute;
	bottom:2rem;
	padding:1.3rem 7rem;
}
#catalog a.btn:hover{
	padding:1.1rem 6rem;
}
#whystone {
	background:linear-gradient(to right, #dcdbd7, #ededeb);
	padding-bottom:6.5rem;
}
#whystone .row>.col-12:nth-child(2) img {
	width:4rem;
	margin-right:1.5rem;
}
#whystone .row>.col-12:first-child img {
	width:140%;
	margin-left:-20%;
}
#whystone .row>.col-12:nth-child(2) h3{
	margin-top:4rem;
	font-size: 1.5rem;
	font-weight:700;
}
#catalogpage {
	padding-bottom:5rem;
}
#catalogpage .col-12.content {
	padding-top:6rem;
}
#catalogpage h3 {
	font-weight:700;
	font-size:1.3rem;
	margin-bottom:3rem;
	margin-top:1rem;
}
#catalogpage h3 span {
	color:#ff9900;
}
#catalogpage .content h3 {
	font-weight:700;
	font-size:1.8rem;
	margin-bottom:3rem;
	margin-top:0;
}
#catalogpage .content a.btn {
	margin:3rem 0 0;
}
#catalogpage .content a.btn:hover {
	margin-top:3.307rem;
	margin-bottom:0.307rem;
}
#catalogpage .content p {
	font-size:1.15rem;
}
#catalogpage .container-fluid>.row {
	margin-bottom:4rem;
}
#catalogpage hr {
	color: #ff9900;
    width: 35%;
    border-bottom: 0.35rem solid;
    position: absolute;
    right:-40%;
    z-index:1;
}
#catalogpage hr.right{
    left: -40%;
    right:unset;
}
#video h3 {
	font-weight:700;
	font-size:1.3rem;
	margin-bottom:3rem;
	margin-top:1rem;
}
#video h3 span {
	color:#ff9900;
}
#video {
	background-image:url('../img/bgs/bg05.jpg');
	background-position: center center;
	background-size: cover;
	padding-bottom:7rem;
}
#video .container {
	padding-bottom:5rem;
}
#video img.play{
	position: absolute;
    width: 7rem;
    left: calc(50% - 3.5rem);
    top: calc(50% - 3.5rem);
}
.ekko-lightbox .modal-header {
	display:none;
}
#video .row .owl-nav, #reviews .row .owl-nav, #photodelivery .row .owl-nav, #videoreviews .row .owl-nav, #sync1 .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    height:0;
    font-size:4rem;
    color:white;
    margin-top:-60px;
}
.row  .owl-theme .owl-nav [class*=owl-]:hover{
	background:rgba(0,0,0,0);
	color:initial;
}
.row  .owl-prev{
    float:left;
 }
.row  .owl-next{
    float:right;
}
.owl-carousel .owl-stage {
    display: flex !important;
    margin-bottom:0.1rem;
}
#video .owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;
}
.owl-carousel .owl-item {
	height:17rem;
}
#about {
	background-image:url('../img/bgs/bg03.jpg');
	background-position: center center;
	background-size: cover;
	padding-bottom:8rem;
}
#about h2, #about p {
	color:white;
}
#about p {
	font-size:1.3rem;
}
#about p span {
	color:#ffa000;
}
#about img {
	width:6rem;
}
#about .col.pr-md-0 {
	border-right:4px solid white;
}
#about h2 {
	margin-bottom:8rem;
}
#about .row:nth-child(2) .col{
	padding:0 3rem;
}
#reviews .owl-item {
	height:auto;
}
#reviews .row .owl-nav {
	color:black;
}
#reviews img {
	border:5px solid #ffa000;
}
#reviews h2 {
	margin-top:8rem;
	margin-bottom:6rem;
}
button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
.instabutton {
	padding-top:7rem;
	padding-bottom:8rem;
}
.instabutton p {
	font-size:1.3rem;
	font-weight: 600;
	margin-bottom:3rem;
}
.instabutton a.btn{
	padding-left:4rem;
	padding-right:4rem;
}
.instabutton a.btn:hover{
	padding-left:3rem;
	padding-right:3rem;
}
#videoreviews .owl-carousel .owl-item img:first-child {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;
}
#videoreviews .owl-carousel .owl-item {
	height:auto;
}
#videoreviews img.play{
	width:6rem;
	position: absolute;
	top: calc(50% - 3rem);
	left: calc(50% - 3rem);
}
#videoreviews {
	background:linear-gradient(to right, #dcdbd7, #ededeb);
	padding-bottom:7rem;
}
#videoreviews h2 {
	margin-top:7rem;
	margin-bottom:4rem;
}
#photodelivery .owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;
}
#photodelivery .owl-item {
	height:34rem;
}
#photodelivery h3 {
	font-weight:700;
	font-size:1.3rem;
	margin-bottom:8rem;
	margin-top:1rem;
}
#photodelivery h3 span {
	color:#ff9900;
}
#conditions {
	background-image:url('../img/bgs/bg04.jpg');
	background-position: center center;
	background-size: cover;
	padding-bottom:6rem;
}
#conditions h3 {
	font-weight:600;
	font-size:1.3rem;
	margin-bottom:8rem;
	margin-top:1rem;
}
#conditions span{
	font-size:3.5rem;
	font-weight:500;
	color:#ff9900;
}
#conditions h3 {
	margin-bottom:1rem;
}
#conditions .numbers p {
	color:#7A7A7A;
	font-size:1.2rem;
	font-weight:500;
}
#conditions .container-md>.row:nth-child(2){
	margin-top:14rem;
}
#conditions .col-12.bordered {
	border-right:2px solid #ff9900;
}
#conditions .col-12.bordered:last-child {
	border:none;
}
#conditions .options h3 {
	font-size:1.4rem;
}
#conditions .options p {
	font-size:1.15rem;
	line-height:1.4em;
}
#maps .container-fluid>.row>.col-12:first-child{
	background-image:url('../img/bgs/bg06.jpg');
	background-position: center center;
	background-size: cover;
	padding-bottom:3rem;
}
#maps .map{
	background-image:url('../img/bgs/bg10.jpg');
	background-position: center center;
	background-size: cover;
	padding-bottom:3rem;
	height:100%;
}
#maps h2, #maps h3, #maps a, #maps p {
	color:white;
}
#maps img {
	width:3.5rem;
}
#maps h2 {
	margin-top:5rem;
	margin-bottom: 4rem;
}
#maps h3 {
	font-size:1.35rem;
	font-weight:700;
}
#maps p {
	margin-bottom:0;
	font-size:1.25rem;
}
#maps .left-side .row {
	margin-bottom:2.5rem;
}
#maps .social a{
	width:2.8rem;
	height:2.8rem;
	border-radius:0.5rem;
	padding-top:0.35rem;
}
#footer {
	background-color:black;
	color:white;
}
#footer a {
	color:white;
	text-decoration: none;
}
#footer p {
	font-size: 1.3rem;
	margin:2.5rem 0 3rem;
}
.close {
	font-size: 3rem;
	margin-right:0.6rem;
}
#details .modal-dialog .modal-content {
	background-color: rgb(247,246,247);
}

#details .sostav-vanni img {
	border-radius: 50%;
	border:1px solid grey;
	height:100px;
	width:100px;
}
#details .sostav-vanni {
	background-image: url('../img/bgs/bg08.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 40%;
}
#details .reviews .owl-item {
	height:auto;
}
#details .sostav-vanni h4 {
	font-size:1.2rem;
}
#details .sostav-vanni p {
	font-size:0.9rem;
	font-weight: normal;
}
#details .sertification img {
	max-width:200px;
	height:auto;
}
#details .carousel-inner {
	border-radius:0.5rem;
}
#sync2.owl-carousel .owl-item {
	height:auto;
}
#sync1.owl-carousel .owl-item {
	height:auto;
}
.current {
	opacity: 0.5;
}
#sync1 {
	margin-bottom:20px;
}
.modal  p {
	font-weight: 600;
	font-size:1.2em;
	margin-bottom:0.1rem;
	color:black;
}
#details.modal  p {
	font-weight: normal;
}
#details .sizes {
	border:1px solid #CEA297;
	border-radius:0.5rem;
	color:#CEA297;
}
#details h3 {
	font-size:2.5rem;
}
#details .newprice {
	color:#CEA297;
	font-size:2.3rem;
}
#details .oldprice {
	position: relative;
	font-size:1.5rem;
	white-space: nowrap;
	color: rgb(146,146,146);
}
#details .oldprice:before {
    border-bottom: 1px solid black;
    position: absolute;
    top:0;
    content: "";
    width: 100%;
    height: 50%;
    transform: rotate(-7deg);
}
#details .sizes .col-1 {
	color: #CEA297;
	font-size:1.5rem;
}
#details i.fa-exclamation-triangle {
	font-size:2rem;
	color: #CEA297;
}
#details h3.small {
	font-size:1.9rem;
	line-height:2.9rem;
}
#details h3.small span{
	color: #CEA297;
}
#details .sizes .c2  {
	color: #CEA297;
}
#details .typeme span{
	font-size: 3rem;
	font-weight:normal;
}
#details .short-view p {
	color: rgb(146,146,146);
}
.short-view p {
	font-size:0.75rem !important;
}
.short-view p b i span{
	font-size:0.9rem !important;
}
#details .greyc{
	color: rgb(106,106,106);
}
#details .sizes .col-2 p {
	color: rgb(146,146,146);
	font-size:2.4rem;
	line-height:2.4rem;
	font-weight: normal
}
#details .sizes p i {
	font-size:1.3rem;
}
.modal .col-md-6 p.articul{
	color:#54595F;
	margin:1rem 0 1.5rem;
}
.modal .col-md-6 p.details {
	font-weight:700;
	margin-top:1rem;
}
.modal .col-md-6 .chars p {
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:0.4rem;
}
.dopoptions p span {
	color:#CEA297;
}
.modal .card {
	border: 1px solid white;
    border-radius: 0.5rem;
}
.modal .card button {
	color: #CEA297;
	font-size: 1.5rem;
	text-align: left;
}
.modal .card-header {
	background-color: white;
	border-bottom:none;
}
.modal .col-md-6 h3 {
	font-weight: 700;
}
.modal .col-md-6 .orange {
	background-color:#ff9900;
	padding:2rem;
	margin-top:5rem;
	font-weight:700;
	font-size:1.3em;
	color:black;
}
.whatsappform {
	margin-bottom:5rem;
}
.whatsappform h3, .orderform h3{
	margin-top:6rem;
	margin-bottom:2rem;
	font-weight:700;
}
.modal input[type="text"],.modal input[type="tel"], .modal form button {
	border-radius:0.5rem;
	font-size:1.4em;
	line-height: 1.4em;
}
.modal input[type="text"],.modal input[type="tel"] {
	padding:1.6rem;
}
.modal form button, .modal button.btn-popup {
	padding:0.7rem;
	color:white;
	background-color: #CEA297;
}
.modal button.btn-popup.chrbli, .modal a.sappbut.chri  {
	background: none;
    border: none;
    border-radius: 0.25rem;
    text-transform: none;
    box-shadow: none;

	font-size:1.4rem;
	padding:0.7rem;
	color:white;
	background-color: #CEA297;
	font-weight:normal;
}
.modal .card button::before {
	background-image: url('../img/pics/arrowu.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px; 
    height: 15px;
    content:"";
}
.modal .card button[aria-expanded="false"]::before {
	background-image: url('../img/pics/arrowd.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px; 
    height: 15px;
    content:"";
}
.modal .card button.btn-link:hover,.modal .card button.btn-link:focus {
	text-decoration: none;
}
.modal button.btn-clear {
	padding: 0.2rem 1rem;
	border:1px solid #CEA297;
	background-color:white;
}
.modal button.btn-clear {
	color:rgb(146,146,146);
}
.modal button.btn-clear b {
	color:#CEA297;
}
.modal form input {
	border: 1px #CEA297 solid !important;
}
.modal .orderform {
	background-color:#F2F2F2;
	padding-bottom:1rem;
}
.modal .orderform p {
	font-weight: normal;
	margin-bottom:3rem;
}
 .dopoptions h3 {
 	margin:4rem 0;
 	font-weight:700;
 }
 .dopoptions p {
 	font-size:1.4em;
 	font-weight:700;
 	margin-top:1rem;
}
.ekko-lightbox-nav-overlay {
    left: -75px !important;
    width: calc(100% + 150px) !important;
}
.ekko-lightbox a {
    opacity: 1 !important;
    font-size:50px !important;
    text-decoration: none !important;
}
.ekko-lightbox a:hover {
    color:black  !important;
}
.legs, .front, .torc {
	display:none;
}
#carousel-thumb .carousel-indicators {
	position:unset;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
	background-color:black;
}
#anothercatalogpage {
	background-color:#E7E7E7;
	padding-top:6rem;
	padding-bottom:4rem;
}
#anothercatalogpage h3 {
	font-weight:700;
	font-size:1.9rem;
	margin:1.2rem 0 0;
	padding-bottom:2rem;
}
#anothercatalogpage a {
	text-decoration: none;
	color:black;
}
#anothercatalogpage a img {
    transition: 0.5s; /* Время эффекта */
}
#anothercatalogpage a:hover img {
    transform: scale(0.8); /* Увеличиваем масштаб */
}
.modal .sold, .modal .stock, .modal .dayview {
	font-size:1.1em;
	display:inline-block;
	padding-right:1rem;
	font-weight:normal;
	padding-top:0.4rem;
}


.whatsapp-mobile {
	width: 100%;
	display:none;
    position: fixed;
    bottom: 0;
    background-color: #ff9900;
    z-index: 1;
    padding: 1rem 5rem 1rem 5rem;
    font-size: 1.1rem;
}
.whatsapp-desktop {
	position: fixed;
    bottom: 2rem;
    left: 2rem;
    width: 30%;
    background: #ff9900;
    z-index: 1;
    padding: 1rem 1rem 1rem 4.5rem;
    font-size: 1rem;
    border-radius: 1rem;
}
.whatsapp-mobile i {
    font-size: 4rem;
    position: absolute;
    left: 1rem;
    top: calc(50% - 2rem);
}
.whatsapp-desktop i {
    font-size: 3rem;
    position: absolute;
    left: 1rem;
    top: calc(50% - 1.5rem);
}
#details a.carousel-control-next {
	right:-3.7rem;
	opacity: 1;
}
#details a.carousel-control-prev {
	left:-3.7rem;
	opacity: 1;
}
.card-header {
    min-height: 7rem;
}
.carousel-indicators {
	min-height: 80px;
}
@media (max-width:996px){
	.card-header {
    	min-height: unset;
	}
}
@media (max-width:1200px){
	#details a.carousel-control-next {
	display:none;
	}
	#details a.carousel-control-prev {
	display:none;
	}
	.short-view p {
    font-size: 1.2rem !important;
	}
}
@media (max-width:767px){
	.carousel-indicators {
		min-height: 80px;
	}
	#details a.carousel-control-next {
	display:none;
	}
	#details a.carousel-control-prev {
	display:none;
	}
	.short-view p {
    font-size: 0.9rem !important;
	}
	.modal button.btn-popup.chrbli {
	font-size:1.2rem;
	}
	#details .sostav-vanni {
		background-image: none !important;
	}
	.whatsapp-desktop {
		display:none;
	}
	#footer{
		padding-bottom:100px;
	}
	.ekko-lightbox-nav-overlay {
	    left: 0;
	    width: 100%;
	}
	#whystone .row>.col-12:nth-child(2) img {
		display:block;
		margin:0 auto 1rem;
	}
	#details .modal-dialog {
		min-height: unset;
	}
	#whystone .row>.col-12:first-child img {
		width:100%;
		margin-left:0;
	}
	#catalogpage .col-12.content {
		padding-top:5rem;
	}	
	#catalogpage {
		padding-bottom:0;
	}
	#catalogpage .container-fluid>.row {
		margin-bottom:6rem;
	}
	#about .col.pr-md-0 {
		border-right:none;
	}
	#about {
		background-image:none;
		background-color:black;
		padding-bottom:8rem;
	}
	#about h2 {
		margin: 4rem 0 5rem;
	}
	.instabutton {
	    padding-top: 4rem;
	    padding-bottom: 6rem;
	}
	#conditions {
		background-image:none;
	}
	#conditions .container-md>.row:nth-child(2) {
		margin-top:0;
	}
	#conditions .numbers h3 {
		margin-top:1rem;
	}
	#conditions .col-12.bordered {
		border:2px solid #ff9900 !important;
		margin-bottom: 2rem;
	}
	#maps .map {
		min-height:50rem;
	}
	#catalog h3.bordered {
		padding:1rem;
	}
	.navbar-dark .navbar-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewbox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 186, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M 10,10 L 30,30 M 30,10 L 10,30' /%3E%3C/svg%3E");
	}
	.navbar-dark .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 186, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.navbar-toggler {
		font-size:2.5rem;
	}
	.navbar-dark .navbar-toggler {
		border-color:#ff9900;
		margin-top: 1.5rem;
	}
	.navbar-collapse {
		background-color:black;
		transition: 0.2s linear; 
		top: 15rem;
    	position: absolute;
    	width:calc(100% + 30px);
    	z-index:2;
    	margin-left:-15px;
    	margin-right:-15px;
	}
	#main .navbar-brand, #main  .navbar-brand img {
		width:100%;
	}
	#main .dropdown-toggle::after{
		display:none;
	}
	.navbar-brand {
		margin-right:0;
	}
	#main .nav-link{
		padding-left:15px !important;
		color:white !important;
	}
	.nav-link:hover, .nav-item.active{
		background-color:#FFA000;
	}
	.dropdown-menu {
		display:block !important;
	}
	.modal  p {
		font-size:1.4em;
	}
	.modal .col-md-6 .chars {
		font-size: 1.4em;
	}
	.modal .col-md-6 .chars p {
		font-size:1.2em;
	}
	.orange {
		margin-left:-1.7rem;
	}
	.whatsappform h3, .orderform h3{
		font-size:1.4rem;
		line-height:2rem;
	}
	.whatsappform p, .orderform p{
		font-size:1.2rem;
	}
	input {
		font-size:16px !important;
	}
}
@media (max-width:575px){
	#details .newprice {
    	font-size: 2rem;
	}
	.carousel-indicators {
		min-height: 60px;
	}
	#catalog h3.bordered {
	    font-size: 1.3rem;
	}
	h2 {
    	font-size: 2.2rem;
	}
	#main h1 {
		margin-top:6rem;
		font-size: 2rem;
	}
	#main p {
		font-size:1.4rem;
	}
	.navbar-text {
		top:6.5rem;
	}
}
#details .modal-content, #details .borderedw {
	padding:1rem;
	border-radius: 1rem;
}
#details .borderedw {
	border:1px solid rgb(228,227,228);
	overflow-y:auto !important;
}
#details button.close {
	color:#CEA297;
	font-size:4rem;
	opacity:1;
	margin-top:-1rem;
}
#details .carousel-control-next-icon {
	background-color:rgb(247,246,247);
	background-image: url('../img/pics/arrowr.png');
	width: 25px;
    height: 50px;
}
#details .carousel-control-prev-icon {
	background-color:rgb(247,246,247);
	background-image: url('../img/pics/arrowl.png');
	width: 25px;
    height: 50px;
}
#details .btn.chri{
	font-size:1.4rem;
	border-radius:0.5rem;
}
#details .chr.small {
	font-weight:700;
}
.ekko-lightbox .modal-header {
	display:flex !important;
}
.opcii ul {
	padding-left:1.1rem;
	list-style: none;
}
.opcii ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #CEA297; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
@media (min-width: 992px) {
	.modal-lg, .modal-xl {
		max-width: calc(100% - 100px);
	}
}
@media (min-width: 1200px) {
	.modal-lg, .modal-xl {
		max-width: 1140px;
	}
}
#watchvideo {
	text-align:center;
}
#watchvideo a {
  font-size: 1.4rem;
  line-height: 3rem;
  color: rgb(106,106,106);
}
#watchvideo div {
    font-size: 1.5rem;
    vertical-align: middle;
    line-height: 2.8rem;
    padding-left: 2.9rem;
    height: 2.7rem;
    display: inline-block;
    background: url(https://api.iconify.design/carbon:play-outline.svg?color=%23CEA297) no-repeat left center / contain;
}
.modal-xl.modal-dialog-centered {
    max-width: calc(100% - 100px) !important;
}
@media (max-width: 576px){
	.modal-xl.modal-dialog-centered {
	    max-width: none !important;
	}
}