@charset "utf-8";
*{padding: 0px;margin: 0px;box-sizing: border-box;}
body {margin:0;padding:0;font-family:"arial";line-height:166%;font-size:16px;color:#000000;}
ul {margin:0;padding:0;list-style:none;}
li {list-style:none;margin:0;padding:0;}
a:link {color: #000000;text-decoration: none;}
a:visited { color: #000000;text-decoration: none;}
a:hover { color: #424242;text-decoration: none;}
a:active { color: #424242;text-decoration: none;}
.wrapper{max-width: 1920px;margin: 0px auto;}

/*header*/
.header{background: #000;padding: 28px 62px 43px 32px;display: flex;align-items: center;color: #fff;justify-content: space-between;}
.header h1 a{display: flex;font-weight: normal;align-items: flex-end;color: #fff;}
.header h1 strong{font-size: 38px;}
.header h1 span{font-size: 14px;font-weight: normal;padding-left: 11px;margin-bottom: -5px;letter-spacing: 3px;}

.menu-toggle {display:none;font-size:24px;cursor:pointer;padding:10px;}
.menu {display:flex;justify-content:center;}
.menu li a {color:white;text-decoration:none;padding:0px 25px;display:block;}
.menu li a:hover{text-decoration: underline;}
.menu .active{text-decoration: underline;}

/*banner*/
.banner{position: relative;display: flex;align-items: center;justify-content: center;}
.banner img{width: 100%;height: auto;}
.banner h3{position: absolute;width: 100%;text-align: center;color: #fff;font-size: 48px;padding: 0px 32px;}

/*informaition*/
.padding{padding: 0px  6%;margin: 0px auto;}
.information h2{font-size: 38px;text-align: center;padding: 82px 0px 32px 0px;}
.information {border-top:1px solid #eee;}
.information li {display:flex;padding:19px 0;border-bottom:1px solid #eee;}
.information li .date {width:128px;color:#333;font-size:14px;}
.information li a {color:#333;text-decoration:none;font-size:14px;transition:color 0.2s;}
.information li a:hover {color:#666;}
.view-all {text-align:center;margin-top:30px;}
.view-all a.information {display:inline-block;padding:8px 30px;border:1px solid #000;color:#000;text-decoration:none;font-size:14px;text-transform:uppercase;transition:background-color 0.2s,color 0.2s;}
.view-all a.information:hover {background-color:#000;color:#fff;}

/*album*/
.album{padding-top: 130px;padding-bottom: 28px;}
.album ul{display: flex;justify-content: space-between;background: #f4f4f5;}
.album li{width: 32.3%;transition: all 0.3s ease; }
.album  li:hover{transform: scale(1.06);}
.album img{width: 100%;height: auto;vertical-align: middle;}

/*footer*/
.footer {background-color:#000;color:#a2a2a2;padding:60px 30px 16px 30px;margin-top: 38px;}
.footer .content{display:flex;justify-content:space-between;align-items:center;font-size:14px;}
.footer .links a {color:#a2a2a2;margin-right:20px;transition: all 0.3s ease; }
.footer .links a:hover{text-decoration: underline;}
.footer .copyright {text-align:center;flex:1;padding-top: 20px;font-size: 13px;}
.footer .follow {display:flex;align-items:center;}
.footer .follow span {margin-right:10px;}
.footer .follow a {color:#fff;margin-left:8px;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;border:2px solid #3e3e3e;border-radius: 50%;transition: all 0.3s ease; }
.footer .follow a:hover{background: #595959;}
.footer .follow img{height: 18px;width: auto;}

/*PRODUCT*/
.product{padding-top: 60px;}
.product h2{text-align: center;font-size: 58px;}
.product-menu{padding: 100px 0px 60px 0px;}
.product-menu ul{display: flex;justify-content: center;}
.product-menu a{color: #6a7282;display: block;margin: 0px 11px;font-size: 16px;}
.product-menu a:hover{color: #000;}
.product-menu .active{text-decoration: underline;color: #000;}
.product .list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product .list li{width: 21%;margin-bottom: 52px;transition: all 0.3s ease; }
.product  li:hover{transform: scale(1.06);}
.product .list .img{background: #f3f4f6;display: flex;justify-content: center;align-items: center;margin-bottom: 12px;border-radius: 4px;}
.product .list .img img{width:100%;height: auto;}
.product .list span{color: #888e9b;}
.product .list h4{color: #4d4d4d;font-size: 13px;}

/*TECHNOLOGY*/
.technology{padding-top: 100px;}
.technology h2{text-align: center;font-size: 58px;}
.technology .small-text{text-align: center;color: #747474;padding: 38px 0px 38px 0px;font-size: 22px;}
.camber-profiles{padding-top:100px;padding-bottom: 48px; }
.camber-profiles h3{font-size: 27px;}
.camber-profiles ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 69px;}
.camber-profiles li{width: 31%;margin-bottom: 52px;transition: all 0.3s ease; }
.camber-profiles  li:hover{transform: scale(1.06);}
.camber-profiles .img{ aspect-ratio: 3/1.2;display: flex;justify-content: center;align-items: center;margin-bottom: 12px;background: #f6f6f6;border: 1px solid #d5d5d5;border-radius: 4px;}
.camber-profiles .img img{width:80%;height: auto;}
.camber-profiles p{color: #515151;text-align: center;}
.camber-profiles h4{font-size: 13px;font-size: 19px;color: #000;text-align: center;}
.core_construction{background: #f5f5f5;padding: 66px 0px;}
.core_construction ul{display: flex;width: 90%;margin: 0px auto;gap:100px;padding-top: 39px;}
.core_construction  ul img{width: 100%;height: auto;}
.core_construction p{width: 70%;color: #3e3e3e;margin-top: 18px;}
.technology .list{padding-top: 109px;padding-bottom: 66px;}
.technology .list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.technology .list li{width: 61%;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.technology .list .text{width:33%;}
.technology .list  img{width: 100%;height: auto;border-radius: 4px;}
.technology .list h4{margin-bottom: 17px;}
.technology  .line{width: 86%;margin: 60px auto;border-bottom: 1px solid #f2f2f2;}

/*RIDERS*/
.riders{padding-top: 100px;}
.riders h2{text-align: center;font-size: 58px;}
.riders .small-text{text-align: center;color: #747474;padding: 38px 0px 38px 0px;font-size: 22px;}
.riders-menu{padding: 80px 0px 80px 0px;}
.riders-menu ul {display: flex; gap: 39px;justify-content: center; }
.riders-menu ul li a {text-decoration: none; color: #6a7282; position: relative;}
.riders-menu ul li a:hover{color: #000;}
.riders-menu ul li a.active {font-weight: bold;color: #000;}
.riders-menu ul li a.active::after {content: ''; position: absolute; left: 50%; bottom: -6px; width: 33px; height: 2px; background: currentColor; transform: translateX(-50%);}
.riders .list ul{display: flex;flex-wrap: wrap;justify-content: center;gap:58px;padding-bottom:51px;}
.riders .list li{width: 21%;transition: all 0.3s ease; }
.riders .list li:hover{transform: scale(1.06);}
.riders .list .img{background: #f3f4f6;aspect-ratio: 2/3;display: flex;justify-content: center;align-items: center;margin-bottom: 12px;border-radius: 4px;}
.riders .list h4{color: #000;}
.riders .list p{color: #6a7282;}
.riders .join{background: #f3f4f6;text-align: center;padding: 58px;}
.riders .join h4{font-size: 26px;margin-bottom: 22px;}
.riders .join a {display:inline-block;padding:11px 38px;border:2px solid #797a7b;color:#000;text-decoration:none;font-size:14px;text-transform:uppercase;transition:background-color 0.2s,color 0.2s;}
.riders .join a:hover {background-color:#000;color:#fff;}

/*CATALOG*/
.catalog{display:flex;align-items:center;gap:40px;padding:20px;justify-content: center;padding-bottom: 58px;}
.catalog .cover{width:420px;height:580px;background-color:#e6e6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow: 2px 5px 7px rgba(0, 0, 0, 0.2);transition: all 0.3s ease; }
.catalog .cover:hover{transform: scale(1.06);}
.catalog .cover h3{color:#6a7282;font-size:37px;margin-bottom:10px;font-weight:normal;margin:0;padding:0;}
.catalog .cover h4{font-size:46px;color:#000;padding:0;font-weight: normal;margin-top: 36px;}
.catalog .content{display:flex;flex-direction:column;gap:10px;}
.catalog .content h4{font-size:16px;color:#333;text-transform:uppercase;font-weight:normal;margin:0;padding:0;}
.catalog .content h3{font-size:23px;font-weight:normal;line-height:1.3;margin:10px 0px 0px 0px;padding:0;}
.catalog .content p{font-size:16px;color:#6a7282;max-width:400px;line-height:1.3;margin:0;padding:0;}
.catalog .content .buttons{display:flex;gap:15px;margin-top:20px;}
.catalog  .buttons .download-btn{background-color:#000;color:#fff;padding:12px 24px;font-size:14px;border:none;cursor:pointer;transition: all 0.3s ease;}
.catalog  .buttons .download-btn:hover{background: #d7dbe1;color: #000;}
.catalog .buttons .view-btn{background-color:#fff;color:#000;border:1px solid #000;padding:12px 24px;font-size:14px;cursor:pointer;transition: all 0.3s ease;}
.catalog .buttons .view-btn:hover{background: #000;color: #fff;}
.archive{background: #f6f6f6;padding-top:30px;padding-bottom: 38px;}
.archive h3{text-align: center;padding: 38px 0px 38px 0px;font-weight: normal;}
.archive  ul{display: flex;gap:38px;flex-wrap: wrap;justify-content: center;}
.archive li{width: 18%;text-align: center;transition: all 0.3s ease; }
.archive li:hover{transform: scale(1.06);}
.archive  .text{aspect-ratio: 2/3;box-shadow: 2px 5px 7px rgba(0, 0, 0, 0.2);background-color:#e6e6e6;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.archive h4{color:#6a7282;font-size:32px;margin-bottom:10px;font-weight:normal;margin:0;padding:0;}
.archive h5{font-size:40px;color:#000;padding:0;font-weight: normal;margin-top: 36px;}
.archive h6{font-size: 16px;font-weight: normal;margin: 12px 0px;}
.archive a{text-decoration: underline;color: #6a7282;}
.archive a:hover{color: #000;}
.catalog-footer{margin: 0px;}






@media (max-width:1024px)
{
body{font-size: 14px;}
.wrapper{max-width:1920px;margin:0px auto;}

/*header*/
.header{background:#000;padding:18px 22px 13px 12px;display:flex;align-items:center;color:#fff;justify-content:space-between;}
.header h1 a{display:flex;font-weight:normal;align-items:flex-end;color:#fff;}
.header h1 strong{font-size:36px;}
.header h1 span{font-size:14px;font-weight:normal;padding-left:11px;margin-bottom:-5px;letter-spacing:3px;}
.menu-toggle{display:none;font-size:24px;cursor:pointer;padding:10px;}
.menu{display:flex;justify-content:center;}
.menu li a{color:white;text-decoration:none;padding:0px 25px;display:block;}
.menu li a:hover{text-decoration:underline;}
.menu .active{text-decoration:underline;}
.menu-toggle {display:block;}
.menu {display:none;flex-direction:column;text-align:center;position: absolute;width: 100%;background: #000;left:0px;z-index: 999;padding: 33px 0px;}
.menu li{padding: 10px 0px;}
.menu.active {display:flex;}
	
/*banner*/
.banner{position:relative;display:flex;align-items:center;justify-content:center;}
.banner img{width:100%;height:auto;}
.banner h3{position:absolute;width:100%;text-align:center;color:#fff;font-size:28px;padding:0px 32px;line-height: 130%;}

/*informaition*/
.padding{padding:0px 6%;margin:0px auto;}
.information h2{font-size:26px;text-align:center;padding:32px 0px 32px 0px;}
.information{border-top:1px solid #eee;}
.information li{display:flex;padding:19px 0;border-bottom:1px solid #eee;}
.information li .date{width:110px;color:#333;font-size:14px;overflow: hidden;flex-shrink: 0;}
.information li a{color:#333;text-decoration:none;font-size:14px;transition:color 0.2s;}
.information li a:hover{color:#666;}
.view-all{text-align:center;margin-top:30px;}
.view-all a.information{display:inline-block;padding:8px 30px;border:1px solid #000;color:#000;text-decoration:none;font-size:14px;text-transform:uppercase;transition:background-color 0.2s,color 0.2s;}
.view-all a.information:hover{background-color:#000;color:#fff;}

/*album*/
.album{padding-top:60px;padding-bottom:28px;}
.album ul{display:flex;justify-content:space-between;background:#f4f4f5;flex-wrap: wrap;gap:20px;}
.album li{width:100%;transition:all 0.3s ease;}
.album li:hover{transform:scale(1.06);}
.album img{width:100%;height:auto;vertical-align:middle;}

/*footer*/
.footer{background-color:#000;color:#a2a2a2;padding:30px 30px 16px 30px;margin-top:38px;}
.footer .content{display:flex;align-items:center;font-size:12px;flex-wrap: wrap;justify-content: center;flex-direction: column;}
.footer .links{margin-bottom: 18px;}
.footer .links a{color:#a2a2a2;margin-right:10px;transition:all 0.3s ease;}
.footer .links a:hover{text-decoration:underline;}
.footer .copyright{text-align:center;flex:1;padding-top:20px;font-size:13px;}
.footer .follow{display:flex;align-items:center;}
.footer .follow span{margin-right:10px;}
.footer .follow a{color:#fff;margin-left:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:2px solid #3e3e3e;border-radius:50%;transition:all 0.3s ease;}
.footer .follow a:hover{background:#595959;}
.footer .follow img{height:18px;width:auto;}

/*PRODUCT*/
.product{padding-top:60px;}
.product h2{text-align:center;font-size:26px;}
.product-menu{padding:40px 0px 30px 0px;}
.product-menu ul{display:flex;justify-content:center;flex-wrap: wrap;}
.product-menu a{color:#6a7282;display:block;margin:0px 6px 10px 6px;font-size:16px;}
.product-menu a:hover{color:#000;}
.product-menu .active{text-decoration:underline;color:#000;}
.product .list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product .list li{width:46%;margin-bottom:52px;transition:all 0.3s ease;}
.product li:hover{transform:scale(1.06);}
.product .list .img{background:#f3f4f6;display:flex;justify-content:center;align-items:center;margin-bottom:12px;border-radius:4px;}
.product .list .img img{width:100%;height:auto;}
.product .list span{color:#888e9b;}
.product .list h4{color:#4d4d4d;font-size:13px;}
.product h3{font-size: 14px;}

/*TECHNOLOGY*/
.technology{padding-top:60px;}
.technology h2{text-align:center;font-size:26px;}
.technology .small-text{text-align:center;color:#747474;padding:18px 0px 8px 0px;font-size:14px;}
.camber-profiles{padding-top:33px;padding-bottom:0px;}
.camber-profiles h3{font-size:20px;text-align: center;}
.camber-profiles ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:16px;}
.camber-profiles li{width:100%;margin-bottom:32px;transition:all 0.3s ease;}
.camber-profiles li:hover{transform:scale(1.06);}
.camber-profiles .img{aspect-ratio:3/1.2;display:flex;justify-content:center;align-items:center;margin-bottom:12px;background:#f6f6f6;border:1px solid #d5d5d5;border-radius:4px;}
.camber-profiles .img img{width:80%;height:auto;}
.camber-profiles p{color:#515151;text-align:center;}
.camber-profiles h4{font-size:13px;font-size:19px;color:#000;text-align:center;}
.core_construction{background:#f5f5f5;padding:36px 0px;}
.core_construction ul{display:flex;width:90%;margin:0px auto;gap:30px;padding-top:39px;flex-wrap: wrap;}
.core_construction ul img{width:100%;height:auto;}
.core_construction p{width:70%;color:#3e3e3e;margin-top:18px;}
.technology .list{padding-top:39px;padding-bottom:26px;}
.technology .list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.technology .list li{width:100%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;}
.technology .list .text{width:100%;}
.technology .list img{width:100%;height:auto;border-radius:4px;margin-top: 11px;}
.technology .list h4{margin-bottom:17px;}
.technology .line{width:100%;margin:30px auto;border-bottom:1px solid #f2f2f2;}
.technology .list ul:nth-child(3) li:nth-child(2){order:-1;}

/*RIDERS*/
.riders{padding-top:60px;}
.riders h2{text-align:center;font-size:26px;}
.riders .small-text{text-align:center;color:#747474;padding:18px 0px 8px 0px;font-size:14px;}
.riders-menu{padding:30px 0px 30px 0px;}
.riders-menu ul{display:flex;gap:39px;justify-content:center;}
.riders-menu ul li a{text-decoration:none;color:#6a7282;position:relative;}
.riders-menu ul li a:hover{color:#000;}
.riders-menu ul li a.active{font-weight:bold;color:#000;}
.riders-menu ul li a.active::after{content:'';position:absolute;left:50%;bottom:-6px;width:33px;height:2px;background:currentColor;transform:translateX(-50%);}
.riders .list ul{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding-bottom:51px;}
.riders .list li{width:43%;transition:all 0.3s ease;}
.riders .list li:hover{transform:scale(1.06);}
.riders .list .img{background:#f3f4f6;aspect-ratio:2/3;display:flex;justify-content:center;align-items:center;margin-bottom:12px;border-radius:4px;}
.riders .list h4{color:#000;}
.riders .list p{color:#6a7282;}
.riders .join{background:#f3f4f6;text-align:center;padding:58px;}
.riders .join h4{font-size:20px;margin-bottom:22px;}
.riders .join a{display:inline-block;padding:11px 38px;border:2px solid #797a7b;color:#000;text-decoration:none;font-size:14px;text-transform:uppercase;transition:background-color 0.2s,color 0.2s;}
.riders .join a:hover{background-color:#000;color:#fff;}

/*CATALOG*/
.catalog{display:flex;align-items:center;gap:40px;padding:20px;justify-content:center;padding-bottom:58px;flex-direction: column;}
.catalog .cover{max-width: 100%; height:380px;background-color:#e6e6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:2px 5px 7px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.catalog .cover:hover{transform:scale(1.06);}
.catalog .cover h3{color:#6a7282;font-size:18px;margin-bottom:10px;font-weight:normal;margin:0;padding:0;}
.catalog .cover h4{font-size:22px;color:#000;padding:0;font-weight:normal;margin-top:36px;}
.catalog .content{display:flex;flex-direction:column;gap:10px;}
.catalog .content h4{font-size:16px;color:#333;text-transform:uppercase;font-weight:normal;margin:0;padding:0;}
.catalog .content h3{font-size:23px;font-weight:normal;line-height:1.3;margin:10px 0px 0px 0px;padding:0;}
.catalog .content p{font-size:16px;color:#6a7282;max-width:400px;line-height:1.3;margin:0;padding:0;}
.catalog .content .buttons{display:flex;gap:15px;margin-top:20px;}
.catalog .buttons .download-btn{background-color:#000;color:#fff;padding:12px 24px;font-size:14px;border:none;cursor:pointer;transition:all 0.3s ease;}
.catalog .buttons .download-btn:hover{background:#d7dbe1;color:#000;}
.catalog .buttons .view-btn{background-color:#fff;color:#000;border:1px solid #000;padding:12px 24px;font-size:14px;cursor:pointer;transition:all 0.3s ease;}
.catalog .buttons .view-btn:hover{background:#000;color:#fff;}
.archive{background:#f6f6f6;padding-top:30px;padding-bottom:38px;}
.archive h3{text-align:center;padding:8px 0px 38px 0px;font-weight:normal;}
.archive ul{display:flex;gap:11px;flex-wrap:wrap;justify-content:space-between;}
.archive li{width:47%;text-align:center;transition:all 0.3s ease;margin-bottom: 18px;}
.archive li:hover{transform:scale(1.06);}
.archive .text{aspect-ratio:2/3;box-shadow:2px 5px 7px rgba(0,0,0,0.2);background-color:#e6e6e6;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.archive h4{color:#6a7282;font-size:18px;margin-bottom:10px;font-weight:normal;margin:0;padding:0;}
.archive h5{font-size:22px;color:#000;padding:0;font-weight:normal;margin-top:16px;}
.archive h6{font-size:14px;font-weight:normal;margin:12px 0px 0px 0px;}
.archive a{text-decoration:underline;color:#6a7282;}
.archive a:hover{color:#000;}
.catalog-footer{margin:0px;}
}