/* CSS Document */
@charset "utf-8";
/* ------------------------------- Slider CSS ------------------------------- */
#DivSlider {
 padding: 0;
 margin-bottom: 1em;
}
#SliderPics {
 width: 36%;
 min-width: 250px;
 float: right;
 text-align: center;
}
#SliderPics img {
 width:100%;
 max-width: 350px;
}
/*jQuery Nivo Slider v3.2 */
#Sldwrap {
 width: 63%;
 float: left;
 position: relative;
 z-index: 0;
}
/* The Nivo Slider styles */
.nivoSlider {
 position:relative;
 width: 100%;
 max-height: 420px;
 overflow: hidden;
 border-radius: 3px;
}
.nivoSlider img {
 position:absolute;
 top: 0px;
 left: 0px;
 max-width: none;
}
.nivo-main-image {
 display: block !important;
 position: relative !important; 
 width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 border:0;
 padding:0;
 margin:0;
 z-index:6;
 display:none;
 background:white; 
 filter:alpha(opacity=0); 
 opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
 display:block;
 position:absolute;
 z-index:5;
 height:100%;
 top:0;
}
.nivo-box {
 display:block;
 position:absolute;
 z-index:5;
 overflow:hidden;
}
.nivo-box img { display:block; }
.nivo-caption {
 position:absolute;
 left:0px;
 bottom:0px;
 background: #777160;
 color: white;
 width:100%;
 z-index:8;
 padding: 10px 10px;
 opacity: 0.6;
 overflow: hidden;
 display: none;
 -moz-opacity: 0.6;
 filter:alpha(opacity=8);
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
 padding:5px;
 margin:0;
}
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
 position:absolute;
 top:45%;
 z-index:9;
 cursor:pointer;
}
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
 text-align:center;
 padding: 15px 0;
}
.nivo-controlNav a {
 cursor:pointer;
 margin-right: 8px;
}
.nivo-controlNav a.active { font-weight:bold; }
.theme-default .nivoSlider {
 position:relative;
 background:#fff url(../icons/loading.gif) no-repeat 50% 50%;
 margin-bottom:10px;
}
.theme-default .nivoSlider img {
 position:absolute;
 top:0px;
 left:0px;
 display:none;
}
.theme-default .nivoSlider a {
 border:0;
 display:block;
}

.theme-default .nivo-controlNav {
 text-align: center;
 padding: 5px 0;
}
.theme-default .nivo-controlNav a {
 display:inline-block;
 width:22px;
 height:22px;
 background:url(../icons/bullets.png) no-repeat;
 text-indent:-9999px;
 border:0;
 margin: 0 2px;
 display: none; /* remove this to show the bullets */
}
.theme-default .nivo-controlNav a.active { background-position:0 -22px; }
.theme-default .nivo-directionNav a {
 display:block;
 width:30px;
 height:30px;
 background:url(../icons/arrows.png) no-repeat;
 text-indent:-9999px;
 border:0;
 opacity: 0;
 -webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
 background-position:-30px 0;
 right:15px;
}
.theme-default a.nivo-prevNav { left:15px; }
.theme-default .nivo-caption {
 font-family: "Segoe Print";
 font-weight: bold;
}
.theme-default .nivo-caption a {
 color:#777160;
 border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover { color:#777160; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
 width: auto;
 height: auto;
 background: none;
 margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
 display: block;
 width: 120px;
 height: auto;
}
@media all and (max-width: 1024px) {
 .nivoSlider { height: 346px; }
}
@media all and (max-width: 800px) {
 #SliderPics { width: 100%; }
 #SliderPics img { width: 50%; }
 #Sldwrap { width: 100%; }
 .DivSmileWraper { width: 50%; }
 .DivSecWraper { width: 50%; }
 .GenSecImg img{
  width: 340px;
  height: 220px;
 }	
 .sticker {
  padding: 2em;
  height: 280px;
 }
}
@media all and (max-width: 640px) {
 .sticker { height: 230px; }
}
@media all and (max-width: 400px) {
 #DivSlider { display: none; }
}
/* ---------------------------- Facebook Area CSS --------------------------- */
#FacebookArea {
 width: 100%;
 padding: 1em;
 background-image: url(../icons/maria.png);
 background-repeat: no-repeat;
 background-position: center top;
}
#fbdiv {
 background-color: white;
 margin-left: auto;
 margin-right: auto;
 margin-top: 3.5em;
 width: 500px;
 height: 250px;
 text-align: center;
 -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
 box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);	
}
@media all and (max-width: 530px) {
 #fbdiv {
  width: 80%;
  min-width: 290px;
 }
}
/* ----------------------------- Sectors Area CSS --------------------------- */
.SectorIcon {
 width: 60px;
 height: 60px;
 float: left;
 display: block;
 z-index: 30;
 margin-top: -15px;
 position: absolute;
}
.SectorIcon img { width: 100%; }
.DivTitle {
 display: block;
 float: left;
 width: 100%;
 min-width: 200px;
 background-color: #dddad2; /*#F5F2EA;*/
 padding-left: 5em;
 padding-right: 1em;
 line-height: 2em;
 font-family: "Segoe Print";
 font-weight: bold;
 color: #777160;
 box-shadow: 1px 1px 1px black;
}
.clickme { cursor: pointer; }
.DivBody {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 width: 100%;
 padding-top: 1em;
}
.DivSecWraper {
 display: block;
 width: 24%;
 min-width: 200px;
 height: 280px;
 padding: 1em;
 text-align: center;
 margin: 5px;
 margin-bottom: 1em;
 
 background: white;
 box-shadow: 1px 1px 1px #777160; 
}
.GenSecImg img{
 width: 180px;
 height: 120px;
 margin-left: auto;
 margin-right: auto;
}
.GenSecTitle {
 width: 100%;
 float: left;
 font-family: "Segoe Print";
 margin-top: 1em;
}
@media all and (max-width: 899px) {
 .DivSecWraper { width: 32%; }
}
@media all and (max-width: 639px) {
 .DivSecWraper { width: 49%; }
}
@media all and (max-width: 439px) {
 .DivTitle { font-size: 0.8em; }
 .DivSecWraper { width: 90%; }
}
/* ------------------------------ Smiles Area CSS --------------------------- */
.DivSmileWraper {
 display: block;
 width: 25%;
 padding: 1em;
 text-align: center;
}
.Xamogelaki {
 width: 100%;
 padding: 1em;
 padding-bottom: 3em;
 min-height: 150px;
 overflow: hidden;
 background-image: url(../icons/bubble.png);
 background-repeat: no-repeat;
 background-position: center top;
 background-size: 100% 100%;
 font-family: "Segoe Print";
}
.XamogelakiImage {
 width: 100%;
 display: inline-block;
 padding-left: 2em;
}
.XamogelakiImage img { min-height: 150px; }
@media all and (max-width: 899px) {
 .DivSmileWraper { width: 33%; }
}
@media all and (max-width: 639px) {
 .DivSmileWraper { width: 50%; }
}
@media all and (max-width: 439px) {
 .DivSmileWraper { width: 100%; }
}