/********* αρχή γραμματοσειρά για όλη τη σελίδα *********/
body {
  font-family: "LatoLight";
}

h1, h2, h3, h4, h5, h6 {
  font-family: "LatoLight";
}
.path-frontpage #header .header.content .header-title {
  font-family: "LatoLight";
}

/* Webfont: Lato-Light */
@font-face {
  font-family: 'LatoLight';
  src: url('/sites/default/files/fonts/Lato-Light.eot'); /* IE9 Compat Modes */
  src: url('/sites/default/files/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/default/files/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
       url('/sites/default/files/fonts/Lato-Light.ttf') format('truetype'); 
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */@font-face {
  font-family: 'LatoLight';
  src: url('/sites/default/files/fonts/Lato-LightItalic.eot'); /* IE9 Compat Modes */
  src: url('/sites/default/files/fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/default/files/fonts/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
       url('/sites/default/files/fonts/Lato-LightItalic.ttf') format('truetype'); 
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */@font-face {
  font-family: 'Lato';
  src: url('/sites/default/files/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
  src: url('/sites/default/files/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/default/files/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
       url('/sites/default/files/fonts/Lato-Bold.ttf') format('truetype'); 
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BoldItalic */@font-face {
  font-family: 'Lato';
  src: url('/sites/default/files/fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('/sites/default/files/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/default/files/fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
       url('/sites/default/files/fonts/Lato-BoldItalic.ttf') format('truetype'); 
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
  font-family: 'Lato';
  src: url('/sites/default/files/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
  src: url('/sites/default/files/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/default/files/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
       url('/sites/default/files/fonts/Lato-Regular.ttf') format('truetype'); 
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Black */@font-face {
  font-family: 'LatoBlack';
  src: url('/sites/default/files/fonts/Lato-Black.eot'); /* IE9 Compat Modes */
  src: url('/sites/default/files/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/default/files/fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
       url('/sites/default/files/fonts/Lato-Black.ttf') format('truetype'); 
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BlackItalic */@font-face {
  font-family: 'LatoBlack';
  src: url('/sites/default/files/fonts/Lato-BlackItalic.eot'); /* IE9 Compat Modes */
  src: url('/sites/default/files/fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/default/files/fonts/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
       url('/sites/default/files/fonts/Lato-BlackItalic.ttf') format('truetype'); 
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/********* τέλος γραμματοσειρά για όλη τη σελίδα *********/


/* τίτλοι των μπλοκ */
h2.block-title {
  color: #9f9d9d;
  font-size: calc(118px);
}

.path-frontpage [id*="section"] .simple-block .block-title, .path-frontpage [id*="section"] .simple-block .block-content, .path-frontpage [id*="section"] .region-helper .block-title, .path-frontpage [id*="section"] .region-helper .block-content, .path-frontpage #content .simple-block .block-title, .path-frontpage #content .simple-block .block-content, .path-frontpage #content .region-helper .block-title, .path-frontpage #content .region-helper .block-content, .path-frontpage #helper .simple-block .block-title, .path-frontpage #helper .simple-block .block-content, .path-frontpage #helper .region-helper .block-title, .path-frontpage #helper .region-helper .block-content {
  max-width: 770px;
}

/* nav bar των μενού στο πλάι αριστερά */
#navigation {
  background-image: linear-gradient(#c7c6c6, #251d1b);
}

/* λογότυπο καρακύριος */
.fixed .site-logo img {
  padding: 5px;
}

@media (max-width: 768px) {
  .site-logo img {
    max-width: 200px;
  }
}

/* τίτλος καρακύριος αθανάσιος & σία οε */
.header-title > .field--name-title {
  font-size: 44px;
}
.header-title {
  width: 600px;
}

/* deutereuouses selides titlos */
h1.js-quickedit-page-title.page-title {
  font-size: 56px;
}

/********* αρχή Η ΕΤΑΙΡΕΙΑ στην αρχική σελίδα *********/
div#block-about a:hover {
  color: #3f9ae8;
}
div#block-etairia2 a:hover {
  color: #3f9ae8;
}

.node-left .lightgallery-wrapper {
  margin-top: 30px;
}

/* μπλοκ βίντεου εταιρείας */
#block-views-block-diplotypo-toy-video-block-1 .block-title {
  font-size: 30px;
  color: black;
  font-weight: bold;
  margin-left: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
  width: 760px;
  margin-bottom: -40px;
}

@media (max-width: 1599px) {
  #block-views-block-diplotypo-toy-video-block-1 .block-title {
    font-size: 20px;
  }
}

#block-views-block-diplotypo-toy-video-block-1 .views-field.views-field-body {
  margin-left: 425px;
  margin-top: -375px;
  margin-bottom: -15px;
}

#block-views-block-diplotypo-toy-video-block-1 video {
  border-radius: 50%;
  width: 380px;
  margin-top: 40px;
}

@media (max-width: 640px) {
  #block-views-block-diplotypo-toy-video-block-1 video {
    margin-bottom: 0px;
    width: 320px;
    height: 320px;
  }
  .view-diplotypo-toy-video .views-field.views-field-field-text {
    margin-top: -14px;
  }
  #block-views-block-diplotypo-toy-video-block-1 .views-field.views-field-body {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: -15px;
  }
}

/* background watermark */
.path-frontpage #section_first .block-content {
  background-image: url("/sites/default/files/background_images/logo_watermark.png");
  background-attachment: fixed;
  background-position-x: -245px;
}

@media (min-width:641px and max-width: 1024px) {
  .path-frontpage #section_first .block-content {
     background-image: url("/sites/default/files/background_images/logo_watermark.png");
     background-attachment: fixed;
     background-position-x: -300px;
     background-size: 1400px;
  }
}

@media (min-width:1025px and max-width: 1600px) {
  .path-frontpage #section_first .block-content {
     background-image: url("/sites/default/files/background_images/logo_watermark.png");
     background-attachment: fixed;
     background-position-x: -190px;
     background-size: 1400px;    
  }
}

/********* τέλος Η ΕΤΑΙΡΕΙΑ στην αρχική σελίδα *********/


/* background στη βασική σελίδα εταιρεία */
.hetaireia {
  background-image: url("/sites/default/files/background_images/background_mhxanhmata-1.jpg");
}

.hetaireia .node--type-page .node-left img {
  max-width: 100%;
  max-height: 100%;
}


/* αξίες στη βασική σελίδα εταιρεία */
.hetaireia table {
  border: none;
}

.hetaireia .field.field--name-body > table {
  width: auto;
}

.hetaireia .field.field--name-body > p {
  margin: 0px;
}

.hetaireia table tr td {
  background: transparent;
  padding: 0px 10px 0px;
  font-weight: 300;
  text-align: justify;
}

@media (max-width:640px) {
  .hetaireia table {
	  border: none;
	  max-width: 100%;
  }
}

/********* αρχή 4 dignities ΔΡΑΣΤΗΡΙΟΤΗΤΑ στην αρχική σελίδα *********/
.dignities-counter {
  font-weight: bold;
  font-size: 80px;
}

.dignities-counter p {
  margin: -25px 0 0px 0;
}

.view-dignities .views-field-title {
  font-weight:bold;
  text-transform: uppercase;
  font-size:20px;
}

.view-dignities .views-row {
  width: 20%;
  float: left;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 80px;
  margin-top: 70px;
}

.views-field-field-syndesmos a:hover {
  color: #3f9ae8;
  font-size:18px;
}

.views-field-field-syndesmos a {
  font-weight: bold;
  color: #647785;
}

#block-views-block-dignities-block-1 i.fa.fa-cubes {
  font-size: 60%;
  color: #647785;
}

#block-views-block-dignities-block-1 i.fa.fa-users {
  font-size: 60%;
  color: #647785;
}

#block-views-block-dignities-block-1 i.fa.fa-truck {
  font-size: 60%;
  color: #647785;
}

#block-views-block-dignities-block-1 i.fa.fa-industry {
  font-size: 60%;
  color: #647785;
}

#block-views-block-dignities-block-1 {
  margin-top: -60px;
}
@media (max-width: 1023px) {
  #block-views-block-dignities-block-1 {
    margin-top: -35px;
  }
}
@media (max-width: 768px) {
  #block-views-block-dignities-block-1 {
    margin-top: -35px;
  }
}
#block-views-block-dignities-block-1 h2.block-title {
  font-size: 30px;
  color: black;
  font-weight: bold;
  margin-bottom: -40px;
  margin-left: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
  width: 760px;
}

@media (max-width: 1599px) {
  #block-views-block-dignities-block-1 h2.block-title {
    font-size: 20px;
    padding-right: 35px;
    margin-left: 0px;
  }
}
@media (max-width: 1023px) {
  #block-views-block-dignities-block-1 h2.block-title {
    margin-left: 0px;
    font-size: 20px;
    padding-right: 29px;
  }
}

#block-views-block-dignities-block-1 .view-footer {
  clear: both;
}
/********* τέλος 4 dignities ΔΡΑΣΤΗΡΙΟΤΗΤΑ στην αρχική σελίδα *********/

/********* αρχή ΕΡΓΑ στην αρχική σελίδα *********/
.path-frontpage #section_second .block-content {
  background-color: #483D39;
}

.path-frontpage #section_second .block-title {
  background-color: #483D39;
}

/********* τέλος ΕΡΓΑ στην αρχική σελίδα *********/


/********* αρχή ΥΠΟΔΟΜΗ-ΥΠΗΡΕΣΙΕΣ στην αρχική σελίδα *********/

/* background στο βίντεο στην αρχική σελίδα */
div#block-views-block-video-block-1 .block-content {
  background-image: url("/sites/default/files/background_images/prosopiko_mhxanhmata_yellow.jpg");
  background-attachment: fixed;
  background-position-x: -245px;
}

/* background στο προσωπικό στην αρχική σελίδα */
#block-prosopiko2 .block-content{
  background-image: url("/sites/default/files/background_images/prosopiko_mhxanhmata_yellow.jpg");
  background-attachment: fixed;
  background-position-x: -245px;
}

/*video*/
#block-views-block-video-block-1 video {
  border-radius: 50%;
  margin-top: 30px;
  margin-bottom: -60px;
}

#block-prosopiko2 img {
  border-radius: 50%;
}

#block-views-block-video-block-1 .views-field.views-field-body {
  float: right;
  margin-top: 90px;
}

/********* τέλος ΥΠΟΔΟΜΗ-ΥΠΗΡΕΣΙΕΣ στην αρχική σελίδα *********/

/********* αρχή βασικής σελίδας υπηρεσίες *********/

/* background στη σελίδα υπηρεσίες */
.oiyphresies {
  background-color: rgb(10, 10, 43);
}

/* background στη σελίδα υπηρεσίες στα δεξιά */
.oiyphresies .node-right{
  background-color: rgb(10, 10, 43);
  background-position-x: -100px;
}

/* τίτλος υπηρεσίες στη σελίδα υπηρεσίες στα δεξιά */
.oiyphresies > .node-right > h1.js-quickedit-page-title.page-title {
  color: white;
}

@media (max-width: 1824px) {
  .oiyphresies .node--type-page .node-left img {
    max-width: 456.8px;
    max-height: 451.283px;
  }
}

/********* τέλος βασικής σελίδας υπηρεσίες *********/

/********* αρχή ΣΥΝΕΡΓΑΤΕΣ στην αρχική σελίδα *********/
#section_fourth {
  background-color: #0b1b41;
}

.path-frontpage #section_fourth .block-content {
  background-color: #0b1b41;
}

.path-frontpage #section_fourth .block-title {
  background-color: #0b1b41;
}

img.image-style-client-image {
  padding-top: 45px;
}
div#block-views-block-clients-block-1 .views-field.views-field-field-client-image {
  margin-top: 115px;
}
div#block-views-block-diplotypo-toy-synergates-block-1 {
  margin-top: -16px;
}
div#block-views-block-diplotypo-toy-synergates-block-1 .imagefield_slideshow-wrapper {
  float: right;
}
div#block-views-block-diplotypo-toy-synergates-block-1 .views-field.views-field-body {
  float: left;
}
div#block-views-block-diplotypo-toy-synergates-block-1 .block-content {
  height: 250px;
}
.view-clients .views-row .views-field-body {
  margin-top: 140px;
}
.path-frontpage #section_third .block-title {
  background-color: #dbb33f;
}
.path-frontpage #section_third .block-content {
  background-color: #dbb33f;
}
#block-prosopiko2 .field.field--name-field-subtitle {
  color: white;
}
div#block-prosopiko2 a:hover {
  color: #3f9ae8;
}

.path-frontpage #section_third #block-endiaphereste .block-content {
  background-color: rgb(238,238,238);
  padding-top: 50px;
  margin-bottom: -60px;
}

@media (max-width: 1600px) {
  .path-frontpage #section_third #block-endiaphereste .block-content {
    margin-bottom: 5px;
  }
}

@media (max-width: 1024px) {
  .path-frontpage #section_third #block-endiaphereste .block-content {
    padding-top: 40px;
    margin-bottom:20px;
  }
}

@media (max-width: 767px) {
  .path-frontpage #section_third #block-endiaphereste .block-content {
    margin-bottom: -20px;
  }
}

div#block-views-block-mhxanhmata-block-1 {
  width: 400px;
}
/********* τέλος ΣΥΝΕΡΓΑΤΕΣ στην αρχική σελίδα *********/

/********* αρχή ΕΠΙΚΟΙΝΩΝΙΑ στην αρχική σελίδα *********/
#colorized-gmap-colorizedgooglemap {
  width: 100%;
}

#section_first .simple-block:first-child .block-content {
  padding-bottom: 10px;
}

#block-stoicheiaepikoinonias {
  max-width: 670px;
  height:800px;
  display: inline-block;
  background-color: #ffffff;
  padding-bottom: 28px;
  position: absolute;
  padding-right: 5px;
}
@media (max-width: 1599px) {
  #block-stoicheiaepikoinonias {
    padding-bottom: 0px;
    padding-right: 4px;
}
}
#block-contactblock {
  max-width: 480px !important;
  display: inline-block ;
  height: 800px;
}

#section_fifth #block-stoicheiaepikoinonias .block-content {
  width: auto;
  padding-right: 159px;
  padding-top: 3px;;
}

#section_fifth #block-contactblock .block-content {
  padding-right: 0px;
}

@media (max-width: 1599px) {
  #section_fifth #block-stoicheiaepikoinonias .block-content {
    padding-right: 72px;
    padding-top: 15px;
    
  }
  #section_fifth #block-contactblock .block-content {
    padding-right: 110px;
    padding-top: 0.5px;
    padding-bottom: 114.5px;
  }
  #block-stoicheiaepikoinonias {
    padding-bottom: 0px;
  }
}

@media (max-width: 767px) {
  #block-stoicheiaepikoinonias {
    padding-top: 50px;
  }
}

@media (max-width: 1023px) {
  #section_fifth #block-stoicheiaepikoinonias .block-content {
    padding-right: 79px;    
  }
}
#section_fifth .block-content {
  width: 70%;
}

@media (max-width: 1530px) {
	#section_fifth .contact-message-feedback-form .block-content {
    width: 90%;
		display: inline-block;
	}
}

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field {
  margin-top: 31px;
}
/********* τέλος ΕΠΙΚΟΙΝΩΝΙΑ στην αρχική σελίδα *********/


/********* αρχή κινητό *********/
@media (max-width: 640px) {
  body {
	  min-width: 0px;
  }

  /* τίτλος σελίδας */
  .path-frontpage #header .header.content .header-title {
    font-size: 38px;
  }
  /* λογότυπο σελίδας */
  .site-logo img {
    max-width: 100px;
  }
  /* τίτλος καρακύριος αθανάσιος & σία οε */
  .header-title {
    width: auto;
  }
  /* body του header αρχικής σελίδας*/
  .path-frontpage #header .header.content .field--name-body {
    font-size: 18px;
  }
  /* τίτλοι των μπλοκ */
  h2.block-title {
    font-size: 50px;
  }
  /* view dignities */
  .view-dignities .views-row{
    margin-bottom: 0px;
    padding: 0 10px 30px;
    width: 80%;
  }
  /* έργα */
  .view-works .views-row .views-field-view-node a {
    padding: 30px 0px;
  }
  /* υπηρεσίες-πρσοσωπικό */
  #block-prosopiko2 .block-content {
    padding-top: 40px;
  }
  /* clients */
  div#block-views-block-clients-block-1 .views-field.views-field-field-client-image {
    margin-top: 35px;
  }
  .view-clients .views-row .views-field-body {
    margin-top: 0px;
  }
  div#block-views-block-diplotypo-toy-synergates-block-1 .block-content {
    height: 559px;
  }
  .views-field.views-field-field-client-image {
    margin-left: 35px;
    margin-right: 35px;
  }
  
  /* μέγεθος κουμπιών link */ 
  .field.field--name-field-link.field--type-link.field--label-hidden.field__item {
    width: 227px;
  }
  
  /* επικοινωνία */
  #section_fifth .block-content {
    width: auto;
  }
  #contact-message-feedback-form .form-item {
    width: 300px;
  }
  .captcha.js-form-wrapper.form-wrapper {
    width: 330px;
    margin-left: -10px;
  }
  #block-stoicheiaepikoinonias {
    height: auto;
    display: block;
    position: relative;
  }
  /* watermark */
  .path-frontpage #section_first .block-content {
	  background-position-x: -4400px;
	  background-size: 3000px;
  }
}

/********* τέλος κινητό *********/





/* Test*/
.field--name-field-eikona-basikhs {
  display: grid;
  grid-template-columns: 200px 200px 200px;
  grid-gap: 10px;
  color: #444;
}

.field--name-field-eikona-basikhs .field__item {
  
  border-radius: 5px;
  
}


img.image-style-client-image {
  padding-top : 0px;
}

@media (max-width: 550px) {
  .field--name-field-eikona-basikhs {
     grid-template-columns: 100%;
  }
}