/*
 * 12-column grid
 */



/* Grid container */
.container {
	margin-left:auto;
	margin-right:auto;
}
.nested-container {
	width:100%;
	margin-left:0;
}

/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,

/* Deprecated: other grid units */
.grid4-1,
.grid4-2,
.grid4-3,
.grid2-1,

/* Alias for full-width units */
.grid-full,

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
	position:relative;
	display:inline;
	float:left;
	margin-left:0;
	margin-right:0;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3,
.grid4-1	{ width:23%; }
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6,
.grid4-2,
.grid2-1	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.grid12-9,
.grid4-3	{ width:100%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
/*.no-left-gap.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gap.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gap.grid12-3	{ margin-left:0; width:24%; }
.no-left-gap.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gap.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gap.grid12-6	{ margin-left:0; width:49%; }
.no-left-gap.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gap.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gap.grid12-9	{ margin-left:0; width:74%; }
.no-left-gap.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gap.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gap.grid12-12,
.no-left-gap.grid-full	{ margin-left:0; width:99%; }*/

/* Grid units without right gutter (margin) */
/*.no-right-gap.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gap.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gap.grid12-3	{ margin-right:0; width:24%; }
.no-right-gap.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gap.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gap.grid12-6	{ margin-right:0; width:49%; }
.no-right-gap.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gap.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gap.grid12-9	{ margin-right:0; width:74%; }
.no-right-gap.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gap.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gap.grid12-12,
.no-right-gap.grid-full	{ margin-right:0; width:99%; }*/


/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:23%; }
.grid-col2-main		{ width:73%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar 		{ width:31.52%; }
.grid-col3-main			{ width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
	display:table;
	width:100%;
}
.v-grid {
	float:none;
	display:table-cell;
	vertical-align:middle;
}

/* Utility classes
-------------------------------------------------------------- */
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }

/* Grid container: stretched, without side margin 
-------------------------------------------------------------- */
/* Remove padding (which is added in media queries for mobile layouts) from basic grid containers.
   Stretch inner grid unit (full width) */
.container.stretched { width:96%; padding-left:0; padding-right:0; }
.container.stretched .grid-full { width:100%; margin-left:0; margin-right:0; }
.the-slideshow-wrapper ul li img{ width:100%!important;}
.the-slideshow ul{
 overflow: hidden;
  width: 100%;
  position: relative;
  background: none;
}
/*li.slide {
	position: relative; 
	overflow: hidden; 
	z-index: 1; 
	top: -80px;
}*/
li.slide img {
	width: 100%;
}
.footer-before-container {
	position: relative;
	top:-65px;
}
.footer {
	position: relative;
	/*top:-7px;
	margin-bottom: -65px;*/
}
.footer .upper-row{
	margin-top:-7px;
	}
li.slide:after {
		position:absolute;
		top:0;
		right:0;
		height:100%;
		width:75%;
		content:"";
		z-index:0;
		background: none;
		}
@media only screen and (max-width: 479px) {
	 .captionin {
      width: 100% !important;
}
.the-slideshow > * .caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: auto;
    color: white;
    height: auto;
    padding: 25px 50px !important;
    position: absolute;
    text-align: right;
	right: 0 !important; 
    top: 5% !important;
    width: auto;
    z-index: 1;
}
li.slide .dark3 {
    position: absolute;
    width: 100% !important;
}
}
	.the-slideshow > * .caption {
		color: white;
		padding:15px;
		position: absolute;
		right: 8.3%;
		top:5%;
		width: auto;
		height:auto;
		bottom: auto;
		background:none;
		text-align:right;
		z-index:1; }
	.captionmain {
		position:relative;
		background:none;
		padding:0;
		bottom:0;
		left:0;
		width:100%
		}
		
li.slide .dark3 {
	position: absolute; 
	width: 50%;
	 
/*	top: 70px;*/
}
/*.captionmain {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}*/
.captionin {
    text-align: center;
    max-width: 385px;
	width:100%;
	margin:0px auto;	
}

.captionin h2 {
	border-bottom: 0 none;
    color: #4b4442;
    font-size: 40px;
    font-weight: normal;
    line-height: 54px;
    margin-bottom: 18px;
    text-transform: none;
}

/*.lightdescription .captionin h2 {
	  border-bottom: 0 none;
    color: #73838a;
    font-size: 53px;
    font-weight: normal;
    line-height: 54px;
    margin-bottom: 15%;
    text-transform: none;
}*/

.captionin a {
    border-radius: 5px;
    color: #ce858c;
    font-size:18px;
    line-height: 22px;
    margin: 0 auto;
    letter-spacing:1px;
	padding:6px 20px 11px;
	text-transform:lowercase;
}
.captionin a:hover {
	/*background: #ce858c !important;*/
   	/*color: #ce858c !important;*/    
	text-decoration: none;
	/*border-color:#ce858c !important;*/
	background-color:transparent !important;
}
/*.captionin a {
 border: 1px solid #ce858c;
    border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    color: #ce858c;
    display: block;
    font-size: 21px;
    line-height: 22px;
    margin: 0 auto;
    padding: 18px 20px 22px 20px;
    width: 85px;
	height: 85px;
}
.captionin a:hover {
	background: #ce858c;
 border: 1px solid #ce858c;
    color: #fdfcfb;    
	text-decoration: none;
}*/

.main-container {
	position:relative;
	/*top:-65px;*/
}
.main-container.col1-layout{
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;	
}
.header-language-background {
    display: block;
}
.captionin{ float:none; left:0px; right:0px;}
.caption.topleft{ left:0px; top:5%;}
.caption.topright{ right:0px; top:5%;}
.caption.bottomleft{
	left:0px;
	top:inherit;
	bottom:50px;
	}
.caption.bottomright{
	right:0px;
	top:inherit;
	bottom:50px;
	}


@media only screen and (max-width: 767px) {
	.captionin{ float:none !important;}
	.caption{ left:0px !important; right:0px !important;}
	.caption.topleft{ left:0px !important; top:32% !important;}
	.caption.topright{ right:0px; top:32% !important;}
	.caption.bottomleft{
		left:0px;
		right:0px;
		bottom:inherit;
		top:32% !important;
		}
	.caption.bottomright{
		right:0px;
		left:0px;
		bottom:inherit;
		top:32% !important;
		}
	
	}
@media only screen and (max-width: 1199px) {
.captionin {
    float: right;
    margin-top: 22%;
    position: relative;
    right: 15%;
    text-align: center;
    width: 383px;
}
.captionin h2 {
    border-bottom: 0 none;
    color: #7f7383;
    font-size: 42px;
    font-weight: normal;
    line-height: 43px;
    margin-bottom: 10%;
    text-transform: none;
}
/*.captionin a {
    border: 1px solid #ce858c;
    border-radius: 50%;
    color: #ce858c;
    display: block;
    font-size: 18px;
    line-height: 19px;
    margin: 0 auto;
    padding: 22px;
    width: 85px;
}
.captionin a:hover {
    font-size: 18px;
    line-height: 19px;
    padding: 22px;
    width: 85px;
}*/
}
@media only screen and (max-width: 989px) and (min-width: 761px) {
	.captionin {
	 float: right;
    margin-top: 15%;
    position: relative;
    right: 5%;
    text-align: center;
    width: 348px;
	padding:0px 15px;
}
	
.captionin h2 {
	font-size: 35px;
	line-height: 39px;
}
}
@media only screen and (max-width: 760px) {
.header-language-background {
    display: none;
}
.resheader-language-background {
  padding: 0;
  background-color: #fdfcfb;
  text-transform: none;
  display: inline-block;
  width: 100%;
  position: relative;
  top: 45px;
}
.main-container.col1-layout {
	top:30px;
}
 .captionin {
    float: right;
    margin: 0 auto;
    position: relative;
    right: 0;
    text-align: center;
    width: 242px;
}
/*.darkdescription*/ .captionin h2 {
    border-bottom: 0 none;
    color: #4b4442;
    font-size: 23px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 6%;
    text-transform: none;
}
.lightdescription .captionin h2 {
    border-bottom: 0 none;
    color: #73838a;
    font-size: 21px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 6%;
    text-transform: none;
}
.captionin a { font-size:13px;}
/*.captionin a {
    border: 1px solid #ce858c;
    border-radius: 50%;
    color: #ce858c;
    display: block;
    font-size: 13px;
    line-height: 14px;
    margin: 0 auto;
    padding: 13px 10px;
    width: 52px;
	height: 52px;
}
.captionin a:hover {
	background: #ce858c;
    border-radius: 50%;
    color: #fdfcfb;
    display: block;
    font-size: 13px;
    line-height: 14px;
    margin: 0 auto;
    padding: 13px 10px;
    width: 52px;
	height: 52px;
	text-decoration: none;
}*/
/*.captionin a {
    border: 1px solid #ce858c;
    border-radius: 50%;
    color: #ce858c;
    display: block;
    font-size: 13px;
    line-height: 14px;
    margin: 0 auto;
    padding: 10px;
    width: 52px;
	height: 52px;
}
.captionin a:hover {
	background: #ce858c;
    border: 1px solid #ce858c;
    border-radius: 50%;
    color: #fdfcfb;
    display: block;
    font-size: 13px;
    line-height: 14px;
    margin: 0 auto;
    padding: 10px;
    width: 52px;
	text-decoration: none;
}*/
.footer-before-container {
	position: relative;
	top:30px;
	z-index: 9;
}
.footer-container {

}
.footer {
	position: relative;
	top:0px;
	margin-bottom:0px;
}
.main-container {
	position:relative;
	top:0px;
}
/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,

/* Deprecated: other grid units */
.grid4-1,
.grid4-2,
.grid4-3,
.grid2-1,

/* Alias for full-width units */
.grid-full,

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
 margin-top:10px;
}
li.slide .dark3{ width:100%;}
}

