.main-inner {
    /*background: url('../../img/bg.jpg')no-repeat center center fixed !important;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 650px;
}


.no-gutter [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-gutter .card-simple{
    margin-bottom: 0;
}

.card-row {
    background-color: rgba(255, 255, 255, 0.95);
    margin: 0px 0px 5px 0px!important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.card-row:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 4px #222;

}
.card-row.active{
    background: linear-gradient(to bottom left, transparent 50%, #FFD925 50%), linear-gradient(to right, #FFF4C1 99.9%, transparent 99.9%), linear-gradient(to right, #FFF4C1 99.9%, transparent 99.9%);
    background-size: 30px 30px, 100% 100%, 100% 100%;
    background-position: 100% -1%, -29px 0%, 100% 29px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.card-row.active:hover{
    background: linear-gradient(to bottom left, transparent 50%, #FFD925 50%), linear-gradient(to right, #f1e29c 99.9%, transparent 99.9%), linear-gradient(to right, #f1e29c 99.9%, transparent 99.9%);
    background-size: 30px 30px, 100% 100%, 100% 100%;
    background-position: 100% -1%, -29px 0%, 100% 29px;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



.breadcrubmp {
    margin-top: -80px;
    margin-bottom: 55px;
    background: rgba(0, 0, 0, 0.5);
}
.breadcrubmp-title {
    padding: 5px;
    margin-left: 11px;
    color: #FFD800;
    font-weight: 100;
}

.mega-menu li.active .space span {
    color: #F7AD0E;
    font-weight: 100;
    font-size: 49px!important;
    line-height: 1;
    margin-top: -3px;
}
li.active li.subactive a {
    color: #222!important;
}

li.active li.subactive {
    background: #eee;
    font-weight: bold;
    color: #222!important;
}
@media (min-width: 768px){
    .header-content .nav > li .mega-menu > li {
        display: table-cell;
        padding: 5px 0px;
        position: relative;
        vertical-align: top;
        width: 10%!important;
    }
    .header-content .nav > li .mega-menu > li ul a {
        line-height: 23px!important;

    }
    ul.mega-menu > li  .space span {
        font-size: 32px!important;
        font-weight: 100;
        border-bottom: solid 1px #eee;
        padding: 0 2px 0 5px;
        width: 100%;
        display: inline-block;
    }

    .header-content .nav > li .mega-menu > li:after {
        background-color: rgba(0, 0, 0, 0.05);
        bottom: 0px;
        content: '';
        display: block;
        height: 100%;
        margin: 0px 0px 0px 0px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 1px;
    }
    .mega-menu > li >ul li a, .mega-menu > li > span {
        padding: 0 2px 0 5px;
    }


}
.card-simple-price {
    background-color: #14bde9;
    bottom: 0px;
    color: #fff;
    font-size: 13px;
    left: 50%;
    padding: 3px 15px;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.card-row-properties {
    padding: 30px 30px 30px 30px;
    width: 369px;
}
.card-row-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 130px;
    position: relative;
    width: 120px;
    vertical-align: bottom;
}
.card-row-properties {
    padding: 10px 31px 10px 30px;
    width: 425px;
}

ul.mega-menu li.active > a {
    color: #F7AD0E!important;
}

.document-title {
    background-repeat: no-repeat;
    background: #3CC5FF;
    background-position: center center;
    margin: -80px -750px 24px -750px;
    padding: 0;
    position: relative;
}

.document-title .breadcrumb {
    background-color: transparent;
    border-radius: 0px;
    margin: -7px 0px 0px 0px;
    padding: 0px;
    position: relative;
    text-align: center;
    z-index: 2;
    color: #fff;
    font-weight: 100;
    font-size: 31px;
    font-family: times;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.review-inner {
    background-color: #fff;
    border: 2px solid #f7f8f9;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    position: relative;
}

.btn-primary, .fileinput-upload-button, .detail-gallery .owl-next, .detail-gallery .owl-prev {
    background-color: #14bde9;
    display: inline-block;
    padding: 9px 15px;
    transition: background-color 0.15s linear;
}

.textarea-resize {
    border: none;
    border-left-color: transparent;
    border-top-color: transparent;
    float: right;
    margin-top: -14px;
    position: relative;
    pointer-events: none;
}



h2.widgettitle {
    color: #222;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
}

/*breadcrumb*/
.breadcrubmp-title a {
    color: #FFD800;
}
/*breadcrumb*/
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.card-simple-price {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0px;
    color: #FFD800;
    font-size: 13px;
    left: 50%;
    padding: 3px 15px;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2;
    width: 100%;
    text-align: center;
    font-weight: 100;
}

.CategoryDescription {
    background: rgba(255, 255, 255, 0.7);
    padding: 45px 65px 35px 65px;
    color: #222;
    text-align: justify;
}

h1.category-title {
    font-size: 44px;
    line-height: 0;
}

li.has-mega-menu {}

ul.mega-menu .subCat li {
    margin-bottom: -5px;
    margin-top: -6px;
 }

ul.mega-menu .subCat {
    margin-top: 0px!important;
    margin-left: 30px!important;
    margin-bottom: 8px!important;
    list-style: initial!important;
    /*list-style-position: inside!important;*/
}

/*pagination*/
.pager li.active a {
    background-color: #FFD800;
    border-color: #FFD800;
    color: #000;
}
.pager li {
    margin: 0px 1px;
}
/*end pagination*/

.post-content a {
    color: #FF9D00;
}
.card-small {
    background-color: #fff;
    margin: 0px 0px 5px 0px;
    padding: 10px;
}

.post-content p {
    color: rgba(54, 54, 54, 0.83);
    margin: 0px;
}


/*subcategories inside categories*/
ul.subcategories-list {
    height: 19px;
     text-align: center;
    margin-bottom: 10px;
    margin-left: 0px;
}

ul.subcategories-list li a {
    color: #222;
    width: 100%;
    display: inline-block;
    padding: 5px 0;
}

ul.subcategories-list li {
    padding: 7px 20px;
    background: #fff;
}

ul.subcategories-list li+li {
    border-left: solid 1px #eee;
}

.favorite{
    cursor: pointer;
}
.favorite i {

    font-size: 19px;
    color: #FB2C2C;
}


.starRating:not(old){
    display        : inline-block;

    height         : 1.5em;
    overflow       : hidden;
    vertical-align : bottom;
}

.starRating:not(old) > input{
    margin-right : -100%;
    opacity      : 0;
}

.starRating:not(old) > label{
    font-size       : 17px;
    display         : block;
    float           : right;
    position        : relative;
    background      : url('star-off.svg');
    background-size : contain;
}

.starRating:not(old) > label:before{
    content         : '';
    display         : block;
    width           : 1.5em;
    height          : 1.5em;
    background      : url('star-on.svg');
    background-size : contain;
    opacity         : 0.5;
    transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
    opacity : 1;
}
.starRating input[type=radio]:checked + label:before{
    border-color: transparent;

}

.starRating input[type=checkbox] + label:before, .starRating input[type=radio] + label:before {

    border: 0;
}

ul.mega-menu.favorites {
    width: 320px!important;
}

ul.mega-menu.favorites li+li {
    border-bottom: solid 1px #222!important;
}
ul.mega-menu.favorites li {
    display: inline!important;
    width: 100%;

    line-height: 2;
}

ul.mega-menu.favorites li hr {
    line-height: 1;
    margin-bottom: 3px;
    margin-top: 3px;
}

.main .container {
    /*padding-top: 120px;*/
}

.footer{
    padding: 15px 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;
}

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

blockquote {
    background-color: transparent!important;
}

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

h2.widgettitle {
    border-bottom: 1px solid #222;
    color: #000;
    font-weight: 300;
    line-height: 60px;
    margin: 0 0px 10px 0px;
    padding: 0px;
}

ul.subcategories-list li.grey {
    background: #9C9C9C;
}

ul.subcategories-list li.grey a {
    color: #fff;
}
.tags li{
    padding-left: 2px;
    padding-right: 0;
}

.card-row-body {
    padding: 30px 0 0 30px;
}

.mega-menu li span a{
    color: #14bde9;
}

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



@media (max-width: 689px) {
    .header-logo {

        width: 100%;
    }
    .CategoryDescription {
        text-align: left;
    }

    span.menuTitle a {
        font-size: 18px!important;
        font-weight: 200;
        color: #3594e9 !important;
    }
}


.header-logo {
    display: table-cell;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 340px;
}

ul.mega-menu .space {
    margin-bottom: 10px;
}

.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("http://afterschool.gr/site/templates/img/newsletterBg.jpg")no-repeat;
    background-size: 100%;
}

h4#myModalLabel {
    color: #fff;
    font-size: 35px;
    font-weight: 100;
}

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

.popupbtn.btn-warning {
    color: #fff;
    background-color: #ec9b28;
}
.popupbtn{
    width:370px;
}
.openRegisterEditor{
    cursor: pointer;}

.detail-gallery-preview {
    text-align: center;
}



table.day.clearfix {
    width: 100%;
}

table.day.clearfix tr td {
    /*width: 99px;*/
}

.tdone{
    width: 80px;
}
.tdtwo{
    width: 100px;
}
.tdthree{
    width: 120px;
}

table.day.clearfix tr {
    border-bottom: solid 1px #eee;
}

form#FormBuilder_clientcontactform label {
    display: none;
}

form#FormBuilder_clientcontactform input {
    width: 100%;
    border: none;
}

input#Inputfield_lastname {
    display: none;
}

form#FormBuilder_clientcontactform textarea {
    border: solid 1px #ddd;
    width: 100%;
    padding: 8px 8px 0px 8px;
    margin-bottom: 10px;
}

form#FormBuilder_clientcontactform .form-control {
    border: none;
}

form#FormBuilder_clientcontactform input {
    border: solid 1px #ddd;
    padding: 8px;
}


/*articles page*/
span.category-title {
    background: #c5c5c5;
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin-bottom: 10px;
}

span.category-title .fa {
    background: #14bde9;
    padding: 10px;
    color: #fff;
}

span.category-title .title {
    padding-left: 10px;
    font-weight: bold;
}

.categorySection:hover .category-title{
    background: #FFD800;
    color: #222;
}

.artticlesList li a{
    color: #999;
}
.artticlesList li a:hover{
    color: #000;
}


li.removeBullet {
    list-style: none;
    margin-left: -24px;
}