/*
---------------------------------------
	Feng Shui by Hedwig

	Cascading Style Sheet
	Copyright (c) by János Schmidt
	
	MVC - View layer
	Tabulator size = 4
---------------------------------------
*/

/*    ----- Fonts -----    */


@font-face 
{
	font-family:   'corbertregular';
	src:		    url('../Fonts/Corbert-Regular-webfont.eot'					);
	src:		    url('../Fonts/Corbert-Regular-webfont.eot?#iefix'			) format('embedded-opentype'),
				    url('../Fonts/Corbert-Regular-webfont.woff2'				) format('woff2'			),
				    url('../Fonts/Corbert-Regular-webfont.woff'					) format('woff'				),
				    url('../Fonts/Corbert-Regular-webfont.ttf'					) format('truetype'			),
				    url('../Fonts/Corbert-Regular-webfont.svg#corbertregular'	) format('svg'				);
	font-weight:    normal;
	font-style:	    normal;
}  
    
@font-face
	font-family:   'corbertitalic';
	src:		    url('../Fonts/Corbert-Italic-webfont.eot'					);
	src:		    url('../Fonts/Corbert-Italic-webfont.eot?#iefix'			) format('embedded-opentype'),
				    url('../Fonts/Corbert-Italic-webfont.woff2'					) format('woff2'			),
				    url('../Fonts/Corbert-Italic-webfont.woff'					) format('woff'				),
				    url('../Fonts/Corbert-Italic-webfont.ttf'					) format('truetype'			),
				    url('../Fonts/Corbert-Italic-webfont.svg#corbertitalic' 	) format('svg'				);
	font-weight:    normal;
	font-style:	    normal;
}        


/*    ----- General -----    */


html
{
	/*font-size:		62.5%;*/
	font-size:		100%;
}

html, body, figure, ul, li, img
{
    width:   		100%;
    height:  		100%; 
    margin:  		0;
    padding: 		0;
}

a:active 
{
    color:				#29ABE2;
	text-decoration:	none;
}

a:hover 
{
    color:				#29ABE2;
	text-decoration:	none;
}

a:link
{
    color:				#29ABE2;
	text-decoration:	none;
}

a:visited 
{
    color:				#29ABE2;
	text-decoration:	none;
}

button
{
	margin-bottom:	8px;
}

fieldset
{
	border:		none;
	
}

form
{
	width:		100%;
	margin:		3rem 0 0 0;
}

label
{
	margin-bottom:		8px;
}

img
{
    display: 	block;
    border:  	none;
} 

input
{
    margin-bottom:	8px;
}

textarea
{
    margin-bottom:	8px;
}


/*    ----- Items -----    */


.Accordion
{
    min-height:			35px;
    width:				100%;
    padding:			5px;
    border:				1px solid #29AEE3;
    border-radius:		3px;
    text-align:			left;
    transition:			0.4s;

    background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF);
    
    cursor:				pointer;
    color:				#29AEE3;
}

.Accordion:active

    background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF);	
}

.Accordion:focus
{
    border:				2px solid #29AEE3;
}

.Accordion:hover
{
    background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF);
}

.AccordionPanel
{
    padding:			0px 5px 0px 5px;
    background-color:	transparent;
    display:			none;
}

.AccordionPanel.show 
{
    display:	block !important;
}

.BodyContainer
{
	display:			flex; 
	justify-content:	space-between;
	align-content:		flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

	width:				100%;
	height:				100%;
	box-sizing:			border-box;

	font-family:		"corbertregular", Calibri, Helvetica, sans-serif;
	font-size:			1.6rem;
	font-weight:		normal;
	font-style:			normal;
	color:				#29AEE3;

    background:			-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 300px);
	background:			linear-gradient(		to bottom,	rgba(41, 171, 226, 0.34), #FFFFFF 300px);
	background-repeat:	no-repeat;
}

.CheckBox
{
    background-size:	cover;
    margin:				6px 5px 8px 0;

	text-align:			left;
	text-decoration:	none;	
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.CheckBoxContainer
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;	
}

.CheckBoxLabel
{
    text-align:		left;
	
	color:			#29AEE3;
    font-size:		1rem;
	font-weight:    normal;
	font-style:	    normal;
}

.Data
{
	display:			flex; 
	justify-content:	space-between;
	align-content:		flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;


    align-self:         flex-start;

    width:				100%;
    padding:			1rem 5rem 5rem 5rem;
    box-sizing:         border-box;
} 

.Data1
{
	display:			flex; 
	justify-content:	space-between;
	align-content:		flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 48%;
    -ms-flex:			0 1 48%;
    -moz-box-flex:		0;
    flex:               0 1 48%;

    align-self:         flex-start;
} 

.Data2
{
	display:			flex; 
	justify-content:	space-between;
	align-content:		flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 48%;
    -ms-flex:			0 1 48%;
    -moz-box-flex:		0;
    flex:               0 1 48%;

    align-self:         flex-start;
}

.DataList
{
    width:              40%;
    height:             auto;
    margin-left:		21%;
}

.Divider
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
	flex:				0 1 65%;

	height:				15px;
}

.EditorForm
{
	display:				flex; 
	justify-content:		space-between;
	align-content:			flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

   	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:               	0 1 100%;

    align-self:         	flex-start;
    
	border: 				1px solid #29AEE3;
	-moz-border-radius:		0.7rem; 
	-webkit-border-radiua:	0.7rem; 
	border-radius: 			0.7rem;
	
	height:					auto;
	padding:				1.5rem; 
    box-sizing:     		border-box;

	color:					#29AEE3;
	font-family:			"corbertregular", Calibri, Helvetica, sans-serif;
	font-size:				1rem;
}

.EmailLabel
{
  	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
    margin:				0 0 0 5rem;
    
    text-align:			left;
    font-size:			1rem;

    column-count:		1;
}

.HeaderGroup
{
    display:            	flex;
    justify-content:		flex-start;
    align-content:			flex-start;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

   	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    align-self:				flex-start;
	
    left:					0;
    top:					0;
	height:					auto;
    max-height:				20rem;
    position:				relative;
    padding:				0; 
    box-sizing:         	border-box;
    background-position:	left top;     
}

.HeaderLogo
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
    
    left:			0;
    top:			0;
    height:			auto;
    /*position:		absolute;*/
}

.HeaderLogoImage
{
    width:			100%;
    height:			auto;
    max-width:		600px;
    position:		relative;
}

.HeaderTitle
{	
	left:				170px;
	top:				10px;
    height:				auto;
    max-width:			200px;
    position:			relative;

	color:				#29AEE3;
    font-variant:		small-caps;
    font-size:			2.25rem;
    font-weight:		bold;
    background-size:	cover;

	text-align:			left;
	text-decoration:	none;
}

.HeaderTitle:active
{
	text-decoration:	none;	
}

.HeaderTitle:hover
{
	text-decoration:	none;	
}

.HeaderTitle:focus
{
	text-decoration:	none;	
}

.Info
{
    display:            flex;
    justify-content:	center;
	align-content:		flex-start;	

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
        
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;

    padding:			3rem 6rem 5rem 6.5rem;
    box-sizing:         border-box;
}

.InfoLabel
{
  	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:		flex-start;
    
    text-align:		center;
    font-size:		1rem;

    column-count:	1;
}

.InfoText
{
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
    text-align:		justify;
	padding:		0 0 2rem 0;
    
    column-count:	2;
    column-fill:	balance;
    column-gap:		40px;
    
    color:			#29AEE3;
    font-size:		1.1rem;
	font-weight:    normal;
	font-style:	    normal;
}

.InfoThankyouTitle
{
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
    margin:			3rem 0 1rem 0;
    column-count:	1;

    text-align:		center;
    font-size:		1.1rem;
	font-weight:    bolder;
	font-style:	    normal;
}

.InfoTitle
{
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
    height:			1.6rem;
    text-align:		center;
    column-count:	1;
    margin:			0 0 1rem 0;

    font-size:		1.1rem;
	font-weight:    normal;
	font-style:	    normal;
}

.InputCode
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 auto;
    -ms-flex:			0 1 auto;
    -moz-box-flex:		0;
	flex:				0 1 auto;

    align-self:			center;

    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			0.1rem; 
	margin:				0.5rem 0 0 0;
    height:				18px;
    width:				30px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;	
}

.InputCombo
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 66%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#29AEE3;
    font-size:			1rem;
}

.InputField
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0;
    margin-bottom:		8px;
    height:				18px; 
    
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFieldFC
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0;
    margin-bottom:		8px;
    height:				22px; 
	color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLabel
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 30%;
    -ms-flex:			0 1 30%;
    -moz-box-flex:		0;
	flex:				0 1 30%;
	
    align-self:			flex-start;
    
    text-align:			right;
    margin:				0;
    margin-bottom:		8px;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLabelFC
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 30%;
    -ms-flex:			0 1 30%;
    -moz-box-flex:		0;
	flex:				0 1 30%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0;
    margin-bottom:		8px;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLong
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px;
    margin:				0;
    margin-bottom:		8px;
    max-height:			18px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputMemo
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0;
    margin-bottom:		8px;
    height:				auto;

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.InputMemoFC
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
	background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0;
    margin-bottom:		8px;
    width:				65%; 
    height:				150px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.InputMemoL
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
	background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0;
    margin-bottom:		8px;
    height:				150px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.InputMemoS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
	background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0;
    margin-bottom:		8px;
    height:				75px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.LoginMenu
{
    display:            flex;
    justify-content:	space-between;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
    
    width:              100%;
    height:             auto;
    top:				0px;
    margin-bottom:		30px;
    position:			relative;
    dislay:				none;
 

    color:				#29AEE3;    
    font-variant:		small-caps;
	font-weight:    	normal;
	font-style:	    	normal;
    text-align:         center;
	list-style-type:	none;
}

.Menu
{
    display:            flex;
    justify-content:	space-between;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
	flex:               1 1 auto;

    align-self:         flex-start;
    
    padding:			0 0 3rem 0;
    width:				100%;
    height:             auto;
    position:			relative;
    top:				1.5rem;
 
    color:				#29AEE3;    
    font-variant:		small-caps;
	font-weight:    	bold;
	font-style:	    	normal;
    text-align:         center;
	list-style-type:	none;
}

.MenuButton
{
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 auto;
    -ms-flex:			1 1 auto;
    -moz-box-flex:		1;
	flex:               1 1 auto;

    align-self:         flex-start;
    
    display:            block;				
    width:              9%;
    height:             34px;
    line-height:		28px;
    padding:            0.1rem;
    box-sizing:         border-box;
    
    /* border:             1px solid;
    border-color:       #63BEFF;
    border-radius:      6px; */
    
    background-color:   #C8E9F7;
    cursor:				pointer;
    
	color:				#29AEE3;
    font-size:			1.1rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.MenuButton.active
{
    background-color:   #DFF1FA;
}

.MenuButton:focus
{
    /* border:				2px solid #29AEE3; */
}

.MenuButton:hover
{
    background-color:	#A4E2FB;
}

.MenuButton.selected
{
    background-color:	#DFF1FA;
}

.MobileMenu
{
/*
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:	space-between;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	column;
    -ms-flex-direction:		column;
    -moz-box-direction:		normal;
    flex-direction:     	column;
 
	-webkit-flex-wrap:		nowrap;
	-ms-flex-wrap:			nowrap;
    flex-wrap:          	nowrap;
*/
 
    width:              100%;
    height:             auto;
    margin-top:			6%;
    position:			absolute;    
    
    color:				#29AEE3;
    font-variant:		small-caps;
    font-weight:		normal;

    text-align:         center;
	list-style-type:	none;
	display:			none;
}

.MobileMenu.show
{
    display:			block !important;
}

.MobileMenuButton
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:               0 1 100%;

    align-self:         flex-start;    
    
    height:             34px;
    line-height:		31px;
    padding:            0.1rem;
    box-sizing:         border-box;
    
    /* border:             1px solid;
    border-color:       #63BEFF;
    border-radius:      6px; */
        
    background-color:   #C8E9F7;
    display:            block;
    visibility:			inherited;
    cursor:				pointer;

	color:				#29AEE3;
    font-size:			1.1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.MobileMenuButton.active
{
    background-color:   #DFF1FA;
}

.MobileMenuButton:focus
{
    /* border:				2px solid #29AEE3; */
}

.MobileMenuButton:hover
{
    background-color:	#A4E2FB;
}

.MobileMenuButton.selected
{
    background-color:	#DFF1FA;
}

.MobileMenuContainer
{
   	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:               	0 1 100%;

    align-self:        		flex-start;
    
	top:					10px;
	right:					20px;	
	position:				absolute;
	background-position:	right top;
    cursor:					pointer;
	display:				none;	
	
	font-size:				1.1rem;	
	font-weight:    		normal;
	font-style:	    		normal;
}

.MobileMenuIcon
{
    width:				30px;
    max-width:			30px;
    height:				auto;
    margin-left:		137px;
    cursor:				pointer;     
    opacity:			0.7;
}

.MobileMenuIcon:hover, active
{
    opacity:			1;
}

.MobileMenuImage
{
    width:				30px;
    max-width:			30px;
    height:				auto;
    margin-top:			20%;
    margin-left:		30%;
}

.OffertBody
{
    width:			60%;
    margin:			auto;
    padding:		3rem 0 3rem 0; 
    box-sizing:     border-box;

}

.PageTitle
{	
  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    align-self:				flex-start; 

	top:					0px;
	left:					0px;
    height:					2rem;
    background-position:	left top;
    margin:					0 auto;
    position:				relative;
    padding:				0;
    box-sizing:         	border-box;
    

    font-variant:			small-caps;
    font-size:				1.5rem;
    font-weight:			bold;
    background-size:		cover;

    padding:				0 0 3rem 0; 
    box-sizing:         	border-box;

	text-align:				center;
	text-decoration:		none;
}

.PageTitle:active
{
	text-decoration:	none;	
}

.PageTitle:hover
{
	text-decoration:	none;	
}

.PageTitle:focus
{
	text-decoration:	none;	
}

.PageTitleGroup
{
    display:            	flex;
    justify-content:		flex-start;
    align-content:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

   	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    align-self:				flex-start;
	
    left:					0;
    top:					0;
    max-height:				20rem;
    position:				relative;
    padding:				3rem 6rem 1rem 6rem; 
    box-sizing:         	border-box;
    background-position:	left top;  
}

.PriceGroupCurrency
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
}

.PriceGroupLabel
{
  	-webkit-box-flex:	1;
    -webkit-flex:		1 1 80%;
    -ms-flex:			1 1 80%;
    -moz-box-flex:		1;
	flex:				1 1 80%;

    align-self:			flex-start;
    
    text-align:			left;	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
}

.PriceGroupTitle
{
    display:            flex;
    justify-content:	space-between;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
        
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
	flex:				1 1 100%;
    align-self:			flex-start;
    
	padding:			0; 
    margin-bottom:		5px;
    border-bottom:		1px solid #29AEE3;
    
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
}

.PriceInfo
{
    display:            flex;
    justify-content:	center;
	align-content:		flex-start;	

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
        
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;
    align-self:			flex-start;

    padding:			1rem 6rem 1rem 6.5rem;
    box-sizing:         border-box;

	font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;	
}

.PriceLabel
{
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 75%;
    -ms-flex:			1 1 75%;
    -moz-box-flex:		1;
	flex:				1 1 75%;
    align-self:			flex-start;
    
    text-align:			left;	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.PricePositionEven
{
    display:            flex;
    justify-content:	space-between;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
        
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
	flex:				1 1 100%;
    align-self:			flex-start;
    
    background-color:	#F0F8FF;
    
    text-align:			left;	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.PricePositionOdd
{
    display:            flex;
    justify-content:	space-between;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
        
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
	flex:				1 1 100%;
    align-self:			flex-start;
    
    text-align:			left;	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.PriceValue
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;
    align-self:			flex-start;
    
    text-align:			right;	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.RequiredStar 
{
	font-weight:	bold;
	color:			#FF0000;
}

.ShowField
{
    flex:			0 1 65%;
    
    background:		-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:		linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:			1px solid #29AEE3; 
    padding:		3px; 
    height:			18px; 

    color:			#29AEE3;
    font-size:		1rem;
}

.SubmitButton
{
    z-index:			99;
    height:				30px;
    width:				66%;
    border:				1px solid #29AEE3;
    border-radius:		12px;

    background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF);

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.SubmitButton:active
{
    background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF);
}

.SubmitButton:focus
{
    border:				2px solid #29AEE3;
}

.SubmitButton:hover
{
    background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF);
} 

.TerminateButton
{
    z-index:			99;
    height:				30px;
    width:				66%;
    border:				1px solid #29AEE3;
    border-radius:		12px;
    position:			relative;
    background-size:	cover;
    margin-bottom:		15px;

    background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF);

    cursor:				pointer;
    /*display:			none;*/
    
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.TerminateButton:active
{
    background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF);
}

.TerminateButton:focus
{
    border:				2px solid #29AEE3;
}

.TerminateButton:hover
{
    background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF);
} 

.WarnLabel
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
	flex:				0 1 100%;

	color:		red;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}


/*    ----- Media -----    */


@media (min-width: 1270px) 
{
	.MobileMenu
	{
		display:	none;
	}
}

@media (max-width: 1270px) 
{
	form
	{
		margin:			1rem 0 0 0;
    	box-sizing:		border-box;
	}

	.Info
	{
		/*top:	-4rem;*/
	}

    .Menu
    {
    	display:		none;
    }   

   .MobileMenuContainer
    {
        display:		block;
    }

	.PriceInfo
	{
		/*top:	-4rem;*/
	}
}

@media (max-width: 1024px)
{
	.BodyContainer
	{
		background:				-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 280px);
		background:				linear-gradient(		to bottom,	rgba(41, 171, 226, 0.34), #FFFFFF 280px);
		background-repeat:		no-repeat;
	}

	.Info
	{
    	padding:		1rem 2rem 5rem 2.5rem;
    	box-sizing:		border-box;
	}
	
	.InfoText
	{
	    column-count:	1;
	}
	
	.OffertBody
	{
	    width:		80%;
	    margin:		auto;
	}
} 

@media (max-width: 768px)
{
	.BodyContainer
	{
		background:				-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 240px);
		background:				linear-gradient(		to bottom,	rgba(41, 171, 226, 0.34), #FFFFFF 240px);
		background-repeat:		no-repeat;
	}

	.ContactForm
	{
		padding:		0 2rem 2rem 2rem;
    	box-sizing:		border-box;
	}

	.EmailLabel
	{
		margin:			4rem;
	}

	.HeaderLogoImage
	{
	    max-width:		500px;
	}
	
	.OffertBody
	{
	    width:		100%;
	    margin:		auto;
	}

	.PageTitleGroup
	{
	    padding:		3rem 3rem 1rem 3rem; 
    	box-sizing:		border-box;
	}
	
	.PriceGroupCurrency,
	.PriceGroupLabel,
	.PriceGroupTitle
	{
	    font-size:			1rem;
		font-weight:    	bold;
		font-style:	    	normal;
	}
	
	.PriceLabel,
	.PricePositionOdd,
	.PricePositionEven,
	.PriceValue
	{
	    font-size:			1rem;
		font-weight:    	normal;
		font-style:	    	normal;
	}

	.PriceInfo
	{
		top:	-6rem;
	}
} 

@media (max-width: 660px) 
{
	form
	{
		margin:		0 0 0 0;
	}

	.BodyContainer
	{
		background:				-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 150px);
		background:				linear-gradient(		to bottom,	rgba(41, 171, 226, 0.34), #FFFFFF 150px);
		background-repeat:		no-repeat;
	}

	.Data
	{
		justify-content:	flex-start;
		
		padding:			0.5rem 1rem 3rem 1rem;
	}

	.EmailLabel
	{
		margin:			3rem;
	}
	
	.HeaderLogoImage
	{
	    max-width:		350px;    
	}

	.HeaderTitle
	{	
		left:			96px;
		top:			4px;
	    height:			auto;
	    /*max-width:		170px;*/
	    position:		absolute;
	
	    font-variant:	small-caps;
	    font-size:		1.3rem;
	    font-weight:	bold;
	}

	.Info        
	{
	    /*top:		-40px;*/
		padding:	0 3rem 0 3rem;
	}
    
	.InfoText
	{
	    font-size:		1rem;
		font-weight:    normal;
		font-style:	    normal;	
	}

	.InfoTitle
	{
	    font-size:		1rem;
		font-weight:    bold;
		font-style:	    normal;	
	}

	.InputField,
	.InputFieldFC,
	.InputMemo,
	.InputMemoFC,
	.InputMemoL,
	.InputMemoS,
	.SubmitButton
	{
	   	-webkit-box-flex:	1;
		-webkit-flex:		1 1 100%;
		-ms-flex:			1 1 100%;
		-moz-box-flex:		1;
		flex:				1 1 100%;

		font-size:		1rem;
	}
	
	.InputLabel, .InputLabelFC
	{
	   	-webkit-box-flex:	1;
	    -webkit-flex:		1 1 100%;
	    -ms-flex:			1 1 100%;
	    -moz-box-flex:		1;
		flex:				1 1 100%;

		text-align:		left;
		font-size:		1rem;
		font-weight:    normal;
		font-style:	    normal;	
	}

	.PageTitle
	{
	    font-variant:	small-caps;
	    font-size:		1.3rem;
	    font-weight:	bold;
		font-style:	    normal;
	}

	.PageTitleGroup
	{
    	padding:		1rem 1rem 1rem 1rem; 
    	box-sizing:		border-box;
	}

	.PriceInfo
	{
		padding:		0 2rem 1rem 2rem;
    	box-sizing:		border-box;

		font-size:		1rem;
		font-weight:    normal;
		font-style:	    normal;	
	}
}

@media (max-width: 380px) 
{
	.BodyContainer
	{
		padding:		0.2rem;
    	box-sizing:		border-box;
    	
		background:				-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 120px);
		background:				linear-gradient(		to bottom,	rgba(41, 171, 226, 0.34), #FFFFFF 120px);
		background-repeat:		no-repeat;

		font-size:		1rem;
	}

	.EmailLabel
	{
		margin:			2rem;
	}

	.HeaderLogoImage
	{
	    max-width:		250px;
	}

	.InfoText
	{
	    font-size:		1rem;
		font-weight:    normal;
		font-style:	    normal;	
	}

	.InfoTitle
	{
	    font-size:		1rem;
		font-weight:    bold;
		font-style:	    normal;	
	}

	.PriceInfo
	{
		padding:		0 1rem 1rem 1rem;
    	box-sizing:		border-box;
	}

	.PriceGroupCurrency,
	.PriceGroupLabel,
	.PriceGroupTitle
	{
	    font-size:			1rem;
		font-weight:    	bold;
		font-style:	    	normal;
	}
	
	.PriceLabel 
	{
	   	-webkit-box-flex:	1;
	    -webkit-flex:		1 1 70%;
	    -ms-flex:			1 1 70%;
	    -moz-box-flex:		1;
		flex:				1 1 70%;

	    font-size:			0.9rem;
		font-weight:    	normal;
		font-style:	    	normal;
	}

	.PricePositionOdd,
	.PricePositionEven
	{
	    font-size:			0.9rem;
		font-weight:    	normal;
		font-style:	    	normal;
	}

	
	.PriceValue
	{
	   	-webkit-box-flex:	1;
	    -webkit-flex:		1 1 25%;
	    -ms-flex:			1 1 25%;
	    -moz-box-flex:		1;
		flex:				1 1 25%;

	    font-size:			0.9rem;
		font-weight:    	normal;
		font-style:	    	normal;
	}
}

	
@media (max-width: 300px) 
{
	.EmailLabel
	{
		font-size:			0.9rem;
	}
}