/*
Theme Name: Generation Y Theme
Author: Kostas Zahariou
Description: Generation Y Theme
Version: 1.0.3
Tags: Generation Y
*/

a {
  text-decoration:none !important;
}

.animated {
  opacity:1 !important;
  transition:all 2s
}

.toleft, .totop, .tobottom, .toright {
  opacity:0;
}

.blog-masthead {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 10px rgba(150,150,150,0.5);
}

.blog-post {
  padding: 50px 0;
}

.flex-container .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

#footer-sidebar {
  display: flex;
  flex-wrap: wrap;
  background: lightgrey;
  padding: 50px 0;
}

img {
  max-width:100%;	
}

.blog-masthead .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.blog-masthead .menu ul {
  display: flex;
  list-style: none;
}

.side_slide {
  display: none;
}

.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;
}

.font-10 {
  font-size: 10px!important;
  line-height: 17px!important;
}

.font-11 {
  font-size: 11px!important;
  line-height: 18px!important;
}

.font-12 {
  font-size: 12px!important;
  line-height: 19px!important;
}

.font-13 {
  font-size: 13px!important;
  line-height: 20px!important;
}

.font-14, .font-14 * {
  font-size: 14px!important;
  line-height: 21px!important;
}

.font-15, .font-15 * {
  font-size: 15px!important;
  line-height: 22px!important;
}

.font-16 {
  font-size: 16px!important;
  line-height: 23px!important;
}

.font-17 {
  font-size: 17px!important;
  line-height: 24px!important;
}

.font-18 {
  font-size: 18px!important;
  line-height: 25px!important;
}

.font-19 {
  font-size: 19px!important;
  line-height: 26px!important;
}

.font-20, .font-20 * {
  font-size: 20px!important;
  line-height: 27px!important;
}

.font-21 {
  font-size: 21px!important;
  line-height: 28px!important;
}

.font-22 {
  font-size: 22px!important;
  line-height: 29px!important;
}

.font-23 {
  font-size: 23px!important;
  line-height: 30px!important;
}

.font-24 {
  font-size: 24px!important;
  line-height: 31px!important;
}

.font-25 {
  font-size: 25px!important;
  line-height: 32px!important;
}

.font-26 {
  font-size: 26px!important;
  line-height: 33px!important;
}

.font-27 {
  font-size: 27px!important;
  line-height: 34px!important;
}

.font-28 {
  font-size: 28px!important;
  line-height: 35px!important;
}

.font-29 {
  font-size: 29px!important;
  line-height: 36px!important;
}

.font-30 {
  font-size: 30px!important;
  line-height: 37px!important;
}

.font-31 {
  font-size: 31px!important;
  line-height: 38px!important;
}

.font-32 {
  font-size: 32px!important;
  line-height: 39px!important;
}

.font-33 {
  font-size: 33px!important;
  line-height: 40px!important;
}

.font-34 {
  font-size: 34px!important;
  line-height: 41px!important;
}

.font-35 {
  font-size: 35px!important;
  line-height: 42px!important;
}

.font-36 {
  font-size: 36px!important;
  line-height: 43px!important;
}

.font-37 {
  font-size: 37px!important;
  line-height: 44px!important;
}

.font-38 {
  font-size: 38px!important;
  line-height: 45px!important;
}

.font-39 {
  font-size: 39px!important;
  line-height: 46px!important;
}

.font-40 {
  font-size: 40px!important;
  line-height: 47px!important;
}

.font-41 {
  font-size: 41px!important;
  line-height: 48px!important;
}

.font-42, .font-42 * {
  font-size: 42px!important;
  line-height: 49px!important;
}

.font-43 {
  font-size: 43px!important;
  line-height: 50px!important;
}

.font-44 {
  font-size: 44px!important;
  line-height: 51px!important;
}

.font-45 {
  font-size: 45px!important;
  line-height: 52px!important;
}

.font-46 {
  font-size: 46px!important;
  line-height: 53px!important;
}

.font-47 {
  font-size: 47px!important;
  line-height: 54px!important;
}

.font-48 {
  font-size: 48px!important;
  line-height: 55px!important;
}

.font-49 {
  font-size: 49px!important;
  line-height: 56px!important;
}

.font-50 {
  font-size: 50px!important;
  line-height: 57px!important;
}

.font-51 {
  font-size: 51px!important;
  line-height: 58px!important;
}

.font-52, .font-52 * {
  font-size: 52px!important;
  line-height: 59px!important;
}

.font-53 {
  font-size: 53px!important;
  line-height: 60px!important;
}

.font-54 {
  font-size: 54px!important;
  line-height: 61px!important;
}

.font-55 {
  font-size: 55px!important;
  line-height: 62px!important;
}

.font-56 {
  font-size: 56px!important;
  line-height: 63px!important;
}

.font-57 {
  font-size: 57px!important;
  line-height: 64px!important;
}

.font-58 {
  font-size: 58px!important;
  line-height: 65px!important;
}

.font-59 {
  font-size: 59px!important;
  line-height: 66px!important;
}

.font-60 {
  font-size: 60px!important;
  line-height: 67px!important;
}

.font-61 {
  font-size: 61px!important;
  line-height: 68px!important;
}

.font-62 {
  font-size: 62px!important;
  line-height: 69px!important;
}

.font-63 {
  font-size: 63px!important;
  line-height: 70px!important;
}

.font-64 {
  font-size: 64px!important;
  line-height: 71px!important;
}

.font-65 {
  font-size: 65px!important;
  line-height: 72px!important;
}

.font-66 {
  font-size: 66px!important;
  line-height: 73px!important;
}

.font-67 {
  font-size: 67px!important;
  line-height: 74px!important;
}

.font-68 {
  font-size: 68px!important;
  line-height: 75px!important;
}

.font-69 {
  font-size: 69px!important;
  line-height: 76px!important;
}

.font-70 {
  font-size: 70px!important;
  line-height: 77px!important;
}

.font-71 {
  font-size: 71px!important;
  line-height: 78px!important;
}

.font-72 {
  font-size: 72px!important;
  line-height: 79px!important;
}

.font-73 {
  font-size: 73px!important;
  line-height: 80px!important;
}

.font-74 {
  font-size: 74px!important;
  line-height: 81px!important;
}

.font-75 {
  font-size: 75px!important;
  line-height: 82px!important;
}

.font-76 {
  font-size: 76px!important;
  line-height: 83px!important;
}

.font-77 {
  font-size: 77px!important;
  line-height: 84px!important;
}

.font-78 {
  font-size: 78px!important;
  line-height: 85px!important;
}

.font-79 {
  font-size: 79px!important;
  line-height: 86px!important;
}

.font-80 {
  font-size: 80px!important;
  line-height: 87px!important;
}

.font-81 {
  font-size: 81px!important;
  line-height: 88px!important;
}

.font-82 {
  font-size: 82px!important;
  line-height: 89px!important;
}

.font-83 {
  font-size: 83px!important;
  line-height: 90px!important;
}

.font-84 {
  font-size: 84px!important;
  line-height: 91px!important;
}

.font-85 {
  font-size: 85px!important;
  line-height: 92px!important;
}

.font-86 {
  font-size: 86px!important;
  line-height: 93px!important;
}

.font-87 {
  font-size: 87px!important;
  line-height: 94px!important;
}

.font-88 {
  font-size: 88px!important;
  line-height: 95px!important;
}

.font-89 {
  font-size: 89px!important;
  line-height: 96px!important;
}

.font-90 {
  font-size: 90px!important;
  line-height: 97px!important;
}

.font-91 {
  font-size: 91px!important;
  line-height: 98px!important;
}

.font-92 {
  font-size: 92px!important;
  line-height: 99px!important;
}

.font-93 {
  font-size: 93px!important;
  line-height: 100px!important;
}

.font-94 {
  font-size: 94px!important;
  line-height: 101px!important;
}

.font-95 {
  font-size: 95px!important;
  line-height: 102px!important;
}

.font-96 {
  font-size: 96px!important;
  line-height: 103px!important;
}

.font-97 {
  font-size: 97px!important;
  line-height: 104px!important;
}

.font-98 {
  font-size: 98px!important;
  line-height: 105px!important;
}

.font-99 {
  font-size: 99px!important;
  line-height: 106px!important;
}

.font-100 {
  font-size: 100px!important;
  line-height: 107px!important;
}

.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;
}

.dig-video img:nth-child(2) {
  filter: brightness(0.4);
}

.dig-video img:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9;
}

.dig-video {
  position: relative;
}

.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;
}

@media screen and (max-width: 767px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .toleft, .totop, .tobottom, .toright {
    opacity:1 !important;
  }
  .padd5050 {
    padding-top: 50px !important;
    padding-bottom: 50px!important;
  }
  .padd5000 {
    padding-top: 50px!important;
    padding-bottom: 0px!important;
  }
  .padd0000 {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }
  .padd0050 {
    padding-top: 0px!important;
    padding-bottom: 50px!important;
  }
}