/*
Theme Name: Digital4u Theme
Author: Kostas Zahariou
Description: Digital4u Theme
Version: 1.0.3
Tags: Digital4u
GitHub Theme URI: https://github.com/riou17/digital4u
*/

a {
  text-decoration:none !important;
}

img {
  max-width:100%;	
}

.row {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

.gallery-item img {
  width: 100%;
  display: block;
  height: auto;
}

.container:not(.full) {
  box-sizing: border-box;
}

.font-300 {
  font-weight:300;
}

.font-400 {
  font-weight:400;
}

.font-500 {
  font-weight:500;
}

.font-600 {
  font-weight:600;
}

.font-700 {
  font-weight:700;
}

.font-700 {
  font-weight:800;
}

.font-700 {
  font-weight:900;
}

.black {
  color:black;
}

.center {
  text-align:center;
}

.full .col-md-1 {
  width: 8.33333333%;
  margin: 0;
  float:left
}

.full .col-md-2 {
  width: 16.66666667%;
  margin: 0;
  float:left
}

.full .col-md-3, .full .one-fourth {
  width: 25%;
  margin: 0;
  float:left
}

.full .col-md-4, .full .one-third {
  width: 33.33333333%;
  margin: 0;
  float:left
}

.full .col-md-5 {
  width: 41.66666667%;
  margin: 0;
  float:left
}

.full .col-md-6, .full .one-second {
  width: 50%;
  margin: 0;
  float:left
}

.full .col-md-7 {
  width: 58.33333333%;
  margin: 0;
  float:left
}

.full .col-md-8 {
  width: 66.66666667%;
  margin: 0;
  float:left
}

.full .col-md-9 {
  width: 75%;
  margin: 0;
  float:left
}

.full .col-md-10 {
  width: 83.33333333%;
  margin: 0;
  float:left
}

.full .col-md-11 {
  width: 91.66666667%;
  margin: 0;
  float:left
}

.full .col-md-12 {
  width: 100%;
  margin: 0;
  float:left
}

.col-md-1 {
  width: 6.33333333%;
  margin: 0 1%;
  float:left
}

.col-md-2 {
  width: 14.66666667%;
  margin: 0 1%;
  float:left
}

.col-md-3, .one-fourth {
  width: 23%;
  margin:0 1%;
  float:left
}

.col-md-4, .one-third {
  width: 31.33333333%;
  margin:0 1%;
  float:left
}

.col-md-5 {
  width: 39.66666667%;
  margin: 0 1%;
  float:left
}

.col-md-6, .one-second {
  width: 48%;
  margin:0 1%;
  float:left
}

.col-md-7 {
  width: 56.33333333%;
  margin: 0 1%;
  float:left
}

.col-md-8 {
  width: 64.66666667%;
  margin: 0 1%;
  float:left
}

.col-md-9 {
  width: 73%;
  margin: 0 1%;
  float:left
}

.col-md-10 {
  width: 81.33333333%;
  margin: 0 1%;
  float:left
}

.col-md-11 {
 width: 89.66666667%;
 margin: 0 1%;
  float:left
}

.col-md-12 {
  width: 98%;
  margin: 0 1%;
  float:left
}

.white {
  color:white;
}

body {
  margin:0;
}

.section {
  display:flex;
  flex-wrap:wrap;
  width: 100%;
}

p, h1, h2, h3, h4, h5, h6 {
  margin:0;
}

.full .container {
  max-width:100%;
  width: 100% !important;
}

.full .row {
  width: 100%;
  margin: 0;
}

.sub-det {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

.container {
  max-width: 100%;
  width: 1220px;
  margin: 0 auto;
}

#Subheader {
  width: 100%;
  position: relative;
  height: 500px;
}

.dig-faq {
  margin-top:30px;
  float:left
}

.question {
  font-size:20px;
  font-weight:bold;
  padding:15px 20px;
  background: #F4F4F4;
  cursor:pointer;
}

.answer {
  font-size:15px;
  font-weight:300;
  padding:0px 20px;
  height:0;
  overflow:hidden;
}

.faq-clicked .answer {
  padding:15px 20px;
  height:initial;
}

.dig-tabs {
  display:flex;
  width:100%;
  justify-content:space-between;
}

.tab-title {
  width:20%;
  margin-right: 5%;
}

.row-content-tab {
  width:75%;
  position:absolute;
  margin-left:200px;
  top:0;
  display: none
}

.container {
  position:relative;
}

.show_tab {
  display: block;
}

.year-text {
  background:rgba(0,0,0,0.5);
}

.timeline-container {
  padding-bottom:100px !important;
  padding-top:40px !important;
}

.year {
  text-align:center;
  color:white;
  font-size:25px;
  font-weight:400;
}

.year-text {
  margin-top:40px;
  padding:30px 7%;
}

.year.year-hover {
  font-weight:bold !important;
  color: #F6363D !important;
}

.timeline-container .swiper-slide .year.year-hover:before {
  background:#F6363D !important
}

.year {
  font-size:25px !important;
  color:white !important;
  margin-bottom:0 !important;
  text-align:center
}

.timeline-container:after {
  content:'';
  width:100%;
  height:2px;
  background:white;
  position:absolute;
  margin-top:30px;
}

.timeline-container .swiper-slide .year:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-bottom: -28px;
    width: 1px;
    height: 30px;
    background: white;
}

.timeline-container .swiper-slide .year:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 67px;
    transform: translateX(-45%);
    width: 12px;
    height: 12px;
    border-radius: 200px;
    z-index: 9;
    background: white;
  border:1px solid white;
}