.bgimg{
  /*background: url(../img/bg.jpg) no-repeat center center fixed;*/
  -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;
}
/*.bgimgCategory:before {*/
   /*content: "";*/
   /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: rgba(0, 0, 0, 0.66);*/
    /*top: 0;*/
/*}*/
a, a:hover{
text-decoration: none;
}
body, p, span, h1, h2, h3, h4, h5{
    font-family: 'Roboto', sans-serif;
}

.margin-bottom-30{
    margin-bottom: 30px ;
}
.catTitle {
    background-color: #14bde9;
    text-align: center;
    border-radius: 0 0 35px 0;
    border-radius: 0 0 39px 0;
    margin-bottom: -31px;
}

.catTitle span {
    color: #fff;
    line-height: 1.8;
    font-size: 43px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}
.category.box {
    /*border: solid 2px #f7ad0e;*/
    margin-bottom: 15px;
    padding: 10px;
}

li.katigoriesIlikias {
    background: #F7AD0E;
    margin-bottom: 3px;
    text-align: center;
    padding: 5px 9px 5px 20px;
    /*margin-right: -75px;*/
}

li.katigoriesIlikias a {
    color: #222;
    font-weight: bold;
}

li.katigoriesIlikias:hover {
    background: #BB830A;
}

li.katigoriesIlikias:hover a {
    color: #fff;
}

ul.ilikiesMenu {
    margin-left: -20px;
}

ul.ilikiesMenu li {
    list-style: none;
}

ul.ilikiesMenu li a {
    color: #fff;
}

td.firstN.text-left {
    width: 40px;
}

td.midle.center {
    text-align: center;
}

td.rightN.text-right {
    width: 40px;
    text-align: right;
}

li.ilikiaMenu a {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 100;
}

ul.ilikiesMenu li a.active {
    color: #F7AD0E;
    font-size: 95px;
    line-height: 1.2;
    font-weight: 100;
}
ul.ilikiesMenu li+ li{
    border-top: solid 1px #fff;
}

/*HOME PAGE*/

.no-gutter [class*="-2"] {
    /*padding-left:15px;*/
    /*padding-right:15px;*/
}
.no-gutter [class*="-2"] > div:first-child .imgContainer {
    margin-right: -15px;
    margin-left: -15px;
}
.categoryContent {
    position: absolute;
    top: 0;
}


ul.dropdown-menu {
    background: rgba(0,0,0,0.59);
    border-radius: 0;
    width: 100%;
    margin-top: -2px;
}

ul.dropdown-menu a {
    color: #fff;
    font-weight: 100;
    font-size: 12px;

    padding-left: 7px;
}

ul.dropdown-menu li + li {
    border-top: solid 1px #666;
}

ul.dropdown-menu li a:hover {
    background: #f7ad0d!important;
    font-weight: 400;
}

ul.dropdown-menu li a:focus {
    background: transparent;
}






.imgContainer {
    /*position: relative;*/
    /*overflow: hidden;*/
    z-index: -1;

}
img.ageImage {
    z-index: -200;
    margin-top: -31px;
    position: relative;
}


#dLabel {
    width: 100%;
    background: transparent;
    border: none;
    margin-top: 11px;
    cursor: pointer;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
}
#dLabel:hover, button#dLabel:active, button#dLabel:focus{
    box-shadow: none!important;
}

.categoryContent ul {
    list-style: none;
    background: rgba(0, 0, 0, 0.59);
    /*min-height: 260px;*/
    padding-left: 0px;
    margin-left: 0px;
}
.categoryContent ul li+li {
    border-top: solid 2px #666;

}
.categoryContent ul li {
    padding-right: 5px;
    line-height: 1.2em!important;
    padding-top: 4px;
    padding-bottom: 4px;
}
.categoryContent ul li {
    padding-left: 15px;
    line-height: 2;
}
.categoryContent ul li:hover {
    background-color: #f7ad0d;
}
.categoryContent ul li:hover a{
    color: #000;
}
.categoryContent ul li:hover {
    font-weight: bold;
}
.categoryContent ul li a {
    font-size: 12px;
    color: #fff;
    font-weight: lighter;
}
.categoryContent ul li a {
    font-size: 12px;
    color: #fff;
    font-weight: lighter;
}
.homesub {
    list-style: initial;
    margin-left: 30px;
}

.homesub {
    list-style: initial;
    margin-left: 30px;
    padding-left: 1px!important;
}

.categoryContent {
    /* background-color: rgba(0, 0, 0, 0.59); */
    width: 164px;
    height: 100%;
    /* position: absolute; */
    opacity: 0;
    top: 76px;

    /*z-index: -1000;*/
    /* margin-top: 230px; */
}
.categoryContent {
     display: none;

}



.imgContainer:hover .categoryContent , .imgContainer:active .categoryContent{
    margin-top: 0;
    opacity: 1;
    z-index: 50;
    width: 88%;
    display: block;

}




@media (min-width: 689px) {


}

@media (max-width: 689px) {

    .categoryContent {
     background: red!important;

    }
}





.imgContainer, .categoryContent {
    -webkit-transition: all 0.3s;
    transition: all 0.5s;
}
p.whiteTextShadow {
    color: #fff;
    text-shadow: 1px 1px 3px #222;
}
.HedCat{
    position: relative;
}
.HedCat:before {
    content: "";
    position: absolute;
    right: 1px;
    /* background: red; */
    width: 15px;
    height: 100%;
    z-index: -23;
    background: url(https://www.afterschool.gr/new/site/templates/img/homeRShadow.png) left center;
    top: 10px;
}
.HedCat:after {
    content: "";
    position: absolute;
    left: 0px;
    /* background: red; */
    width: 15px;
    height: 100%;
    z-index: -23;
    background: url(https://www.afterschool.gr/new/site/templates/img/homeLShadow.png) left center;
    top: 10px;
}

/*END HOME PAGE*


/*etiketa motion*/
.etiketa {
    position: absolute;
    top: 114px;
    left: 182px;
    z-index: 1000;
}
 .etiketa{
    animation: animationFrames linear 12s;
    animation-iteration-count: infinite;
    transform-origin: 3% 0%;
    -webkit-animation: animationFrames linear 12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 3% 0%;
    -moz-animation: animationFrames linear 12s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 3% 0%;
    -o-animation: animationFrames linear 12s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 3% 0%;
    -ms-animation: animationFrames linear 12s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 3% 0%;
}

@keyframes animationFrames{
    0% {
        transform:  rotate(0deg) ;
    }
    20% {
        transform:  rotate(5deg) ;
    }
    40% {
        transform:  rotate(-4deg) ;
    }
    60% {
        transform:  rotate(5deg) ;
    }
    80% {
        transform:  rotate(-5deg) ;
    }
    100% {
        transform:  rotate(0deg) ;
    }
}

@-moz-keyframes animationFrames{
    0% {
        -moz-transform:  rotate(0deg) ;
    }
    20% {
        -moz-transform:  rotate(15deg) ;
    }
    40% {
        -moz-transform:  rotate(-10deg) ;
    }
    60% {
        -moz-transform:  rotate(5deg) ;
    }
    80% {
        -moz-transform:  rotate(-5deg) ;
    }
    100% {
        -moz-transform:  rotate(0deg) ;
    }
}

@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform:  rotate(0deg) ;
    }
    20% {
        -webkit-transform:  rotate(15deg) ;
    }
    40% {
        -webkit-transform:  rotate(-10deg) ;
    }
    60% {
        -webkit-transform:  rotate(5deg) ;
    }
    80% {
        -webkit-transform:  rotate(-5deg) ;
    }
    100% {
        -webkit-transform:  rotate(0deg) ;
    }
}

@-o-keyframes animationFrames {
    0% {
        -o-transform:  rotate(0deg) ;
    }
    20% {
        -o-transform:  rotate(15deg) ;
    }
    40% {
        -o-transform:  rotate(-10deg) ;
    }
    60% {
        -o-transform:  rotate(5deg) ;
    }
    80% {
        -o-transform:  rotate(-5deg) ;
    }
    100% {
        -o-transform:  rotate(0deg) ;
    }
}

@-ms-keyframes animationFrames {
    0% {
        -ms-transform:  rotate(0deg) ;
    }
    20% {
        -ms-transform:  rotate(15deg) ;
    }
    40% {
        -ms-transform:  rotate(-10deg) ;
    }
    60% {
        -ms-transform:  rotate(5deg) ;
    }
    80% {
        -ms-transform:  rotate(-5deg) ;
    }
    100% {
        -ms-transform:  rotate(0deg) ;
    }
}
/*end etiketa motion*/

.margin-top-60 {
    margin-top: 60px;
}


.moto{
    position: relative;
    margin-top: 30px;
}
.moto .item{
    position: absolute;
    top: 40px;
    text-align: center;
}
/*.item p:before {*/
    /*content: '"';*/
    /*/!*position: absolute;*!/*/
    /*/!*left: -23px;*!/*/
    /*/!*top: -5px;*!/*/
    /*color: #fff;*/
    /*font-size: 41px;*/
    /*line-height: 0em;*/
    /*/!*background: url('http://afterschool.gr/new/site/templates/img/aeisagogika.png') no-repeat;*!/*/
    /*width: 30px;*/
    /*height: 26px;*/
/*}*/

/*.item p:after {*/
    /*content: '"';*/
    /*/!*position: absolute;*!/*/
    /*/!*right: -23px;*!/*/
    /*/!*bottom: -5px;*!/*/
    /*color: #fff;*/
    /*font-size: 41px;*/
    /*line-height: 0em;*/
    /*/!*background: url('http://afterschool.gr/new/site/templates/img/deisagogika.png') no-repeat;*!/*/
    /*width: 30px;*/
    /*height: 26px;*/
/*}*/
.item {
    font-weight: 700;
}

.item p {
    font-style: italic;
}
.item p .eisagogiko {
    color: #fff;
    font-size: 35px;
    line-height: 0px;
    font-family: initial;
    vertical-align: -webkit-baseline-middle;
    font-style: normal;
 text-shadow: 0 0 11px #222;

}
.item p .eisagogiko.last{
    padding-left: 5px;
    vertical-align: bottom;
}
span.eisagogiko.first {
    vertical-align: sub;
}
span.motoName.text-right {
    text-align: right!important;
    float: right;
}
/*.moto .item span {*/
    /*float: right;*/
    /*font-style: italic;*/
/*}*/
.content {
    background: rgba(255,255,255,0.8);
    padding: 34px;
    margin-top: 15px;
}
/*.catTitle:hover:after{*/
     /*content: '';*/
    /*position: absolute;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-left: 20px solid transparent;*/
    /*border-right: 20px solid transparent;*/
    /*border-bottom: 20px solid #14bde9;*/
    /*top: -15px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*left: 36%;*/
/*}*/
.agedescriptionContent {
    height: 70px;
}
.AgeDesc {
    position: absolute;
    /*display: none;*/
}

.AgeDesc {
    height: 96px;
    background: rgba(255,255,255,0.8);
    padding: 15px 10px;
    width: 98.8%;
}

.AgeDesc p {
    line-height: 1.2;
    text-align: justify;
    color: #222;
    font-size: 13px;
}

.agedescriptionContainer {
    margin-left: -15px;
    margin-right: 2px;
}
.AgeDesc p:first-child:first-letter {
    float: left; color: brown; font-size: 50px; line-height: 35px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia;
}
.space{
    margin-top: 25px;
}


/*CATEGORY PAGE*/
.cateDesk a {
    color: #222222;
    padding: 5px 0px;

}
.cateDesk {
    background: #F7AD0E;
    margin-bottom: 30px;
    text-align: center;
}



ul.categorysinage {
    list-style: none;
 }
ul.categorysinage li a {
    font-size: 11px;
    font-weight: bold;
}

.bgimgCategory {
    /*position: relative;*/
}
.catMenWrap {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.catNav {
    position: absolute;
    bottom: 0;
}
.catLogo {
    position: absolute;
    top: 10px;
}
ul.categorysinage {
    margin-top: 100px;
}
.more {
    margin-right: -12px;
    padding: 5px;
    margin-top: 7px;

}

.more a {
    color: #000000;
    font-size: 11px;
    font-weight: 700;
}

.more:hover {
    background: #C78B0A;
}

.more:hover a {
    color: #fff;
}

.fullwidth {
    width: 100%;
}

body.categoryBg {
     -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}


.diafimizomenos-title, .diafimizomenos-title:hover {
    text-decoration: none;
    color: #F7AD0E;
    font-weight: bolder;
    font-size: 15px;
}

/*END CATEGORY PAGE*/
.darkbg {
    height: 655px;
}

.mainContent{
    min-height: 650px;
}


/*footer*/
footer {
    background: #363636;
    min-height: 250px;
     color: #fff;
}
footer a{
    color: #ffffff;
}
.preheader.navbar-fixed-top:hover{
    opacity:1;
}

.preheader {
    background: rgba(0, 0, 0, 0.6);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.preheader a {
    color: #fff;
    /*margin-top: 21px;*/
    font-size: 10px;
}
ul.list-inline.text-right li {
    padding-top: 10px;
    padding-bottom: 0px;
}


.contact hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #E2E2E2!important;
}


.subfooter {
    background: #2F2F2F;
}
.subfooter p,  .subfooter p a {
    padding-top: 11px;
    font-size: 10px;
    color: #E0E0E0!important;
}
/*margins*/
.margin-bottom-45 {
    margin-bottom: 45px!important;
}

/*end margins*/

.post-content a.color-black {
    color: black!important;
}


.arrow.text-center {
    color: #89E7FF;
    padding-top: 12px;
}

.favorite i {
    cursor: pointer;
    font-size: 19px;
    color: #FB2C2C;
}

.footer-bottom {
    padding: 26px 0 30px 0;
    margin-bottom: -26px;
}

.header-search input {
    border-radius: 0;
}
.footer-bottom {
    background-color: #363636;
    color: #fff;
    font-size: 13px;
    padding: 15px 0 30px 0;
}
.scrollTop {
    margin-bottom: -13px;
    margin-top: -5px;
}
.footer a, .footer, .footer p {
    color: #BFBFBF!important;
    font-size: 11px;
    line-height: 1.5;
}

.navbar-form input {
    border-radius: 0!important;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: orange;
}

.preheader .navbar-toggle .icon-bar {

    background: #fff;
}

.preheader .navbar-toggle {
    border: solid 1px #fff;
 }


@media (min-width: 690px) {

    .margin-top-60-md{margin-top: 60px;}
}

@media (max-width: 689px) {
    .margin-top-60-md{margin-top: 0;}
    .preheader .navbar-form {
        margin-right: 17px;
        margin-left: 0;
        background: white;
    }
    .preheader .nav li+li {
        border-top: solid 1px rgba(238, 238, 238, 0.28);
    }
}

input.form-control {
    background: white;
}

.preheader .nav li+li {
    border-left: solid 1px rgba(238, 238, 238, 0.28);
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 0px;
    font-size: 18px;
    line-height: 20px;
}

.preheader .navbar-toggle {

    margin-right: 30px;
}

@media (max-width: 960px) {
    .etiketa {
        position: absolute;
        top: 98px;
        left: 156px;
        z-index: 1000;
    }
}

.alert.alert-warning.alert-black.alert-dismissible.navbar-fixed-bottom {
    background: black;
    border: none;
    color: #fff;
    font-size: 12px;
    border-radius: 0;
    line-height: 1.5;
    height: 100px;
    margin-bottom: -20px;
}

.modal-content {
    background: url("https://afterschool.gr/site/templates/img/newsletterBg.jpg")no-repeat;
    background-size: 100%;
}
h4#myModalLabel {
    color: #fff;
    font-size: 35px;
    font-weight: 100;
}
.modal-body {
    position: relative;
    padding: 15px;
    height: 263px;
}

#myModal .close {
    float: right;
    font-size: 32px;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    /* text-shadow: 0 1px 0 #fff; */
    filter: alpha(opacity=20);
    opacity: 1;
}
#myModal .modal-dialog {
    margin-top: 17%;
}
.label-default {
    background-color: #bdbdbd;
}