/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:19px;
	color:#747a7e;
	width:100%
	
}

p {
    padding-bottom:19px;
    
   }
   
   strong1 
{
   font-size:20px; line-height:1.2307em; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
  
ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}


figure {
  display: flex;
  align-items: center;
  gap: 0px;
  margin: 0;
}

   strong 
{
   font-size:16px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height: 10px;}
@media  (max-width : 480px) and (min-width : 320px) {
    .strong {
      font-size:12px;
      font-weight:bold;
      
      } } 

a {
	color:#d52d00; 
	outline:none;
	cursor:pointer;
}
a:hover{
	text-decoration:none;
}


/* Κουμπί Αναζήτησης */


.search-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

.search-input {
    width: 250px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 5px;
}

.search-button {
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.search-button:hover {
    background-color: #0056b3;
}

#search-results {
    margin-top: 20px;
}

#search-results div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

#search-results a 
{
  padding: 20px;
  color: white;
  text-align:center;
  font-size: 22px;
  text-decoration: none;
  color: #007bff;
  text-align:justify;
 
}

#search-results a:hover {
    text-decoration: underline;
}


/* ============================================================= */



/* Global Structure ============================================================= */

.main {
	margin: 0 auto;
	position: relative;
	width: 100%; }

	/* Header */
	
	#page1 header{
		   z-index:22; background:#74D6F7;
	}
	
	header{
		   z-index:22; background:#74D6F7;
	}
	
	/* Content */
	#page1 section#content {position:relative;   padding-top:10px; margin: 0 auto;
		
	}	
	section#content {position:relative;   padding-top:30px; width:100%; margin: 0 auto; 
		
	}				
		

.page {
  overflow: hidden;
  min-height: 500px; }
  .lt-ie9 .page {
    min-width: 1200px; }

.newsletter 
{
    z-index:22; background:url(../images/parallax04.jpg); min-height:360px; width:100%; margin: 0 auto; background-size: cover;
	}
	
.diakopes-ellada 
{
    z-index:22; background:url(../images/parallax06.jpg); min-height:360px; width:100%; margin: 0 auto; background-size: cover;
	}
	
	.promotion-10years 
{
    z-index:22; background:url(../images/promotion/10-years.jpg); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
	
	.promotion 
{
    z-index:22; background:url(../images/promotion/spring-promo.jpg); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
	
	
	.promotion-summer 
{
    z-index:22; background:url(../images/promotion/summer-promo.jpg); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
	
   .promotion-spring 
{
    z-index:22; background:url(../images/promotion/spring.gif); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
	
   .promotion-pasxa 
{
    z-index:22; background:url(../images/promotion/easter-promo.jpg); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
	
  .promotion-fall 
{
    z-index:22; background:url(../images/promotion/fthinoporo-promo.jpg); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
	
  .promotionwinter 
{
    z-index:22; background:url(../images/promotion/winter2022.gif); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
	
 .promotion-apokries 
{
    z-index:22; background:url(../images/promotion/apokries.jpg); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
		
  .promotion-christmas 
{
    z-index:22; background:url(../images/promotion/christmas-promo.jpg); height:auto; max-width:100%; margin: 0 auto; background-size: cover;
	}

      
    .promotion-newyear 
{
    z-index:22; background:url(../images/promotion/new-year-2023.jpg); height:50%; max-width:100%; margin: 0 auto; background-size: cover;
	}

	
   .promotion1 
{
    z-index:22; background:url(../images/promotion/hotels-promo.png); height:auto; max-width:100%; margin: 0 auto;  background-size: cover;
	}

	.promotiontransfers 
{
    z-index:22; background:url(../images/promotion/transfers.jpg); height:auto; max-width:100%; margin: 0 auto;  background-size: cover;
	}
	
	.promotionskibus 
{
    z-index:22; background:url(../images/promotion/winter-promo.jpg); height:100%; max-width:100%; margin: 0 auto; background-size: cover;
	}
	
	.promotionmpania 
{
    z-index:22; background:url(../images/promotion/thalassiampania.jpg); height:auto; max-width:100%; margin: 0 auto;  background-size: cover;
	}
	
.newsletter h2 a {
    color:#fff;
	}
	
.diakopes-ellada h2 {
    color:#fff;
	}
	
	
.language {
    display: flex;
    align-items: center;
    gap: 5px; /* space between text and image */
}

.language img {
    height:24px; 
}
	
.alert {
  padding: 20px;
  background-color: #ff8533;
  color: white;
  text-align:center;
  font-size: 22px;
  
}

.info { padding: 10px;
  background-color: #ffffff;
  color: white;
  text-align:center;
  font-size: 16px;
  
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.center {
  text-align: center; }

/* Left & Right alignment */


.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 { float:left;}

.width, .width1, .width2, .width3 { float:left;}

 
.strong2 { font-size:18px; color:#717171; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; margin-top:5px; text-align:justify;}
.strong2 span { text-align:right; float:right; color:#000000;}
.strong2 a  { color:#0000FF;}
.strong2 bold  {color:#000000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
@media  (max-width : 480px) and (min-width : 320px) {
    .strong2 {
      font-size:12px;
      font-weight:bold;
      
      } }	

.strong3 { font-size:18px; line-height:1.2307em; color:#B0B0B0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-top:5px; text-align:justify;}

.strong4 { font-size:18px; color:#717171; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; margin-top:5px; text-align:justify;}
.strong4 a {  color:#717171; text-decoration:none;}
.strong4:hover { color:#000000; font-size:20px; font-weight:bold;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
	position:relative;
}

.wrapper1 { 
	width:100%;
	overflow:visible;
	position:relative;
}


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	outline:none;
}

/*----- Main Page reviews css -----*/

div.scroll-container {
  background-color: #fff;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}

div.scroll-container img {
  padding: 10px;
  border: 2px solid #ccc;
}


/*----- other -----*/
.img-indent { 
	margin:0 19px 0 0; 
	padding:10px 10px 10px 10px;
	float:left;
	padding-bottom:15px;
	width:40%;
	}
	@media  (max-width : 500px) and (min-width : 320px){
	.img-indent { 
	padding-bottom:15px;
	width:100%;
	}}
 .img-indent1 { 
	margin:0 15px 0 0; 
	float:left;
}

.img-indent2 { 
	margin:0 19px 0 0; 
	float:left;
	}
	@media  (max-width : 480px) and (min-width : 320px){
	.img-indent2 { 
	padding-bottom:15px;
	}}
.extra-wrap { 
	width:100%;
}
.extra-wrap1 { 
	overflow:hidden;
	text-align:justify;
	margin:10px 10px 0 0;
	font-size:16px;
	
}

.extra-wrap11 { 
	overflow:hidden;
	text-align:justify;
	margin:10px 10px 0 0;
	font-size:18px;
	color:#000000;
}

.extra-wrap12 { 
	overflow:hidden;
	text-align:justify;
	padding:10px 10px 10px 10px;
	font-size:18px;
	font-family:Segoe UI;
	color:#000000;
	width:100%;
	margin-top:20px;
	
}

.extra-wrap13 { 
	overflow:hidden;
	padding:10px 10px 10px 10px;
	font-size:18px;
	font-family:Segoe UI;
	color:#000000;
	width:100%;
	margin-top:20px;
	text-align:left;
	
}
.extra-wrap13 strong2 { font-weight: bold;}


.extra-wrap10 { 
	overflow:hidden;
	text-align:justify;
	margin:10px 10px 0 0;
	font-size:15px;
	color:black;
}

.extra-wrap2 { 
	margin-top:60px;
	overflow:hidden;
	
}
.extra-wrap3 { 
	margin-top:50px;
	overflow:hidden;
	
	}

.extra-wrap4 { 
	margin-top:20px;
	text-align:justify;
	overflow:hidden;
	
}
.extra-wrap6 { 
	margin-top:80px;
	text-align:justify;
	overflow:hidden;
	
}

.extra-wrap7 { 
	margin-top:110px;
	text-align:justify;
	overflow:hidden;
	
}

.extra-wrap8 { 
	margin-top:10px;
	text-align:justify;
	overflow:hidden;
	
}

.extra-wrap5 { 
	margin-top:100px;
	float:right;
}

.extra-wrap9 { 
	 margin-left: auto;
     margin-right: auto;}
	

.bg11 {background:#F8F8F8 center 0 no-repeat #fff; position:relative; min-height:100%; overflow:hidden; z-index:22;}
.flash {margin-top:-4px;}


/*==================     Image Grid Responsive     ======================*/
.row7 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column2 {
  flex: 33%;
  max-width: 33%;
  padding: 0 4px;
}

.column2 img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column2 {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column2 {
    flex: 100%;
    max-width: 100%;
  }
}





/*==================     Image     ======================*/
.img {
  position: relative;
  display: inline-block;
  max-width: 100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .img time {
    padding: 25px 24px 25px 27px;
    background: #2d2d2d;
    background: rgba(45, 45, 45, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    font-size: 50px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff; }
    .lt-ie9 .img time {
      background: none;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#802D2D2D', endColorstr='#802D2D2D')";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#802D2D2D', endColorstr='#802D2D2D');
      zoom: 1; }
    .img time span {
      font-size: 24px;
      line-height: 44px;
      vertical-align: bottom; }
  @media (max-width: 979px) {
    .img .tooltip {
      position: relative;
      right: auto;
      left: 0;
      bottom: auto;
      width: 100%;
      padding-left: 0;
      opacity:0.6; } }
  @media only screen and (max-width: 480px) {
    .img {
      width: 100%; }
      .img img {
        width: 100%; }
        .img-indent
        {
            width:100%}
            .img-indent2
        {
            width:100%}}
       .img block1 {
    padding: 25px 24px 25px 27px;
    background: #2d2d2d;
    background: rgba(45, 45, 45, 0.5);
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff; }
    .lt-ie9 .img block1 {
      background: none;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#802D2D2D', endColorstr='#802D2D2D')";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#802D2D2D', endColorstr='#802D2D2D');
      zoom: 1; }
      
      .img time1 {
    padding: 25px 24px 25px 27px;
    background: #2d2d2d;
    background: rgba(45, 45, 45, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff; }
    .lt-ie9 .img time1 {
      background: none;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#802D2D2D', endColorstr='#802D2D2D')";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#802D2D2D', endColorstr='#802D2D2D');
      zoom: 1; }
    .img time1 span {
      font-size: 24px;
      line-height: 44px;
      vertical-align: bottom; }
  @media (max-width: 979px) {
    .img .tooltip {
      position: relative;
      right: auto;
      left: 0;
      bottom: auto;
      width: 100%;
      padding-left: 0;
      opacity:0.6; } }
  @media only screen and (max-width: 768px) {
    .img {
      width: 100%; }
      .img img {
        width: 100%; }}
       .img block1 {
    padding: 25px 24px 25px 27px;
    background: #2d2d2d;
    background: rgba(45, 45, 45, 0.5);
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff; }
    .lt-ie9 .img block1 {
      background: none;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#802D2D2D', endColorstr='#802D2D2D')";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#802D2D2D', endColorstr='#802D2D2D');
      zoom: 1; } 
      
      
  .img {
 max-width: 100%;
 height: auto; 
 margin-left: auto;
 margin-right: auto;}
  
  .img2 {
 max-width: 100%;
  height: auto; }
   @media (max-width: 979px) {
    .img2 {
 max-width:750px;
  height: auto; } }
  @media only screen and (max-width: 768px) {
    .img2 {
      max-width:550px;
      height: auto; }}
      
 .img3 {
 max-width: 100%;
 display: block;
  margin-left: auto;
  margin-right: auto;  }
  @media only screen and (max-width: 480px) {
    .img3 {
      max-width:100%;
       display: block;
       margin-left: auto;
       margin-right: auto; }}

h1 {display:inline-block; margin-top:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	}
 h1 {font-size:12px; line-height:1.2307em; color:#333333;}
.h1-top {padding-top:44px;}
.h1-top1 {padding-top:36px;}
.h1-top3 {padding-top:31px;}
.h1-top2 {padding-top:9px;}
.h1-bot {padding-bottom:19px;} 
.h1-bot1 {padding-bottom:13px;}
h1 a {
	text-indent:-5000px; 	 
	background:url(../images/logo5.png);	 
	display:inline-block;
	width:350px;
	height:99px;
	
}

      
h2 {font-size:27px; line-height:2.2307em; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
.h2-bot {padding-bottom:15px;}
.h2-bot1 {padding-bottom:20px;}

h3 {font-size:22px; line-height:1.2307em; color:#333333;}
.h3-top {padding-top:44px;}
.h3-top1 {padding-top:36px;}
.h3-top3 {padding-top:31px;}
.h3-top2 {padding-top:9px;}
.h3-top5 {padding-top:100px;}
.h3-bot {padding-bottom:19px;} 
.h3-bot1 {padding-bottom:13px;} 
.h3-bottom {padding-bottom:44px;}

.letter {letter-spacing:-1px;}

h4 {font-size:16px; line-height:1.2307em; color:#FFFFFF;}
h5 {font-size:16px; line-height:1.2307em; padding-top:10px; color:#000000;}
h6 {font-size:12px; line-height:1.2307em; color:#333333;}
h7 {font-size:16px; padding-bottom:10px;  color:#333333;}



color2 {font-size:16px; color:#FF0000;}
color1 {font-size:16px; color:#0000FF;}
color3 {font-size:16px; color:#008000;}

/*===== header =====*/


.row {height:129px; max-width:1024px; margin: 0 auto; padding-top:60px; display:block;}
.row1 {height:58px; padding-top:30px;  display:block; margin: 0 auto;}
.row2 {padding-top:20px;  position:relative; z-index:24; margin::0 auto;}
.row3 {padding-top:680px; position:relative; z-index:24;}
.row4 {max-height:380px; max-width:1024px; margin: 0 auto;}

@media (max-width: 768px) {
 .row .block {margin-top:55px; float:left;} }

.block {margin-top:55px; float:right;}
.list {float:right; margin: 0 auto; }
.list {
    display: flex;
    align-items: center;
    gap: 5px; /* space between text and image */
}

.list li {
    display: flex;
    align-items: center;
    gap: 5px; /* space between text and image */
}

.list img {
    height: 32px; /* or auto */
}
.list a {text-decoration:none; color:#fff; }
.list li {float:left; margin-left:10px; font-size:14px; color:#fff; font-weight:bold; }
.list a {text-decoration:none; color:#000000;}
.list a:hover {text-decoration:underline; color:#000000;}
.list .language a {padding-left:10px;}
.list .li-left {padding-left:4px;}

@media (max-width: 768px) {

.block 
{
 margin-top:35px; 
 float:none;
 max-width: 100%;
 display: block;
 margin-left: auto;
 margin-right: auto;}
 
.list  
{
 max-width: 100%;
 display: flex;
 margin-left: auto;
 margin-right: auto;
 align-items: center;
 gap: 5px; /* space between text and image */}
 

.list li {
    display: flex;
    align-items: center;
    gap: 5px; /* space between text and image */
}


 
 .list img {
    height: 36px; /* or auto */  } 
 } 

header .nav {
    float: left; }
    
@media (max-width: 768px) {
    header {
      text-align: center; }
      header .brand, header .nav {
        float: none; } }



.sf-menu 
{
    padding:0 auto; 
    max-height:48px;  
    max-width:100%; 
    display: block;
    z-index:300; }
   
.sf-menu li {float:left;
            font-size:18px;
            font-family:Arial, Helvetica, sans-serif;
	        line-height:1.2307em;
	        padding: 13px 13px;
	        border-right: 1px solid #000000;
	        font-weight:bold;
	        
	}
	
	.sf-menu ul li 
	{float:left;
	font-size:21px;
    font-family:Arial, Helvetica, sans-serif;
	line-height:1.2307em;
	padding:0px 0px 0px 0px;
	
	}
	@media (max-width: 1024px) {
   .sf-menu li {
            font-size:12px;
            
	} }
	
.sf-menu .last {padding:20px 0px 0px 0px;
                margin-top:8px;
                 background:url(../images/online.png) 0 0 no-repeat;
                 width:120px;
	             height:29px;
	             position:relative;
	            
	             border-right: none;
                 }
                 
   @media (min-width: 768px) and (max-width: 1024px) {
  .sf-menu .last {
    background:url(../images/online1.png) 0 0 no-repeat; } }
	
.sf-menu a 
{
	position:relative;
	display:block;	
	color:#083E51;
	text-decoration:none; 
    font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	background:none;
		}

.sf-menu li li {
	padding:0;
	font-size:13px;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	height:28px;
	margin:0px 0px 0px 0px;
	border-right:none;
	letter-spacing:normal;
	width:138px;
	font-weight:normal;
	
	
}

	.sf-menu li li a {
		padding:6px 4px 4px 2px;
		text-align:center;
		display:inline-block;
		text-decoration:none;
		width:130px;
		background:none;
		color:#0404B4;
	}

.sf-menu > li.sfHover > a, .sf-menu li a:hover, .sf-menu li a.active {
	color:#FFFFFF; background:#0f1337; }

	.sf-menu li li.sfHover > a,
	.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a.active {
		color:#ece5db; background:#FFFFFF; 
	}
.sf-menu > li li.sfHover > a, .sf-menu li li a:hover, .sf-menu li li a.active {
	color:#fd8b04; background:none;}
	
	@media (max-width: 1024px) {
  .sf-menu {
    display: none; } }
    
/*==================   tabs    =====================*/    
    /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color:#ff8533;
  float: left;
  border: 2 px;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  width:130px;
  text-align:center;
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}

/* Change background color of buttons on hover */
.tab button:active {
  background-color:#fff;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color:#fff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color:#none;
}

/* Style the tab content */
.tabcontentmain {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


/*==================   Sf - Menu 1    =====================*/

.sf-menu1 {
  display:none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

.sf-menu1 li {
  float: left;
}

.sf-menu1 li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.sf-menu1 li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.sf-menu1 li.dropdown {
  display: inline-block;
}

.sf-menu1 .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.sf-menu1 .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.sf-menu1 .dropdown-content a:hover {background-color: #f1f1f1;}

.sf-menu1 .dropdown:hover .dropdown-content {
  display: block;
}

	@media (max-width: 768px) {
.sf-menu1 {
    display: none; } }
/*==================   RD Mobile Menu    =====================*/

.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease; }
  .rd-mobilemenu.active {
    right: 0; }

.rd-mobilemenu_ul {
  position: fixed;
  top: 56px;
  left:0px;
  bottom: 0;
  width: 240px;
  padding: 20px 0;
  color: #000;
  background: #FFF;
  font-size: 18px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  .rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .rd-mobilemenu_ul a {
    display: block;
    padding: 9px 25px 11px; }
    .rd-mobilemenu_ul a:hover {
      background: #51575b;
      color: #FFF; }
  .rd-mobilemenu_ul ul a {
    padding-left: 40px; }
  .rd-mobilemenu_ul ul ul a {
    padding-left: 60px; }
  .rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px; }

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #0C8CB9;
  color: #000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991; }

.rd-mobilepanel_title {
  position:relative;
  top: 4px;
  left: 65px;
  right: 56px;
  margin-top: 0;
  color: #fff;
  font-size: 15px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px; }
  .rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    margin: auto;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -8px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .rd-mobilepanel_toggle span:after {
      top: 8px; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
      width: 24px;
      height: 4px;
      background-color: #000;
      backface-visibility: hidden;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform; }
  .rd-mobilepanel_toggle.active span {
    transition: background .3s 0s ease;
    background: transparent; }
    .rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
      top: 0;
      -webkit-transition-delay: 0s, 0.3s;
      transition-delay: 0s, 0.3s; }
    .rd-mobilepanel_toggle.active span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .rd-mobilepanel_toggle.active span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }


 .body {
    padding-top: 36px; }

.rd-mobilemenu, .rd-mobilepanel {
    display: block; } 



  
   /*==================      Well     ======================*/
.well {
  padding-top: 50px;
  padding-bottom: 50px; }
  .well__01 {
    padding-top: 0;
    padding-bottom: 0; }
  .well__02 {
    padding-top: 77px;
    padding-bottom: 94px; }
  .well__03 {
    padding-top: 67px;
    padding-bottom: 96px; }
  .well__04 {
    padding-top: 91px;
    padding-bottom: 96px; }
  .well__05 {
    padding-top: 82px;
    padding-bottom: 86px; }
  .well__06 {
    padding-top: 85px;
    padding-bottom: 96px; }
  .well__07 {
    padding-top: 103px;
    padding-bottom: 122px; }
  .well__ins01 {
    padding-bottom: 85px; }
  .well__ins02 {
    padding-bottom: 90px; }

.parallax {
  color: #fff; }
  .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax h7,.parallax h8 {
    color: #fff;
    font-weight: bold; }
  .parallax .row + .row {
    margin-top: 40px; }
  .parallax .row1 {
    margin-top: 40px; }
  .parallax h4 + p {
    margin-top: 20px; }
  .parallax .btn {
    color: #fff; }
  .parallax time {
    color: #fff; }
    /*==================  Stuck menu  ======================*/
.stuck_container {
  background: #fff;
  border-bottom: 1px solid #dedede; }

.isStuck {
  background: #fff;
  z-index: 999;
  border-bottom: 1px solid #dedede; }

@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important; } }
	
.sf-menu2 {padding:0px 0px 0px 100px; background:#fff; height:48px; position:absolute; width:750px;}
.sf-menu2 li {float:left;
             display:block;
	position:	relative;
	font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
	line-height:1.2307em;
	padding: 13px 13px;
	border-right: 1px solid #000000;
	font-weight:bold;
	}
	
	.sf-menu2 ul li {float:left;
	position:	relative;
	font-size:21px;
    font-family:Arial, Helvetica, sans-serif;
	line-height:1.2307em;
	padding:0px 0px 0px 0px;
	}
.sf-menu2 .first a {padding:0px 0px 0px 0px;
                 background:url(../images/home.gif) 0 0 no-repeat;
                 width:40px;
	             height:21px;
	             position:relative;
	             display:block;
	             text-indent:-5000px;
                 }

.sf-menu2 .last {padding:20px 0px 0px 0px;
                 background:url(../images/online.png) 0 0 no-repeat;
                 width:120px;
	             height:29px;
	             position:relative;
	             display:block;
	             text-indent:-5000px;
                 }
	
.sf-menu2 a {display:inline-block;
	position:relative;	
	color:#0059ff;
	text-decoration:none; 
    font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	background:none;
	
	

	
	}
.sf-menu2 li li {
	padding:0;
	font-size:13px;
	text-align:left;
	text-decoration:none;
	line-height:12px;
	padding:0 0 0 0px;
	text-transform:none;
	background:#ffffff;
	margin-bottom:1px;
	font-family:Arial, Helvetica, sans-serif;
	height:28px;
	margin:0px 0px 0px 0px;
	border-right:none;
	letter-spacing:normal;
	width:138px;
	font-weight:normal;
	
	
}

	.sf-menu2 li li a {
		padding:6px 4px 4px 2px;
		text-align:center;
		display:inline-block;
		text-decoration:none;
		width:130px;
		background:none;
		
	}




.sf-menu2 ul {
	position:		absolute;
	top:			-999em;
	width:			140px; 
	display:inline-block;
	padding:1px 1px 1px 1px;
	background:url(../images/borderbox.gif) 0 0 no-repeat;
	
}
.sf-menu2 li:hover ul,
.sf-menu2 li.sfHover ul {
	left:			0px;
	top:			49px; /* match top ul list item height */
	z-index:		99;
	
}
ul.sf-menu2 li:hover li ul,
ul.sf-menu2 li.sfHover li ul {
	top:			-999em;
	
	
}
ul.sf-menu2 li li:hover ul,
ul.sf-menu2 li li.sfHover ul {
	left:			130px; /* match ul width */
	top:			0px;
	
}
ul.sf-menu2 li li:hover li ul,
ul.sf-menu2 li li.sfHover li ul {
	top:			-999em;
}



.sf-menu2 > li.sfHover > a, .sf-menu2 li a:hover, .sf-menu2 li a.active {
	color:#FFFFFF; background:#fd8b04;}

	.sf-menu2 li li.sfHover > a,
	.sf-menu2 li li a:focus, .sf-menu2 li li a:hover, .sf-menu2 li li a.active {
		color:#ece5db; background:none;
	}
.sf-menu2 > li li.sfHover > a, .sf-menu2 li li a:hover, .sf-menu2 li li a.active {
	color:#fd8b04; background:#FFFFFF;}	


.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	margin:0 auto; 
	background:none;
	padding:17px 0px 0px 0px; 
	min-height:480px;
	margin-left:-3px;
	padding-bottom:20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  625px;
    height: 640px;
}

.jcarousel-skin-tango .jcarousel-item {
   width:  625px;
    height: 640px;
}
.jcarousel-skin-tango .jcarousel-item a {color:#fc8a04;}
.jcarousel-skin-tango .jcarousel-item a:hover {}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #000;
}

.jcarousel-skin-tango1 .jcarousel-container {
}

.jcarousel-skin-tango1 .jcarousel-container-horizontal {
	margin:0 auto; 
	background:none;
	padding:17px 0px 0px 0px; 
	min-height:480px;
	margin-left:-3px;
	padding-bottom:20px;
}

.jcarousel-skin-tango1 .jcarousel-clip-horizontal {
    width:  625px;
    height: 1040px;
}

.jcarousel-skin-tango1 .jcarousel-item {
   width:  625px;
    height: 1040px;
}
.jcarousel-skin-tango1 .jcarousel-item a {color:#fc8a04;}
.jcarousel-skin-tango1 .jcarousel-item a:hover {}

.jcarousel-skin-tango1 .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango1 .jcarousel-item-placeholder {
    color: #000;
}

/**
 *  Tours- Page */

.row6.tours-text{ width:100%; height:0 auto; margin: 0 auto; background-color:#fff;  border:5px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}
.row5.tours-text{ width:100%; height:0 auto; margin: 0 auto; background-color:#dcdcdc;  border:5px solid #dcdcdc; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}    
.tours-text .padding {padding:24px 0px 0px 0px; width:100%;}
.box5-link {font-size:26px;  width:100%; color:#000000; text-align:center; display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:none; background:#fff; font-weight:bold;
padding:7px 3px 3px 0px; margin:5px 0px 0px 0px;}
.tours-text: box2-link {background:#fd8b04;}
.tours-text: hover .box2-link {background:#045773;}
.button {border-radius:4px; background-color:DodgerBlue; border: none; color: #FFFFFF; text-align: center; font-size: 28px; padding: 20px; width: 400px; transition: all 0.5s; cursor: pointer; padding:24px 0px 10px 0px; width:100%;}
.button span {cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }
.button:hover span { padding-right: 25px; }
.button:hover span:after {opacity: 1; right: 0;}
.button:hover {background:#74DF00;}
.button a{order-radius:4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; font-size: 28px; padding: 20px; width: 400px; transition: all 0.5s; cursor: pointer; padding:24px 0px 10px 0px; width:100%; text-decoration:none;}
.button a:hover {background:#74DF00;}
.text1{padding-top:10%; padding-left:10%; padding-bottom:10%; padding-right:10%; color:#000000; font-size:18px; letter-spacing: 3px; line-height: normal; font-style: italic; font-family:"Brush Script MT", cursive; } 


.column 
{
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 5px;
  
}

.column a { text-decoration:none; }


/* Clearfix (clear floats) */
.row5 {background-color:#dcdcdc; }
.row5::after {
  content: "";
  clear: both;
  display: table;
}

/* Clearfix (clear floats) */
.row6 {background-color:#fff;}
.row6::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
}

.toursphoto:hover .image {opacity:0.5;
}

.toursphoto {
  position: relative;
  max-width: 800px; /* Maximum width */
  margin: 0 auto; /* Center it */
  
  
}

.toursphoto .content {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(60, 60, 60); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 80%; /* Full width */
  padding: 20px; /* Some padding */
  font-size:18px;
  }
  
  .toursphoto1 {
  position: relative;
  max-width: 800px; /* Maximum width */
  margin: 0 auto; /* Center it */
  opacity:0.5;
  
}
  
  /* Bottom left text */
.toursphoto1 .bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
  color: #fff;
}

/* Top left text */
.toursphoto .top-left {
  position: absolute;
  top: 8px;
  left: 16px;
  color: #fff;
  font-size:18px;
}

/* Top right text */
.toursphoto .top-right {
  position: absolute;
  top: 8px;
  right: 16px;
  color: #fff;
  font-size:18px;
}

/* Bottom right text */
.toursphoto .bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
  color: #fff;
  font-size:18px;
}

/* Centered text */
.toursphoto .centered {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size:42px;
  line-height:normal;
  text-align:center;
  font-weight:bold;
  border: 5px;
  background-color: #000000;
}
@media screen and (max-width: 500px) {
  .toursphoto .centered {
      top: 30%;
  } }
  
.toursphoto .centered3 {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  font-size:42px;
  line-height:normal;
  text-align:center;
  font-weight:bold;
  border: 5px;
  background-color: #fff;
}
@media screen and (max-width: 500px) {
  .toursphoto .centered3 {
      top: 30%;
  } }
  
  
 .toursphoto .centered5 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  font-size:36px;
  line-height:normal;
  text-align:center;
  font-weight:bold;
  border: 5px;
  background-color: #fff;
  font-family:"Biome Light";
}

  
 .toursphoto .centered6 {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:  #0000ff;
  font-size:18px;
  line-height:normal;
  font-weight:bold;
  text-align:center;
  border-radius:10px; background-color: #fff; border: none;  transition: all 0.5s; cursor: pointer; width:40%;
}

 .toursphoto .centered7 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size:36px;
  line-height:normal;
  text-align:center;
  font-weight:bold;
  border: 5px;
  background-color: #000000;
  font-family:"Biome Light";
}

 .toursphoto .centered8 {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:  #61eb34;
  font-size:18px;
  line-height:normal;
  font-weight:bold;
  text-align:center;
  border-radius:10px; background-color: #fff; border: none;  transition: all 0.5s; cursor: pointer; width:40%;
}

 .toursphoto .centered9 {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:  #d6364e;
  font-size:18px;
  line-height:normal;
  font-weight:bold;
  text-align:center;
  border-radius:10px; background-color: #fff; border: none;  transition: all 0.5s; cursor: pointer; width:40%;
}

 .toursphoto .centered12 {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:  #000000;
  font-size:18px;
  line-height:normal;
  font-weight:bold;
  text-align:center;
  border-radius:10px; background-color: #fff; border: none;  transition: all 0.5s; cursor: pointer; width:60%;
}

@media screen and (max-width: 650px) {
  .toursphoto .centered12 {
     top: 50%;
     font-size:16px;
   
  }
}


 .toursphoto .centered1 {
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%, -50%);
  color:  #0000ff;
  font-size:18px;
  line-height:normal;
  font-weight:bold;
  text-align:center;
  border-radius:10px; background-color: #fff; border: none;  transition: all 0.5s; cursor: pointer; width:30%; text-decoration: underline;
}



.toursphoto .centered2 {
  position: absolute;
  top: 60%;
  left: 70%;
  transform: translate(-50%, -50%);
  color:  #0000ff;
  font-size:18px;
  line-height:normal;
  font-weight:bold;
  text-align:center;
  border-radius:10px; background-color: #fff; border: none;  transition: all 0.5s; cursor: pointer; width:20%; text-decoration: underline;
}

 .toursphoto .centered10 {
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%, -50%);
  color:  #ffff66;
  font-size:16px;
  line-height:normal;
  font-weight:bold;
  text-align:center;
  border-radius:10px; background-color: #000000; border: none;  transition: all 0.5s; cursor: pointer; width:30%;
}

 .toursphoto .centered11 {
  position: absolute;
  top: 60%;
  left: 70%;
  transform: translate(-50%, -50%);
  color:  #ffff66;
  font-size:18px;
  line-height:normal;
  font-weight:bold;
  text-align:center;
  border-radius:10px; background-color: #000000; border: none;  transition: all 0.5s; cursor: pointer; width:20%;
}



 /**
 *  Tours- Page - Presenation of tours */
  
  /* Three columns side by side */
.column1 {
  float: left;
  width: 30%;
  margin-bottom: 16px;
  padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
  .column1 {
    width: 100%;
    display: block;
  }
}

/* Container for the row of columns */
.row8 {
  display: flex;
  flex-wrap: wrap; /* allow wrapping on smaller screens */
  justify-content: center; /* optional: center the columns */
  gap: 10px; /* space between columns */
  background-color:#fff;}
  
.row8::after {
  content: "";
  clear: both;
  display: table;
}



/* Each column should be flexible */


.column3 {
  flex: 1 1 30%; /* grow, shrink, basis */
  max-width: 30%; /* limit width on larger screens */
  box-sizing: border-box; /* include padding and border in width */
}

/* Make images responsive */
.toursphoto img {
  width: 100%;
  height: auto;
}
/* Optional: make columns stack vertically on small screens */
@media (max-width: 768px) {
  .column3 {
    flex: 1 1 100%; /* full width on small screens */
    max-width: 100%;
  }
}


/* Add some shadows to create a card effect */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* Some left and right padding inside the container */
.container {
  padding: 0 16px;
}

/* Clear floats */
.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: #fff;
}

.button1 {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button1:hover {
  background-color: #555;
}

.column1 h2{font-size:22px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-top:5px; line-height: normal; text-align:center; }
.column1 h3{font-size:20px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-top:5px; line-height: normal; text-align:center; }
.column1 p {font-size:18px; color:#54C453; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-top:10px; line-height: normal; text-align:center; }

.title11 {font-size:18px; line-height:normal; font-weight:bold; padding-top:20px; color:#54C453; text-align:center;}


/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	background:url(../images/button2.png) 0 0 no-repeat; height:14px; width:10px; position:absolute; top:-26px; right:29px; z-index:999; cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
   background:url(../images/button2.png) 0 -14px no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    top: -26px;
    right: 29px;    
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	background:url(../images/button1.png) 0 0 no-repeat; height:14px; width:10px; position:absolute; top:-26px; right:47px; z-index:999; cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background:url(../images/button1.png) 0 -14px no-repeat;    
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    top: -26px;
    right: 47px;    
}

.jcarousel-skin-tango1 .jcarousel-next-horizontal {
	background:url(../images/button2.png) 0 0 no-repeat; height:14px; width:10px; position:absolute; top:-26px; right:29px; z-index:999; cursor:pointer;
}

.jcarousel-skin-tango1 .jcarousel-next-horizontal:hover {
   background:url(../images/button2.png) 0 -14px no-repeat;
}

.jcarousel-skin-tango1 .jcarousel-next-horizontal:active {
    top: -26px;
    right: 29px;    
}

.jcarousel-skin-tango1 .jcarousel-prev-horizontal {
	background:url(../images/button1.png) 0 0 no-repeat; height:14px; width:10px; position:absolute; top:-26px; right:47px; z-index:999; cursor:pointer;
}

.jcarousel-skin-tango1 .jcarousel-prev-horizontal:hover {
	background:url(../images/button1.png) 0 -14px no-repeat;    
}

.jcarousel-skin-tango1 .jcarousel-prev-horizontal:active {
    top: -26px;
    right: 47px;    
}

element.style {
    position: relative;
}
#slideshow {
    height: 232px;   
    width: 732px;
	background:url(../images/slider-1.png) 0 0 no-repeat !important;
	width:532px; height:533px;
	margin-left:-16px;
	margin-top:-2px;
}
#slideshow1 {
	height: 232px;   
    width: 360px;
}

.nav {
    top: 0px;
    left: 0px;
    position: relative;
    z-index: 50;
}

#nav1 {
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 50;
}

#nav1 a {
    background:url(../images/button-prev.gif) 0 0 no-repeat;
	font-size:0; line-height:0;
    text-decoration: none;
	display:inline-block;
	overflow:hidden;
	width:28px;
	height:28px;
	z-index:999;
	margin-right:3px;}
#nav1 a:hover, #nav1 .current a {background:url(../images/button-prev.gif) 0 -28px no-repeat;}	

.list6 {position:absolute; z-index:999;}
.list6 li {float:left;   
	font-size:0; line-height:0;
    text-decoration: none;
	display:inline-block;
	overflow:hidden;
	font-size:0; line-height:0;
	margin-right:3px; 
	}
.list6 a {background:url(../images/button-prev.gif) 0 0 no-repeat; width:28px; display:inline-block;
	height:28px;}



#search-form {padding-top:8px; float:right; margin-right:10px;}
#search-form fieldset {
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
}
	#search-form label {
		display:inline-block;
		margin:0px 0px 0px 0px;
		border:none;
		min-height:36px;
		width:100px;
		border:none;
	}
	
	#search-form input {
	background:#032a35;
	line-height:1.2307em;
	font-size:12px;
	padding:6px 15px 6px 8px;
	width:126px;
	vertical-align:top;
	color:#ababab;
	outline:none;
	border:none;
	margin-top:0px;

	
	}
.link1 {display:inline-block; font-size:14px; line-height:1.2307em; font-weight:bold; text-transform:uppercase; padding:5px 8px 5px 7px; color:#032a35; text-decoration:none; background:#e8e8e8;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-left:-2px;}	
.link1:hover {background:#fff;}

.box {background:url(../images/box.gif) 0 0 no-repeat; height:536px; width:950px;}
.box .padding {padding:0px 0px 0px 0px;}

.box9 {margin: 0 auto; width:1054px;}

.title {font-size:76px; line-height:1.2307em; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:64px 0px 0px 0px; letter-spacing:-1px; margin-left:-5px; display:inline-block;}

.box-text {color:#fff; margin-top:-5px; padding-right:40px; font-size:12px; line-height:18px; display:inline-block;}
.box-price {font-size:40px; line-height:1.2307em; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 0px 0px 0px; margin-left:-2px; display:inline-block;}

.box-link {font-size:42px; line-height:1.2307em; letter-spacing:-1px; color:#696767; display:inline-block; padding:14px 64px 20px 70px;background:url(../images/box-link-bg.gif) 0 0 repeat-x #ebebeb; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:38px 0px 0px 1px;}
.box-link:hover {color:#333333;} 

.img-left {padding-left:56px;}

.img-pad {padding:0px 0px 0px 11px;}
.img-pad1 {margin:20px 0px 14px 0px;}
.img-pad2 {margin:6px 5px 0px 2px;}
.img-pad3 {margin:6px 5px 0px 6px;}
.img-pad4 {margin:20px 0px 14px 0px;}
.img-pad5 {text-align:center;}

.indent-bottom {padding-bottom:30px;}
.indent-bottom1 {padding-bottom:28px;}
.indent-bottom2 {padding-bottom:23px;}
.indent-bottom3 {padding-bottom:23px; margin-left:10px; margin-right:10px;}

.pad-top {padding-top:22px;}
.pad-top1 {padding-top:30px;}
.pad-top2 {padding-top:27px;}
.pad-top3 {padding-top:18px;}
.pad-top4 {padding-top:22px;}
.pad-top5 {padding-top:5px;}
.pad-top6 {padding-top:5px; background:#a3c2c2;}

.pad-right {margin-left:20px;}
 @media (max-width: 768px) 
 {
.pad-right {margin:0 auto;}}
 @media (max-width: 389px) 
 {
.pad-right {margin-left:0px;}}

.img-top {padding-top:20px;}
.img-top1 {padding-top:10px;}
.img-top2 {padding-top:26px;}
.img-top3 {padding-top:6px;}
.img-top4 {padding-top:40px;}
.img-top5 {padding-top:95px;}
.img-top6 {padding-top:130px;}
.img-top7 {padding-top:105px;}

.img {box-shadow:0 0 6px #f0f0f0;
-moz-box-shadow:0 0 6px #f0f0f0;
-webkit-box-shadow:0 0 6px #f0f0f0}

.text-top {padding-top:14px; display:inline-block;}
.text-top1 {display:inline-block; margin-top:-4px;}

.img-bottom {padding-bottom:22px; padding-top:20px;}

.text-bottom {padding-bottom:18px; display:inline-block;}


/*===== content =====*/
#content {
	
}
.z-index {position:relative; z-index:999;}

.errorBox {
	overflow: hidden;
	padding: 0 0 57px 0;
	text-align: center;
}
.errorBox .title {
	font: bold 180px/1em 'Open Sans';
	color: #000000;
	margin-bottom: 2px;
}
.errorBox .description {
	font: 36px/1em 'Sanchez', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000000;
	text-transform: uppercase;
	margin-bottom: 26px;
}
.pic{ width:100%; height:0 auto; margin: 0 auto; background:url(../images/pic/mainpromo/bansko.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media and (min-width : 389px) 
       and (max-width : 767px) {
        .pic {
          background:url(../images/pic/bansko1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}
           }
.pic .padding {padding:24px 0px 0px 0px; width:100%;}
.pic: box3-link {background:#fd8b04;}
.pic: hover .box3-link {background:#045773;}
.box3-link {font-size:18px;  width:100%; color:#000000; text-align:center; display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:none; background:#f0f0f5; font-weight:bold;
padding:7px 3px 3px 0px; margin:5px 0px 0px 0px;}
.pic: box2-link {background:#fd8b04;}
.pic: hover .box2-link {background:#045773;}
.box2-link {font-size:18px; color:#fff; width:80%; text-align:center; text-decoration:none; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; background:#fd8b04; font-weight:bold;
padding-top:5px; margin:0 auto;}
.box2-link:hover {background:#74DF00;}
.text{ width:490px; height:410px; background:#FFF; opacity:0; padding-top:50px; } 
.pic:hover .text { opacity:1; text-align:center; color:#000000; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }
      @media (max-width : 1024px) and (min-width : 389px) {
        .text {
          width:100%;
          height:240px;
           }
           }
           
        @media (max-width : 389px) {
        .text {
          width:100%;
          height:100%;
           }
           }
           
.pic1{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/pasxa1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic1 {
          margin-top:20px; background:url(../images/pic/mainpromo/pasxa2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}
           }
.pic1 .padding {padding:24px 0px 0px 0px;}
.pic1:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic2{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/agioupneumatos1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic2 {
          margin-top:20px; background:url(../images/pic/mainpromo/agioupneumatos2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}
           }
.pic2 .padding {padding:24px 0px 0px 0px;} 
.pic2:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic3{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/giftvoucher1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic3 {
          margin-top:20px; background:url(../images/pic/mainpromo/giftvoucher2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}
           }
.pic3 .padding {padding:24px 0px 0px 0px;} 
.pic3:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto;}

.pic4{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/diakopes1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
 .pic4 { margin-top:20px; background:url(../images/pic/diakopes2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}
           }
.pic4 .padding {padding:24px 0px 0px 0px;} 
.pic4:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto;}


.pic5{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/membersclub1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
 @media  (max-width : 1024px) and (min-width : 480px) {
        .pic5 {
          margin-top:20px; background:url(../images/pic/mainpromo/membersclub2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}
           }
.pic5 .padding {padding:24px 0px 0px 0px;} 
.pic5:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto;}

.pic6{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/x-tremeclub1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
 @media  (max-width : 1024px) and (min-width : 480px) {
        .pic6 {
          margin-top:20px; background:url(../images/pic/x-tremeclub2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic6 .padding {padding:24px 0px 0px 0px;} 
.pic6:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto;}

.pic7{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/eortes1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic7 {
          margin-top:20px; background:url(../images/pic/mainpromo/eortes2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic7 .padding {padding:24px 0px 0px 0px;}
.pic7:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic8{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/ellada1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic8 {
          margin-top:20px; background:url(../images/pic/mainpromo/ellada2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic8 .padding {padding:24px 0px 0px 0px;}
.pic8:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic9{ width:100%; height:100%; margin: 0 auto; background:url(../images/pic/mainpromo/odikesevropis1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic9 {
          margin-top:20px; background:url(../images/pic/mainpromo/odikesevropis2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic9 .padding {padding:24px 0px 0px 0px;}
.pic9:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic10{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/odikesellada1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic10 {
          margin-top:20px; background:url(../images/pic/mainpromo/odikesellada2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic10 .padding {padding:24px 0px 0px 0px;}
.pic10:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic11{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/aeroporikes1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic11 {
          margin-top:20px; background:url(../images/pic/mainpromo/aeroporikes2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic11 .padding {padding:24px 0px 0px 0px;}
.pic11:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic12{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/skibus/bansko1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic12 {
          margin-top:20px; background:url(../images/pic/skibus/bansko2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic12 .padding {padding:24px 0px 0px 0px;}
.pic12:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic13{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/cruises1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic13 {
          margin-top:20px; background:url(../images/pic/mainpromo/cruises2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic13 .padding {padding:24px 0px 0px 0px;}
.pic13:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic14{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/neanikesekdromes1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic14 {
          margin-top:20px; background:url(../images/pic/mainpromo/neanikesekdromes2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic14 .padding {padding:24px 0px 0px 0px;}
.pic14:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic15{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/programs1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic15 {
          margin-top:20px; background:url(../images/pic/mainpromo/programs2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic15 .padding {padding:24px 0px 0px 0px;}
.pic15:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic16{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/berlin1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic16 {
          margin-top:20px; background:url(../images/pic/mainpromo/berlin2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic16 .padding {padding:24px 0px 0px 0px;}
.pic16:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic17{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/rome1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@@media  (max-width : 1024px) and (min-width : 480px) {
        .pic17 {
          margin-top:20px; background:url(../images/pic/mainpromo/rome2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic17 .padding {padding:24px 0px 0px 0px;}
.pic17:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic18{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/milan1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic18 {
          margin-top:20px; background:url(../images/pic/mainpromo/milan2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic18 .padding {padding:24px 0px 0px 0px;}
.pic18:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic19{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/bansko1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic19 {
          margin-top:20px; background:url(../images/pic/mainpromo/bansko2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic19 .padding {padding:24px 0px 0px 0px;}
.pic19:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic20{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/metafores/mpania1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media (max-width : 1024px) and (min-width : 480px) {
        .pic20 {
          margin-top:20px; background:url(../images/pic/metafores/mpania2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic20 .padding {padding:24px 0px 0px 0px;}
.pic20:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic21{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/metafores/dromologialvanias1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic21 {
          margin-top:20px; background:url(../images/pic/metafores/dromologialvanias2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic21 .padding {padding:24px 0px 0px 0px;}
.pic21:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic22{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/metafores/skibusparnassos1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic22 {
          margin-top:20px; background:url(../images/pic/metafores/skibusparnassos2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic22 .padding {padding:24px 0px 0px 0px;}
.pic22:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic23{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/metafores/rentabus1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic23 {
          margin-top:20px; background:url(../images/pic/metafores/rentabus2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic23 .padding {padding:24px 0px 0px 0px;}
.pic23:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic24{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/extraservices/travelinsurance1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic24 {
          margin-top:20px; background:url(../images/pic/extraservices/travelinsurance2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic24 .padding {padding:24px 0px 0px 0px;}
.pic24:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic25{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/extraservices/membersclub1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic25 {
          margin-top:20px; background:url(../images/pic/extraservices/membersclub2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic25 .padding {padding:24px 0px 0px 0px;}
.pic25:hover .text { opacity:1; text-align:center; color:#000000;  background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic26{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/extraservices/giftvoucher1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic26 {
          margin-top:20px; background:url(../images/pic/extraservices/giftvoucher2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic26 .padding {padding:24px 0px 0px 0px;}
.pic26:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic27{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/extraservices/rentacar1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic27 {
          margin-top:20px; background:url(../images/pic/extraservices/rentacar2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic27 .padding {padding:24px 0px 0px 0px;}
.pic27:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic28{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/bansko3.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic28 {
          margin-top:20px; background:url(../images/pic/mainpromo/bansko4.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic28 .padding {padding:24px 0px 0px 0px;}
.pic28:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic29{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/skibus/parnassos1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic29 {
          margin-top:20px; background:url(../images/pic/skibus/parnassos2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic29 .padding {padding:24px 0px 0px 0px;}
.pic29:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic30{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/skibus/karpenisi1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic30 {
          margin-top:20px; background:url(../images/pic/skibus/karpenisi2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic30 .padding {padding:24px 0px 0px 0px;}
.pic30:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic31{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/katharadeutera1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic31 {
          margin-top:20px; background:url(../images/pic/mainpromo/katharadeutera2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic31 .padding {padding:24px 0px 0px 0px;}
.pic31:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic32{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/25thmartiou1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
            .pic32 {
          margin-top:20px; background:url(../images/pic/mainpromo/25thmartiou2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic32 .padding {padding:24px 0px 0px 0px;}
.pic32:hover .text { opacity:1; text-align:center; color:#000000;  background:#f0f0f5;font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic33{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/pasxa1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic33 {
          margin-top:20px; background:url(../images/pic/mainpromo/pasxa2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic33 .padding {padding:24px 0px 0px 0px;}
.pic33:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic34{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/protomagia1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic34 {
          margin-top:20px; background:url(../images/pic/mainpromo/protomagia2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic34 .padding {padding:24px 0px 0px 0px;}
.pic34:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic35{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/reviews1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic35 {
          margin-top:20px; background:url(../images/pic/reviews2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic35 .padding {padding:24px 0px 0px 0px;}
.pic35:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic36{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/extraservices/appointment1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px) {
        .pic36 {
          margin-top:20px; background:url(../images/pic/extraservices/appointment2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic36 .padding {padding:24px 0px 0px 0px;}
.pic36:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic37{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/transportation/rentabus1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px){
        .pic37 {
          margin-top:20px; background:url(../images/pic/transportation/rentabus2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic37 .padding {padding:24px 0px 0px 0px;}
.pic37:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic38{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/transportation/skibus1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px){
        .pic38 {
          margin-top:20px; background:url(../images/pic/transportation/skibus2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic38 .padding {padding:24px 0px 0px 0px;}
.pic38:hover .text { opacity:1; text-align:center; color:#000000;  background:#f0f0f5;font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic39{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/transportation/transfers1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px){
        .pic39 {
          margin-top:20px; background:url(../images/pic/transportation/transfers2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic39 .padding {padding:24px 0px 0px 0px;}
.pic39:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic40{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/transportation/private-tours1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px){
        .pic40 {
          margin-top:20px; background:url(../images/pic/transportation/private-tours2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic40 .padding {padding:24px 0px 0px 0px;}
.pic40:hover .text { opacity:1; text-align:center; color:#000000;  background:#f0f0f5;font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic41{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/imerisies-ekdromes1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px){
        .pic41 {
          margin-top:20px; background:url(../images/pic/mainpromo/imerisies-ekdromes2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic41 .padding {padding:24px 0px 0px 0px;}
.pic41:hover .text { opacity:1; text-align:center; color:#000000;  background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.pic42{ width:100%; height:100%; margin-top:20px; margin: 0 auto; background:url(../images/pic/mainpromo/odikesellada1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
@media  (max-width : 1024px) and (min-width : 480px){
.pic42 {margin-top:20px; background:url(../images/pic/mainpromo/odikesellada2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}           }
.pic42 .padding {padding:24px 0px 0px 0px;}
.pic42:hover .text { opacity:1; text-align:center; color:#000000; background:#f0f0f5; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.box4-link {font-size:18px;  width:100%; color:#000000; text-align:center; display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:none; background:#fff; font-weight:bold;
padding:7px 3px 3px 3px;}

.hotel{ width:100%; height:100%; margin: 0 auto; background:url(../images/hotel/zakynthos1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
 @media  (max-width : 1024px) and (min-width : 480px){
.hotel {margin-top:20px; background:url(../images/hotel/zakynthos2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}}
.hotel .padding {padding:0px 0px 0px 0px;} 
.hotel:hover .text { opacity:1; text-align:center; color:#000000; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.hotel1{ width:100%; height:100%; margin: 0 auto; background:url(../images/hotel/arahova1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
 @media  (max-width : 1024px) and (min-width : 480px){
.hotel1 {margin-top:20px; background:url(../images/hotel/arahova2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}}
.hotel1 .padding {padding:0px 0px 0px 0px;} 
.hotel1:hover .text { opacity:1; text-align:center; color:#000000; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.hotel2{ width:100%; height:100%; margin: 0 auto; background:url(../images/hotel/karpenisi1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
 @media  (max-width : 1024px) and (min-width : 480px){
.hotel2 {margin-top:20px; background:url(../images/hotel/karpenisi2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}}
.hotel2 .padding {padding:0px 0px 0px 0px;} 
.hotel2:hover .text { opacity:1; text-align:center; color:#000000; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.hotel3{ width:100%; height:100%; margin: 0 auto; background:url(../images/hotel/mykonos1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
 @media  (max-width : 1024px) and (min-width : 480px){
.hotel3 {margin-top:20px; background:url(../images/hotel/mykonos2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}}
.hotel3 .padding {padding:0px 0px 0px 0px;} 
.hotel3:hover .text { opacity:1; text-align:center; color:#000000; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.hotel4{ width:100%; height:100%; margin: 0 auto; background:url(../images/hotel/thessaloniki1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
 @media  (max-width : 1024px) and (min-width : 480px){
.hotel4 {margin-top:20px; background:url(../images/hotel/thessaloniki2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}}
.hotel4 .padding {padding:0px 0px 0px 0px;} 
.hotel4:hover .text { opacity:1; text-align:center; color:#000000; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.hotel5{ width:100%; height:100%; margin: 0 auto; background:url(../images/hotel/pelio1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}  
 @media  (max-width : 1024px) and (min-width : 480px){
.hotel5 {margin-top:20px; background:url(../images/hotel/pelio2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0; -webkit-box-shadow:0 0 6px #f0f0f0}}
.hotel5 .padding {padding:0px 0px 0px 0px;} 
.hotel5:hover .text { opacity:1; text-align:center; color:#000000; font-size:14px; font-weight:700; font-family:"Times New Roman", Times, serif; margin:0 auto; }

.box17 h2 {
    text-align: center; }
.box17 .box_aside .icon {
  font-size: 100px;
  line-height: 1;
  margin-right: 40px;}
.box17 .box_cnt__no-flow h1, .box17 .box_cnt__no-flow h2, .box17 .box_cnt__no-flow h3, .box17 .box_cnt__no-flow h4, .box17 .box_cnt__no-flow h5, .box17 .box_cnt__no-flow h6,.box17 .box_cnt__no-flow h7,/box17 .box_cnt__no-flow h8 {
  padding: 0;
  color: #fff; }
.box17 .box_cnt__no-flow h2 {
  font-size: 60px;
  color: #fff; }
  .box17 .box_cnt__no-flow h2 a {
  font-size: 60px;
  color: #fff;}
.box17 .box_cnt__no-flow h2 + p {
  margin-top: 12px; }
.box17 .box_cnt__no-flow p {
  font-size: 19px;
  line-height: 24px; 
  text-align:justify;  }
  .box17 .box_cnt__no-flow p a {
  font-size: 19px;
  line-height: 24px;
  font-weight:bold;
  color: #fff; }
@media (max-width: 767px) {
  .box17 {
    text-align: center; }
    .box17 .box_aside {
      float: none; }
      .box17 .box_aside .icon {
        margin-right: 0; } }
        
.icon + * {
  margin-top: 31px; }
  
  .offset2 {
  margin-top: 12px; text-align:center; }
 
/*==================      Accordion      ======================*/

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.accordion1 {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: #00000;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion1:hover {
  background-color: #fff;
}

.accordion1.active {
  background-color: #FFFF00;
}

.accordion1:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: auto;
  transition: max-height 0.2s ease-out;
  font-size:16px;
  font-weight:bold; 
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*==========================================*/


/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0; }
.box:after {
  clear: both; }
.box_aside {
  float: left; }
.box_cnt__no-flow {
  overflow: hidden;
  }
  
.box1 {background:#dce2f3; border:#fff; width:100%; min-height:313px; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0;
-webkit-box-shadow:0 0 6px #f0f0f0}
@media  (max-width : 480px) and (min-width : 320px) {
.box1 { background:#dce2f3; border:#fff; max-width:480px; min-width:389px; min-height:313px; border:1px solid #fff; box-shadow:0 0 6px #f0f0f0; display:inline-block; text-decoration:none;
-moz-box-shadow:0 0 6px #f0f0f0;
-webkit-box-shadow:0 0 6px #f0f0f0} }

.box1:hover {background:#777e94;}
.box1 .padding {padding:24px 0px 0px 0px;}
.box1:hover .box1-title {color:#fff;}
.box1:hover .box1-text {color:#fff;}
.box1:hover .box1-link {background:#fd8b04;}

.box1-title {font-size:27px; line-height:55px; color:#000; text-transform:uppercase; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;}
@media  (max-width : 480px) and (min-width : 320px) {
.box1-title {width:85%;}}
.box1-text {font-size:12px; line-height:19px; padding:9px 25px 0px 28px; color:#747a7e; text-align:center;}
@media  (max-width : 480px) and (min-width : 320px) {
.box1-text {width:75%;}
.box1-link {width:60%; text-align:center;}}
.box1-link {font-size:18px; line-height:1.2307em; color:#fff; text-decoration:none; display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; background:#777e94; font-weight:bold;
padding:7px 23px 7px 26px; margin:15px 0px 0px 29px;}

.link4 {font-size:18px; line-height:1.2307em; color:#fff; text-decoration:none; display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; background:#045773; font-weight:bold;
padding:6px 12px 8px 9px; margin:14px 0px 0px 0px;}
.link4:hover {background:#fd8b04;}
.link4-top {margin-top:8px;}

.link11 {font-size:18px; line-height:1.2307em; color:#fff; text-decoration:none; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; background:#045773; font-weight:bold;
padding:6px 12px 8px 9px; margin-right:0 auto; margin-left:0 auto; margin-top:20px; text-align:center;}
.link11:hover {background:#fd8b04;}
.link11-top {margin-top:50px;}

.link14 {font-size:18px; line-height:2.2307em; color:#fff; text-decoration:none; display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:none; background:#fd8b04; font-weight:bold;
padding:6px 12px 8px 9px;; margin:5px 5px 5px 110px;}
@media  (max-width : 480px) and (min-width : 320px) {
   .link14 {margin:5px 5px 5px 50px;} }
.link14:hover {background:#74DF00; text-transform:uppercase; font-size:16px;}
.link14-top {margin-top:8px;}

.link15 {font-size:18px; line-height:1.2307em; color:#fff; text-decoration:none; display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:none; background:#045773; font-weight:bold;
padding:6px 12px 8px 9px; margin:5px 5px 5px 110px;}
.link15:hover {background:#fd8b04;}
.link15-top {margin-top:8px;}


.block1 {min-height:424px; background:url(../images/block1-bg.gif) 0 0 repeat-x #fff; width:100%; margin: 0 auto;}

.title1 {width:100%; font-size:18px; line-height:19px; font-weight:bold; margin-top:10px; margin-bottom:11px; color:#045671; text-align:center;}
.title1 a {color:#045671; text-decoration:none;}
.title1 a:hover {text-decoration:underline;} 


.title4 {width:100%; font-size:18px; line-height:19px; font-weight:bold; margin-top:10px; margin-bottom:11px; color:#045671; text-align:justify;}
.title4 a {color:#045671; text-decoration:none;}
.title4 a:hover {text-decoration:underline;} 
.title4-top {margin-top:12px; width:100%;}

.title5 {width:100%; font-size:18px; line-height:19px; font-weight:bold; margin-top:50px; margin-bottom:11px; color:#7cc254; text-align:center;}
.title5 a {color:#7cc254; text-decoration:underline;}
.title5 a:hover {text-decoration:underline;} 
.title5-top {padding-top:12px; width:100%;}

.title6 {width:100%; font-size:18px; line-height:19px; font-weight:bold; margin-top:10px; margin-bottom:11px; color:#045671; text-align:center;}
.title6 a {color:#045671; text-decoration:none;}
.title6 a:hover {text-decoration:underline;} 
.title6-top {margin-top:40px; width:100%;}

.title8 {width:100%; font-size:18px; line-height:19px; font-weight:bold; margin-top:10px; margin-bottom:11px; color:#ff0000; text-align:center;}
.title8 a {color:#045671; text-decoration:none;}
.title8 a:hover {text-decoration:underline;} 
.title8-top {padding-top:12px; width:100%;}

.title9 {width:100%; font-size:18px; line-height:19px; font-weight:bold; margin-top:10px; margin-bottom:11px; color:#045671;}
.title9 a {color:#045671; text-decoration:none;}
.title9 a:hover {text-decoration:underline;} 
.title9-top {padding-top:12px; width:100%;}

.title10 {width:100%; font-size:32px; line-height:35px; font-weight:bold; margin-top:10px; margin-bottom:11px; color:#045671; padding-left:5px;}
.title10 a {color:#000000; text-decoration:none;}
.title10 a:hover {text-decoration:underline;} 
.title10-top {padding-top:15px; width:100%;}

.title12 {width:100%; font-size:32px; line-height:35px; font-weight:bold; margin-top:10px; margin-bottom:11px; color:#045671; padding-left:5px;}



.link2 {background:url(../images/link2-bg.png) right 8px no-repeat; float:right; font-size:18px; line-height:19px; color:#fc8a04; display:inline-block; padding-right:7px; margin-top:10px;}

.link3 {background:url(../images/link3-bg.gif) right 8px no-repeat; font-size:12px;  line-height:19px; color:#6bc3e1; display:inline-block; padding-right:2px; margin-top:10px; margin-left:4px;}

.link5 {font-size:13px; line-height:18px; color:#fc8a04; display:inline-block;  margin-top:11px;}

.link6 {font-size:13px; line-height:19px; color:#fc8a04; display:inline-block; padding-right:7px;}
.link6-bottom {margin-bottom:30px;}

.border {background:url(../images/border.gif) 0 0 repeat-x; height:1px; margin:10px 0px 13px 0px;}

.list1 li {font-size:14px; line-height:31px; background:url(../images/list1-bg.gif) 0 bottom repeat-x;}
.list1 a {color:#747a7e; text-decoration:none; background:url(../images/list1-marker.png) 0 0 no-repeat; padding-left:20px;}
.list1 a:hover {color:#fc8a04; background:url(../images/list1-marker.png) 0 -31px no-repeat; text-decoration:underline;}
.list1 .last {background:none;}

.list1-pad {padding:9px 0px 0px 18px;}

h8 {font-size:24px; margin-left:10px; line-height:51px;}


.list3 li {font-size:12px; line-height:31px; background:url(../images/list1-bg.gif) 0 bottom repeat-x; padding-left:18px;}
.list3 a {color:#747a7e; text-decoration:none; background:url(../images/list1-marker.png) 0 0 no-repeat; padding-left:20px;}
.list3 a:hover {color:#fc8a04; background:url(../images/list1-marker.png) 0 -31px no-repeat; text-decoration:underline;}
.list3 .last {background:none;}
.list3-pad {padding:7px 0px 0px 0px;}
.list3-pad1 {padding:5px 0px 0px 0px;}
.list3-pad2 {padding:9px 60px 0px 0px;}

.list4 li {font-size:12px; line-height:31px; background:url(../images/list1-bg.gif) 0 bottom repeat-x; padding-left:0px;}
.list4 a {color:#747a7e; text-decoration:none; background:url(../images/list1-marker.png) 0 0 no-repeat; padding-left:20px;}
.list4 a:hover {color:#fc8a04; background:url(../images/list1-marker.png) 0 -31px no-repeat; text-decoration:underline;}
.list4 .last {background:none;}
.list4-pad {padding:7px 0px 0px 0px;}


.menu {padding:25px 0px 0px 0px; margin-left:2px;}
.menu li {font-size:12px; line-height:18px; float:left;  margin-right:21px;}
.menu li li {
	padding:0;
	font-size:13px;
	text-align:left;
	text-decoration:underline;
	line-height:12px;
	padding:0 0 0 0px;
	text-transform:none;
	background:#ffffff;
	margin-bottom:1px;
	font-family:Arial, Helvetica, sans-serif;
	height:28px;
	margin:0px 0px 1px 0px;
	border-right:none;
	letter-spacing:normal;
	width:130px;
	font-weight:normal;
}
.menu li li a {
		padding:6px 4px 12px 2px;
		text-align:center;
		display:inline-block;
		text-decoration:none;
		color:#ffffff;
		background:#0000FF;
		width:130px;
	}



.menu a {text-decoration:none; color:#fff;}
.menu a:hover, .menu a.active {text-decoration:underline;}

.footer-text {margin:10px 0px 0px 0px; color:#F8F8F8;}
.footer-text a {text-decoration:none; color:#6bc3e1; margin-left:15px;}
.footer-text a:hover {text-decoration:underline;}

#banners{ margin-top:11px;}
#banners li{ padding-bottom:4px;}
#banners .pad{ padding:12px 0 11px 60px;}
#banners .img1{ background:url(images/img1.jpg) 18px 10px no-repeat}
#banners .img2{ background:url(images/img2.jpg) 12px 11px no-repeat}
#banners .img3{ background:url(images/img3.jpg) 19px 10px no-repeat}
#banners .img4{ background:url(images/img4.jpg) 11px 12px no-repeat}


#page1 .col-1 {width:309px; margin-right:62px; margin-top:0px; margin-bottom:10px;}
#page1 .col-2 {width:510px; margin-right:22px; margin-top:0px; margin-bottom:10px;}

#page1 .col7{ width:170px; margin-top:220px; float:left;}


#page2 .col-1 {max-width:440px; margin-right:65px;}
@media (max-width: 995px) {
#page2 .col-1 {margin-right:5px;} }
#page2 .col-2 {max-width:440px;}
#page2 .col-3 {width:114px; margin-right:5px;}
#page2 .col-4 {width:110px;}
#page2 .col-5 {width:114px; margin-right:19px;}
#page2 .col-6 {width:110px;}
#page2 .col-7 {width:90px; margin-right:7px;}
#page2 .col-8 {width:138px;}
#page2 .col-8 .col-1 {width:50px;}
#page2 .col-8 .col-2 {width:50px;}
#page2 .col-9 {width:60px;}
#page2 .col-10 {width:75px;}
#page2 .col-11 {width:90px;}

body#page2 h2 {
  font-size:22px; 
  color:#fff; 
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
  font-weight:bold;
}

body#page2 h3 {
  font-size: 18px;
  color: #000;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
  font-weight:bold;
}


.outline {
  color: #fff;
  -webkit-text-stroke: 1px black;
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
}



body#page1 h3 {
  font-size: 16px;
  color:#fff; 
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
  font-weight:bold;
}

body#page19 h2 {
  font-size: 16px;
  color: #000;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
  line-height:19px;
}


body#page19 h3 {
  font-size: 18px;
  color: #000;
}


#page3 .col-1 {max-width:380px;}
#page3 .col-2 {max-width:380px; margin-left:40px;}
#page3 .col-3 {max-width:380px; margin-left:40px;}
@media (max-width: 768px) {
  #page3 .col-1 {
       margin-left:40px;
       margin-top:10px;}
       #page3 .col-2 {
       margin-left:40px;
       margin-top:10px;}
       #page3 .col-3 {
       margin-left:40px;
       margin-top:10px;}
        }
#page3 .col-4 {width:210px; margin-right:30px;}
#page3 .col-5 {width:210px; margin-right:30px;}



#page20 .col-1 {max-width:289px; margin-right:32px;}
#page20 .col-2 {max-width:289px;}
#page20 .col-3 {width:114px; margin-right:5px;}
#page20 .col-4 {width:110px;}
#page20 .col-5 {width:114px; margin-right:19px;}
#page20 .col-6 {width:110px;}
#page20 .col-7 {width:90px; margin-right:7px;}
#page20 .col-8 {width:138px;}
#page20 .col-8 .col-1 {width:50px;}
#page20 .col-8 .col-2 {width:50px;}
#page20 .col-9 {width:60px;}
#page20 .col-10 {width:75px;}
#page20 .col-11 {width:90px;}

.tabs{padding:18px 0px 60px 0px;}
	.tabs ul{overflow:auto; margin-bottom:-1px;}
		.tabs li{float:left;padding:0; font-size:18px; line-height:24px; text-align:center; margin-right:3px; position:relative; z-index:20; background:#F8F8F8 ; color:#fff; border:1px solid #000000;
		
		}
		.tabs-list li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    }
      .tabs-list li:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    }
		.tabs .selected{z-index:20; border-bottom:20px; background:#fd8b04; border:1px solid #fd8b04;}
		.tabs li a{color:#000000;display:block;padding:13px 10px 13px 14px; text-decoration:none; border:none; }
		.tabs .selected a {color:#fff; padding-bottom:17px; border:none; padding-top:12px;}
		.tabs .selected a:hover {background:#fd8b04;}
		.tabs li a:hover {background:#0000CC; color:#fff;}
	.tabs .tab-content {background:#F8F8F8; display:block; }
	.tabs #tab1{display:block;}
	.tabs #tab2{display:block;}
	.tabs #tab3{display:block;}
	.tabs #tab4{display:block;}
	.tabs #tab5{display:block;}
	.tabs .tab-content .inner{padding:0px 5px 52px 5px;
	}

.tabs .m1 {max-width:150px; cursor:pointer;}
.tabs .m2 {max-width:124px; cursor:pointer;}
.tabs .m3 {max-width:158px; cursor:pointer;}
.tabs .m6 {max-width:99px; cursor:pointer;}
.tabs .m7 {max-width:79px; cursor:pointer;}
.tabs .m8 {max-width:420px; cursor:pointer;}

.etabs{padding:10px 10px 75px 10px; width:100%;}
	.etabs ul{overflow:auto; margin-bottom:1px;}
		.etabs li{float:left; padding:0; font-size:18px; line-height:24px; text-align:center; margin-right:3px; position:relative; z-index:20; background:#F8F8F8 ; color:#fff; border:1px solid #B6B6A9;
		
		}
	
		
		.etabs li a{color:#000000; display:block; padding:13px 10px 13px 14px; text-decoration:none; border:none; }
		.etabs li a.active {background:#fd8b04; color:#fff; padding-bottom:17px; border:none; padding-top:12px;}
		.etabs li a:hover {background:#0000CC; color:#fff;}
    .tab-content {border:fff;  background:#F8F8F8; display:block; }
	.etabs #tab1{display:inline-block;} 
	.etabs #tab2{display:inline-block;} 
	.etabs #tab3{display:inline-block;} 
	.etabs #tab4{display:inline-block;} 
	.etabs #tab5{display:inline-block;} 
	.tab-content .inner{padding:0px 5px 32px 5px; text-align:justify;
	}

.etabs .m1 {max-width:150px; cursor:pointer;}
.etabs .m2 {max-width:124px; cursor:pointer;}
.etabs .m3 {max-width:158px; cursor:pointer;}
.etabs .m4 {max-width:198px; cursor:pointer;}
.etabs .m6 {max-width:99px; cursor:pointer;}
.etabs .m7 {max-width:79px; cursor:pointer;}
.etabs .m8 {max-width:420px; cursor:pointer;}

.tabs1{padding:0px 0px 0px 0px;}
	.tabs1 ul{overflow:hidden;}
		.tabs1 li {float:left;padding:0; font-size:18px; line-height:24px; text-align:center; margin-right:1px; position:relative; z-index:20; background:none; color:#fff; text-align:center;}
		.tabs1 .selected{z-index:20; border-bottom:none; background:#032a35;}
		.tabs1 li a {color:#fff; display:block; padding:8px 0px 10px 0px; text-decoration:none; border:none; }
	.tabs1 .tab-content1 {background:#fff; display:none; min-height:305px;}
	.tabs1 #tab3{display:block;}
	.tabs1 .tab-content1 .inner1{padding:0px 0px 0px 0px; 
	}
.tab-marker {background:url(../images/tab-marker.gif) 0 0 no-repeat; position:absolute; height:41px; width:1px; z-index:999; left:128px;}

.tabs2{padding:22px 0px 0px 0px;}
	.tabs2 ul{overflow:hidden;margin-bottom:-1px;}
		.tabs2 li{float:left;padding:0; font-size:18px; line-height:24px; text-align:center; margin-right:3px; position:relative; z-index:20; background:#045672; color:#fff;
		
		}
		.tabs2 .selected{z-index:20; border-bottom:none; background:url(../images/tabs-bg.gif) 0 0 repeat; border:1px solid #fff;}
		.tabs2 li a{color:#fff;display:block;padding:13px 10px 13px 14px;text-decoration:none; border:none; }
		.tabs2 .selected a {color:#423331; padding-bottom:17px; border:none; padding-top:12px;}
		.tabs2 li a:hover {background:#fd8b04; color:#fff;}
	.tabs2 .tab-content {border:solid 1px #fff;  background:url(../images/tabs-bg.gif) 0 0 repeat; display:none;}
	.tabs2 #tab1{display:block;}
	.tabs2 .tab-content .inner{padding:17px 0px 42px 27px;
	}

.tabs2 .m1 {width:144px; cursor:pointer;}
.tabs2 .m2 {width:120px; cursor:pointer;}
.tabs2 .m3 {width:144px; cursor:pointer;}




.list2-top {padding-top:5px; padding-left:3px;}
.list2 li {float:left; background:url(../images/list2-bg.gif) 0 0 repeat-x #ededed; height:37px; font-size:13px; line-height:16px; font-weight:bold; margin-right:2px !important; text-align:left !important;}
.list2 a {color:#045671 !important; text-decoration:none; display:inline-block !important; padding:0px 0px 0px 0px !important; margin-top:9px; margin-left:0px !important;}
.list2 a:hover {text-decoration:underline;}

.list2 .m1 {max-width:89px;}
.list2 .m2 {max-width:85px;}
.list2 .m3 {max-width:78px;}

.box2 {background:#e0e0eb; width:100%; min-height:153px; border:2px solid #f0f0f0;}
.box2 .padding {padding:7px 7px 0px 7px;}
.box2-top {padding-top:13px;}
.box2-top1 {padding-top:31px;}
@media (max-width: 768px) {
.box2-top1 {padding-top:11px;} }

.pad {padding:19px 0px 0px 30px;}
.pad1 {padding:45px 0px 0px 30px;}
.pad2 {padding:45px 20px 30px 30px;}

.pad4 {padding:43px 0px 0px 28px;}

@media (max-width : 480px) and (min-width : 320px) {
.pad4 {padding:43px 0px 0px 0px;} }

.pad3 {padding:17px 0px 0px 28px;}

.box2-text {font-size:24px; line-height:1.2307em; color:#000000; text-align:center; margin-top:10px;}
@media (max-width: 768px) {
.box2-text {font-size:20px;} }
.box2-text1 {font-size:14px; line-height:1.2307em; color:#000000; text-align:left; margin-top:5px;}
.box2-text5 {font-size:14px; line-height:1.2307em; color:#000000; text-align:center; margin-top:5px;}
.box2-text4 {font-size:18px; line-height:1.2307em; color:#000000; text-align:center; margin-top:15px;}
.box2-text2 span {font-weight:bold; font-size:16px; color:#045671;}
.box2-text2 {margin-top:15px;}
.box2-text3 span {font-weight:bold; font-size:16px; color:#F80000;}

.border1 {background:url(../images/border1.png) 0 0 repeat-x; height:1px; margin:3px 0px 3px 0px;}
.border2 {background:url(../images/border1.png) 0 0 repeat-x; height:1px; margin:3px 0px 3px 0px;}
.border3 {background:url(../images/border1.png) 0 0 repeat-x; height:5px; margin:13px 0px 13px 0px;}


.box3 {background:url(../images/box3-bg.gif) 0 0 repeat-x #123d56; height:650px;}
.box3 .padding {padding:6px 4px 37px 4px;}
@media  (max-width : 480px) and (min-width : 320px) {
    .box3 {
      margin-bottom:10px;
     
      } }

.box3-top {padding-top:30px;}

.box6 {background:#3385FF; min-height:100px; margin:0 auto;}
.box6 .padding {padding:0px 10px 17px 10px;}
.box6 {margin:0 auto;} 
 @media (max-width: 767px) {
    .box6 {
      margin-bottom:10px;
       } }

.box16 {background:#3385FF; min-height:100px; max-width:300px;}
.box16 .padding {padding:0px 10px 17px 10px;}
 @media (max-width: 768px) {
    .box16 {
      margin-bottom:10px;
      
      } }
      
.box18 {background:F5F1F0; min-height:100px; max-width:380px; padding-top:100px; padding-bottom:40px; border: 5px solid #F8F8F8; font-family:Arial, Helvetica, sans-serif;}
.box18 .padding {padding:50px 10px 50px 10px;}
 @media (max-width: 480px) {
    .box18 {
      max-width:100%;
           
      } }
@media only screen and (max-width: 995px) 
 {
 .box18 {padding-top:30px; padding-bottom:10px;} 
 }
      
.title4-bottom {padding-bottom:20px; font-weight:bold; font-size:18px; line-height:22px; color:#496A9C;  text-align:center;}
      
.block10 {background:#F8F8F8; padding-top:30px; margin:0 auto; position:relative; border: 10px solid #fff;}
.block10 .padding {margin:0 auto;}


.box12 {border:none;  background:#F8F8F8; display:block; text-align:justify; margin:0 auto;}
.box12 .inner{padding:0px 5px 52px 5px; text-align:justify;}
.box12 .padding1 {padding:11px 11px 26px 26px;}
.box12 .padding2 {margin-right:30px;}
.box12 .padding3 {text-align:center; margin:0 25px 0 5px;}

.box20 {border:solid 3px #B6B6A9;  background:#fff; display:block; text-align:justify; margin:0 auto;}
.box20 .inner{padding:0px 5px 52px 5px; text-align:justify;}
.box20 .padding1 {padding:11px 11px 26px 26px;}
.box20 .padding2 {margin-right:30px;}

.box15 {border:solid 5px #000000;  background:#FFFFFF; display:block; text-align:justify;}
.box15 .inner{padding:0px 5px 52px 5px; }
.box15 .padding1 {padding:11px 11px 26px 26px;}
.box15 .padding2 {margin-right:30px;}

.box7 {background:url(../images/box7-bg.gif) 0 0 repeat-x #123d56; min-height:538px;}
.box7 .padding {padding:0px 4px 37px 4px;}
.form-border {background:url(../images/form-border.gif) 0 0 repeat-x; height:1px; max-width:250px; margin:12px 0px 17px 0px; margin-left:-11px;}
.form-border-pad {margin:13px 0px 17px 0px; margin-left:-11px;}

.block2 {min-height:60px; background:#123d56; max-width:265px; margin-top:30px;}
.block2 .padding {padding:0px 0px 0px 20px;}

.block4 {min-height:60px; background:#123d56; max-width:265px; margin-top:25px;}
.block4 .padding {padding:10px 20px 0px 25px;}

.block5 {min-height:60px; max-width:265px; margin-top:25px; background:url(../images/block5-bg.gif) 0 0 repeat;}
.block5 .padding {padding:10px 20px 0px 25px;}


.pad-left {padding-left:19px;}
.pad-left1 {padding-left:19px; margin-top:-3px;}
.pad-left2 {padding-left:18px; padding-right:18px;}
.pad-left3 {padding-left:18px;}


.text2 {font-size:10px; line-height:15px; color:#fcfcfc; padding-top:24px; float:left;}
.text2 a {font-size:12px; line-height:15px; color:#fcfcfc;}

.text5 {font-size:10px; line-height:15px; color:#fcfcfc; padding-top:15px; float:left; margin-left:19px;}
.text5 a {font-size:12px; line-height:15px; color:#fcfcfc;}

.text3 {font-size:10px; line-height:15px; color:#747a7e; padding-top:24px; float:left;}
.text3 a {font-size:12px; line-height:15px; color:#747a7e;}

.banner1 {margin-top:8px; display:inline-block; max-width: 100%;
  height: auto;}
 .banner2 {margin-top:8px; display:inline-block; max-width: 100%;
  height: auto;}
.banner3 {margin-top:8px; display:inline-block; padding-left:150px; max-width: 100%;
  height: auto;}
  
.myframe {min-height: 2400px;}

#page3 .col-1 {width:499px;}
#page3 .col-2 {width:451px;}
#page3 .col-3 {width:980px;}


#page3 .col-1 .col-1 {width:141px; margin-right:5px;}
#page3 .col-1 .col-2 {width:141px; margin-right:6px;}
#page3 .col-1 .col-3 {width:150px;}

#page6 .col-1 {width:499px;}
#page6 .col-2 {width:451px;}
#page6 .text12 {color:#fc8a04; padding:7px 0px 0px 0px; font-size:18px; line-height:28px;}
#page6.text12 a {color:#fc8a04;}.

#page6 .col-1 .col-1 {width:141px; margin-right:5px;}
#page6 .col-1 .col-2 {width:141px; margin-right:6px;}
#page6 .col-1 .col-3 {width:150px;}


.box4 {background:url(../images/box4-bg.gif) 0 0 repeat; border:1px solid #fff; min-height:100px; box-shadow:0 0 3px #CCC; 
-moz-box-shadow:0 0 3px #CCC;
-webkit-box-shadow:0 0 3px #CCC}
.box4 .padding {padding:11px 0px 26px 26px;}
.box4 .padding1 {padding:11px 0px 26px 26px;}
.box4 .padding2 {padding:13px 0px 36px 29px;}
.box4 .padding3 {padding:13px 0px 47px 29px;}
.box4 .padding4 {padding:13px 30px 46px 29px;}

.box13 {background:#fff; border:1px solid #fff; min-height:100px; box-shadow:0 0 3px #CCC; 
-moz-box-shadow:0 0 3px #CCC;
-webkit-box-shadow:0 0 3px #CCC}
.box13 .padding {padding:11px 0px 26px 26px;}
.box13 .padding1 {padding:11px 0px 26px 26px;}
.box13 .padding2 {padding:13px 0px 36px 29px;}
.box13 .padding3 {padding:13px 0px 47px 29px;}
.box13 .padding4 {padding:13px 30px 46px 29px;}

.box14 {background:url(../images/box5-bg.gif) 0 0 repeat; border:1px solid ; min-height:100px;}
.box14 .padding {padding:13px 0px 26px 29px;}
.box14 .padding1 {padding:11px 0px 26px 26px;}
.box14 .padding2 {padding:13px 0px 36px 29px;}
.box14 .padding3 {padding:13px 0px 47px 29px;}
.box14 .padding4 {padding:13px 30px 46px 29px;}

.box5{ background:#ececec;}
.box5_top{ background:url(images/box3_border.jpg) top repeat-x}
.box5_bot{ background:url(images/box3_border.jpg) bottom repeat-x}
.box5_left{ background:url(images/box3_border.jpg) left repeat-y}
.box5_right{ background:url(images/box3_border.jpg) right repeat-y}
.box5_top_left{ background:url(images/box3_top_left.jpg) top  left no-repeat}
.box5_top_right{ background:url(images/box3_top_rihgt.jpg) top right no-repeat}
.box5_bot_left{ background:url(images/box3_bot_left.jpg) bottom left no-repeat}
.box5_bot_right{ background:url(images/box3_bot_right.jpg) bottom right no-repeat}



.box10 {background:url(../images/box4-bg.gif) 0 0 repeat; border:1px solid #fff; min-height:100px;margin-bottom:5px; box-shadow:0 0 3px #CCC; 
-moz-box-shadow:0 0 3px #CCC;
-webkit-box-shadow:0 0 3px #CCC}
.box10 .padding {padding:13px 0px 26px 29px;}

.img-right {margin-right:5px; padding-left:1px;}

.box5 {background:#fff; min-height:100px;
box-shadow:0 0 2px #CCC;
-moz-box-shadow:0 0 2px #CCC;
-webkit-box-shadow:0 0 2px #CCC;
}
.box5 .padding {padding:7px 0px 0px 7px !important;}


.width {max-width:480px;  margin-right:25px; padding-top:25px;}
.width1 {max-width:480px; padding-top:25px;}
.width2 {width:289px; margin-right:23px;}
.width3 {width:289px;}

.title2 {text-align:center; font-size:20px; line-height:24px; font-family:Arial, Helvetica, sans-serif; padding-top:6px; padding-bottom:7px;}
.title2 a {color:#17254e; text-decoration:none;}
.title2 a:hover {text-decoration:underline;}

.text4 {padding-bottom:9px;}
.text4 a {color:#747a7e; text-decoration:none; margin-left:13px;} 
.text4 a:hover {text-decoration:underline;}
.text4-top {padding-top:13px;}

.text4-img {padding-top:4px;}

.title3 {font-size:18px; line-height:22px; color:#fff; padding:5px 5px 5px 5px; text-align:center; }
.title3-top {padding-top:32px;}

.title7 {font-size:18px; line-height:22px; color:#fff; padding:5px 5px 5px 5px; text-align:center; }
.title7-top {padding-top:32px;}

 
.block3 {background:#F8F8F8; min-height:130px; padding-top:30px; margin:0 auto; position:relative;}
.block3 .padding {margin:0 auto;}


.block13 {background:#FFC31E; min-height:100px; padding:30px 0px 0px 0px; border:1px solid #0404B4;}
.block13 .padding {padding:0px 0px 0px 0px;}

.block9 {background:#fff; min-height:100px; padding:30px 0px 0px 0px;}
.block9 .padding {padding:0px 0px 0px 0px;}

.block8 {max-width:250px; min-height:300px;}
.block8 .padding {padding:0px 0px 0px 0px;}

.block6 {background:url(../images/block6-bg.gif) 0 0 repeat-x; min-height:100px;}
.block6 .padding {padding:0px 0px 0px 0px;}

#page4 .col-1 {width:111px; margin-right:7px;}
#page4 .col-2 {width:111px;}
#page4 .col-3 {width:70px; margin-right:7px;}
#page4 .col-4 {width:70px; margin-right:7px;}
#page4 .col-5 {width:70px;}
#page4 .col{ width:170px; margin-top:10px; float:left;}

.bg2 {background:url(../images/bg2.gif) 0 0 no-repeat; height:27px; margin-top:3px;}

.text6 {font-weight:bold; color:#fff; padding:3px 0px 0px 17px;}
.text6 a {color:#fff; text-decoration:none;}
.text6 a:hover {color:#fd8b04;}

.list5 {padding:2px 2px 15px 2px;}
.list5 li {font-size:12px; line-height:18px; font-weight:normal; color:#525252; text-align:center; padding-top:2px;}
.list5 a {color:#525252; text-decoration:none; }
.list5 li a:hover{text-decoration:underline; color:#000000;}
   

.list8 {padding:1px 0px 0px 1px;}
.list8 li {font-size:12px; line-height:18px; color:#fff;}
.list8 a {color:#fff;}

.list9 {padding:1px 0px 0px 1px;}
.list9 li {font-size:12px; line-height:18px; color:#000000;}
.list9 a {color:#000000;}

.text12 {color:#000000; padding:7px 0px 0px 0px; font-size:12px; line-height:18px;}
.text12 a {color:#fc8a04;}.

.border2 {background:url(../images/border1.gif) 0 0 repeat-x; height:1px; margin:8px 0px 0px 0px;}

.text7{color:#fff; padding:7px 0px 0px 0px; font-size:12px; line-height:18px;}
.text7 a {color:#fc8a04;}

.text8 {color:#045671; padding:14px 0px 0px 0px; font-size:18px; line-height:22px; padding-bottom:9px; text-align:center}

.font {display:inline-block; line-height:18px;}

.box8 {background:#fff; width:560px; margin-top:19px;
box-shadow:0 0 6px #f0f0f0;
-moz-box-shadow:0 0 6px #f0f0f0;
-webkit-box-shadow:0 0 6px #f0f0f0} 
.box8 .padding {padding:7px 0px 7px 7px;}

.box9 {background:#FF3300; width:610px; margin-top:19px;
box-shadow:0 0 6px #f0f0f0;
-moz-box-shadow:0 0 6px #f0f0f0;
-webkit-box-shadow:0 0 6px #f0f0f0} 
.box9 .padding {padding:7px 0px 7px 7px;}

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #d8d8d8;
color: #000;
font: normal 15px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 5%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
visibility: hidden;
}
a:focus {outline:none;}

.color1 p{ color:#454545}
.nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}
.nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}
.nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}

 .text9 {font-size:18px; line-height:22px; color:#045671; padding:13px 0px 9px 0px;}

.text11 {font-size:18px; line-height:22px; color:#045671; text-align:justify; padding:0px 0px 9px 0px;}

#page7 .col-1 {width:140px; margin-right:55px;}
#page7 .col-2 {width:180px; margin-right:57px;}
#page7 .col-3 {width:185px;}


#page12 .col-1 {max-width:380px;}
#page12 .col-2 {max-width:380px; margin-left:40px;}
#page12 .col-3 {max-width:380px; margin-left:40px;}
@media (max-width: 768px) {
  #page12 .col-1 {
       margin-left:40px;
       margin-top:10px;}
       #page12 .col-2 {
       margin-left:40px;
       margin-top:10px;}
       #page12 .col-3 {
       margin-left:40px;
       margin-top:10px;}
        }
#page12 .col-4 {width:210px; margin-right:30px;}
#page12 .col-5 {width:210px; margin-right:30px;}


#page8 .col-1 {width:499px;}
#page8 .col-2 {width:451px;}
#page8 .col-4 {width:140px; margin-right:45px;}
#page8 .col-5 {width:180px; margin-right:47px;}
#page8 .col-6 {width:200px;}
#page8 .col-7 {width:200px; margin-right:97px;}
#page8 .col-8 {width:400px;}
#page8 .col-9 {width:400px; margin-right:47px;}



#page9 .col-1 {width:499px; margin-left:120px;}
#page9 .col-2 {width:451px; margin-left:120px;}


#page19 .col-1 {width:499px; margin-left:30px;}
#page19 .col-2 {width:499px; margin-left:30px;}


@media (max-width: 768px) {
   col {
       width:100%; 
       margin:0 auto;} }
 
#page3 dl {margin-top:0px; color:#747a7e; line-height:35px;}
#page3 dl dd {margin-top:5px; font-size:25px;}
#page3 dl span {float:left; max-width:100%;}
#page3 dl span1 {float:left; width:179px;}
#page3 dl dd a {margin-left:3px;  color:#fc8a04;}

@media (max-width: 768px) {
 #page3  dl {margin-top:10px; color:#747a7e; line-height:35px;} }      

dl {margin-top:0px; color:#747a7e; line-height:18px;}
dl dd {margin-top:5px; font-size:15px;}
dl span {float:left; max-width:100%;}
dl span1 {float:left; width:179px;}
dl dd a {margin-left:3px;  color:#fc8a04;}

@media (max-width: 768px) {
   dl {margin-top:10px; color:#747a7e; line-height:18px;} }

dl1 {margin-top:0px; color:#747a7e; line-height:18px;}

dl1 span1 {float:left; width:179px;}
dl1 dd {margin-top:5px; font-size:15px;}
dl1 dd a {margin-left:3px;  color:#fc8a04;}
dl1 dd span{color:#000000;}
@media (max-width: 768px) {
   dl1 dd {margin-top:5px; font-size:10px;} }

.img-list {margin:12px 0px 10px 0px; margin-left:5px;}
.img-list li {float:left; margin-right:18px; margin-bottom:20px;}

.img-list11 { text-align:center; float:right; max-width:300px; margin-top:30px; margin-bottom:30px;}
.img-list11 li {float:right; margin-right:18px; }
.img-list11 li last {float:right; margin-right:140px; }



#easyTooltip {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:1px 5px;
	background:#252a37;
	color:#fff;
	font-size:12px;
	text-transform:none;
	z-index:999;
}	

.link8 {color:#7a7a52; font-size:20px;}
@media (max-width: 768px) {
   .link8 {color:#7a7a52; font-size:15px; font-weight:bold;} }
.link7 {color:#fc8a04;}

.list7 {margin-top:59px; margin-left:1px;}
.list7 li {height:28px; width:28px; float:left; margin-right:3px;}
.list7 a {background:url(../images/button-prev.gif) 0 0 no-repeat; height:28px; width:28px; display:inline-block;}
.list7 a:hover {background:url(../images/button-prev.gif) 0 -28px no-repeat;}

.icon-1:hover img {transform: scale(1.2); box-shadow: 10px 10px 10px rgba(0, 0, 0, 1);}
.icon-2:hover img {transform: scale(1.2); box-shadow: 10px 10px 10px rgba(0, 0, 0, 1);}
.icon-3:hover img {transform: scale(1.2); box-shadow: 10px 10px 10px rgba(0, 0, 0, 1);}
.icon-4:hover img {transform: scale(1.2); box-shadow: 10px 10px 10px rgba(0, 0, 0, 1);}

.link-pad {margin-left:89px; margin-top:1px; display:inline-block;}

.box11 {background:url(../images/box4-bg.gif) 0 0 repeat; border:1px solid #fff; min-height:100px; box-shadow:0 0 3px #CCC;
-moz-box-shadow:0 0 3px #CCC;
-webkit-box-shadow:0 0 3px #CCC}
.box11 .padding {padding:13px 0px 26px 29px;}
.box11-top {margin-top:5px;}



.buttons{  overflow:hidden; padding-top:17px;}
.buttons li{ float:left; padding-left:0.5px;}
.buttons .bg_none{ padding:0px;}
.buttons a{ display:block; width:102.5px; color:#7e7e7e; font-weight:600; text-align:center; font-size:16px; background:#dbdbdb; line-height:32px; height:38px; text-decoration:none}
.buttons span{ display:block; background:url(images/button1_top_left.jpg) top left no-repeat}
.buttons span span{ background:url(images/button1_top_right.jpg) top right no-repeat}
.buttons a:hover, .buttons .active{ background:#2f345e; color:#fff;}
.buttons a:hover span, .buttons .active span{ background:url(images/box2_top_left.jpg) top left no-repeat}
.buttons a:hover span span, .buttons .active span span{ background:url(images/box2_top_right.jpg) top right no-repeat}

.buttons1{  overflow:hidden; padding-top:0px; }
.buttons1 li{ float:left; border:solid 1px #FFFFFF;}
.buttons1 li .active {z-index:20; background:#FFC31E; border:1px solid #0404B4;}
.buttons1 .bg_none{ padding:0px;}
.buttons1 a{ display:block; width:99px; color:#FFFFFF; font-weight:600; text-align:center; font-size:16px; background:#0404B4; line-height:32px; height:38px; text-decoration:none}
.buttons1 span{ display:block; background:url(images/button1_top_left.jpg) top left no-repeat}
.buttons1 span span{ background:url(images/button1_top_right.jpg) top right no-repeat}
.buttons1 a:hover, .buttons1 .active{ background:#FFC31E; color:#000000;border:1px solid #0404B4;}
.buttons1 a:hover span, .buttons1 .active span{ background:none; }
.buttons1 a:hover span span, .buttons1 .active span span{ background:ffffff; color:#0404B4; }

/*==================  Backgrounds  ======================*/
.bg-primary {
  background: #f0f1ee; }

.bg-secondary {
  background:url(../images/parallax05.jpg);
  color: #fff; }
  .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6,.bg-secondary h7,.bg-secondary h8, .bg-secondary cite {
    color: #fff; }
  .bg-secondary .title-padding {
    padding-top: 30px;
    padding-bottom: 24px; }
    
  .announcements {
  background-color:#ff8533; margin-top:10px; }
  
    .announcements a{
   color: #000000; }
  .announcements h1, .announcements h2, .announcements h3, .announcements h4, .announcements h5, .announcements h6,.announcements h7,.announcements h8, .announcements cite {
    color: #fff; padding-top: 10px; padding-bottom: 10px; }
  .announcements .title-padding {
    padding-top: 10px;
    padding-bottom: 10px; }
    
    .announcements1 {
  background-color:#ff3333; margin-top:10px; }
   .announcements1 a{
   color: #000000; }
  .announcements1 h1, .announcements1 h2, .announcements1 h3, .announcements1 h4, .announcements1 h5, .announcements1 h6,.announcements1 h7,.announcements1 h8, .announcements1 cite {
    color: #fff; padding-top: 10px; padding-bottom: 10px; }
  .announcements1 .title-padding {
    padding-top: 10px;
    padding-bottom: 10px; }

.fa {
  line-height: inherit; }

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome"; }




/*----- forms -----*/
.text10 {font-size:12px; line-height:16px; padding-bottom:5px; display:inline-block;}

.block7 {background:#123d56; margin-top:42px;}

#contact-form {
	line-height:1em;
	margin-top:0px;
	margin-left:0px;
	padding:26px 0px 0px 0px;
	width:262px;
}
#contact-form .success {padding-bottom:5px; display:none;}	
#contact-form textarea, #contact-form input {
	margin:0;
	font-size:12px;
	color:#a3a3a3;
	padding:1px 5px 1px 7px;
	border:1px solid #a3a3a3;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	box-shadow:none !important;
	outline:none;
}
#contact-form input {
	width:211px;
	box-shadow:none !important;
	
}
#contact-form textarea {
	overflow:auto;
	width:211px;
	height:173px;
	resize:none;
}	
#contact-form label {
	min-height:59px;
	display:block;
	
}	
#contact-form label.message {
	min-height:0px;
	
}
#contact-form .error, #contact-form .empty, #contact-form .success {
	display:none;
}	

#contact-form .error, #contact-form .empty {
	color:red;
	padding:5px 0;
}
.buttons4 {padding:16px 4px 8px 0px; float:right;}
.buttons4 a {
	font-size:16px; line-height:19px; color:#4e8499; padding:8px 0px 9px 0px; background:#fd8b04; color:#fff; display:inline-block; text-decoration:none; margin-right:0px; width:78px; text-align:center;
	text-transform:uppercase; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:7px;}
.buttons4 a:hover {background:#fff; color:#fd8b04;}


#privacy{ padding:21px 40px 0 28px; width:215px; float:left;}

.list15{line-height:20px; padding-top:14px; font-size:13px; padding-left:4px; color:#000000;}
.list15 li {padding-top:4px; color:#000000;}
.list15 li a{padding-left:4px; text-decoration:none; color:#000000;}
.list15 li a:hover{text-decoration:underline; color:#000000;}


/*===== footer =====*/
	footer{ width:100%; margin: 0 auto;
		
	}
footer .list5 {padding:2px 2px 15px 2px;}
footer .list5 li {font-size:14px; line-height:18px; font-weight:normal; text-align:left; color:#51575b;  padding-top:8px;}
footer .list5 a {color:#585858; text-decoration:none; }
footer .list5 li a:hover{text-decoration:underline; color:#fff;}

.footer-text {margin:10px 0px 0px 0px; color:#F8F8F8;}
.footer-text a {text-decoration:none; color:#6bc3e1; margin-left:15px;}
.footer-text a:hover {text-decoration:underline;}

	footer .tail1 {
	background-color:#A4A4A4;
	width:100%;
	overflow:hidden;
}
 

footer .col{ max-width:220px; margin-top:10px; float:left; padding-left:50px;}
@media (max-width: 420px) {
   col {
       width:100%; 
       float:none;} }	
 

	
	@media  (max-width : 480px) and (min-width : 320px) {
	footer{ background:#e6f2ff; min-height:650px; width:100%; margin: 0 auto; } }
	
	@media  (max-width : 720px) and (min-width : 480px) {
	footer{ background:#e6f2ff; min-height:550px; width:100%; margin: 0 auto; } }

footer h5 {font-size:22px; line-height:1.2307em; padding-top:10px; color:#fff; text-align:left;}
@media  (max-width : 480px) and (min-width : 320px) { {font-size:10px; line-height:1.2307em; padding-top:10px; color:#000000;} }

footer .fleft a {
	color:#1d0111;
	text-decoration:none;
}
footer .fleft a:hover {
	text-decoration:underline;
}
footer .fleft {
	float:right;
	padding-top:50px;
}
@media (max-width: 768px) {
   footer .fleft {
      padding-top:30px;
      padding-bottom:10px;} }
	
		footer .fleft ul li {
			display:inline;
		}
		
footer h4 { color:#fff; padding-bottom:20px; }

footer * + hr {
    margin-top: 67px; }
  footer hr + * {
    margin-top: 58px; }
  footer .copyright {
    font-size: 16px;
    line-height: 10px;
    color: #fff;}
    footer .copyright .copyright-inner {
      color: #fc8a04;
      padding-left:8px;}
      footer .copyright .copyright-inner #copyright-year {
        position: relative;
        padding-right: 2px; }
     
      footer .copyright .copyright-inner a {
        color: #f49941; }
        footer .copyright .copyright-inner a:hover {
          color: #fff; }
          footer .copyright .copyright-inner a:hover #copyright-year:after {
            background: #fff; }
/*==========================================*/

/*===== footer1 =====*/


footer1 h4 { color:#fff; text-align:center;}
footer1 h5 { color:#fff;}
@media  (max-width : 480px) and (min-width : 320px) {
footer1 h5  {text-align:center;} }

footer1 .right1 {
	padding-right:3px;
	padding-top:1px;
	
}
footer1 .tail {
	
	background-color:#A4A4A4;
	width:100%;
	overflow:hidden;
}

#page20 footer1 .tail {
	padding:17px 0 11px 27px;
	background-color:#f0f0f5;
}

@media (max-width: 768px) {
   footer1  .tail {
      padding:0px 0 11px 0px; } }


footer1 .fleft a {
	color:#1d0111;
	text-decoration:none;
}
footer1 .fleft a:hover {
	text-decoration:underline;
}
footer1 .fleft {
	padding-bottom:8px;
	margin-left:10px;
}
	footer1 .fleft ul {
		padding:8px 0 3px 0;
	}
		footer1 .fleft ul li {
			display:inline;
		}
		
footer1 .fleft1 
{
    	margin-left:10px;
	
}
@media (max-width: 768px) {
footer1 .fleft1 
{
    	margin-top:210px; }
	
}

	
	footer1 .fleft1 ul {
		padding-top:10px;
	}
		footer1 .fleft1 ul li {
			display:inline;
			padding: 0 5px 0 0 ;
		}
	
footer1 .fleft1 a {
	color:#1d0111;
	text-decoration:none;
}
footer1 .fleft1 a:hover {
	text-decoration:underline;
}

footer1 .fright {
	padding:10px 20px 20px 1px;
	text-align:right;
	color:#1d0111;
	margin:0 auto;
	border:solid 1px #fffff;
}
@media (max-width: 768px) {
   footer1  .fright {
       text-align:left;
       margin-top:20px; } }
       
   footer1 .fright1 {
	padding:10px 20px 20px 1px;
	text-align:right;
	color:#1d0111;
	margin:0 auto;
	padding-top:40px;
}

footer1 .fright1 a {
		color:green;
	}


footer1 .fright a {
		color:#1d0111;
	}
	footer1 .fright ul {
		padding:8px 1px 5px 1px;
		
	}
		footer1 .fright ul li {
			display:inline;
			padding: 0 5px 0 0 ;
			
		}
			footer1 .fright ul li a {
				text-decoration:none;
				color:#535353;
			}
			footer1 .fright ul li a:hover,
			footer1 .fright ul li a.active {
				color:#c4c4c4;
				text-decoration:underline;
			}
		footer1 .fright ul li.last {
			background:none;
			padding:0;
			margin:0;
		}
		
		 
.text11 {font-size:18px; line-height:22px; color:#045671; text-align:justify; padding:0px 0px 9px 0px;}
.text10 {font-size:14px; color:#000000; font-weight:bold;  }


/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.grid_1 {
	max-width:30px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_2 {
	max-width:70px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}
 
.grid_3 {
	max-width:110px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_4 {
	max-width:150px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_5 {
	max-width:190px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}


.grid_6 {
	width:230px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px; } 
	

.grid_7 {
	max-width:290px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_8 {
	max-width:310px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_9 {
	max-width:350px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_10 {
	max-width:390px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_11 {
	max-width:430px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_12 {
	max-width:420px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_13 {
	max-width:510px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_14 {
	max-width:550px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_15 {
	max-width:590px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_16 {
	max-width:630px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_17 {
	max-width:670px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_18 {
	max-width:710px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_19 {
	max-width:750px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_20 {
	max-width:790px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_21 {
	max-width:830px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_22 {
	max-width:870px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_23 {
	max-width:910px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}

.grid_24 {
	max-width:950px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

.grid_25 {
	width:100%;
}