/* ---------- NAVIGATION SECTION ---------- */
nav { font-size: 1em; font-weight: bold; text-transform: uppercase; }
nav button { text-transform: uppercase; }
@media only screen and (min-width: 600px) { nav { font-size: 0.73em; } }
@media only screen and (min-width: 650px) { nav { font-size: 0.8em; } }
@media only screen and (min-width: 690px) { nav { font-size: 0.9em; } }
nav img { width: 30px; }
nav a:visited { color: #ffffff !important; background-color: #409bd1 !important; }
nav .w3-button { height: 50px !important; padding-top: 14px !important; }
nav .w3-dropdown-content { min-width: fit-content; color: #ffffff; background-color: #409bd1 !important; }
.w3-dropdown-content .w3-button:hover { background-color: #66afda !important; }
.w3-bar-block .w3-dropdown-click .w3-dropdown-content { min-width: 92%; }
.navWidth { width: 20% !important; }
/* ---------- END OF NAVIGATION SECTION ---------- */

/* ---------- MAIN SLIDESHOW SECTION ---------- */
#hero img { max-height: 550px; object-fit: cover; position: relative; left: 50%; width: 100vw; margin-left: -50vw; }
#sl1 .w3-display-bottomright, #sl2 .w3-display-bottomright, #sl3 .w3-display-bottomright { right: 15px !important; bottom: 10px !important; }
#sl1 h1, #sl1 h2, #sl1 h3, #sl2 h1, #sl2 h2, #sl2 h3, #sl3 h1, #sl3 h2, #sl3 h3 { color: #ffffff; text-shadow: 2px 2px 12px #0000009a; }
#sl1 h1, #sl2 h1, #sl3 h1 { font-size: 2.3em; font-weight: bolder; padding-right: 10px; }
#sl1 h2, #sl1 h3, #sl2 h2, #sl2 h3, #sl3 h2, #sl3 h3 { font-size: 1.1em; font-weight: bold; padding: 0 10px; }
#sl1 h2 { margin-left: 40px; }
#sl2 h2 { margin-left: 160px; }
#sl3 h2 { margin-left: 160px; }
#sl1 h3, #sl2 h3, #sl3 h3 { font-size: 1.05em; margin-left: 80px; }
@media only screen and (min-width: 426px) {
  #sltxt { margin-bottom: 20px; }
  #sl1 .w3-display-bottomright, #sl2 .w3-display-bottomright, #sl3 .w3-display-bottomright { right: 20px !important; bottom: 20px !important; }
  #sl1 h1, #sl2 h1, #sl3 h1 { font-size: 3em; }
  #sl1 h2, #sl1 h3, #sl2 h2, #sl2 h3, #sl3 h2, #sl3 h3 { font-size: 1.5em; }
  #sl1 h2 { margin-left: 80px; }
  #sl2 h2 { margin-left: 265px; }
  #sl3 h2 { margin-left: 374px; }
  #sl1 h3, #sl2 h3 { margin-left: 137px; }
  #sl3 h3 { margin-left: 254px; }
}
@media only screen and (min-width: 597px) {
  #sltxt { margin-bottom: 40px; }
  #sl1 .w3-display-bottomright, #sl2 .w3-display-bottomright, #sl3 .w3-display-bottomright { right: 25px !important; bottom: 40px !important; }
  #sl1 h1, #sl2 h1, #sl3 h1 { font-size: 4em; }
  #sl1 h2, #sl1 h3, #sl2 h2, #sl2 h3, #sl3 h2, #sl3 h3 { font-size: 2em; }
  #sl2 h2 { margin-left: 324px; }
  #sl1 h3, #sl2 h3 { margin-left: 155px; }
  #sl3 h3 { margin-left: 215px; }
}
@media only screen and (min-width: 769px) {
  #sltxt { margin-bottom: 60px; }
  #sl1 .w3-display-bottomright, #sl2 .w3-display-bottomright, #sl3 .w3-display-bottomright { right: 30px !important; bottom: 40px !important; }
  #sl1 h1, #sl2 h1, #sl3 h1 { font-size: 5em; }
  #sl1 h2, #sl1 h3, #sl2 h2, #sl2 h3, #sl3 h2, #sl3 h3 { font-size: 2.5em; }
  #sl2 h2 { margin-left: 386px; }
  #sl1 h3, #sl2 h3, #sl3 h3 { margin-left: 175px; }
}
/* ---------- END OF MAIN SLIDESHOW SECTION ---------- */

/* ---------- SERVICES PROMO SECTION ---------- */
#services { margin-top: -40px; color: #ffffff; }
#services img { width: 100%; max-height: 200px; }
#services p { font-size: 0.9em; }
#services h3 { font-size: 1.25em; }
@media only screen and (min-width: 993px) { #services p { font-size: 0.87em; } #services h3 { font-size: 1.5em; } }
#service1 { background-color: #f89828; }
#service2, #service3 { background-color: #0079c2; }
#service1 header, #service2 header, #service3 header { height: 140px; }
@media only screen and (min-width: 550px) { #service1 header, #service2 header, #service3 header { height: 130px; } }
@media only screen and (min-width: 680px) { #service1 header, #service2 header, #service3 header { height: auto; } }
#service1 footer { margin-top: 4px; }
#service2 footer, #service3 footer { margin-top: 4px; background-color: #0079c2; }
/* ---------- END OF SERVICES PROMO SECTION ---------- */

/* ---------- INDEX MENU SECTION ---------- */
#indexMenu a .w3-button { font-weight: bold; font-size: 0.7em; }
@media only screen and (min-width: 375px) { #indexMenu a .w3-button { font-size: 0.9em; } }
@media only screen and (min-width: 530px) { #indexMenu a .w3-button { font-size: 1em; } }
#indexMenu a:hover .w3-button { background-color: #f89828; }
#indexMenu a .w3-button:hover { color: #ffffff !important; background-color: #f89828 !important; }
#indexMenu img { width: 50px; }
@media only screen and (min-width: 425px) { #indexMenu img { width: 60px; } }
/* ---------- END OF INDEX MENU SECTION ---------- */

/* ----- QUOTE SECTION ----- */
#quote { background-color: #0079c2; }
#quote-content { color: #ffffff; font-size: 1.7em; text-align: center; }
#quote-content p { color: rgba(255,255,255,.7); font-size: 0.8em; font-weight: bolder; }
/* ----- END OF QUOTE SECTION ----- */

/* ----- AMBITIOUS SECTION ----- */
#filodoksia { padding: 85px 3%; }
@media only screen and (min-width: 800px) { #filodoksia { padding: 85px 3%; } }
@media only screen and (min-width: 1025px) { #filodoksia { padding: 85px 6%; } }
@media only screen and (min-width: 1440px) { #filodoksia { padding: 85px 82px; } }
#fld1, #fld2, #fld3 { background-color: #e8e8e8; padding: 0px; }
@media only screen and (min-width: 425px) { #fld1, #fld2, #fld3 { padding: 16px; } }
#fld1 img { padding-top: 25% !important; }
#fld2 img { padding-top: 25% !important; }
#fld3 img { padding-top: 20% !important; }
@media only screen and (max-width: 992px) { #fld1 img, #fld2 img, #fld3 img { padding: 2% !important; } }
#fld1 h2, #fld2 h2, #fld3 h2 { font-size: 1.7em; color: #f89828; font-weight: 800; line-height: 40px; letter-spacing: -0.5px; }
#fld1 h4, #fld2 h4, #fld3 h4 { color: #424242; font-weight: bold; }
#fld1 p, #fld2 p, #fld3 p { padding-bottom: 16px; line-height: 25px; letter-spacing: 1px; color: #424242; }
/* ----- END OF AMBITIOUS SECTION ----- */

/* ----- ANIMAL SERVICES SECTION ----- */
#animal { padding: 100px 0; background-color: #0079c2; color: #ffffff; }
#animal h4 { font-size: 1.25em; }
#animal p { color:#424242; }
#animal img { margin-top: -10px; }
#animal-content h2 { font-size: 1.7em; font-weight: 800; padding-bottom: 12px; color: #424242; }
#animal-content button:hover { color: #ffffff; background-color: #f89828 !important; }
#animal-content button:hover a { color: #ffffff; }
#animal-content button { color: #ffffff; background-color: #0079c2; }
/* ----- END OF ANIMAL SERVICES SECTION ----- */

/* ----- PARTNER SECTION ----- */
#partner { padding: 100px 0; }
#partner h1 { font-weight: 800; font-size: 1.7em; }
.section-padding { padding: 60px 0; }
.brand-carousel { background: rgb(255, 255, 255); }
.brand-carousel img { height: fit-content; max-height: 50px; padding: 0px 20px; }
.owl-dots { text-align: center; margin-top: 4%; }
.owl-dot { display: inline-block; height: 15px !important; width: 15px !important; background-color: #878787 !important; opacity: 0.8; border-radius: 50%; margin: 0 5px; }
.owl-dot.active { background-color: #000000 !important; }
/* ----- END OF PARTNER SECTION ----- */

/* ----- FOOTER SECTION ----- */
footer { background-color: #f89828; color: #ffffff; font-size: 0.9em; text-align: center; padding: 32px 0 32px 0; }
footer hr { border-width: 1px; background-color: #ffffff; }
footer img { max-width: 240px; }
footer .footer-menu p { margin-bottom: -8px; padding: 1px 0; }
.social { font-size: 50px; }
/* ----- END OF FOOTER SECTION ----- */

/* ---------------------------------------------------------------------------------------------------- */

/* HEADER SECTION */
#headerImage { height: 225px; background-position: 63% 44%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; }
@media only screen and (min-width: 1024px) { #headerImage { height: 300px; } }
/* END OF HEADER SECTION */

/* TITLE HEADER SECTION */
#titleHeader { height: 107px; background-color: #0079c2; margin-top: -40px; padding-left: 18px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
@media only screen and (max-width: 1200px) { #titleHeader { border-top-left-radius: 0; border-top-right-radius: 0; } }


#titleHeader img { width: 55px; padding-top: 26px; }
#titleHeader h2 { text-align: left; color: #ffffff; font-weight: bold; font-size: 2.2em; padding-left: 80px; margin-top: -72px; }
#titleHeader p { text-align: left; color: #ffffff; font-size: 1em; padding-left: 80px; margin-top: -10px; }
#titleHeader a:hover { color: #f89828; }
#titleHeader u { text-underline-offset: 4px; text-decoration-style: dotted; }
/* END OF TITLE HEADER SECTION */

/* PRODUCTS CARD SECTION */
#products .w3-card { position: relative; overflow: hidden; box-shadow: none !important; border-style: solid; border-width: 1px; border-color: #cfcfcf; }
.pds1 .w3-card { min-height: 450px; }
@media only screen and (min-width: 426px) { .pds1 .w3-card { min-height: 405px; } }
@media only screen and (min-width: 601px) { .pds1 .w3-card { min-height: 520px; } }
@media only screen and (min-width: 699px) { .pds1 .w3-card { min-height: 448px; } }
@media only screen and (min-width: 797px) { .pds1 .w3-card { min-height: 428px; } }
@media only screen and (min-width: 993px) { .pds1 .w3-card { min-height: 470px; } }
@media only screen and (min-width: 1084px) { .pds1 .w3-card { min-height: 450px; } }
.pds2 .w3-card { min-height: 420px; }
@media only screen and (min-width: 426px) { .pds2 .w3-card { min-height: 435px; } }
@media only screen and (min-width: 601px) { .pds2 .w3-card { min-height: 540px; } }
@media only screen and (min-width: 699px) { .pds2 .w3-card { min-height: 476px; } }
@media only screen and (min-width: 797px) { .pds2 .w3-card { min-height: 436px; } }
@media only screen and (min-width: 993px) { .pds2 .w3-card { min-height: 496px; } }
@media only screen and (min-width: 1084px) { .pds2 .w3-card { min-height: 474px; } }
.pds3 .w3-card { min-height: 480px; }
@media only screen and (min-width: 426px) { .pds3 .w3-card { min-height: 470px; } }
@media only screen and (min-width: 601px) { .pds3 .w3-card { min-height: 594px; } }
@media only screen and (min-width: 699px) { .pds3 .w3-card { min-height: 530px; } }
@media only screen and (min-width: 797px) { .pds3 .w3-card { min-height: 490px; } }
@media only screen and (min-width: 993px) { .pds3 .w3-card { min-height: 574px; } }
@media only screen and (min-width: 1084px) { .pds3 .w3-card { min-height: 540px; } }
.pds4 .w3-card { min-height: 420px; }
@media only screen and (min-width: 426px) { .pds4 .w3-card { min-height: 435px; } }
@media only screen and (min-width: 601px) { .pds4 .w3-card { min-height: 488px; } }
@media only screen and (min-width: 699px) { .pds4 .w3-card { min-height: 450px; } }
@media only screen and (min-width: 797px) { .pds4 .w3-card { min-height: 428px; } }
@media only screen and (min-width: 993px) { .pds4 .w3-card { min-height: 468px; } }
@media only screen and (min-width: 1084px) { .pds4 .w3-card { min-height: 448px; } }
.pds5 .w3-card { min-height: 400px; }
@media only screen and (min-width: 426px) { .pds5 .w3-card { min-height: 415px; } }
@media only screen and (min-width: 601px) { .pds5 .w3-card { min-height: 524px; } }
@media only screen and (min-width: 699px) { .pds5 .w3-card { min-height: 480px; } }
@media only screen and (min-width: 797px) { .pds5 .w3-card { min-height: 440px; } }
@media only screen and (min-width: 993px) { .pds5 .w3-card { min-height: 480px; } }
@media only screen and (min-width: 1084px) { .pds5 .w3-card { min-height: 474px; } }
.pds6 .w3-card { min-height: 390px; }
@media only screen and (min-width: 601px) { .pds6 .w3-card { min-height: 460px; } }
@media only screen and (min-width: 699px) { .pds6 .w3-card { min-height: 445px; } }
@media only screen and (min-width: 797px) { .pds6 .w3-card { min-height: 435px; } }
@media only screen and (min-width: 993px) { .pds6 .w3-card { min-height: 420px; } }
.pds7 .w3-card { min-height: 400px; }
@media only screen and (min-width: 601px) { .pds7 .w3-card { min-height: 460px; } }
@media only screen and (min-width: 699px) { .pds7 .w3-card { min-height: 420px; } }
@media only screen and (min-width: 797px) { .pds7 .w3-card { min-height: 400px; } }
@media only screen and (min-width: 993px) { .pds7 .w3-card { min-height: 420px; } }
@media only screen and (min-width: 1084px) { .pds7 .w3-card { min-height: 400px; } }
.pds8 .w3-card { min-height: 420px; }
@media only screen and (min-width: 601px) { .pds8 .w3-card { min-height: 500px; } }
@media only screen and (min-width: 699px) { .pds8 .w3-card { min-height: 460px; } }
@media only screen and (min-width: 797px) { .pds8 .w3-card { min-height: 435px; } }
@media only screen and (min-width: 993px) { .pds8 .w3-card { min-height: 460px; } }

#products .w3-card:hover { color: #ffffff; background-color: #0079c2; }
#products .w3-card:hover hr { background-color: #ffffff; }
#products .w3-card:hover h4 { color: #ffffff; }
#products .w3-card:hover img {
  -webkit-transform: scale(1.1); /* Safari and Chrome */
  -moz-transform: scale(1.1); /* Firefox */
  -ms-transform: scale(1.1); /* IE 9 */
  -o-transform: scale(1.1); /* Opera */
   transform: scale(1.1);
}
#products img { width: 100%; height: 150px; object-fit: cover;
  -webkit-transition: all 0.5s ease; /* Safari and Chrome */
  -moz-transition: all 0.5s ease; /* Firefox */
  -ms-transition: all 0.5s ease; /* IE 9 */
  -o-transition: all 0.5s ease; /* Opera */
  transition: all 0.5s ease;
}
#products hr { height: 1px; border-width: 0; color: #424242; background-color: #cfcfcf; }
#products h4 { color: #0079c2; font-size: 1.39em !important; }
.catInfo { position: absolute; bottom: 0; width: 100%; text-align: center; }
.catInfo p { margin: -15px 0 0 0; padding-bottom: 5px; font-weight: bold; }
/* END OF PRODUCTS CARD SECTION */

/* ---------------------------------------------------------------------------------------------------- */

/* PRODUCTS HEADER TITLE SECTION */
#productHeader-content { padding-top: 150px; padding-left: 16px; }
@media only screen and (max-width: 1024px) { #productHeader-content { padding-top: 80px; } }
#productHeader-content h2 { text-align: left; color: #ffffff; font-size: 1.8em; padding-left: 20px; margin-bottom: -15px; font-weight: bold; }
#productHeader-content p { text-align: left; color: #ffffff; padding-left: 20px; }
#productHeader-content a:hover { color: #f89828; }
#productHeader-content u { text-decoration-style: dotted; }
/* END OF PRODUCTS HEADER TITLE SECTION */

/* PRODUCT SECTION */
#productSection { border-radius: 8px; padding: 0; }
@media only screen and (max-width: 1200px) { #productSection { border-radius: 0; } }
/* END-OF PRODUCT SECTION */

/* SERVICE BOTTOM RADIUS */
#service { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
@media only screen and (max-width: 1200px) { #service { border-radius: 0; } }
/* END-OF SERVICE BOTTOM RADIUS */


/* PRODUCT INFO PAGE SECTION */
#infoBrochure h3 { font-weight: bold; }
#infoBrochure button { text-transform: uppercase; }
#infoBrochure .w3-cell-row { width: 100%; border-style: solid; border-width: 1px; }
.iIcon { padding: 0px 10px; text-align: center; color: #ffffff; }
#infoBrochure a:hover #info { background-color: #f89828; }
#infoBrochure a:hover #info p { color: #ffffff; }
#infoBrochure a:hover #brochure { background-color: #0079c2; }
#infoBrochure a:hover #brochure p { color: #ffffff; }
#adv-list li .w3-button { border-style: none !important;}
#adv-list li:hover .w3-button { background-color: #ffffff !important; color: #f89828 !important; }
#adv-list ul li { padding: 5px 0 !important; }
#adv-list-nc ul li { padding: 8px 0 !important; }
video { max-width: 100%; height: auto; }
/* END OF PRODUCT INFO PAGE SECTION */

/* ---------------------------------------------------------------------------------------------------- */

/* SERVICES - HTML */
#s1, #s2, #s3, #s4 { text-align: center; padding: 16px; }

#s1a1 img, #s1a3 img { width: 100%; height: 250px; object-fit: cover; }
#s1a1 { padding: 22px 16px 0 0; }
#s1a2, #s1a3 { max-width: 680px; margin: auto; }
#s1a2 h2, #s1b h2 { font-weight: bold;font-size: 1.7em;}
#s1a2 .w3-leftbar { border-color: #f89828 !important; font-weight: bold; font-size: large; }
#s1a2a { margin: 32px 0px; }
#s1b { max-width: 700px; margin: auto; }
#s1b1 { padding-top: 32px; }
#s1b1 img { max-width: 35%; height: 100%; }
#s1b1 p { font-weight: bold; }

#s2a { max-width: 680px; margin: auto; }
#s2a h2 { font-weight: bold; font-size: 1.7em; }
#s2 img { width: 100%; height: auto; padding-bottom: 20px; }

#s3 h2 { font-weight: bold; font-size: 1.7em; }
#s4 h2 { font-weight: bold; font-size: 1.7em; }
#s3 h4 { font-weight: bold; }
#s3 button { font-weight: bold; background-color: #0079c2; color: #ffffff; }
#s3 button:hover { background-color: #f89828 !important; color: #ffffff !important; }
#s4 .w3-leftbar { border-color: #f89828 !important; font-weight: bold; font-size: medium; }


@media only screen and (min-width: 426px) {
  #s1a1 img, #s1a3 img { height: 300px; }
  #s2 img { width: 80%; padding-top: 16px; }
}
@media only screen and (min-width: 596px) {
  #s1a1 img, #s1a3 img { height: 350px; }
  #s1b1 img { max-width: 50%; height: 100%; }
  #s2 img { width: 65%;; padding-top: 16px; }
}
@media only screen and (min-width: 769px) {
  #s1, #s2 { padding: 48px 16px; }
  #s2 img { width: 60%; padding-top: 24px; }
  #s4 .w3-row { max-width: 680px; margin: auto; }
}
@media only screen and (min-width: 993px) {
  #s1, #s2, #s3, #s4 { padding: 96px 32px; }
  #s1a1 img, #s1a3 img { width: 100%; height: 314px; object-fit: cover; }
  #s1b { max-width: 1200px; margin: auto; }
  #s1b1 img { max-width: 40%; height: 100%; }
  #s2 img { width: 100%; padding-top: 80px; padding-left: 24px; }
  #s4 .w3-row { max-width: none; margin: auto; }
}

/* ---------------------------------------------------------------------------------------------------- */

/* EPIKOINWNIA - HTML */
#contactForm input:focus, #contactForm textarea:focus { outline: none; border-color: #0079c2 !important; }
#contactForm input:hover, #contactForm textarea:hover { border-color: #0079c2 !important; }
#contactForm #submit { width: 140px; height: 50px; background-color: #0079c2; color: #ffffff; font-weight: bold; border-style: none; }
#contactForm #submit:hover { background-color: #f89828; }
/* END-OF EPIKOINWNIA - HTML */

/* ---------------------------------------------------------------------------------------------------- */

/* BACK TO TOP BUTTON SECTION */
#buttonT { display: inline-block; background-color: #f89828; width: 50px; height: 50px; text-align: center; border-radius: 30px; position: fixed;
  bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;
}
#buttonT::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 1.6em; line-height: 50px; color: #ffffff; }
#buttonT:hover { cursor: pointer; background-color: #0079c2; }
#buttonT:active { background-color: #0079c2; }
#buttonT.show { opacity: 1; visibility: visible; }
/* END OF BACK TO TOP BUTTON SECTION */

/* ---------------------------------------------------------------------------------------------------- */

/* DYNAMIC PADDING ELEMENT */
#sEl { display: block; }
@media only screen and (max-width: 1200px) { #sEl { display: none !important; } }
/* END-OF DYNAMIC PADDING ELEMENT */

/* ---------------------------------------------------------------------------------------------------- */

body { color: #424242; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; }

u { text-underline-offset: 4px; }
ul li { padding: 8px 0 !important; }
ul li button { padding-left: 0 !important; }


.fa-chevron-right { font-size: 0.6em; }

.w3-content { max-width: 1200px !important; }

article { text-align: center; }
@media only screen and (max-width: 426px) { article { font-size: 0.9em; } article h2 { font-size: 22px; } }
article h4 { text-align: left !important; }

.vignette { box-shadow: 0 0 200px rgba(0,0,0,0.9) inset; }

a:link { text-decoration: none; }
a:hover { color: #ffffff; }

#sitiresia .w3-ul li { padding: 8px 0px !important; }

/* ---------------------------------------------------------------------------------------------------- */


.title-line-white { width: 40px; height: 4px; background: #ffffff; clear: both; content: ""; display: block; margin: 16px auto 0; border-radius: 16px; }
.title-line-black { width: 40px; height: 4px; background: #000000; clear: both; content: ""; display: block; margin: 16px auto 0; border-radius: 16px; }
.title-line-orange-left { width: 40px; height: 4px; background: #f89828; clear: both; content: ""; display: block; border-radius: 16px; }
.title-line-orange { width: 40px; height: 4px; background: #f89828; clear: both; content: ""; display: block; margin: 16px auto 0; border-radius: 16px; }

/* Style that first letter! */
.drop-cap::first-letter {
  -webkit-initial-letter: 3;
          initial-letter: 3;
  color: #f89828;
  font-weight: bold;
  font-size: 4em;
  float: left;
  line-height: 0.75;
  margin: 0.1em 0.2em 0 0;
}

/* ---------------------------------------------------------------------------------------------------- */

#eisagwgi ul { padding-inline-start: 16px !important; }
#eisagwgi ul li { padding: 4px 0 !important; }

/* ---------------------------------------------------------------------------------------------------- */

#arm { font-weight: bold; border-left-style: solid; border-left-width: 6px; border-left-color: #f89828; }

/* AUTOMATION QA */
#aftQA li { padding: 6px 6px !important; }
#aftQA .w3-blue { background-color: #409bd1 !important; }
@media only screen and (max-width: 425px) { #aftQA { padding: 0 !important; } }

/* END-OF AUTOMATION QA */