html {height:auto;margin:0;}
body {color:#0c183a;font-family:'Manrope', sans-serif;font-size:14px;line-height:1.6;margin:0;}

h1, h2, h3, h4, h5, h6 {margin:0;}
p {margin:0;}
ul {margin:0;padding:0;}

h1 {font-size:50px;font-family:'Geologica';font-weight:800;line-height:1.2;}
h2 {font-size:36px;font-family:'Geologica';font-weight:800;line-height:1.2;}
h3 {font-size:24px;font-family:'Geologica';font-weight:800;line-height:1.3;}
h4 {font-size:18px;font-family:'Geologica';font-weight:400;line-height:1.4;}
h5 {font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:20px;}
.has_underline {border-bottom:2px solid #29abe2;padding-bottom:4px;}

* {box-sizing:border-box;}
img {display:block;}

.page_container {overflow:hidden;}

.main_max {max-width:1300px;margin:auto;padding:0 30px;}
.align_center {text-align:center;}

.main_button {background:#fff;border-radius:30px;color:#0c183a;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;padding:18px 60px 18px 30px;position:relative;}
.main_button::before {background:#0c183a url('../images/angle-right-solid-white.svg') no-repeat scroll center center / 9px auto;border-radius:50%;content:"";width:39px;height:39px;position:absolute;top:8px;right:9px;}
.main_image {}
.main_image img {width:100%;height:auto;}
.text_image img {width:100%;height:auto;}
.image_desktop {}
.image_mobile {display:none;}

@media only screen and (max-width:768px) {
.image_desktop {display:none;}
.image_mobile {display:block;margin-bottom:40px;}
}

/**/

.header_container {position:relative;/*height:100px;*/}
.header_block {background:#fff;border-radius:0 0 30px 30px;box-shadow:1px 5px 10px 1px rgba(0,0,0,0.1);height:100px;position:fixed;top:0;left:50px;right:50px;z-index:10;}
.top_left {position:absolute;top:38px;left:30px;}
.top_right {position:absolute;top:8px;right:40px;}
.link_return {background:url("../images/back_icon_RED.png") no-repeat scroll left center;color:#000;font-size:16px;font-weight:600;letter-spacing:1px;text-decoration:none;padding-left:60px;}
.logo {display:block;width:190px;}
.logo img {width:100%;}

.main_menu {}
.main_menu > ul {text-align:center;}
.main_menu > ul > li {display:inline-block;padding:0 20px;position:relative;}
.main_menu > ul > li > a {background:url("../images/angle-down-solid-red.svg") no-repeat scroll right center / 13px auto;color:#000;font-size:16px;font-weight:600;line-height:100px;text-decoration:none;padding-right:20px;}
.main_menu > ul > li:hover > a::before {content:"";width:100%;height:10px;position:absolute;top:100%;left:0;}

.submenu {background:#fff;border-radius:20px;box-shadow:0 3px 3px 0 rgba(0,0,0,0.2);min-width:200px;padding:12px 30px;position:absolute;top:110px;left:-10px;text-align:left;display:none;}
.main_menu > ul > li:hover .submenu {display:block;}
.submenu li {list-style:none;}
.submenu li a {color:#000;font-size:14px;font-weight:600;text-decoration:none;display:block;padding:6px 0;white-space:nowrap;}
.submenu li a:hover {color:#ed1c24;}

.menu_button {display:none;}
.menu_button {width:auto;height:50px;padding-top:10px;position:absolute;top:20px;right:30px;left:auto;cursor:pointer;}
.menu_symbol {color:#000;font-size:13px;text-align:center;text-decoration:none;display:block;width:32px;height:16px;margin:auto;position:relative;cursor:pointer;}
.menu_symbol:before,
.menu_symbol:after {backface-visibility:hidden;background:#000 none repeat scroll 0 0;content:"";width:32px;height:3px;left:0;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.menu_symbol:before {box-shadow:0 9px 0 0 #000;position:absolute;top:0;}
.menu_symbol:after {position:absolute;top:18px;}
.show_menu .menu_symbol:before {box-shadow:0 0 0 0 transparent;top:10px;transform:rotate(225deg);}
.show_menu .menu_symbol:after {background:#000;top:10px;transform:rotate(315deg);}


/**/

.slide_container {background:rgb(41,171,226);background:linear-gradient(-120deg, rgba(41,171,226,1) 20%, rgba(102,45,145,1) 60%, rgba(237,28,36,1) 100%);position:relative;}
.slide_container::before {background:url('../images/VIT_PATTERN_BIG.svg') no-repeat scroll center center / cover;content:"";width:100%;height:100%;position:absolute;top:0;left:0;}
.slide_block {display:flex;flex-wrap:wrap;position:relative;}
.slide_left {width:50%;padding:240px 50px 30px 30px;}
.slide_right {width:50%;}
.slide_right .main_image {margin-right:calc((151.5% - 100vw) / 2);}
.slide_right .main_image img {}

.slidetext {color:#fff;max-width:650px;margin:0 0 0 auto;}
.slidetext h1 {margin-bottom:15px;}
.slidetext h5 {}
.slidetext .text_image_1 {width:560px;max-width:100%;margin-bottom:40px;}
.slidetext .main_button {background:linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(230,231,232,1) 100%);}

/**/

.owl-item {padding:0 10px;}
.owl-nav {width:100%;position:absolute;top:50%;left:0;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {background:#0c183a url('../images/angle-right-solid-white.svg') no-repeat scroll center center / 9px auto;border-radius:50%;width:39px;height:39px;position:absolute;}
.owl-carousel .owl-nav button.owl-prev {top:-19px;left:-10px;transform:rotate(180deg);}
.owl-carousel .owl-nav button.owl-next {top:-19px;right:-10px;}

.owl-wrapper-outer {width:100% !important;height:100% !important;}
.owl-wrapper {height:100% !important;}
.owl-item {width:310px;height:100% !important;}

/**/

.main1_container {padding:50px 0 80px;}
.main1 {}
.main1 h2 {margin-bottom:30px;}

.main1 .scroll_item {border:2px solid #29abe2;border-radius:100px;overflow:hidden;}

/**/

.main2_container {padding:0 20px 80px;}
.main2 {/*background:#edf8fc;*/padding:60px 70px 100px;position:relative;}
.main2::before {background:#edf8fc;border-radius:50px;content:"";width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(1deg);}
.main2_block {display:flex;position:relative;}
.main2_left {width:40%;}
.main2_right {width:60%;padding-left:40px;}

.main2 h2 {margin-bottom:15px;}
.main2 p {color:#444;max-width:380px;margin-bottom:40px;}
.main2 .text_image_2 {width:420px;max-width:100%;margin-bottom:30px;}
.main2 .trigger_item {max-width:420px;padding:12px 0 12px 12px;position:relative;display:none;}
.main2 .trigger_item.active {display:block;}
.main2 .trigger_item::before {background:#29abe2;border-radius:25px;content:"";width:80%;position:absolute;top:0;bottom:0;left:0;}
.main2 .trigger_item img {border-radius:20px;width:100%;position:relative;}

.boxes_container {display:flex;flex-wrap:wrap;}
.box_item {border-radius:25px;width:50%;padding:40px;position:relative;cursor:pointer;}
.box_item:hover {background:#662d91 url('../images/VIT_PATTERN_BIG.svg') no-repeat scroll center center / cover;color:fff;}
.box_icon {width:60px;height:60px;margin-bottom:30px;}
.box_icon img {border-radius:50%;}
.box_item h3 {margin-bottom:30px;}
.box_item:hover h3 {color:#fff;}
.box_item h5 {margin-bottom:0;opacity:0;}
.box_item:hover h5 {opacity:1;}
.box_item a {color:#0c183a;text-decoration:none;}
.box_item:hover a {color:#fff;}
.box_item a::before {content:"";width:100%;height:100%;position:absolute;top:0;left:0;}

/**/

.main3_container {background:rgb(41,171,226);background:linear-gradient(90deg, rgba(41,171,226,1) 20%, rgba(12,24,58,1) 100%);padding:50px 0;}
.main3 {}
.main3 h2 {color:#fff;margin-bottom:50px;}
.main3 h5 {color:#fff;}
.main3 h5 .has_underline {border-color:#29abe2;}

.main3 .scroll_container {margin-bottom:50px;}
.main3 .scroll_item {background:#edf8fc;border-radius:55px;}
.scroll_item_header {background:#fff;border-radius:55px;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:110px;}
.scroll_item_content {padding:20px;}
.scroll_item_content ul {text-align:center;}
.scroll_item_content ul li {list-style:none;text-transform:uppercase;}
.scroll_item_content ul li a {color:#0c183a;text-decoration:none;}
.scroll_item_content ul li a:hover {color:#0c183a;text-decoration:underline;}
.scroll_item_content h5 {margin-bottom:15px;}

.main3 .owl-nav {top:54px;}
.main3 .owl-carousel .owl-nav button.owl-next {background-color:#662d91;}

.main3 .main_button {min-width:250px;}

/**/

.main4_container {background:#d7ecf1;padding:60px 0 80px;}
.main4 {}
.main4 h2 {margin-bottom:40px;}
.main4 h5 {}
.main4 h5 .has_underline {border-color:#662d91;}

.main4 .scroll_container {margin-bottom:50px;}
.main4 .owl-nav {top:150px;}
.main4 .owl-carousel .owl-nav button.owl-next {background-color:#662d91;}
.main4 .main_button {min-width:250px;}

.product_item {}
.product_image {background:#fff;border-radius:25px;padding:16px;margin-bottom:15px;}
.product_image a {border-radius:20px;display:block;width:100%;height:100%;position:relative;overflow:hidden;}
.product_image a:before {background:rgba(12,24,58,0.9);content:"ΑΓΟΡΑ ΕΔΩ";color:#fff;font-size:14px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:all 0.3s;}
.product_image:hover a:before {opacity:1;}
.product_image img {display:block;width:100%;max-width:260px;margin:auto;}
.product_name {text-align:center;margin:0;}
.product_name a {color:#0c183a;text-decoration:none;}

.tabs_container {margin-bottom:30px;}
.tab_button_container {border:1px solid #0c183a;border-radius:30px;display:flex;/*gap:2px;*/margin:0 auto 30px;padding:4px;}
.tab_button {color:#0c183a;font-size:14px;font-weight:600;letter-spacing:2px;text-decoration:none;display:inline-block;width:25%;padding:12px 20px;position:relative;}
.tab_button.active {color:#9100ff;font-weight:600;}
.tabs_content {clear:both;display:none;}
.tabs_content.active {display:block;}
.tabs_content .align_center {margin-top:30px;}
.tabs_content .align_center .main_button {background:linear-gradient(30deg, rgba(86,94,255,1) 0%, rgba(255,0,56,1) 100%);}

/**/

.scroller_container_1 {background:#1daa00;position:relative;}
.scroller_block_1 {height:80px;position:relative;}
.scrolling_image {background:url('../images/VIT_BOX_NOW.svg') repeat-x left center / 550px auto;display:block;width:5500px;height:80px;}

.scroller_container_2 {background:rgb(41,171,226);background:linear-gradient(90deg, rgba(41,171,226,1) 20%, rgba(102,45,145,1) 60%, rgba(237,28,36,1) 100%);position:relative;}
.scroller_block_2 {height:90px;position:relative;}
.scrolling_image_2 {background:url('../images/VIT_TEXT_KATI_PARAPANO.svg') repeat-x left center / 600px auto;display:block;width:6000px;height:90px;}

.scrollingtext {width:auto;/*padding-top:10px;*/position:absolute;}

/***********************/



/* Responsive */

@media only screen and (max-width:1900px) {
.slide_left {padding:180px 50px 30px 30px;}
}

@media only screen and (max-width:1700px) {
.slide_left {padding:150px 50px 30px 30px;}
}

@media only screen and (max-width:1500px) {
.header_block {border-radius:0;left:0;right:0;}
.main_menu > ul > li {padding:0 10px;}
.top_right {top:10px;right:30px;}
.logo {width:180px;}
}

@media only screen and (max-width:1260px) {
.header_container {height:80px;}
.header_block {height:80px;}
.top_left {top:28px;}
.top_right {width:180px;margin:auto;position:absolute;top:2px;right:0;left:0;}
.top_right .logo {width:100%;}
.menu_button {display:block;}

.main_menu_container {background:#d7ecf1;width:400px;height:calc(100dvh - 80px);padding:30px 20px;position:fixed;top:80px;left:-400px;z-index:1;overflow:auto;transition:all 0.5s;}
.main_menu_container.show_menu {left:0;}
.main_menu {position:static;}
.menu_close {background:rgba(0,0,0,0.2);width:100vw;height:100vh;position:absolute;top:80px;left:0;display:none;}
.main_menu_container.show_menu + .menu_close {display:block;}

.main_menu > ul {text-align:left;}
.main_menu > ul > li {display:block;margin:0 0 1px;}
.main_menu > ul > li > a {display:block;line-height:1.3;padding:10px 20px 10px 0;}
.main_menu > ul > li .submenu,
.main_menu > ul > li:hover .submenu {display:none;background:none;box-shadow:none;width:100%;padding:0;position:static;transition:none !important;}
.submenu li {padding-left:20px;}

.slide_left {padding:60px 50px 30px 30px;}
.slidetext .text_image_1 {width:400px;}

h1 {font-size:40px;}
h2 {font-size:30px;}
h3 {font-size:22px;}

.scroller_block_1 {height:60px;}
.scrolling_image {background-size:400px auto;width:4000px;height:60px;}
.scroller_block_2 {height:70px;}
.scrolling_image_2 {background-size:400px auto;width:4000px;height:70px;}

.box_item {border-radius:20px;padding:30px;}
.main4 .owl-nav {top:110px;}
}

@media only screen and (max-width:1000px) {
.main2_container {background:#edf8fc;padding:0;}
.main2::before {display:none;}
.main2_block {display:block;}
.main2_left {width:100%;}
.main2_right {width:100%;padding:0;/*padding:40px 0 0;*/}
.trigger_item  {display:none !important;}

.boxes_container {gap:16px;}
.box_item {background:#662d91 url('../images/VIT_PATTERN_BIG.svg') no-repeat scroll center center / cover;color:#fff;width:calc(50% - 16px);}
.box_item a {color:#fff;}
.box_item h5 {opacity:1;}
.box_item h3 {color:#fff;}
.product_image a::before {display:none;}
}

@media only screen and (max-width:767px) {
.main_menu_container {width:100%;left:-100%;}
.slide_block {display:block;}
.slide_left {width:100%;padding:40px;}
.slide_right {width:100%;padding:0 0 0 40px;}
.slide_right .main_image {margin-right:0;}

.tab_button_container {flex-wrap:wrap;}
.tab_button {width:50%;}
}

@media only screen and (max-width:599px) {
h1 {font-size:32px;}
.top_left {display:none;}
.top_right {right:auto;left:20px;}

.main1_container {padding:40px 0;}
.main1 .scroll_item {border:2px solid #29abe2;max-width:280px;margin:auto;}
.main2 {padding:40px 40px 60px;}
.box_item {width:100%;}
.main4_container {padding:50px 0;}
.main4 .scroll_container {margin-bottom:30px;}
.main4 h2 {margin-bottom:30px;}
.tab_button_container {padding:10px;}
.tab_button {width:100%;padding:5px 20px;}
}

@media only screen and (max-width:449px) {

}
