*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/*headerWraper*/
.headerWraper {
    padding-bottom: 0;
}
/*navBar*/
.navBar{
    background: #519b42;
    height: 40px;
}
.navbar_link{
    width: 80%;
    margin:  0 auto;
}
.navbar_link a{
    float: right;
    margin: 5px;
}
/*navBar1*/
.navBar1{
    width: 100%;
    background: none;
    padding: 0;
}
.navBar1 .navbar-nav{
    width: 100% !important;
}
.navBar1 .navbar-nav .nav-item:nth-of-type(1){
    width: 60%;
}
.navBar1 .navbar-nav .nav-item:nth-of-type(2){
    width: 15%;
}
.navBar1 .navbar-nav .nav-item:nth-of-type(3){
    width: 25%;
}
.text-right1{
    text-align: right;
}
/*headerWraper*/
.headerWraper{
    box-shadow: 0 0 10px grey;
}
/*header*/
.header{
    background: #f3f3f3;
}
.header select{
    border: none;
    background: none;
    outline: none;
}
/*logo*/
.logo{
    width: 60%;
}
.row2{
    height: 40px;
}
.row2 .col2{
    height: 40px;
}
.row2 .col2 input{
    border: none;
    line-height: 40px;
    width: 90%;
}
.row2 .col2 button{
    background: #519b42;
    border: none;
    width: 10%;
    height: 40px;
    float: right;
}
.row2 .col3 a{
    color: black;
    text-decoration: none;
}
/*navBar2 */
.navBar2Wraper{
    margin: 0;
}
.navBar2 li:nth-of-type(1){
    border-top: 3px solid rgb(198,97,150);
}
.navBar2 li:nth-of-type(2){
    border-top: 3px solid rgb(53,163,240);
}
.navBar2 li:nth-of-type(3){
    border-top: 3px solid rgb(180,189,0);
}
.navBar2 li:nth-of-type(4){
    border-top: 3px solid rgb(255,164,49);
}
.navBar2 li:nth-of-type(5){
    border-top: 3px solid rgb(244,137,173);
}
.navBar2 li:nth-of-type(6){
    border-top: 3px solid rgb(124,179,66);
}
.navBar2 li:nth-of-type(7){
    border-top: 3px solid rgb(91,66,130);
}
.navBar2 li:nth-of-type(8){
    border-top: 3px solid rgb(3,169,244);
}
.navBar2 li:nth-of-type(9){
    border-top: 3px solid rgb(124,77,255);
}
/*carusel*/
.carousel-indicators{
    bottom: 0!important;
}
#carouselExampleControls{
    margin-top: 5rem;
}
/*iconsNavBar*/
.iconsNavBar{
    display: flex;
    padding: 2rem 0;
}
.iconCart{
    width: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .8rem;
}
.iconCart .circle{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iconCart span{
    color: rgb(51, 51, 51);
}
/*iconsNavBar 1*/
.iconsNavBar .circle1{
    border: 3px solid rgb(198,97,150);
}
.iconsNavBar .circle1 .img1-1{
    display: none;
}
.iconsNavBar .circle1:hover .img1{
    display: none;
}
.iconsNavBar .circle1:hover {
    background: rgb(198,97,150);
}
.iconsNavBar .circle1:hover .img1-1{
    display: block;
}
/*iconsNavBar 2*/
.iconsNavBar .circle2{
    border: 3px solid rgb(53,163,240);
}
.iconsNavBar .circle2 .img1-1{
    display: none;
}
.iconsNavBar .circle2:hover .img1{
    display: none;
}
.iconsNavBar .circle2:hover {
    background: rgb(53,163,240);
}
.iconsNavBar .circle2:hover .img1-1{
    display: block;
}
/*iconsNavBar 3*/
.iconsNavBar .circle3{
    border: 3px solid  rgb(180,189,0);
}
.iconsNavBar .circle3 .img1-1{
    display: none;
}
.iconsNavBar .circle3:hover .img1{
    display: none;
}
.iconsNavBar .circle3:hover {
    background:  rgb(180,189,0);
}
.iconsNavBar .circle3:hover .img1-1{
    display: block;
}
/*iconsNavBar 4*/
.iconsNavBar .circle4{
    border: 3px solid  rgb(255,164,49);
}
.iconsNavBar .circle4 .img1-1{
    display: none;
}
.iconsNavBar .circle4:hover .img1{
    display: none;
}
.iconsNavBar .circle4:hover {
    background:  rgb(255,164,49);
}
.iconsNavBar .circle4:hover .img1-1{
    display: block;
}
/*iconsNavBar 5*/
.iconsNavBar .circle5{
    border: 3px solid  rgb(244,137,173);
}
.iconsNavBar .circle5 .img1-1{
    display: none;
}
.iconsNavBar .circle5:hover .img1{
    display: none;
}
.iconsNavBar .circle5:hover {
    background:  rgb(244,137,173);
}
.iconsNavBar .circle5:hover .img1-1{
    display: block;
}
/*iconsNavBar 6*/
.iconsNavBar .circle6{
    border: 3px solid  rgb(91,66,130);
}
.iconsNavBar .circle6 .img1-1{
    display: none;
}
.iconsNavBar .circle6:hover .img1{
    display: none;
}
.iconsNavBar .circle6:hover {
    background:  rgb(91,66,130);
}
.iconsNavBar .circle6:hover .img1-1{
    display: block;
}
/*iconsNavBar 7*/
.iconsNavBar .circle7{
    border: 3px solid  rgb(124,179,66);
}
.iconsNavBar .circle7 .img1-1{
    display: none;
}
.iconsNavBar .circle7:hover .img1{
    display: none;
}
.iconsNavBar .circle7:hover {
    background:  rgb(124,179,66);
}
.iconsNavBar .circle7:hover .img1-1{
    display: block;
}
/*TOP AKCII*/
.subTitleWraper p{
    color: rgb(138, 138, 138);
    font-size: 10px;
}
.subTitle, .subTitleSwim{
    font-size: 18px;
    color: rgb(39, 38, 48);
    border-top: 3px solid rgb(198,97,150);
}
.cart{
    height: 430px;
}
.cart .imgBG{
    height: 225px;
    width: 100%;
}
.eye{
    position: absolute;
    top: 20px;
    left: 20px;
}
.heart{
    position: absolute;
    top: 20px;
    right: 20px;
}
.cart .sale{
    font-size: 20px;
    position: absolute;
    right: 8px;
    top: 195px;
    background: #f9aa01;
    color: white;
    margin: 0;
}
.cart:hover .cartMainContent{
    box-shadow: 0 0 6px gray;
}
.cartTitle1{
    border-left: 5px solid #fbab00;
}
.cart h3{
    font-size: 16px;
    color: rgb(39, 38, 48);
}
.cart span{
    color: rgb(125, 134, 147);
    font-size: 13px;
}
.cart .cartBonus{
    color: white;
    background: #3aa937;
    font-size: 1.5rem;
}
.cart button{
    background: #f1de01;
    border: none;
    outline: none;
}
/*sale-2*/
.cart .sale-2{
    background: #4892fe;
}
.cartTitle2 {
    border-left: 5px solid #4892fe;
    height: 78px;
}
.cart .cartTitle2-h3{
    color: rgb(80, 155, 68);
}
.cart .sale-2-work{
    background: #512da7;
    font-size: 20px;
    position: absolute;
    top: 180px;
    left: 8px;
    color: white;
    margin: 0;
}
.cart .sale-2-work-5{
    background: #f65145;
    font-size: 20px;
    position: absolute;
    top: 180px;
    left: 8px;
    color: white;
    margin: 0;
}
/*cart-6*/
.imgBG-main{
    width: 100%;
    height: 414px;
}
/*advertisement*/
.advertisement{
    width: 100%;
    height: 8rem;
}
/*swimmingPool*/
.swimmingPool{
    background: #f2f2f2;
}
.subTitleSwim{
    border-top: 3px solid #4892fe;
}
/*reclam4*/
.reclam4{
    width: 100%;
}
/*carusel2*/
.carusel2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0;
}
:root {
    --marquee-width: 100vw;
    --marquee-height: 25vh;
    --marquee-elements: 7;
    --marquee-elements-displayed: 7;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}
.marquee {
    width: var(--marquee-width);
    height: var(--marquee-height);
    overflow: hidden;
    position: relative;
}
.marquee:before, .marquee:after {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 100%;
    content: "";
    z-index: 1;
}
.marquee-content {
    list-style: none;
    height: 100%;
    display: flex;
    animation: scrolling var(--marquee-animation-duration) linear infinite;
}
@keyframes scrolling {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
}
.marquee-content li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: var(--marquee-element-width);
    max-height: 100%;
    font-size: calc(var(--marquee-height)*3/4);
    white-space: nowrap;
    flex-direction: column;
}
.marquee-content li p{
    font-size: 1rem;
}
.marquee-content li img {
    width: 100%;
    height: 100%;
    padding: 1rem .5rem 0;
}
/*carusel3*/
.carusel3cart{
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 5px solid #3aa937;
}
.carusel3cart:hover{
    box-shadow: 0 0 10px #b1b1b1;
}
.carusel3 p{
    padding: .3rem 1rem;
    position: absolute;
    background: #3aa937;
    bottom: 1rem;
    color: white;
}
.carusel3 .logo{
    width: 85%;
}
.heart2{
    position: absolute;
    right: 2rem;
    top: 1rem;
}

@media (max-width: 600px) {
    html { font-size: 12px; }
    :root {
        --marquee-width: 100vw;
        --marquee-height: 16vh;
        --marquee-elements-displayed: 3;
    }
    .marquee:before, .marquee:after { width: 5rem; }
}

@media (min-width: 768px) {
    .navBar1 .navbar-nav .nav-item:nth-of-type(2) {
        width: 20%;
    }
    .navBar1 .navbar-nav .nav-item:nth-of-type(3) {
        width: 29%;
    }
    .headerWraper {
        padding-bottom: .1rem;
    }
    .navBar2 .nav-item:last-child .nav-link{
        border-right: none;
    }
    .cart .cartBonus{
        font-size: 1rem;
    }

}

@media (max-width: 767.98px) {
    .navBar1 .navbar-nav .nav-item:nth-of-type(1) {
        width: 100%;
    }
    .navBar1 .navbar-nav .nav-item:nth-of-type(2) {
        width: 100%;
    }
    .navBar1 .navbar-nav .nav-item:nth-of-type(3){
        width: 100%;
    }
    .text-right1{
        text-align: left;
    }
    .navBar2{
        width: 30%;
    }
    .col-sm-10{
        margin: .5rem auto;
    }
    .cart{
        height: 450px;
    }
    :root {
        --marquee-height: 20vh;
        --marquee-elements: 5;
        --marquee-elements-displayed: 5;
    }
}

@media (max-width: 575.98px) {
    .subTitleWraper{
        padding: 0 1rem;
    }
}