@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{font-family:'Roboto', sans-serif;}
body.overflow-hidden{overflow:hidden;touch-action:none;}
.container{max-width:100%;padding-right:30px;padding-left:30px;}
@media (min-width: 1200px){.container{max-width:2560px;}}

.header{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;font-family:'Open Sans', sans-serif;z-index:20;}
.header .navbar{padding:0;}
.header .logo{width:auto;height:auto;display:block;position:relative;float:left;}
.header .logo a{width:244px;height:50px;display:block;position:relative;float:left;background-image:url(images/logo.png);background-position:center;background-size:cover;background-repeat:no-repeat;}
.header .menu{width:auto;height:auto;display:block;position:relative;float:left;}
.header .menu ul{width:auto;height:auto;display:block;position:relative;float:left;margin:0;padding:0;list-style:none;}
.header .menu ul li{width:auto;height:auto;display:block;position:relative;float:left;margin-right:30px;padding:10px 0}
.header .menu ul li:last-child{margin-right:0;}
.header .menu ul li a{width:auto;height:auto;display:block;position:relative;float:left;text-decoration:none;color:#333333;font-weight:600;font-size:18px;letter-spacing:-0.5px;transition:0.3s;}
.header .menu ul li a:hover{color:#e51c28;}
.header .menu ul li.dropdown .sub-menu{width:250px;height:auto;display:block;position:absolute;top:100%;left:50%;margin-left:-125px;min-width:250px;max-width:100%;opacity:0;visibility:hidden;pointer-events:none;background-color:#ffffff;border-radius:.25rem;overflow:hidden;z-index:5;box-shadow:0px 0px 5px 0px rgb(68,78,90,0.40);transition:0.3s;}
.header .menu ul li.dropdown .sub-menu a{width:100%;height:auto;display:block;position:relative;float:left;margin-left:0;padding:7px 10px;text-decoration:none;font-size:16px;color:#212529;border-bottom:1px solid #ced4da;transition:0.3s;}
.header .menu ul li.dropdown .sub-menu a:last-child{border-bottom:none;}
.header .menu ul li.dropdown .sub-menu a:hover{background-color:#e51c28;color:#ffffff;}
.header .menu ul li.dropdown:hover .sub-menu{opacity:1;visibility:visible;pointer-events:auto;}
.header .right{width:auto;height:auto;display:flex;position:relative;float:left;align-items:center;}
.header .right .phone{width:auto;height:auto;display:block;position:relative;float:left;margin-right:30px;padding-right:30px;border-right:1px solid #ced4da;}
.header .right .phone a{width:auto;height:auto;display:block;position:relative;float:left;padding-left:46px;}
.header .right .phone a .p-icon{width:36px;height:36px;display:block;position:absolute;left:0;top:50%;margin-top:-18px;}
.header .right .phone a .p-icon svg{width:36px;height:36px;fill:#e51c28;}
.header .right .phone a .p-txt{width:auto;height:auto;display:block;position:relative;float:left;font-size:15px;font-weight:600;}
.header .right .phone a .p-txt span{display:block;transition:0.3s;}
.header .right .phone a .p-txt span:nth-child(1){color:#888888;font-weight:500;}
.header .right .phone a .p-txt span:nth-child(2){color:#212529;}
.header .right .phone a:hover .p-txt span:nth-child(1){color:#212529;}
.header .right .phone a:hover .p-txt span:nth-child(2){color:#e51c28;}
.header .right .search{width:auto;height:auto;display:block;position:relative;float:left;margin-right:18px;}
.header .right .search .search-button{width:auto;height:auto;display:block;position:relative;float:left;margin:0;padding:0;border:none;outline:none;background-color:transparent;}
.header .right .search .search-button svg{width:26px;height:26px;display:inline-block;fill:#212529;transition:0.3s;}
.header .right .search .search-button:hover svg{fill:#e51c28;}
.header .right .menu-button{width:auto;height:auto;display:block;position:relative;float:left;}
.header .right .menu-btn{width:32px;height:auto;display:block;position:relative;float:left;padding:0;border:none;outline:none;background-color:transparent;}
.header .right .menu-btn span{width:100%;height:3px;display:block;position:relative;float:left;margin-bottom:7px;background-color:#212529;border-radius:.25rem;transition:0.3s;}
.header .right .menu-btn span:last-child{margin-bottom:0;}
.header .right .menu-btn:hover span{background-color:#e51c28;}

.slider{width:100%;height:auto;display:block;position:relative;float:left;background-color:#000000;}
.slider .item{width:100%;height:500px;display:flex;position:relative;float:left;padding-bottom:30px;background-color:#000000;background-position:center;background-size:cover;background-repeat:no-repeat;align-items:center;}
.slider .item::before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-color:#000000;background:linear-gradient(to left, #000000 0%, #000851 100%);opacity:0.75;}
.slider .item .container{display:flex;justify-content:center;}
.slider .item .content{width:100%;height:auto;display:block;position:relative;float:left;max-width:70%;}
.slider .item .content .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:20px;color:#ffffff;font-size:40px;font-weight:800;text-align:center;font-family:'Montserrat', sans-serif;}
.slider .item .content .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:30px;color:#ffffff;font-size:18px;font-weight:300;text-align:center;opacity:0.79;}
.slider .item .content .button{width:100%;height:auto;display:block;position:relative;float:left;text-align:center;}
.slider .item .content .button a{display:inline-block;padding:12px 26px;background-color:#e51c28;color:#ffffff;font-weight:500;text-decoration:none;border-radius:50px;transition:0.3s;}
.slider .item .content .button a:hover{background-color:#212529;}
.slider.owl-carousel .owl-dots{width:auto;height:30px;display:block;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:5;}
.slider.owl-carousel button.owl-dot{width:30px;height:30px;display:block;position:relative;float:left;margin:0 5px;background-color:transparent;border:2px solid transparent;border-color:transparent;outline:none;border-radius:100%;transform:scale(0.8);transition:0.3s;}
.slider.owl-carousel button.owl-dot::before{content:"";width:8px;height:8px;display:block;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;background-color:#ffffff;border-radius:100%;}
.slider.owl-carousel button.owl-dot.active{border-color:#ffffff;transform:scale(1);}

.products{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;background-color:#eeeeee;}
.products .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:25px;font-size:35px;font-weight:800;text-align:center;letter-spacing:-0.8px;font-family:'Montserrat', sans-serif;}
.products .content{display:flex;position:relative;flex-wrap:wrap;margin:0 -15px;}
.products .content .item{width:20%;height:auto;display:block;position:relative;float:left;margin-bottom:30px;padding:0 15px;}
.products .content .item a{width:100%;height:auto;display:block;position:relative;float:left;padding:15px;text-decoration:none;background-color:#ffffff;border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);overflow:hidden;transition:0.3s;}
.products .content .item a .image{width:100%;height:auto;display:block;position:relative;float:left;padding-top:100%;background-color:#eeeeee;overflow:hidden;}
.products .content .item a .image span{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-position:center;background-size:cover;background-repeat:no-repeat;}
.products .content .item a .txt{width:100%;height:auto;display:block;position:relative;float:left;margin-top:15px;padding:5px 0;color:#212529;text-align:center;font-size:19px;font-weight:600;letter-spacing:-0.5px;font-family:'Montserrat', sans-serif;transition:0.3s;}
.products .content .item a:hover{background-color:#e5e5e5;}
.products .content .item a:hover .txt{color:#e51c28;}
.products .view-all{width:100%;height:auto;display:block;position:relative;float:left;text-align:center;}
.products .view-all a{display:inline-block;padding:12px 26px;background-color:#e51c28;color:#ffffff;font-weight:500;text-decoration:none;border-radius:50px;transition:0.3s;}
.products .view-all a:hover{background-color:#212529;}

.about{width:100%;height:auto;display:block;position:relative;float:left;padding:40px 0;}
.about .container{max-width:1480px;}
.about .image{width:96%;height:100%;display:block;position:relative;float:left;background-color:#e51c28;border-radius:20px;}
.about .image span{width:100%;height:100%;display:block;position:relative;float:left;margin-left:15px;margin-top:15px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:20px;}
.about .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;font-size:35px;font-weight:800;letter-spacing:-0.8px;font-family:'Montserrat', sans-serif;}
.about .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:20px;font-size:17px;}
.about .button{width:100%;height:auto;display:block;position:relative;float:left;}
.about .button a{display:inline-block;padding:12px 26px;background-color:#e51c28;color:#ffffff;font-weight:500;text-decoration:none;border-radius:50px;transition:0.3s;}
.about .button a:hover{background-color:#212529;}

.sub-products{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;padding:30px 0;background-color:#eeeeee;}
.sub-products .tt-bt{width:100%;height:auto;display:flex;position:relative;float:left;margin-bottom:10px;padding:0 34px;justify-content:space-between;align-items:center;}
.sub-products .tt-bt .title{width:auto;height:auto;display:block;position:relative;float:left;font-size:30px;font-weight:800;letter-spacing:-0.8px;font-family:'Montserrat', sans-serif;}
.sub-products .tt-bt .button{width:auto;height:auto;display:block;position:relative;float:left;padding-left:5px;}
.sub-products .tt-bt .button a{display:inline-block;padding:6px 12px;background-color:#e51c28;color:#ffffff;font-weight:500;font-size:14px;text-decoration:none;border-radius:50px;transition:0.3s;}
.sub-products .tt-bt .button a:hover{background-color:#212529;}
.sub-products .carousel.owl-carousel{width:100%;height:auto;display:block;position:relative;float:left;padding:0 25px;}
.sub-products .carousel.owl-carousel .owl-nav.disabled{display:block;}
.sub-products .carousel.owl-carousel .owl-nav button.owl-next{width:20px;height:40px;display:block;position:absolute;right:0;top:50%;margin-top:-20px;border:none;outline:none;}
.sub-products .carousel.owl-carousel .owl-nav button.owl-next svg{width:20px;height:40px;fill:#212529;transition:0.3s;}
.sub-products .carousel.owl-carousel .owl-nav button.owl-prev{width:20px;height:40px;display:block;position:absolute;left:0;top:50%;margin-top:-20px;border:none;outline:none;}
.sub-products .carousel.owl-carousel .owl-nav button.owl-prev svg{width:20px;height:40px;fill:#212529;transition:0.3s;}
.sub-products .carousel.owl-carousel .owl-nav button.owl-next:hover svg, .sub-products .carousel.owl-carousel .owl-nav button.owl-prev:hover svg{fill:#e51c28;}
.sub-products .carousel .item{width:100%;height:auto;display:block;position:relative;float:left;padding:10px;}
.sub-products .carousel .item a{width:100%;height:auto;display:block;position:relative;float:left;padding:15px;text-decoration:none;background-color:#ffffff;border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);overflow:hidden;transition:0.3s;}
.sub-products .carousel .item a .image{width:100%;height:auto;display:block;position:relative;float:left;padding-top:100%;background-color:#eeeeee;overflow:hidden;}
.sub-products .carousel .item a .image span{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-position:center;background-size:cover;background-repeat:no-repeat;}
.sub-products .carousel .item a .txt{width:100%;height:auto;display:block;position:relative;float:left;margin-top:15px;padding:5px 0;color:#212529;text-align:center;font-size:18px;font-weight:600;letter-spacing:-0.8px;font-family:'Montserrat', sans-serif;transition:0.3s;}
.sub-products .carousel .item a:hover{background-color:#e5e5e5;}
.sub-products .carousel .item a:hover .txt{color:#e51c28;}

.page{width:100%;height:auto;display:block;position:relative;float:left;}
.page .banner{width:100%;height:auto;display:block;position:relative;float:left;padding:80px 0;background-color:#000000;background-position:center;background-size:cover;background-repeat:no-repeat;}
.page .banner::before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-color:#000000;background:linear-gradient(to left, #000000 0%, #000851 100%);opacity:0.75;}
.page .banner .title{width:100%;height:auto;display:block;position:relative;float:left;font-size:40px;font-weight:700;color:#ffffff;text-align:center;}
.page .banner .title small{display:block;font-size:17px;font-weight:400;}
.page .banner .title a{color:#ffffff;}
.page .content{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;}
.page .content .left{width:350px;height:auto;display:block;position:relative;float:left;}
.page .content .right{width:calc(100% - 350px);height:auto;display:block;position:relative;float:left;padding-left:30px;}
.page .content .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:10px;font-size:30px;font-weight:700;line-height:40px;}
.page .content .title::after{content:"";width:70px;height:4px;display:block;position:absolute;left:0;bottom:-2px;background-color:#e51c28;border-radius:10px;}
.page .content .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;font-size:17px;}
.page .content .img-text{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .img-text .img{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;margin-right:15px;max-width:350px;z-index:1;}
.page .content .img-text .text{width:100%;height:auto;display:block;position:relative;float:none;margin-bottom:15px;font-size:17px;}
.page .content .img-text .text p{margin-bottom:0;}
.page .content .big-image{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .big-image .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;}
.page .content .gallery{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .gallery .row{margin-right:-7.5px;margin-left:-7.5px;}
.page .content .gallery .col-sm-6{padding-right:7.5px;padding-left:7.5px;}
.page .content .gallery .item{width:100%;height:auto;display:block;position:relative;float:left;border-radius:.25rem;margin-bottom:15px;overflow:hidden;transition:0.3s;}
.page .content .gallery .item a{width:100%;height:auto;display:block;position:relative;float:left;padding-top:56.25%;border-radius:.25rem;overflow:hidden;background-color:#ebebeb;}
.page .content .gallery .item a img{width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;border-radius:.25rem;-webkit-object-fit:cover;-moz-object-fit:cover;-o-object-fit:cover;-ms-object-fit:cover;object-fit:cover;-webkit-object-position:center;-moz-object-position:center;-o-object-position:center;-ms-object-position:center;object-position:center;transition:0.3s;}
.page .content .gallery .item a:hover img{transform:scale(1.1);}
.page .content .video{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .video .row{margin-right:-7.5px;margin-left:-7.5px;}
.page .content .video .col-md-6{padding-right:7.5px;padding-left:7.5px;}
.page .content .video .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;border-radius:.25rem;overflow:hidden;}
.page .content .video .item video{display:block;}
.page .content .file{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .file .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;}
.page .content .file .item a{width:100%;height:auto;display:block;position:relative;float:left;padding:15px 20px;border-radius:.25rem;color:#ffffff;font-weight:500;text-decoration:none;background-color:#e51c28;transition:0.3s;}
.page .content .file .item a:hover{background-color:#212529;}
.page .content .file .item a .text{width:auto;height:auto;display:block;float:left;position:relative;margin:0;}
.page .content .file .item a .icon{width:35px;height:35px;display:block;float:right;position:relative;margin-top:9px;}
.page .content .lists{display:flex;position:relative;flex-wrap:wrap;margin:0 -15px;}
.page .content .lists .item{width:20%;height:auto;display:block;position:relative;float:left;margin-bottom:30px;padding:0 15px;}
.page .content .lists .item a{width:100%;height:auto;display:block;position:relative;float:left;padding:15px;text-decoration:none;background-color:#ffffff;border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);overflow:hidden;transition:0.3s;}
.page .content .lists .item a .image{width:100%;height:auto;display:block;position:relative;float:left;padding-top:100%;background-color:#eeeeee;overflow:hidden;}
.page .content .lists .item a .image span{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-position:center;background-size:cover;background-repeat:no-repeat;}
.page .content .lists .item a .txt{width:100%;height:auto;display:block;position:relative;float:left;margin-top:15px;padding:5px 0;color:#212529;text-align:center;font-size:19px;font-weight:600;letter-spacing:-0.5px;font-family:'Montserrat', sans-serif;transition:0.3s;}
.page .content .lists .item a:hover{background-color:#e5e5e5;}
.page .content .lists .item a:hover .txt{color:#e51c28;}
.page .content .categories{width:100%;height:auto;display:block;position:relative;float:left;padding:15px 25px 10px 25px;background-color:#f3f3f3;border-radius:7px;}
.page .content .categories::before{content:"";width:86%;height:4px;display:block;position:absolute;left:7%;top:0;background-color:#e51c28;border-radius:.25rem;}
.page .content .categories .title{font-size:27px;line-height:35px}
.page .content .categories .title::after{display:none;}
.page .content .categories .item{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .categories .item a{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:10px;padding:10px 20px;text-decoration:none;background-color:#ffffff;color:#212529;font-weight:500;border:1px solid #ced4da;border-radius:.25rem;transition:0.3s;}
.page .content .categories .item a.active{background-color:#e51c28;color:#ffffff;border-color:#e51c28;}
.page .content .categories .item a:hover{background-color:#e51c28;color:#ffffff;border-color:#e51c28;}
.page .content .p-imgs-box{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;max-width:450px;}
.page .content .p-imgs{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .p-imgs .item{width:100%;height:auto;display:block;position:relative;float:left;padding:10px 10px 0 10px;background-color:#eeeeee;}
.page .content .p-imgs .item a{width:100%;height:auto;display:block;position:relative;float:left;padding-top:100%;}
.page .content .p-imgs .item a img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;object-position:center;border:1px solid #b8b8b8;}
.page .content .p-imgs.owl-carousel .owl-nav.disabled{display:block;}
.page .content .p-imgs.owl-carousel .owl-nav button.owl-next{width:40px;height:40px;display:block;position:absolute;right:20px;top:50%;margin-top:-20px;border:none;outline:none;background-color:#ffffff;border:1px solid #b8b8b8;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.1), rgba(0,0,0,0.05) 0px 1px 0px 0px;transition:0.3s;}
.page .content .p-imgs.owl-carousel .owl-nav button.owl-next svg{width:24px;height:24px;fill:#757575;transition:0.3s;}
.page .content .p-imgs.owl-carousel .owl-nav button.owl-prev{width:40px;height:40px;display:block;position:absolute;left:20px;top:50%;margin-top:-20px;border:none;outline:none;background-color:#ffffff;border:1px solid #b8b8b8;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.1), rgba(0,0,0,0.05) 0px 1px 0px 0px;transition:0.3s;}
.page .content .p-imgs.owl-carousel .owl-nav button.owl-prev svg{width:24px;height:24px;fill:#757575;transition:0.3s;}
.page .content .p-imgs.owl-carousel .owl-nav button.owl-next:hover, .page .content .p-imgs.owl-carousel .owl-nav button.owl-prev:hover{border-color:#e51c28;}
.page .content .p-imgs.owl-carousel .owl-nav button.owl-next:hover svg, .page .content .p-imgs.owl-carousel .owl-nav button.owl-prev:hover svg{fill:#e51c28;}
.page .content .p-imgs.owl-carousel .owl-nav button.owl-next.disabled, .page .content .p-imgs.owl-carousel .owl-nav button.owl-prev.disabled{opacity:0.65;box-shadow:none;cursor:auto;border-color:#b8b8b8;}
.page .content .p-imgs.owl-carousel .owl-nav button.owl-next.disabled svg, .page .content .p-imgs.owl-carousel .owl-nav button.owl-prev.disabled svg{fill:#757575;}
.page .content #p-imgs-dots{width:100%;height:auto;display:flex;position:relative;float:left;flex-wrap:wrap;padding:5px;background-color:#eeeeee;}
.page .content #p-imgs-dots button{width:25%;height:auto;display:block;position:relative;float:left;border:none;outline:none;margin:0;padding:5px;background-color:#eeeeee;}
.page .content #p-imgs-dots button span{width:100%;height:auto;display:block;position:relative;float:left;padding-top:100%;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #b8b8b8;transition:0.3s;}
.page .content #p-imgs-dots button.owl-dot.active span{border-color:#e51c28;}
.page .content .p-detail{width:calc(100% - 450px);height:auto;display:block;position:relative;float:left;padding-left:30px;}
.page .content .info{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 30px 0 30px;background-color:#e51c28;border-radius:.25rem;}
.page .content .info .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:30px;padding:25px;background-color:#ffffff;border-radius:.25rem;}
.page .content .info .item .txt{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:8px;color:#212529;font-size:18px;font-weight:700;}
.page .content .info .item .area{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .info .item .area .icon{width:auto;height:auto;display:block;position:absolute;left:0;top:50%;margin-top:-25px;}
.page .content .info .item .area .icon span{width:50px;height:50px;display:flex;position:relative;float:left;border-radius:.25rem;justify-content:center;align-items:center;}
.page .content .info .item .area .icon span svg{width:20px;height:20px;}
.page .content .info .item .area .itm{width:100%;height:auto;display:flex;position:relative;float:left;padding-left:60px;min-height:50px;flex-wrap:wrap;align-items:center;}
.page .content .info .item .area .itm span{width:100%;height:auto;display:block;position:relative;float:left;color:#383a45;word-break:break-word;font-weight:500;}
.page .content .info .item .area .itm span a{color:#383a45;}
.page .content .form .form-control{height:60px;padding:0 25px;background-color:#f0f0f2;border-color:#f0f0f2;font-weight:500;}
.page .content .form textarea.form-control{height:auto;padding:20px 25px;}
.page .content .form .form-control:focus{border-color:#e51c28;box-shadow:0 0 0 .2rem rgba(199,26,30,.25);}
.page .content .alert-primary{background-color:#e51c28;color:#ffffff;border:none;font-weight:500;}
.page.product-page .content{background-color:#eeeeee;}
.page.product-page .content .categories{background-color:#ffffff;}
.page.product-page .content .categories .item a{background-color:#eeeeee;}
.page.product-page .content .categories .item a.active{background-color:#e51c28;color:#ffffff;border-color:#e51c28;}
.page.product-page .content .categories .item a:hover{background-color:#e51c28;color:#ffffff;border-color:#e51c28;}

.footer{width:100%;height:auto;display:block;position:relative;float:left;padding:50px 0 30px 0;background-color:#121517;}
.footer .container{max-width:1520px;}
.footer .content{width:100%;height:auto;display:flex;position:relative;float:left;justify-content:space-between;flex-wrap:wrap;}
.footer .content .box-1{width:auto;height:auto;display:block;position:relative;float:left;max-width:400px;}
.footer .content .box-2{width:auto;height:auto;display:block;position:relative;float:left;}
.footer .content .box-3{width:auto;height:auto;display:block;position:relative;float:left;}
.footer .content .box-4{width:auto;height:auto;display:block;position:relative;float:left;max-width:270px;}
.footer .content .logo{width:auto;height:auto;display:block;position:relative;float:left;margin-bottom:20px;}
.footer .content .logo a{width:220px;height:47px;display:block;position:relative;float:left;background-image:url(images/footer-logo.png);background-position:center;background-size:cover;background-repeat:no-repeat;}
.footer .content .description{width:auto;height:auto;display:block;position:relative;float:left;color:#ffffff;}
.footer .content .social{width:100%;height:auto;display:block;position:relative;float:left;margin-top:15px;}
.footer .content .social a{width:auto;height:40px;display:flex;position:relative;float:left;text-decoration:none;border-radius:40px;margin-right:20px;}
.footer .content .social a:last-child{margin-right:0;}
.footer .content .social a svg{width:22px;height:auto;fill:#ffffff;margin:auto;transition:0.3s;}
.footer .content .social a.facebook svg{width:21px;margin:auto auto 10px auto;}
.footer .content .social a.instagram svg{width:21px;}
.footer .content .social a.whatsapp svg{width:30px;}
.footer .content .social a:hover svg{fill:#e51c28;}
.footer .content .title{width:auto;height:auto;display:block;position:relative;margin-bottom:10px;color:#ffffff;font-size:19px;font-weight:700;}
.footer .content .menu{width:auto;height:auto;display:block;position:relative;}
.footer .content .menu ul{width:auto;height:auto;display:block;position:relative;margin:0;padding:0;list-style:none;}
.footer .content .menu ul li a{color:#ffffff;}
.footer .content .contact{width:auto;height:auto;display:block;position:relative;}
.footer .content .contact span{width:auto;height:auto;display:block;position:relative;margin:0 15px 15px 0;color:#ffffff;}
.footer .content .contact span:last-child{width:100%;}
.footer .content .contact span a{width:auto;height:auto;display:block;position:relative;color:#ffffff;text-decoration:none;transition:0.3s;}
.footer .content .contact span svg{width:25px;height:auto;margin-right:5px;fill:#ffffff;transition:0.3s;}
.footer .content .contact span a:hover{color:#e51c28;}
.footer .content .contact span a:hover svg{fill:#e51c28;}
.footer .copyright{width:100%;height:auto;display:block;position:relative;float:left;margin-top:30px;padding-top:30px;border-top:1px solid #424250;}
.footer .copyright .text{width:100%;height:auto;display:block;position:relative;float:left;padding-right:50px;color:#ffffff;font-size:15px;}
.footer .copyright .ka{width:40px;height:30px;display:block;position:absolute;right:0;top:50%;background-image:url(images/ka.net.tr.svg);}

.fixed-menu{width:400px;height:100%;display:block;position:fixed;right:-100%;top:0;max-width:100%;background-color:#212529;overflow:auto;opacity:0;visibility:hidden;z-index:100;transition:0.5s;}
.fixed-menu.open{right:0;opacity:1;visibility:visible;}
.fixed-menu .fixed-close{width:50px;height:50px;display:flex;position:relative;float:right;margin:15px;background-color:#e51c28;border-radius:40px;justify-content:center;align-items:center;cursor:pointer;}
.fixed-menu .fixed-close span{width:32px;height:32px;display:block;position:relative;float:left;}
.fixed-menu .fixed-close span::before{content:"";position:absolute;left:15px;height:33px;width:2px;background-color:#ffffff;border-radius:3px;transform:rotate(45deg);}
.fixed-menu .fixed-close span::after{content:"";position:absolute;left:15px;height:33px;width:2px;background-color:#ffffff;border-radius:3px;transform:rotate(-45deg);}
.fixed-menu .menu{width:100%;height:auto;display:block;position:relative;float:left;border-top:1px solid #ffffff;}
.fixed-menu .menu ul{width:100%;height:auto;display:block;position:relative;float:left;margin:0;padding:0;list-style:none;}
.fixed-menu .menu ul li{width:100%;height:auto;display:block;position:relative;float:left;}
.fixed-menu .menu ul li a{width:100%;height:auto;display:block;position:relative;float:left;padding:10px 15px;border-bottom:1px solid #ffffff;text-decoration:none;color:#ffffff;font-weight:500;font-size:17px;background-color:#373a3e;}
.fixed-menu .search{width:100%;height:auto;display:block;position:relative;float:left;margin-top:28px;padding:0 15px;}
.fixed-menu .search form{width:100%;height:auto;display:block;position:relative;float:left;}
.fixed-menu .search form input{width:100%;height:40px;display:block;position:relative;float:left;max-width:100%;padding:1px 65px 1px 15px;border-radius:10px;font-weight:500;background-color:#ffffff;border:none;outline:none;box-shadow:none;}
.fixed-menu .search form button{width:50px;height:40px;display:block;position:absolute;top:0;right:0;background-color:#e51c28;border:none;outline:none;border-radius:0 10px 10px 0;}
.fixed-menu .search form button svg{width:22px;height:auto;fill:#ffffff;}
.fixed-menu .social{width:100%;height:auto;display:block;position:relative;float:left;margin-top:25px;padding:0 15px;}
.fixed-menu .social a{width:auto;height:auto;display:block;position:relative;float:left;margin-right:15px;text-decoration:none;}
.fixed-menu .social a:last-child{margin-right:0;}
.fixed-menu .social a svg{width:22px;height:22px;fill:#ffffff;}
.fixed-menu .contact{width:100%;height:auto;display:block;position:relative;float:left;padding:25px 15px;}
.fixed-menu .contact span{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;color:#ffffff;font-weight:500;}
.fixed-menu .contact span a{width:auto;height:auto;display:block;position:relative;float:left;color:#ffffff;text-decoration:none;}
.fixed-menu .contact span svg{width:25px;height:auto;margin-right:5px;fill:#ffffff;}
.fixed-menu-bg{width:100%;height:100%;display:block;position:fixed;right:-100%;top:0;background-color:rgba(0,0,0,0.49);opacity:0;visibility:hidden;z-index:99;cursor:url(images/close.png), auto;transition:0.5s;}
.fixed-menu-bg.active{right:0;opacity:1;visibility:visible;}

.modal-open .modal{cursor:url(images/close.png), auto;}
.modal-open .modal .modal-content{cursor:auto;}
.modal .search{width:100%;height:auto;display:block;position:relative;float:left;}
.modal .search .x{width:100%;height:auto;display:block;position:relative;float:left;z-index:5;}
.modal .search .x button{width:24px;height:24px;display:block;position:absolute;right:-15px;top:-50px;padding:0;background-color:transparent;border:none;outline:none;z-index:5;}
.modal .search .x button svg{width:100%;height:auto;fill:#ffffff;transition:0.3s;}
.modal .search .x button:hover svg{opacity:0.7;}
.modal .search form{width:100%;height:auto;display:block;position:relative;float:left;}
.modal .search form input{width:100%;height:40px;display:block;position:relative;float:left;padding:1px 80px 1px 15px;border-radius:5px;background-color:#ffffff;outline:none;box-shadow:none;border:1px solid #D1D1D1;}
.modal .search form button{width:65px;height:40px;display:block;position:absolute;top:0;right:0;background-color:#e51c28;color:#ffffff;font-weight:500;border:none;outline:none;border-radius:0 5px 5px 0;transition:0.3s;}
.modal .search form button:hover{background-color:#212529;}

@media (max-width: 2000px) {
	.page .content .lists .item{width:25%;}
}
@media (max-width: 1680px) {
	.products .content .item{width:25%;}
	
	.page .content .lists .item{width:33.33%;}
}
@media (max-width: 1300px) {
	.products .content .item{width:33.33%;}
	
	.page .content .lists .item{width:50%;}
}
@media (max-width: 1100px) {
	.header .right .phone{display:none;}
}
@media (max-width: 991px) {
	.container{padding-right:15px;padding-left:15px;}
	.header{padding:20px 0;}
	.header .logo a{width:195px;height:40px;}
	.header .menu{display:none;}
	.header .menu ul li.dropdown:hover .sub-menu{opacity:0;visibility:hidden;pointer-events:none;}
	
	.slider .item{height:400px;padding:50px 0 85px 0;}
	.slider .item .container{display:block;}
	.slider .item .content{max-width:100%;}
	.slider .item .content .title{margin-bottom:15px;font-size:30px;line-height:40px;text-align:left;}
	.slider .item .content .description{margin-bottom:20px;font-size:16px;text-align:left;}
	.slider .item .content .button{text-align:left;}
	.slider .item .content .button a{padding:10px 20px;font-size:14px;}
	.slider.owl-carousel .owl-dots{width:100%;display:flex;left:0;transform:none;justify-content:center;flex-wrap:wrap;}
	
	.products{padding:20px 0;}
	.products .title{margin-bottom:12px;font-size:30px;}
	.products .content{margin:0 -8px;}
	.products .content .item{width:50%;margin-bottom:15px;padding:0 8px;}
	.products .view-all{margin-top:5px;}
	.products .view-all a{padding:10px 20px;font-size:14px;}
	
	.about{padding:20px 0;}
	.about .title{margin-bottom:12px;font-size:30px;}
	.about .description{margin-bottom:15px;font-size:16px;}
	.about .button a{padding:10px 20px;font-size:14px;}
	
	.sub-products{padding:25px 0;}
	.sub-products .tt-bt .title{font-size:25px;line-height:30px;}
	.sub-products .tt-bt .button a{padding:5px 10px;font-size:12px;}
	
	.page .content{padding:15px 0;}
	.page .content .container{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
	.page .content .left{width:100%;margin-top:15px;}
	.page .content .right{width:100%;padding-left:0;}
	.page .content .lists{margin:0 -8px;}
	.page .content .lists .item{margin-bottom:15px;padding:0 8px;}
	
	.footer{padding:30px 0 20px 0;}
	.footer .content .box-1, .footer .content .box-2, .footer .content .box-3, .footer .content .box-4{width:100%;margin-bottom:20px;}
	.footer .content .title{margin-bottom:5px;}
	.footer .copyright{margin-top:0;padding-top:20px;}
	.footer .copyright .ka{margin-top:-5px;}
}
@media (max-width: 767px) {
	.about .image{width:calc(100% - 10px);height:auto;margin-bottom:25px;padding-top:60%;}
	.about .image span{position:absolute;left:0;top:0;margin-left:10px;margin-top:10px;}
	
	.page .banner{padding:50px 0;}
	.page .banner .title{font-size:33px;}
	.page .banner .title small{font-size:14px;}
	.page .content .title{font-size:27px;}
	.page .content .description{font-size:16px;}
	.page .content .img-text .img{max-width:100%;margin-right:0;}
	.page .content .img-text .text{width:100%;float:left;font-size:16px;}
	.page .content .info{padding:15px 15px 0 15px;}
	.page .content .info .item{margin-bottom:15px;padding:15px;}
	.page .content .p-detail{width:100%;padding-left:0;}
}
@media (max-width: 575px) {
	.products .content .item{width:100%;}
	
	.page .content .gallery .item a{padding-top:0;}
	.page .content .gallery .item a img{position:relative;height:auto;min-height:auto;}
	.page .content .lists .item{width:100%;}
}