@charset "utf-8";
/* CSS Document */

/* Reset CSS
 * --------------------------------------- */
:root {
--text-color: #5B5B5B;
--text-brown: #B7A483;	
--bg-color: #fff;
--all-brown: #B7A483;
}

html, body {width:100%; max-width: 100vw; scroll-behavior: smooth;}

body {
color: var(--text-color);
background:var(--bg-color);
font-family: 'Montserrat', sans-serif;
	font-size: calc(.7em + .10vw);
	font-weight: 500;
  	overscroll-behavior: none;
	overflow-x: hidden !important;
}

a {color: var(--all-brown); text-decoration: none;}
a:hover {color: var(--text-color);}


h1 {font-size: 50px; font-family:'Roboto Condensed', sans-serif; }
h2 {font-size: 30px; color: var(--all-brown); }

/**Кнопка**/
.bg-brown {background: var(--all-brown);}


.btn {border: 2px solid var(--all-brown); color:#5B5B5B; font-size: 13px; border-radius: 5px; 
}

.btn.active, .btn:hover {border: 2px solid var(--all-brown);; color:#fff; background:var(--all-brown);}
.btn-form {border: 1px solid #fff;  color:#fff; font-size: 13px; border-radius: 5px; }


/********************************************/
.edit {
    overflow: hidden;
    clear: both;
}

.edit a span {
    text-align: center;
    display: inline-block;
    margin: 10px 0px 0px 1px !important;
    border: 0px solid #bbb;
    background: #0F82BB;
    color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 9px;
    padding: 1px 4px;
    height: 15px;
}
.ar-top {
    display: inline-block;
    margin-top: 5px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
}
.ar-down {
    display: inline-block;
    margin-top: 5px;
    width: 6px;
    height: 6px; 
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
}
/********************************************/


/**header*****************************************************/

header nav {font-weight: 600;}
header .nav {font-size: .7rem;}
.nav-link {font-weight: 600; color:var(--text-color) !important;}


.topTel {}
.topTel a {color: var(--text-color);}


/**Intro***********************************************************/
#intro .h1 strong {font-size: 84px !important;}
.introProd1 img {position: absolute; top: 0; height: 465px; z-index: 9;}	
.carousel-item {position: relative;}
.carousel-item .offset-1 {align-items: center; min-height: 440px;}
.carousel-item .container{height: 440px; margin-top:25px;}
.carousel-item .introTitle2 {font-size: 36px;}
.carousel-item .lead1 {font-size: 18px;}
.carousel-item .lead1 span {color: #0FAFE2; font-weight: 600;}
.carousel-item .lead2 {font-size: 13px;}
.carousel-item .introProd1 img {position: absolute; top: 0; height: 465px; z-index: 9}



/*************************************************************/

.bigTitle {line-height: 1;}
.bigTitle.h2 {color:var(--text-brown); font-weight: 600;}
.bigTitle p {font-weight: 600; font-size: 20px;}	

/*****************************/	
	
hr {
    height: 4px;
    width: 40px !important;
    opacity: 1;
    border: 0;
    background: #B7A483;
  
}
	
/**indexCatalog******************************************************************************/
#indexCatalog .oneProd {position: relative; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .8) 80%);}
#indexCatalog .oneProd .img {height: 150px; margin: 20px 0;}
.btn-round {
    background: var(--all-brown);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 0;
    bottom: 5px;
    right: 10px;
    position: absolute;
}


/*****************************/
	
.card {background: rgba(255, 255, 255, 1);
border-radius: 10px; border: 1px solid #DAF1FF; position: relative; text-align: left; overflow: hidden;}

.card .color {width: 25px; height: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-right: 5px;}

.card .img {height: 200px; margin-bottom: 15px;}

.card .title {font-weight: 600; font-size: 15px;}
.card .price {font-size: 18px;}
.card .price span {font-weight: 
600;}