/* Put your custom styles here */

.obsform
{
    background: #f4f5f6;
    border: solid;
    border-left: 0;
    border-right: 0;
    border-top: 1;
    border-bottom: 0;
    border-color: #e1e1e1;
}

.obs-fewwords
{
    background: #f4f5f6;
    
}

.fullwidthrow
{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.obsfeature
{
    border: none;
}

.globaltitle
{
    text-transform: none;
    text-align: center;
}

.colform
{
    background: #fff;
    padding: 20px;
}

.searchlabel
{
    padding-top: 0px;
}

.content-1-6 .services-wrapper .icon
{
    height: 125px;
    width: 125px;
    max-width: 100%;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 0 auto 20px;
}

.content-1-6 .services-wrapper .icon span
{
    line-height: 125px;
    color: #fff;
    font-size: 45px;
}

.obs-section
{
    background: #eaeaea;
    border: solid;
    border-left: 0;
    border-right: 0;
    border-top: 1;
    border-bottom: 1;
    border-color: #e1e1e1;
}

.pad-top
{
    padding-top: 5px;
}

.btn-width70
{
    width: 70%;
    margin-left: 20px;
}

.gallery-2-title .text-left
{
    text-align: left !important;
}

.padall20
{
    padding: 20px;
}

.blog-content
{
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 0px;
    padding: 0 5px;
}

.bg-cyan-obs
{
   /* background: #325e86;*/
}

.icon-spin
{
    margin-top: 60px;
    margin-left: 50px;
}

.orangeArticle .text
{
    max-width: 330px;
}

.praktiki .details .col.colText em
{
    font-style: italic;
}

.praktiki .details .colText .text em
{
    font-style: italic;
}
@media (max-width: 990px) {
        background: #eaeaea;
    }

.orangeArticle .text em
{
    font-style: italic;
}

.description em
{
    font-style: italic;
}

.lastArticle em
{
    font-style: italic;
}

.pedia
{
    font-size: 32px;
    vertical-align: middle;
    color: #FFF;
    padding: 0px 20px;
}

.btn-find
{
    vertical-align: top !important;
    margin: 0 0;
}

.navbottom
{
    position: absolute;
    top: 118px;
    right: 25px;
}

.nav-logo
{
    position: absolute;
    top: 20px;
    right: 20px;
}

.nav-lang
{
    /*background-color: #34b53e;*/
    width: 80px;
}

.navbar-nav>li>a
{
    padding-top: 11px;
    padding-bottom: 11px;
}

.nav-logo2
{
    position: absolute;
    top: -4px;
    right: 15px;
}
.nav-lang-opt {
position: absolute;
    top: 80px;
    right: 0px;
 }

.nav>li > a
{
    padding-right: 5px;
    padding-left: 10px;
    padding-top: 18px;
    padding-bottom: 19px;
}

@media (min-width:800px) and (max-width:899px)
{
    .liga-logia
    {
        text-align: center;
    }
}

.col-pad
{
    padding-top: 45px;
    padding-bottom: 45px;
}

.col-lastnews
{
    margin-top: 20px;
}

.obs-find
{
/*background-color: rgba(241, 175, 87, 0.77);*/
}

@media (max-width:899px)
{
    .col-ext-width
    {
        margin-right: -300px;
        margin-left: -300px;
    }
}

.gdlr-core-pbf-background-wrap
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #e3f1f9;
}

.gdlr-core-pbf-column-content
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-height: 1px;
}

.col-ext-width
{
    margin-right: -300px;
}

.col-pad-lastnews
{
    padding-left: 50px;
    padding-right: 40px;
    padding-top: 45px;
    padding-bottom: 45px;
}

.col-pad-banner
{
    padding-left: 50px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.blog-news
{
    background-color: #ffffff;
    margin: 10px 5px 10px 5px !important;


}

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

.obs-find-text
{
    font-weight: 500;
    text-decoration: none;
 
}
h2.obs-find-text {
    font-size:39px;
    color:#545454;
}
.carousel
{
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}

/* The controlsy */

.carousel-control
{
    left: -12px;
    height: 40px;
    width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 20px;
}

.carousel-control.right
{
    right: -12px;
}

/* The indicators */

.carousel-indicators
{
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}

/* The colour of the indicators */

.carousel-indicators li
{
    background: #cecece;
}

.carousel-indicators .active
{
    background: #428bca;
}

.thumb-logo
{
    padding: 1px !important;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.col-logo
{
    padding: 0 2px 2px;
    margin: 0 0px;
}

.row-margin
{
    margin-left: 0px;
    margin-right: 0px;
}


.nav-bus
{
    border-top:0px solid #a4be31;
border-right:0px solid #a4be31;
border-left:0px solid #a4be31;
}
.nav-bus ul.dropdown-menu
{
    background-color: #a4be31 !important;
}
.nav-bus ul.dropdown-menu:before {
border-bottom: 10px solid #a4be31 !important;
}


.nav-local
{
    border-top:0px solid #2e99b6;
border-right:0px solid #2e99b6;
}
.nav-local ul.dropdown-menu
{
    background-color: #2e99b6 !important;
}
.nav-local ul.dropdown-menu:before {
border-bottom: 10px solid #2e99b6 !important;
}


.nav-mko
{
    border-top:0px solid #b0549e;
border-right:0px solid #b0549e;
border-left:0px solid #b0549e;
    
}
.nav-mko ul.dropdown-menu
{
    background-color: #b0549e !important;
}
.nav-mko ul.dropdown-menu:before {
border-bottom: 10px solid #b0549e !important;
}


.nav-local:hover, .nav-local .dropdown-menu a:hover
{
    border-top:0px solid #185f7d;
border-right:0px solid #185f7d;/* border-bottom:20px solid #185f7d */
border-left:0px solid #185f7d;
}
.nav-bus:hover
{
    border-top:0px solid #a4be31;
border-right:0px solid #a4be31;/* border-bottom:20px solid #699223 */
border-left:0px solid #a4be31;
}
#header-1 .main-nav .navbar-nav > li a {
    color:#434343;
}#header-1 .main-nav .navbar-nav > li a:hover {/* color:#0865b3 */
}

.nav-mko:hover, .nav-mko .dropdown-menu a:hover
{
    border-top:0px solid #7f266e;
border-right:0px solid #7f266e;/* border-bottom:20px solid #7f266e */
border-left:0px solid #7f266e;
}



.nav-school
{
}
.nav-school ul.dropdown-menu
{
    background-color: #f58322 !important;
}
.nav-school ul.dropdown-menu:before {
border-bottom: 20px solid #f58322 !important;
}



.nav-school:hover, .nav-school .dropdown-menu a:hover
{
    border-top:0px solid #c74a06;
border-right:0px solid #c74a06;
border-left:0px solid #c74a06;
}

.nav-more
{
}

.nav-more:hover
{
    border-top:0px solid #02223e;
border-right:0px solid #02223e;
border-left:0px solid #02223e;
}



.crsa-selected .col-md-1
{
    z-index: -3000;
}
#webslider {
margin-top:40px;
}
.nav>li>a {
display:inline-flex !important;
}
header nav li ul li {
border:none !important;
}
.nav-lang {
padding: 0 2px !important;
}
header {
min-height:0px !important;
}
#header-1 .main-nav .nav {
margin-top: -5px;
}
.navbar-right {
margin-right:0px !important;
}
section.last-praktikes .col-pad .col-md-4.col-sm-12 {
padding-right:0px !important;
height:350px;
margin-top:40px;
}
@media (max-width:995px)
{
    .btn-find
    {
        margin-top: 10px !important;
    }
    
    
}
#header-1 .main-nav .navbar-nav > li a {
font-size:14px;
}
.blog-news .blog-name {
padding:5px 5px !important;
}

.pedia .col-md-3 {
z-index: 1000;
}
#header-1 .main-nav {
/*height:200px !important;*/
}#header-1 .brand-img {max-width:300px;position: absolute;top:-30px; z-index:1000;
}
@media (max-width:740px)
{
#header-1 .brand-img {
max-width: 300px;
}

}
.headroom--unpinned {
margin-top:-200px !important;
}
@media (max-width:991px)
{
section.last-praktikes .col-pad .col-md-4.col-sm-12 {
margin-top:135px;
}
}
.blog-news .blog-name {
min-height:110px;
}
/*@media (max-width: 1025px) {
   .navbar-collapse.collapse {
       display: none !important;
   }
   .navbar-toggle{
        display: block !important;
   }
   .navbar-header{
        float: none;
   }
}
@media (max-width: 1025px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}*/
@media (min-width:992px) {.col-equal1 {/*
box-sizing: border-box

*/
    height:100%;
    padding:0px;
}
}
@media (min-width:992px) {
.row-equal1 {
  height: 300px;
}
}
col20 {
    width:20%;
}
@media (min-width:1200px) {
.col20 {
  width: 20%;
}
}.col-centered {
    display:inline-block;
    float:none !important;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
@media (max-width:767px) {.col {
    display: block; /* Make elements inside the container behave like table cells */width: 100%;
}
}.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}
@media (min-width:992px) {.col-md-7.five-three {width: 60%;
 
}
}
@media (min-width:992px) {.col-md-5.five-two {width: 40%;
}
}
.outer {
    display: flex;/*
flex-wrap: wrap

*/
}
div.container {
    padding-bottom:20px;
}.header-type-one .header-top {
    position:relative;
    background-color:#183b6b;
    min-height: 70px;
    margin-right:-15px;
}
.auto-container {
    position:static;
    max-width:1170px;
    padding:5px 15px;
    margin:0 auto;
}
.main-header .header-top .top-left {
    position:relative;
    float:left;
}
.main-header .header-top .top-right {
    position:relative;
    float:right;
}
.main-header .header-top .top-right .social-icon-one, .main-header .header-top .top-right .social-icon-three {
    display:inline-block;
    padding:9px 0px;
}
.social-icon-one li {
    position:relative;
    margin-left:8px;
    display:inline-block;
}
.main-header .header-top .top-left ul li {
    position:relative;
    margin-right:10px;
    font-size:16px;
    color:#ffffff;
    padding:11px 0px;
    display:inline-block;
}
.social-icon-one li a {
    position:relative;
    width:32px;
    height:32px;
    color:rgba(255,255,255,0.40);
    font-size:14px;
    line-height:28px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    border:2px solid rgba(255,255,255,0.40);
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}
.social-icon-one li a:hover {
    color:#ffffff;
    border-color:#ffffff;
}
.lavetemeros h4 {
    color:#545454;
    font-size:30px;
}
.lavetemeros h2 {
    font-size:40px;
    font-weight:700;
    margin-bottom:35px;
}
.fourpoints h1 {
    color:#636363;
    font-size:62px;
    font-weight:900;
}
.fourpoints h4 {
    color:#723147;
}
.obs-find2 {
    background-color:rgba(241, 175, 87, 0.77);
}
#header-1 .main-nav .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}
#header-1 .main-nav .navbar-toggle {
    background: #000;
    position: absolute;
    top: 10px;
    z-index:10000;
}
@media (max-width:992px) {
.main-header .header-top .top-left ul li {
  
    font-size:11px;
  
}
}
@media (max-width:468px) {
.main-header .header-top .top-left ul li {
  
    font-size:8px;
  
}
}
.last-praktikes .col-md-3.col-sm-12 {
    padding-left:5px;
    padding-right:5px;
}
.synergasia h1 {
        color:#723147;
    margin-bottom:40px;
}

.vertical-align {
  display: flex;
  flex-direction:column;
    align-items: center;
  justify-content: center;
}



/**
 *  Do NOT include this part into your stylesheet.
 *  "flex: 1" or "flex-grow: 1" is added to make the inner div
 *  - Which is also a flex-item - take up all the horizontal space
 *  available space inside the flex container (.col-* elements)
 */
.vertical-align > [class^="col-"] > div,
.vertical-align > [class*=" col-"] > div {
  /* flex: 1; */
  flex-grow: 1;
}
.obs-find2 .col-md-3.col-xs-12.pull-right {
    padding-top:5px;
}
.obs-section h1 {font-size:52px;}
.social-icon-one li {
    color:#fff;
}
.row-equal1 p {
    /*padding-left:22px;*/
}
.blog-news .position {
    color: #585858;
}
@media (max-width: 768px) {
    #header-1 .navbar-collapse {
top:80px;
        position: relative;
        background: #eaeaea;
        z-index: 999;
    }
}
.row-equal1 h4{
  color:#8e541b;  
}
.st0{fill:#fbf7e5;}
.st1{fill:#fff;}
.underlined-four hr {
    width: 30%;
    border-width: 4px;
    border-color: #f4a321;
    margin-left: 0;
}
@media (max-width:991px) {
    .st1, .st0 {display:none;}
    svg#Layer_1 {
        height:200px;
    }
    .blank {
        background-color:#fff;
    }
}
@media (max-width:1200px) {
#header-1 .main-nav .navbar-nav > li a {
font-size:12px;
        
    }
header nav li {/* padding: 0px 0px !important */
} 
}
.content-block.obs-fewwords {
    padding-top:35px;
}
.content-2-10 .border-box.colform {
    padding: 20px 55px;
}
#carousel-b .carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#carousel-b .carousel-fade .carousel-inner .item,
#carousel-b .carousel-fade .carousel-inner .active.left,
#carousel-b .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
#carousel-b .carousel-fade .carousel-inner .active,
#carousel-b .carousel-fade .carousel-inner .next.left,
#carousel-b .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
#carousel-b .carousel-fade .carousel-inner .next,
#carousel-b .carousel-fade .carousel-inner .prev,
#carousel-b .carousel-fade .carousel-inner .active.left,
#carousel-b .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#carousel-b .carousel-fade .carousel-control {
  z-index: 2;
}

#carousel-b .carousel,
#carousel-b .carousel-inner,
#carousel-b .carousel-inner .item {
  height: 250px;
}
#carousel-b .item:nth-child(1) {
}
#carousel-b .item:nth-child(2) {
}
#carousel-b .item:nth-child(3) {
}
#carousel-b {
    padding:20px 0;

}
.nav-school li > a:hover {
  color: #f58322;
}
.nav-school li a:hover {
  color: #ff8a00;
}
.navheight {
height: 80px;
background-color: #fff;
}
.nav-bus:hover {
}
.navmenu {
  margin-top: 27px;
}
.topsocial {
  margin-top: 4px;
}
.blog-name {
    color:#545454;
}
.btn-outline.outline-dark, .icon.outline-dark {
    
    border: 2px solid #d9812a;
}
.nav-container {
    position:relative;
    max-width:1170px;
    padding:5px 15px;
    margin:0 auto;
}
@media (max-width: 468px) {
.hidden-xs {
display:none;
}
.obs-section h1 {
font-size: 44px;
}
h1 {
font-size:44px;
}
}

@media (min-width: 768px) {
.navbar-nav>li {
float:left;

}
.navbar-right {
float:right;
}
}
@media (min-width: 992px) {
.navbar-nav>li {
float:left;
}
.navbar-right {
float:right;
}
.blog-news > img {
max-height:109px;
}
}
@media (max-width: 653px) {
#webslider {
margin-top:100px;
}
}
