
ul.slimmenu li a {
    
    margin: 0px 1px;
    
}


.badge {
	right:-3px;
}

i.fa.fa-arrow-circle-right {
	width:20px;
}

.list-social li.icon-soc a {
	display: block;
}


.logo{
    position:absolute;
    width:146px;
    height:80px;
    z-index:10000;
    /*left:35px;*/
    left: 10px;
    top:10px;
    background:url('../images/logo.png') no-repeat center center;
    background-size:146px 80px;
}
.portfolio-wrap{
    position: relative; 
    width: 100%;
    overflow:hidden;
    margin-left: 0.25em;
}

#button-right {
    left:40%;
    position: relative;
    bottom: 10px;
    text-align: center;
    width: 50%;
    margin: 0 auto 0 auto;
    margin-top: -40px;
}
#button-left {
    right: 40%;
    position: relative;
    bottom: 10px;
    width: 50%;
    margin: 0 auto 0 auto;
    margin-top: -40px;
    text-align:center;
    }
/* to lang switcher terma aristera*/
/*.lang-switcher {
    position: absolute;
    top: 0px;
    left: 2px;
    z-index: 1001;
    display: inline;
    padding-top: 40px;
    width: 44px;
}*/
.lang-switcher {
    position: absolute;
}
/*to lang switcher de3ia*/

/*@media only screen and (min-width: 800px) {
.lang-switcher {
    position: absolute;
    top: 0px;
    right: 100px; h prwth allagh gia to lang switcher (htan sta 10px)
    z-index: 1001;
    padding-top: 40px;
    width: 44px;
}
}*/
/*
@media only screen and (max-width: 1064px) and (min-width: 960px) {
	ul.slimmenu {
		padding-right: 60px;
	}
}
*/
@media only screen and (min-width: 800px) {
.cbp-af-header.cbp-af-header-shrink .lang-switcher{
position: absolute;
top: 0px;
/*right: 10px;   */
z-index: 1001;
padding-top: 28px;
width: 45px;
}
}

@media only screen and (min-width: 1100px) {
.lang-switcher{
position: absolute;
top: 0px;
right: 100px;   
z-index: 1001;
/*padding-top: 28px;*/
width: 45px;
}
}

@media only screen and (max-width: 960px) {
	.lang-switcher {
    position: absolute;
    top: -15px;
    right: 22%;
    z-index: 1001;
    display: block;
    padding-top: 40px;
    width: 45px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.lang-switcher {
    position: absolute;
    top: -15px;
    right: 35%;
    z-index: 1001;
    display: block;
    padding-top: 40px;
    width: 45px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
	.lang-switcher {
    position: absolute;
    top: -15px;
    right: 37%;
    z-index: 1001;
    display: block;
    padding-top: 40px;
    width: 45px;
}
}

.collapse-button {
    position: absolute;
    right: 50px;
}

/* Note: Design for a width of 768px */

    @media only screen and (min-width: 800px) and (max-width: 959px) {
        .container                                  { width: 800px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  margin-top: 10px; margin-bottom: 10px;}
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


    @media only screen and (max-width: 960px) {
    h1 { font-size: 28px; line-height:28px; }
    #royal_preloader.text .loader {
        letter-spacing: 2px;
        font-size: 26px;
    }
    .logo{
        width:92px;
        height:50px;
        left:35px;
        top:10px;
        background:url('../images/logo.png') no-repeat center center;
        background-size:92px 50px;
    }
    .cbp-af-header.cbp-af-header-shrink .logo{
        width:92px;
        height:50px;
        left:35px;
        top:10px;
        background:url('../images/logo.png') no-repeat center center;
        background-size:92px 50px;
        -webkit-transition : all 0.5s ease-out;
        -moz-transition : all 0.5s ease-out;
        -o-transition :all 0.5s ease-out;
        transition : all 0.5s ease-out;
    }
}
#app2u_team h6 {
    text-align: center;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .flipWrapper {
        height: 236px;
    }
    .flipWrapper svg {
        display:none;
    }
    .flipWrapper .card .face {
        padding-top:0;
        padding-bottom:0;
        padding-left:0;
        padding-right:0;
        width:100%;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

.flipWrapper {
    height: 420px;
}
.flipWrapper svg {
    display:none;
}
.flipWrapper .card .face {
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    width:100%;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {

.flipWrapper {
    height: 300px;
}
.flipWrapper svg {
    display:none;
}
.flipWrapper .card .face {
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    width:100%;
}
}
@media only screen and (max-width: 319px) {
.flipWrapper {
    height: 220px;
}
.flipWrapper svg {
    display:none;
}
.flipWrapper .card .face {
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    width:100%;
}
}

.social-bottom {
    position: relative;
    bottom: 10%;
    margin-bottom: 20px;
    width: 100%;
    z-index: 1002;
    height: 30px;
    text-align: center;
}

.padding-project13 {
    padding-top: 35px;
    padding-bottom: 1px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {

.app2u_process_hor .one_sixth {
    float: none;
    
      width: auto;
}

}

.padding-project12 {
     padding-top: 0px; 
   
}

.social-bottom-careers {
   
    margin-bottom: 40px;
    
}

ul.list-social {
    padding: 10px;
}

/*@media only screen and (min-width: 1930px) { .parallax-home { background-size: cover; height: 100vh;} }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; height: 100vh;}
}
@media only screen and (max-width: 959px) {
    .parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; height: 100vh;}
}*/

/*@media only screen and (max-width: 800px) {
span.badge {
    display: none;
}
}
*/



