@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..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:'Manrope', sans-serif;}
.container{max-width:100%;}
@media (min-width: 1200px){.container{max-width:1320px;}}
@keyframes slideShow{ 0% {transform:scale(1);} 50% {transform:scale(1.1);} 100% {transform:scale(1);} }

.top{width:100%;height:auto;display:block;position:absolute;left:0;top:0;padding:20px 0;background-color:rgba(0,0,0,0.25);z-index:50;}
.top .navbar{padding:0;}
.top .contact{width:auto;height:auto;display:block;position:relative;float:left;}
.top .contact a{width:auto;height:auto;display:flex;position:relative;float:left;margin-right:20px;text-decoration:none;align-items:center;color:#ffffff;font-size:14px;font-weight:500;letter-spacing:0.1px;transition:0.3s;}
.top .contact a:last-child{margin-right:0;}
.top .contact a svg{width:25px;height:25px;margin-right:7px;fill:#ffffff;transition:0.3s;}
.top .contact a:hover{color:#00c5fb;}
.top .contact a:hover svg{fill:#00c5fb;}
.top .social{width:auto;height:auto;display:block;position:relative;float:left;}
.top .social a{width:auto;height:auto;display:block;position:relative;float:left;margin-left:15px;text-decoration:none;}
.top .social a:first-child{margin-left:0;}
.top .social a svg{width:20px;height:20px;fill:#ffffff;transition:0.3s;}
.top .social a:hover svg{fill:#00c5fb;}

.header{width:100%;height:auto;display:block;position:absolute;left:0;top:85px;z-index:50;}
.header .navbar{padding:0;}
.header .logo{width:auto;height:auto;display:block;position:relative;float:left;}
.header .logo a{width:auto;height:90px;display:flex;position:relative;float:left;text-decoration:none;background-image:url(images/logo.png);background-position:left center;background-size:contain;background-repeat:no-repeat;padding-left:80px;color:#ffffff;font-weight:800;font-size:20px;text-transform:uppercase;align-items:center;transition:0.3s;}
.header .logo a:hover{color:#00c5fb;}
.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;}
.header .menu ul li:last-child{margin-right:0;}
.header .menu ul li a{width:auto;height:auto;display:block;position:relative;float:left;padding:7px 0;text-decoration:none;color:#ffffff;font-size:17px;font-weight:600;transition:0.3s;}
.header .menu ul li:hover a{color:#00c5fb;}
.header .menu ul li.dropdown a::after{content:"";width:0;height:0;display:inline-block;margin-left:8px;margin-bottom:2px;border-top:.4em solid;border-right:.4em solid transparent;border-bottom:0;border-left:.4em solid transparent;}
.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:rgba(0,0,0,0.75);border:1px solid;border-color:rgba(255,255,255,0.18);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:#ffffff;border-bottom:1px solid;border-color:rgba(255,255,255,0.18);text-transform:none;font-weight:600;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:#00c5fb;color:#ffffff;}
.header .menu ul li.dropdown .sub-menu a::after{display:none;}
.header .menu ul li.dropdown:hover .sub-menu{opacity:1;visibility:visible;pointer-events:auto;}
.header .button{width:auto;height:auto;display:block;position:relative;float:left;}
.header .button a{width:auto;height:auto;display:block;position:relative;float:left;padding:13px 27px;text-decoration:none;color:#ffffff;font-weight:700;font-size:15px;border:2px solid;border-color:rgba(255,255,255,0.8);border-radius:50px;background-size:200% auto;background-image:linear-gradient(to right, #02006c 0%, #0066cc 50%, #02006c 100%);transition:0.3s ease-in-out;}
.header .button a:hover{background-position:right center;box-shadow:0 0 10px 2px #ffffff;}
.header .menu-button{width:auto;height:auto;display:none;position:relative;float:left;}
.header .menu-button .menu-btn{width:32px;height:auto;display:block;position:relative;float:left;padding:0;border:none;outline:none;background-color:transparent;}
.header .menu-button .menu-btn span{width:100%;height:3px;display:block;position:relative;float:left;margin-bottom:7px;background-color:#ffffff;border-radius:.25rem;}
.header .menu-button .menu-btn span:last-child{margin-bottom:0;}

.slider{width:100%;height:auto;display:block;position:relative;float:left;background-color:#081329;}
.slider .item{width:100%;height:100vh;display:flex;position:relative;float:left;align-items:center;overflow:hidden;}
.slider .item::before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-color:#010816;opacity:0.7;z-index:1;}
.slider .item .image{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-position:center;background-size:cover;z-index:0;animation:slideShow 10s linear infinite 0s;}
.slider .item .container{z-index:2;}
.slider .item .content{width:100%;height:auto;display:block;position:relative;float:left;max-width:700px;}
.slider .item .content .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;color:#ffffff;font-size:40px;font-weight:800;}
.slider .item .content .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:25px;color:#ffffff;font-size:18px;font-weight:300;}
.slider .item .content .button{width:auto;height:auto;display:block;position:relative;float:left;}
.slider .item .content .button a{width:auto;height:auto;display:block;position:relative;float:left;padding:13px 27px;text-decoration:none;color:#ffffff;font-weight:700;font-size:15px;border:2px solid;border-color:rgba(255,255,255,0.8);border-radius:50px;background-size:200% auto;background-image:linear-gradient(to right, #02006c 0%, #0066cc 50%, #02006c 100%);transition:0.3s ease-in-out;}
.slider .item .content .button a:hover{background-position:right center;box-shadow:0 0 10px 2px #ffffff;}
.slider.owl-carousel .owl-nav{display:block;}
.slider.owl-carousel .owl-nav button.owl-next, .slider.owl-carousel .owl-nav button.owl-prev{width:20px;height:40px;display:block;position:absolute;top:50%;margin-top:-20px;border:none;outline:none;transition:0.3s;}
.slider.owl-carousel .owl-nav button.owl-next{right:20px;}
.slider.owl-carousel .owl-nav button.owl-prev{left:20px;}
.slider.owl-carousel .owl-nav button.owl-next svg, .slider.owl-carousel .owl-nav button.owl-prev svg{width:20px;height:40px;fill:#ffffff;}
.slider.owl-carousel .owl-nav button.owl-next:hover, .slider.owl-carousel .owl-nav button.owl-prev:hover{opacity:0.65;}
.slider.owl-carousel .owl-dots{width:auto;height:auto;display:block;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);}
.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;}
.products .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;text-align:center;color:#212529;font-weight:800;font-size:35px;}
.products .title::after{content:"";width:50px;height:4px;display:block;position:absolute;left:50%;bottom:0;margin-left:-25px;background-color:#005cea;border-radius:.25rem;}
.products .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:30px;}
.products .item a{width:100%;height:auto;display:block;position:relative;float:left;text-decoration:none;background-color:#ffffff;border:1px solid #ced4da;border-radius:10px;overflow:hidden;transition:0.3s;}
.products .item a .image{width:100%;height:auto;display:block;position:relative;float:left;padding-top:75%;}
.products .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 .item a .txt{width:100%;height:auto;display:block;position:relative;float:left;padding:20px;text-align:center;background-color:#f8f9fa;color:#212529;font-size:18px;font-weight:700;border-top:1px solid #ced4da;transition:0.3s;}
.products .item a:hover{border-color:#005cea;box-shadow:0 0 20px 5px rgba(0,92,234,0.15);}
.products .item a:hover .txt{color:#005cea;border-color:#005cea;box-shadow:0 -5px 10px 2px rgba(0,92,234,0.15);}
.products .view-all{width:100%;height:auto;display:block;position:relative;float:left;text-align:center;}
.products .view-all a{display:inline-block;padding:13px 27px;text-decoration:none;color:#ffffff;font-weight:700;border-radius:50px;background-size:200% auto;background-image:linear-gradient(to right, #005cea 0%, #00c5fb 50%, #005cea 100%);transition:0.3s ease-in-out;}
.products .view-all a:hover{background-position:right center;}

.about{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;}
.about .image{width:calc(100% - 10px);height:100%;display:block;position:relative;float:left;background-color:#005cea;border-radius:15px;}
.about .image span{width:100%;height:100%;display:block;position:relative;float:left;left:10px;top:10px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:15px;overflow:hidden;}
.about .tt-cat{width:100%;height:auto;display:block;position:relative;float:left;margin-top:30px;color:#005cea;font-size:18px;font-weight:700;}
.about .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;color:#212529;font-weight:800;font-size:35px;}
.about .title::after{content:"";width:50px;height:4px;display:block;position:absolute;left:0;bottom:0;background-color:#005cea;border-radius:.25rem;}
.about .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;font-size:18px;font-family:'Roboto', sans-serif;}
.about .button{width:100%;height:auto;display:block;position:relative;float:left;}
.about .button a{display:inline-block;padding:13px 27px 13px 20px;text-decoration:none;color:#ffffff;font-weight:700;border-radius:0 50px 50px 0;background-size:200% auto;background-image:linear-gradient(to right, #005cea 0%, #00c5fb 50%, #005cea 100%);transition:0.3s ease-in-out;}
.about .button a:hover{background-position:right center;}
.about .links{width:100%;height:auto;display:block;position:relative;float:left;margin-top:30px;}
.about .links a{width:auto;height:auto;display:flex;position:relative;float:left;margin-right:30px;margin-bottom:30px;padding:15px;min-width:140px;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background-color:#ffffff;border:1px solid #ced4da;border-radius:10px;box-shadow:0 0 20px 5px rgba(0,0,0,0.03);transition:0.3s;}
.about .links a:last-child{margin-right:0;}
.about .links a .icon{width:auto;height:auto;display:block;position:relative;float:left;margin-bottom:10px;}
.about .links a .icon span{width:60px;height:60px;display:block;position:relative;float:left;background-position:center;background-size:cover;background-repeat:no-repeat;}
.about .links a .txt{width:auto;height:auto;display:block;position:relative;float:left;color:#212529;font-weight:700;transition:0.3s;}
.about .links a:hover{border-color:#005cea;box-shadow:0 0 20px 5px rgba(0,92,234,0.25);}
.about .links a:hover .txt{color:#005cea;}

.references{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;}
.references .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;color:#212529;font-weight:800;font-size:35px;}
.references .title::after{content:"";width:50px;height:4px;display:block;position:absolute;left:0;bottom:0;background-color:#005cea;border-radius:.25rem;}
.references .carousel.owl-carousel{width:100%;height:auto;display:block;position:relative;float:left;padding:0 25px;}
.references .carousel.owl-carousel .owl-nav.disabled{display:block;}
.references .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;}
.references .carousel.owl-carousel .owl-nav button.owl-next svg{width:20px;height:40px;fill:#005cea;transition:0.3s;}
.references .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;}
.references .carousel.owl-carousel .owl-nav button.owl-prev svg{width:20px;height:40px;fill:#005cea;transition:0.3s;}
.references .carousel.owl-carousel .owl-nav button.owl-next:hover svg, .references .carousel.owl-carousel .owl-nav button.owl-prev:hover svg{fill:#212529;}
.references .carousel .item{width:100%;height:auto;display:block;position:relative;float:left;padding:15px;}
.references .carousel .item a{width:100%;height:auto;display:block;position:relative;float:left;padding:25px;text-decoration:none;border:1px solid #dedede;filter:grayscale(100%);box-shadow:0 0 20px 5px rgba(0,0,0,0.03);transition:0.3s;}
.references .carousel .item a::before{content:"";display:block;width:17px;height:17px;background-color:transparent;position:absolute;top:-1px;left:-1px;border-top:3px solid #005cea;border-left:3px solid #005cea;transition:0.3s;opacity:0;}
.references .carousel .item a::after{content:"";display:block;width:17px;height:17px;background-color:transparent;position:absolute;bottom:-1px;right:-1px;border-right:3px solid #005cea;border-bottom:3px solid #005cea;transition:0.3s;opacity:0;}
.references .carousel .item a .image{width:100%;height:auto;display:block;position:relative;float:left;}
.references .carousel .item a .image span{width:100%;height:80px;display:block;position:relative;float:left;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:0.8;transition:0.3s;}
.references .carousel .item a:hover{filter:grayscale(0%);border-color:transparent;box-shadow:0 3px 25px 0 rgba(0,0,0,0.2);}
.references .carousel .item a:hover::before{opacity:1;}
.references .carousel .item a:hover::after{opacity:1;}
.references .carousel .item a:hover .image span{opacity:1;}

.values{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;overflow:hidden;}
.values .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;text-align:center;color:#212529;font-weight:800;font-size:35px;}
.values .title::after{content:"";width:50px;height:4px;display:block;position:absolute;left:50%;bottom:0;margin-left:-25px;background-color:#005cea;border-radius:.25rem;}
.values .item{width:100%;height:400px;display:block;position:relative;float:left;margin-bottom:30px;background-position:center;background-size:cover;background-repeat:no-repeat;transition:0.3s;}
.values .item::before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-color:#000000;opacity:0.7;}
.values .item::after{content:"";width:100%;height:100%;display:block;position:absolute;left:0;bottom:0;background-color:#000000;opacity:0;transition:0.4s;}
.values .item .box{width:100%;height:auto;display:block;position:absolute;left:0;bottom:0;padding:20px;overflow:hidden;z-index:2;}
.values .item .box .txt{width:auto;height:auto;display:block;position:relative;float:left;padding-bottom:4px;color:#ffffff;font-weight:800;font-size:24px;}
.values .item .box .txt::after{content:"";width:100%;height:3px;display:block;position:absolute;left:0;bottom:0;background-color:#00c5fb;border-radius:.25rem;}
.values .item .box .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:-100%;padding-top:20px;color:#ffffff;font-weight:400;font-size:17px;font-family:'Roboto', sans-serif;transition:0.4s;}
.values .item:hover{box-shadow:0 0 10px 1px #ffffff;transform:scale(1.05);z-index:5;}
.values .item:hover::after{opacity:0.25;}
.values .item:hover .box .description{margin-bottom:0;padding-top:10px;}

.counter{width:100%;height:auto;display:block;position:relative;float:left;padding:50px 0 20px 0;}
.counter .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:30px;padding:35px 15px;border:2px solid #e8e8e8;border-radius:.25rem;box-shadow:0 0 20px 5px rgba(0,0,0,0.03);transition:0.3s;}
.counter .item::before{content:"";width:40px;height:6px;display:block;position:absolute;bottom:-4px;left:50%;margin-left:-20px;background-color:#005cea;border-radius:.25rem;}
.counter .item .icon{width:100%;height:auto;display:flex;position:relative;float:left;margin-bottom:15px;justify-content:center;}
.counter .item .icon span{width:70px;height:70px;display:block;position:relative;float:left;background-position:center;background-size:cover;background-repeat:no-repeat;}
.counter .item .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:5px;font-size:20px;font-weight:700;text-align:center;}
.counter .item .subtitle{width:100%;height:auto;display:block;position:relative;float:left;font-size:18px;font-weight:500;text-align:center;}
.counter .item:hover{border-color:#005cea;box-shadow:0 0 20px 5px rgba(0,92,234,0.15);}

.page{width:100%;height:auto;display:block;position:relative;float:left;}
.page .banner{width:100%;height:auto;display:block;position:relative;float:left;padding:240px 0 80px 0;background-position:center;background-size:cover;}
.page .banner::before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-color:#010816;opacity:0.75;}
.page .banner .title{width:100%;height:auto;display:block;position:relative;float:left;font-size:40px;font-weight:800;color:#ffffff;line-height:40px;}
.page .banner .title small{font-size:18px;font-weight:700;}
.page .content{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;}
.page .content .left{width:73%;height:auto;display:block;position:relative;float:right;}
.page .content .right{width:27%;height:auto;display:block;position:relative;float:left;padding-right:30px;}
.page .content .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:10px;font-size:30px;font-weight:800;}
.page .content .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;font-size:18px;font-family:'Roboto', sans-serif;}
.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:18px;font-family:'Roboto', sans-serif;}
.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:#0066cc;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 .categories{width:100%;height:auto;display:block;position:relative;float:left;}
.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:12px 55px 12px 20px;text-decoration:none;color:#ffffff;font-size:17px;font-weight:600;border-radius:7px;overflow:hidden;background-size:200% auto;background-image:linear-gradient(to right, #0066cc 0%, #02006c 50%, #0066cc 100%);transition:0.3s ease-in-out;}
.page .content .categories .item a::before{content:"";width:44px;height:100%;display:block;position:absolute;right:0;top:0;background-color:#0066cc;background-position:center;background-size:10px 20px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 60' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M 3.3816 59.3789 C 2.9952 59.7935 2.512 60 1.9808 60 C 1.4492 60 0.9663 59.7935 0.5797 59.3789 C -0.1931 58.5513 -0.1931 57.2065 0.5797 56.3789 L 25.2175 29.9998 L 0.5797 3.6207 C -0.1931 2.7931 -0.1931 1.4484 0.5797 0.6207 C 1.3528 -0.2069 2.6086 -0.2069 3.3816 0.6207 L 29.4203 28.4998 C 30.1931 29.3274 30.1931 30.6722 29.4203 31.4999 L 3.3816 59.3789 Z'/%3E%3C/g%3E%3C/svg%3E");}
.page .content .categories .item a.active{background-image:linear-gradient(to right, #02006c 0%, #0066cc 50%, #02006c 100%);}
.page .content .categories .item a.active::before{background-color:#02006c;}
.page .content .categories .item a:hover{background-position:right center;}
.page .content .p-products{width:100%;height:auto;display:block;position:relative;float:left;}
.page .content .p-products .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:30px;}
.page .content .p-products .item a{width:100%;height:auto;display:block;position:relative;float:left;text-decoration:none;background-color:#ffffff;border:1px solid #ced4da;border-radius:10px;overflow:hidden;transition:0.3s;}
.page .content .p-products .item a .image{width:100%;height:auto;display:block;position:relative;float:left;padding-top:75%;}
.page .content .p-products .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 .p-products .item a .txt{width:100%;height:auto;display:block;position:relative;float:left;padding:20px;text-align:center;background-color:#f3f4f6;color:#212529;font-size:18px;font-weight:700;border-top:1px solid #ced4da;transition:0.3s;}
.page .content .p-products .item a:hover{border-color:#005cea;box-shadow:0 0 20px 5px rgba(0,92,234,0.15);}
.page .content .p-products .item a:hover .txt{color:#005cea;border-color:#005cea;box-shadow:0 -5px 10px 2px rgba(0,92,234,0.15);}
.page .content .table-responsive{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;}
.page .content .info{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 30px 0 30px;background-color:#0066cc;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:#1a1a1a;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:600;}
.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:600;}
.page .content .form textarea.form-control{height:auto;padding:20px 25px;}
.page .content .form .form-control:focus{border-color:#005cea;box-shadow:0 0 0 .2rem rgba(0,92,234,.25);}
.page .content .alert-primary{background-color:#005cea;color:#ffffff;border:none;font-weight:600;}

.footer{width:100%;height:auto;display:block;position:relative;float:left;margin-top:120px;padding:30px 0;background-color:#070719;}
.footer .box-1{width:100%;height:auto;display:block;position:relative;float:left;margin-top:-120px;padding:30px;background-color:#013a93;border-radius:15px;}
.footer .box-2{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:20px;}
.footer .box-3{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:20px;}
.footer .box-4{width:100%;height:auto;display:block;position:relative;float:left;}
.footer .logo{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;}
.footer .logo a{width:auto;height:90px;display:flex;position:relative;float:left;text-decoration:none;background-image:url(images/logo.png);background-position:left center;background-size:contain;background-repeat:no-repeat;padding-left:80px;color:#ffffff;font-weight:800;font-size:20px;text-transform:uppercase;align-items:center;transition:0.3s;}
.footer .logo a:hover{color:#00c5fb;}
.footer .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:20px;color:#ffffff;font-weight:500;opacity:0.85;}
.footer .social{width:100%;height:auto;display:block;position:relative;float:left;}
.footer .social a{width:auto;height:auto;display:block;position:relative;float:left;margin-left:15px;text-decoration:none;}
.footer .social a:first-child{margin-left:0;}
.footer .social a svg{width:20px;height:20px;fill:#ffffff;transition:0.3s;}
.footer .social a:hover svg{fill:#00c5fb;}
.footer .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:10px;color:#ffffff;font-weight:700;font-size:19px;}
.footer .menu{width:100%;height:auto;display:block;position:relative;float:left;}
.footer .menu ul{width:100%;height:auto;display:block;position:relative;float:left;margin:0;padding:0;list-style:none;}
.footer .menu ul li{width:auto;height:auto;display:block;position:relative;float:left;padding:0 18px;}
.footer .menu ul li:first-child{padding-left:0;}
.footer .menu ul li:last-child{padding-right:0;}
.footer .menu ul li::before{content:"";width:6px;height:6px;display:block;position:absolute;right:-3px;top:50%;margin-top:-3px;background-color:#00c5fb;border-radius:100%;}
.footer .menu ul li:last-child::before{display:none;}
.footer .menu ul li a{width:auto;height:auto;display:block;position:relative;float:left;text-decoration:none;color:#ffffff;font-weight:500;transition:0.3s;}
.footer .menu ul li a:hover{color:#00c5fb;}
.footer .contact{width:100%;height:auto;display:block;position:relative;float:left;}
.footer .contact .item{width:auto;height:auto;display:flex;position:relative;float:left;margin:0 20px 15px 0;align-items:center;}
.footer .contact .item a{width:auto;height:auto;display:flex;position:relative;float:left;text-decoration:none;align-items:center;}
.footer .contact .item .icon{width:auto;height:auto;display:block;position:relative;float:left;margin-right:7px;}
.footer .contact .item .icon svg{width:25px;height:25px;fill:#ffffff;transition:0.3s;}
.footer .contact .item .txt{width:auto;height:auto;display:block;position:relative;float:left;color:#ffffff;font-weight:500;transition:0.3s;}
.footer .contact .item a:hover .icon svg{fill:#00c5fb;}
.footer .contact .item a:hover .txt{color:#00c5fb;}
.footer-copyright{width:100%;height:auto;display:block;position:relative;float:left;padding:25px 0;background-color:#013a93;}
.footer-copyright .content{width:100%;height:auto;display:block;position:relative;float:left;}
.footer-copyright .content .text{width:100%;height:auto;display:block;position:relative;float:left;padding-right:50px;color:#ffffff;font-size:15px;font-weight:500;}
.footer-copyright .content .ka{width:40px;height:30px;display:block;position:absolute;right:0;top:50%;margin-top:-15px;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:#013a93;overflow:auto;opacity:0;visibility:hidden;z-index:100;transition:0.3s;}
.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;border:none;outline:none;background-color:#ffffff;border-radius:50px;justify-content:center;align-items:center;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.09);}
.fixed-menu .fixed-close svg{width:30px;height:30px;fill:#013a93;}
.fixed-menu ul{width:100%;height:auto;display:block;position:relative;float:left;margin:0 0 15px 0;padding:0 15px 15px 15px;list-style:none;border-bottom:1px solid;border-color:rgba(255,255,255,0.35);}
.fixed-menu ul li{width:100%;height:auto;display:block;position:relative;float:left;}
.fixed-menu ul li a{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:10px;padding:15px 15px 15px 30px;text-decoration:none;background-color:#ffffff;color:#013a93;font-weight:700;font-size:17px;border-radius:10px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.09);}
.fixed-menu ul li a::before{content:"";width:8px;height:8px;display:block;position:absolute;left:13px;top:50%;margin-top:-4px;background-color:#013a93;border-radius:100%;}
.fixed-menu .social{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:20px;padding:0 15px 20px 15px;border-bottom:1px solid;border-color:rgba(255,255,255,0.35);}
.fixed-menu .social .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:10px;font-size:22px;font-weight:600;color:#ffffff;}
.fixed-menu .social .buttons{width:100%;height:auto;display:block;position:relative;float:left;}
.fixed-menu .social .buttons a{width:auto;height:auto;display:block;position:relative;float:left;margin-right:15px;text-decoration:none;}
.fixed-menu .social .buttons a:last-child{margin-right:0;}
.fixed-menu .social .buttons a svg{width:22px;height:22px;fill:#ffffff;}
.fixed-menu .contact{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:20px;padding:0 15px 20px 15px;border-bottom:1px solid;border-color:rgba(255,255,255,0.35);}
.fixed-menu .contact .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:10px;font-size:22px;font-weight:600;color:#ffffff;}
.fixed-menu .contact .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:12px;}
.fixed-menu .contact .item:last-child{margin-bottom:0;}
.fixed-menu .contact .item a{width:auto;height:auto;display:block;position:relative;float:left;padding-left:30px;text-decoration:none;}
.fixed-menu .contact .item a .icon{width:20px;height:20px;display:block;position:absolute;left:0;top:50%;margin-top:-10px;}
.fixed-menu .contact .item a .icon svg{width:100%;height:100%;display:block;position:absolute;left:0;top:0;fill:#ffffff;}
.fixed-menu .contact .item a .txt{width:auto;height:auto;display:block;position:relative;float:left;color:#ffffff;font-weight:500;}
.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;transition:0.3s;}
.fixed-menu-bg.active{right:0;opacity:1;visibility:visible;}

@media (max-width: 1440px) {
	.slider.owl-carousel .owl-nav button.owl-next, .slider.owl-carousel .owl-nav button.owl-prev{top:auto;bottom:20px;margin-top:0;}
	.slider.owl-carousel .owl-dots{bottom:25px;}
}
@media (max-width: 991px) {
	.header .menu{display:none;}
	.header .menu-button{display:block;}
	
	.slider .item{padding-top:50px;}
	.slider .item .content .title{margin-bottom:8px;font-size:30px;}
	.slider .item .content .description{margin-bottom:18px;font-size:16px;}
	.slider .item .content .button a{padding:10px 20px;font-size:14px;}
	
	.products{padding:15px 0;}
	.products .title{font-size:30px;}
	.products .item{margin-bottom:15px;}
	
	.about{padding:15px 0;}
	.about .image{width:100%;height:auto;padding-top:70%;overflow:hidden;}
	.about .image span{position:absolute;left:0;top:0;border-radius:0;}
	.about .tt-cat{margin-top:15px;margin-bottom:-5px;}
	.about .title{font-size:30px;}
	.about .description{font-size:17px;}
	.about .links{margin-top:15px;}
	.about .links a{margin-right:15px;margin-bottom:15px;}
	
	.references{padding:15px 0;}
	.references .title{font-size:30px;}
	
	.values{padding:15px 0;}
	.values .title{font-size:30px;}
	.values .item .box .txt{font-size:22px;}
	.values .item .box .description{font-size:16px;}
	
	.counter{padding:15px 0;}
	.counter .row{margin-right:-7.5px;margin-left:-7.5px;}
	.counter .col-6{padding-right:7.5px;padding-left:7.5px;}
	.counter .item{margin-bottom:15px;padding:25px 5px;}
	.counter .item .title{font-size:16px;}
	.counter .item .subtitle{font-size:14px;}
	
	.page .content{padding:15px 0;}
	.page .content .left{width:100%;float:left;}
	.page .content .right{width:100%;margin-top:15px;padding-right:0;}
	
	.footer{padding:30px 0 15px 0;}
	.footer .box-1{margin-bottom:20px;padding:20px;}
	.footer .title{margin-bottom:5px;}
	.footer .menu ul li{width:100%;padding:0;}
	.footer .menu ul li::before{display:none;}
}
@media (max-width: 767px) {
	.top{display:none;}
	
	.header{top:15px;}
	.header .button{display:none;}
	
	.slider.owl-carousel .owl-nav button.owl-next{right:15px;bottom:15px;}
	.slider.owl-carousel .owl-nav button.owl-prev{left:15px;bottom:15px;}
	.slider.owl-carousel .owl-dots{bottom:20px;}
	
	.values .item{margin-bottom:15px;}
	
	.page .banner{padding:145px 0 50px 0;}
	.page .banner .title{font-size:33px;line-height:35px;}
	.page .banner .title small{font-size:16px;}
	.page .content .title{font-size:27px;}
	.page .content .description{font-size:17px;}
	.page .content .img-text .img{max-width:100%;margin-right:0;}
	.page .content .img-text .text{width:100%;float:left;margin-bottom:15px;font-size:17px;}
	.page .content .info .item{margin-bottom:15px;padding:15px;}
	.page .content .p-products .item{margin-bottom:15px;}
}
@media (max-width: 575px) {
	.page .content .gallery .item a{padding-top:0;}
	.page .content .gallery .item a img{position:relative;height:auto;min-height:auto;}
}