@charset "utf-8";@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,600,700&subset=latin,greek-ext,greek);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-family: 'Roboto Condensed', sans-serif!important;
}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  content: '';
}

.all2 , .inn span a
{
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.inn 
{
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
body {
	margin: 0px;
    padding: 0px;
    /*height: 100%;*/
}
a {text-decoration:none;}
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container, span[class^="skype_pnh_print_container"] {display:inline !important;}

h2 {font-size:24px;border-bottom:1px solid #000;padding-bottom:15px;font-weight:400;margin-bottom:23px;}




.wrap {padding:40px 0px 0 0px;}
.wrap2 {width:980px;padding:0px 0px 0 0px;margin:0 auto;}


.text p {line-height:22px;}


#toslide {position:relative;width:100%;margin-top:-180px!important;background:#000;}
#sloganholder {width:100%;position:absolute;top:47%;}
#slogan {color:#fff;font-size:48px;text-align:center;max-width:800px;margin:0 auto;}

#top {width:100%;z-index:1030!important;position:relative;}
#logo {text-align:right;width:359px;height:114px;float:left;background:#2e3192;}
#logo img {margin-right:20px;}

#topr {min-width:641px;width:68%;height:114px;float:right;background:#000;}
#topr1 {background:#000;text-align:left;color:#fff;font-size:18px;margin:32px 0 0 37px;padding-bottom:10px;border-bottom:1px solid #898989;width:736px;}
#topr1 a {color:#fff;}
#topr1 a:hover {color:#666;}

#social {float:right;font-size:18px;width:94px;line-height:25px;}
#fb {width:10px;height:19px;display:block;float:right;background:url(../img/fb.png) no-repeat 0 0;}
#fb:hover {background:url(../img/fb.png) no-repeat 0 -21px;}


#topr2 {background:#000;height:30px;text-align:left;color:#fff;font-size:15px;padding-top:10px;margin-left:37px;}

#topr2 a {color:#fff;margin:0 4px 0 4px;padding-bottom:7px;}
#topr2 a:hover {color:#2098d1;}
#topr2 a.anameno {color:#2098d1;}




.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.imageart3 {width:350px;margin:0 30px 40px 0;height:243px;float:left;text-align:center;color:#2e3192;
}
.imageart3 img {height:233px;margin-bottom:5px;-webkit-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75)}
.imageart3 img:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.imageart3:hover {color:#606060;}

#wrapperiexomeno {max-width:940px;margin:30px auto 30px auto;}
#periexomeno {background:#fff;padding:60px;}

#tomap {width:347px;height:592px;float:left;}
#periexomeno2 {width:529px;background:#fff;padding:32px;float:left;}



#sq1 {width:33%;float:left;margin:0 0 0 0;padding:5% 0 5% 0;background:url(../img/sq1.jpg) no-repeat 0 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;}
#sq2 {width:34%;float:left;margin:0 0 0 0;padding:5% 0 5% 0;background:url(../img/sq2.jpg) no-repeat 0 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;}
#sq3 {width:33%;float:left;margin:0 0 0 0;padding:5% 0 5% 0;background:url(../img/sq3.jpg) no-repeat 0 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;}

.inn {width:250px;height:250px;  line-height:250px;margin:0 0 0 0;border:7px solid #fff;text-align:center;color:#fff;font-size:24px;font-weight:700;position:relative; display: inline-block;vertical-align: middle;background:url(../img/bg.png) no-repeat 0 0;}
.inn:hover {background:url(../img/bg.png) no-repeat 0 -250px;}
.inn span {
  display: inline-block;
  line-height:250px;
}
.inn span a {color:#fff;}
.inn span a:hover {color:#ccc;}

.all2
{
  font-size: 14px;
  color: #000;
  display: block;
  width: 64px;
  position: relative;
  margin-top: -55px;
  margin-right: -40px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: transparent;
  background-image: url("../img/arrowl.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 1px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-left: 20px;
  float: right;
}

/* Line 156 */
.all2:hover
{
  color: #2098d1;
  background-color: transparent;
  background-image: url("../img/arrowl.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -5px 1px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}



.but {font-size:12px;text-align:center;padding:3px 10px;background:#2e3192;color:#fff;}
.but:hover {font-size:12px;text-align:center;padding:3px 10px;background:#000;color:#fff;}

.but2 {float:right;font-size:12px;text-align:center;padding:9px 15px 9px 23px;background:#6ecff6 url(../img/cam.png) no-repeat center left;color:#fff;margin-top:-45px;}
.but2:hover {font-size:12px;text-align:center;background:#666 url(../img/cam.png) no-repeat center left;color:#fff;}




#content{ background:#fff;  width:720px; height:800px; margin:30px auto; text-align:left;position: absolute; }



#footer {
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	color:#fff;
	background:#000;
	padding:10px 0;

}
#footer p {font-size:12px;padding:0px;line-height:18px;}
#footl {float:left;width:40%;}
#footl p {text-align:left;}
#footr{float:right;width:40%;}
#footr p {text-align:right;}
#footer a {color:#fff;font-size:11px;text-decoration:none;}
#footer a:hover {color:#2098d1;}


#footer2 {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	color:#fff;
	background:#000;
	padding:10px 0;

}
#footer2 p {font-size:12px;padding:0px;line-height:18px;}
#footl {float:left;}
#footl p {text-align:left;}
#footr{float:right;}
#footr p {text-align:right;}
#footer2 a {color:#fff;font-size:11px;text-decoration:none;}
#footer2 a:hover {color:#2098d1;}





#prefooter {
	width: 100%;
	position: absolute;
	bottom: 101px;
	left: 0;
	height: 36px;
	background:transparent;
}
.cd-btn {display:block;width:34px;height:26px;background:#2e3192 url(../mn.png) no-repeat 0 5px;}
.cd-btn:hover {display:block;width:34px;height:26px;background:#000 url(../mn.png) no-repeat 0 5px;}
.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;z-index: 999999!important;
}
.cd-panel::after {
  /* overlay layer */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-panel.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-panel.is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  -moz-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}
.cd-panel.is-visible .cd-panel-close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
  -moz-animation: cd-close-1 0.6s 0.3s;
  animation: cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
  -moz-animation: cd-close-2 0.6s 0.3s;
  animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.cd-panel-header {
  position: fixed;
  width: 60%;
  height: 50px;
  line-height: 50px;
  z-index: 2;
  background:#fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  transition: top 0.3s 0s;
}
.cd-panel-header h1 {
  font-weight: 400;
  font-size:16px;
  color: #2e3192;
  padding-left: 5%;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {
  top: -50px;
}
.from-right .cd-panel-header {
  right: 0;
}
.from-left .cd-panel-header {
  left: 0;
}
.is-visible .cd-panel-header {
  top: 0;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s;
}
@media only screen and (min-width: 768px) {
  .cd-panel-header {
    width: 60%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel-header {
    width: 60%;
  }
}

.cd-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-panel-close::before, .cd-panel-close::after {
  /* close icon created in CSS */
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-panel-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-panel-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
  background-color: #424f5c;
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.no-touch .cd-panel-close:hover::before {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-panel-container {
  position: fixed;
  width: 60%;
  height: 100%;
  top: 0;
  background: #2e3192;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.from-right .cd-panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}


.cd-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}
.cd-panel-content ul li {list-style-type:none;}
.cd-panel-content li a {
  font-size: 14px;
  color: #fff;
  display:block;
  border-bottom:1px solid #fff;
  line-height: 1.4;
  padding:6px 0;
}
.cd-panel-content a:hover {
background:#fff;
color:#2e3192;
}
.cd-panel-content p:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .cd-panel-content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}


#mobilemen {visibility:hidden;}
#socfoot {display:none;}



@media only screen and (max-height: 750px)
{
#footer2 {
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	color:#fff;
	background:#000;
	padding:10px 0;

}
}


@media only screen and (min-width: 910px) and (max-width: 1174px)
{

#mobilemen {display:block;visibility:visible;width:24px;padding-top:20px;margin:0px auto;}

.wrap {padding:20px 0px 0 0px;}
.wrap2 {width:100%;padding:0px 0px 0 0px;margin:0 auto;}


#toslide {position:relative;width:100%;margin-top:-179px;}
#sloganholder {width:100%;position:absolute;top:47%;}
#slogan {color:#fff;font-size:48px;text-align:center;max-width:800px;margin:0 auto;}

#top {width:100%;z-index:1000!important;position:relative;}
#logo {text-align:center;width:280px;height:114px;float:none;background:#2e3192;margin:0 auto;}
#logo img {margin-right:0px;}


#topr {display:none;}
#topr {min-width:641px;width:68%;height:114px;float:none;background:#000;}
#topr1 {background:#000;text-align:left;color:#fff;font-size:18px;margin:32px 0 0 37px;padding-bottom:10px;border-bottom:1px solid #898989;width:300px;}
#topr1 a {color:#fff;}
#topr1 a:hover {color:#666;}

#social {float:right;font-size:18px;width:94px;line-height:25px;}
#fb {width:10px;height:19px;display:block;float:right;background:url(../img/fb.png) no-repeat 0 0;}
#fb:hover {background:url(../img/fb.png) no-repeat 0 -21px;}


#topr2 {display:none;}

#footl p {text-align:left;padding-left:10px;}
#footr p {text-align:right;padding-right:10px;}

#footer2 {
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	color:#fff;
	background:#000;
	padding:10px 0;

}

#wrapperiexomeno {width:80%;margin:30px auto 30px auto;}
#periexomeno {background:#fff;padding:60px;}

#tomap {width:100%;height:581px;float:none;margin:0 auto!important;}
#periexomeno2 {width:100%;background:#fff;padding:32px;float:none;margin:0 auto;}



}



@media only screen and (min-width: 280px) and (max-width: 909px)
{
#mobilemen {display:block;visibility:visible;width:24px;padding-top:20px;margin:0px auto;}
.wrap {padding:20px 0px 0 0px;}
.wrap2 {width:100%;padding:0px 0px 0 0px;margin:0 auto;}
#mobilemen {display:block;}


#top {width:100%;z-index:99999!important;position:relative;}


#topr {display:none;}
#topr {min-width:641px;width:68%;height:114px;float:none;background:#000;}
#topr1 {background:#000;text-align:left;color:#fff;font-size:18px;margin:32px 0 0 37px;padding-bottom:10px;border-bottom:1px solid #898989;width:300px;}
#topr1 a {color:#fff;}
#topr1 a:hover {color:#666;}

#social {float:right;font-size:18px;width:94px;line-height:25px;}
#fb {width:10px;height:19px;display:block;float:right;background:url(../img/fb.png) no-repeat 0 0;}
#fb:hover {background:url(../img/fb.png) no-repeat 0 -21px;}


#topr2 {display:none;}


#footl p {text-align:left;padding-left:10px;}
#footr p {text-align:right;padding-right:10px;}

#footer2 {
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	color:#fff;
	background:#000;
	padding:10px 0;

}

#wrapperiexomeno {width:70%;margin:30px auto 30px auto;}
#periexomeno {background:#fff;padding:60px;}

#tomap {width:100%;height:581px;float:none;margin:0 auto;}
#periexomeno2 {width:100%;background:#fff;padding:32px;float:none;margin:0 auto;}


}


@media only screen and (min-width: 710px) and (max-width:909px)
{
#toslide {position:relative;width:100%;margin-top:-176px;}
#sloganholder {width:100%;position:absolute;top:47%;}
#slogan {color:#fff;font-size:28px;text-align:center;max-width:380px;margin:0 auto;}

#logo {text-align:center;width:280px;height:114px;float:none;background:#2e3192;margin:0 auto;}
#logo img {margin-right:0px;}

}


@media only screen and (min-width: 615px) and (max-width:709px)
{
#toslide {position:relative;width:100%;margin-top:-176px;}
#sloganholder {width:100%;position:absolute;top:55%;}
#slogan {color:#fff;font-size:18px;text-align:center;max-width:380px;margin:0 auto;}

#logo {text-align:center;width:280px;height:114px;float:none;background:#2e3192;margin:0 auto;}
#logo img {margin-right:0px;}

}

@media only screen and (min-width: 401px) and (max-width:614px)
{
#toslide {position:relative;width:100%;margin-top:-150px;}
#sloganholder {display:none;}
#slogan {color:#fff;font-size:16px;text-align:center;max-width:380px;margin:0 auto;}

#logo {text-align:center;width:180px;height:77px;float:none;background:#2e3192;margin:0 auto;}
#logo img {margin-right:0px;width:100%;}


}
@media only screen and (min-width: 280px) and (max-width:400px)
{
#toslide {position:relative;width:100%;margin-top:-130px;}
#sloganholder {display:none;}
#slogan {display:none;}

#logo {text-align:center;width:120px;height:51px;float:none;background:#2e3192;margin:0 auto;}
#logo img {margin-right:0px;width:100%;}


}



@media only screen and (min-width: 280px) and (max-width: 789px)
{

#sq1 {width:100%;float:none;margin:0 auto 0 auto;padding:5% 0 5% 0;background:url(../img/sq1.jpg) no-repeat 0 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;}
#sq2 {width:100%;float:none;margin:0 auto 0 auto;padding:5% 0 5% 0;background:url(../img/sq2.jpg) no-repeat 0 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;}
#sq3 {width:100%;float:none;margin:0 auto 0 auto;padding:5% 0 5% 0;background:url(../img/sq3.jpg) no-repeat 0 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;}

.inn {width:250px;height:250px;  line-height:250px;margin:0 0 0 0;border:7px solid #fff;text-align:center;color:#fff;font-size:24px;font-weight:700;position:relative; display: inline-block;vertical-align: middle;background:url(../img/bg.png) no-repeat 0 0;}
.inn:hover {background:url(../img/bg.png) no-repeat 0 -250px;}
.inn span {
  display: inline-block;
  line-height:250px;
}
.inn span a {color:#fff;}
.inn span a:hover {color:#ccc;}
}






@media only screen and (min-width: 655px) and (max-width: 1174px)
{
.imageart3 {display:block;width:350px;margin:0 auto 40px auto;height:243px;float:none;text-align:center!important;color:#2e3192;background:#000;}
.imageart3 img {height:233px;margin-bottom:5px;-webkit-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75)}
.imageart3 img:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.imageart3:hover {color:#606060;}
}


@media only screen and (min-width: 460px) and (max-width: 654px)
{
.imageart3 {display:block;width:200px;margin:0 auto 40px auto;height:200px;float:none;text-align:center!important;color:#2e3192;}
.imageart3 img {height:133px;margin-bottom:5px;-webkit-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75)}
.imageart3 img:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.imageart3:hover {color:#606060;}
}


@media only screen and (min-width: 280px) and (max-width: 459px)
{
.imageart3 {display:block;width:150px;margin:0 auto 40px auto;height:140px;float:none;text-align:center!important;color:#2e3192;}
.imageart3 img {height:100px;margin-bottom:5px;-webkit-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.75)}
.imageart3 img:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.imageart3:hover {color:#606060;}
}