@charset "utf-8";


html, body {height:100%}
body {
	background-color: #ffffff;
	font-family: "Open Sans Light", Arial, Helvetica;
	color: #666666;
	font-size:1em;
	line-height:1.4;}
	

.bg-primary {background-color: #376092;}
.bg-secondary {background-color: #cbad2b;}
.bg-white {background-color:#ffffff;}
.bg-black {background-color:#000000;}

/* COLOR BLUE --- Light rgba(86,120,163,1) / #5678a3 -- Norm rgba(55,96,146,1) / #376092 -- Dark rgba(41,72,109,1) / #29486d */
/* COLOR GOLD --- Light rgba(211,186,75,1) / #d3ba4b -- Norm rgba(203,173,43,1) / #cbad2b -- Dark rgba(152,130,32,1) / #988220 */

*			{margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
a			{text-decoration:none; color:#376092;}
a:hover		{color:#cccccc;}


h1, .h1 {    
    font-size: 2.5em;
    font-style: normal;
    font-weight: 400;
	color: #cbad2b;
    line-height: 1.2;
    letter-spacing: 0.01em;
	text-transform:uppercase;
	margin:0 0 25px;
	text-align:center;
}
h2, .h2			{
	color: #376092;
	font-size:2em;
	letter-spacing:1px;
	line-height:1.2;
	margin:25px 0}
h3, .h3			{font-size:1.25em;font-style:italic;margin:10px 0 15px;color: #cbad2b; text-align:center}
h4, .h4			{font-size:1em;font-weight:bold;color:#376092; padding:5px 0}
h5, .h5			{font-size:1.8em;margin:5px 0 3px; color:#376092; font-weight:bold; font-style:italic}
h6, .h6			{
	font-size:1.025em; 
	color:#376092; 
	font-weight:bold; 
	padding:0 0 5px; 
	text-transform:uppercase;}
p			{margin:0 0 14px}
.small		{font-size:60%}
.medium		{font-size:80%}
ul			{list-style:none}
img			{border:0}
hr			{border-bottom:1px dotted #cccccc; height:1px; width:50%; border-top:0; border-left:0; margin:10px auto; display:block}
.b			{font-weight:bold}
.normal		{font-weight:normal}
.i			{font-style:italic}
.sup		{vertical-align:super; font-size:75%}
.left		{text-align:left !important}
.right		{text-align:right !important}
.center		{text-align:center !important}
.cie		{font-weight:bold; color:#376092}
.prod		{font-style:italic;font-weight:bold; color:#376092}
.marg_auto	{margin:0 auto}
/*.marg-bot-145	{margin:auto 0 145px !important}*/
.important	{color:#ff0000}
.floatleft	{float:left}
.floatright	{float:right}
.nofloat	{float:none !important}
.nomargin 	{margin-bottom: 0px}
.noleftmargin {margin-left: 0px; padding-left: 0px; }
.nopadding 	{padding: 0px}
.clear 		{clear: both}
.show		{display:block !important}
.hide, .lang		{display:none !important;}
.pad-top-6 	{padding:6px 0 0}
.pad-tb-10	{padding:10px 0}
.pad-rl-20	{padding:0 30px}
.marg-t-15	{margin-top:15px}
.marg-tb-15	{margin:15px 0}
.marg-left-15 {margin:0 0 0 15px}
.block		{display:block}
.inline-block {display:inline-block}
.fullheight	{height:100%}
.txt-white	{color:#ffffff}
.txt-yellow	{color:#cbad2b}
.txt-black	{color:#000000}
.txt-blue	{color:#376092}
.bckgrnd-blue1 { background-color:#376092}
.bckgrnd-blue2 { background-color:#29486d !important}
.bckgrnd-yellow1 { background-color:#cbad2b}
.marg-t50	{margin-top:50px}
.pad-tb50	{padding-top:50px; padding-bottom:50px}

@media screen and (max-width : 768px){
	body	{font-size:1.025em;line-height: 1.2}
	h1, .h1 {font-size:2.25em;line-height: 1.2;letter-spacing: normal; margin:0 0 20px}
	h2, .h2	{font-size:2.25em;letter-spacing: normal;line-height:1.2;margin:20px 0}
	hr		{margin:1% auto;}
	p		{margin:0 0 10px 0}
	.marg-t50	{margin-top:40px}
	.pad-tb50	{padding-top:40px; padding-bottom:40px}
}
@media screen and (max-width : 640px){
	h1, .h1 {font-size:2.125em; margin:0 0 15px}
	h2, .h2	{font-size:2.125em;margin:15px 0}

	hr		{margin:8px auto;}
	.fullheight	{height: auto}
	.marg-t50	{margin-top:25px}
	.pad-tb50	{padding-top:25px; padding-bottom:25px}
}
@media screen and (max-width : 480px){
	body	{font-size:1em;line-height: 1}
	h1, .h1 {font-size:1.75em; margin:0 2px 10px}
	h2, .h2	{font-size:1.75em;margin:8px 0}
	h5, .h5	{font-size:1.5em}
	h6, .h6	{font-size:1em}
}
@media screen and (max-width : 320px){
	h1, .h1 {font-size:1.5em}
	h2, .h2	{font-size:1.5em;margin:2px 0}
}


/* GRID */
/*.row 			{max-width: 1100px;margin: 0 auto;padding: 0 -10px}*/
.row 			{padding: 0 -10px}
.row .row {width: auto;max-width: none;margin: 0 -10px;}
[class*="col-"] {float: left;padding: 0 10px;}
[class*="col-"] > [class*="col-"] {padding:0 2px}


.col-00	{width:0%}
.col-01 {width:8.33333%}
.col-02 {width:16.66667%}
.col-03 {width:25%}
.col-04 {width:33.33333%}
.col-05 {width:41.66667%}
.col-06 {width:50%}
.col-07 {width:58.33333%}
.col-08 {width:66.66667%}
.col-09 {width:75%}
.col-10 {width:83.33333%}
.col-11 {width:91.66667%}
.col-12 {width:100%}
.col-13 {width:20%}
.col-14 {width:80%}
.col-last {
    margin-right: 0 !important;
    float: right;
    clear: right;}
	
.col-equal {width:33.3333%; display:table-cell; float:left}
.col-equal:nth-of-type(3n)	{display:block}
.row 	{*zoom:1}
.row:before,.row:after {content: ""; display: table;}
.row:after {clear: both}
@media screen and (max-width : 768px){
	.row {padding: 0 -8px}
	[class*="col-"] {padding:0 8px}
	.m-col-00 {display:none}
	.m-col-01 {width:8.33333%}
	.m-col-02 {width:16.66667%}
	.m-col-03 {width:25%}
	.m-col-04 {width:33.33333%}
	.m-col-05 {width:41.66667%}
	.m-col-06 {width:50%}
	.m-col-07 {width:58.33333%}
	.m-col-08 {width:66.66667%}
	.m-col-09 {width:75%}
	.m-col-10 {width:83.33333%}
	.m-col-11 {width:91.66667%}
	.m-col-12 {width:100%}
	.m-col-13 {width:20%}
	.m-col-14 {width:80%}
}
@media screen and (max-width : 640px){
	.s-col-00 {display:none}
	.s-col-01 {width:8.33333%}
	.s-col-02 {width:16.66667%}
	.s-col-03 {width:25%}
	.s-col-04 {width:33.33333%}
	.s-col-05 {width:41.66667%}
	.s-col-06 {width:50%}
	.s-col-07 {width:58.33333%}
	.s-col-08 {width:66.66667%}
	.s-col-09 {width:75%}
	.s-col-10 {width:83.33333%}
	.s-col-11 {width:91.66667%}
	.s-col-12 {width:100%}
	.s-col-13 {width:20%}
	.s-col-14 {width:80%}
}
@media screen and (max-width : 480px){
	.xs-col-00 {display:none}
	.xs-col-01 {width:8.33333%}
	.xs-col-02 {width:16.66667%}
	.xs-col-03 {width:25%}
	.xs-col-04 {width:33.33333%}
	.xs-col-05 {width:41.66667%}
	.xs-col-06 {width:50%}
	.xs-col-07 {width:58.33/333%}
	.xs-col-08 {width:66.66667%}
	.xs-col-09 {width:75%}
	.xs-col-10 {width:83.33333%}
	.xs-col-11 {width:91.66667%}
	.xs-col-12 {width:100%}
	.xs-col-13 {width:20%}
	.xs-col-14 {width:80%}
}
@media screen and (max-width : 320px){
	.xxs-col-00 {display:none}
	.xxs-col-01 {width:8.33333%}
	.xxs-col-02 {width:16.66667%}
	.xxs-col-03 {width:25%}
	.xxs-col-04 {width:33.33333%}
	.xxs-col-05 {width:41.66667%}
	.xxs-col-06 {width:50%}
	.xxs-col-07 {width:58.33333%}
	.xxs-col-08 {width:66.66667%}
	.xxs-col-09 {width:75%}
	.xxs-col-10 {width:83.33333%}
	.xxs-col-11 {width:91.66667%}
	.xxs-col-12 {width:100%}
	.xxs-col-13 {width:20%}
	.xxs-col-14 {width:80%}
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block}

.quotes:before, .quotes:after	{position:relative; top:-0.25em; font-size:0.75em}
.quotes:before	{content: "\275D"; padding-right:5px}
.quotes:after	{content: "\275E"; padding-left:5px}

.v-align-middle {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0%;
    -moz-transform: translate(0%, -50%);
    -transform: translate(0%, -50%);
    transform: translate(0%, -50%);}
	
/* HEADER */	
header		{
	position: relative;
	background-color: rgba(255,255,255,1);
	width: 100%; 
	z-index:50;}	
/*.header-top			{position:relative;width:100%;background-color:#000000;}*/
.header-top			{position:relative;width:100%;background-color:#376092;}
.top-navbar			{
	font-size: 1.125em;
	color:#cbad2b; 
	padding:10px 0; 
	display:inline-block; 
	width:100%; 
	text-align:right;}
.top-navbar a	 	{display: inline-block;padding: 0 4px; color:#cbad2b}
.top-navbar a:hover {color: #cfcfcf;}
.top-navbar .fa		{padding:0 0 0 30px}


.header-bottom		{}		
.logo			{padding:10px 0}
.logo a			{display:block}
.logo img		{display:block; height:75px}
@media screen and (max-width : 768px){
	.header-top	{ text-align:center/*display: none*/}
	.top-navbar			{
		font-size: 1.125em;
		text-align:center;}
	.logo		{padding:5px 0}
	.logo img	{height:60px}
}
@media screen and (max-width : 640px){
	.header-top	{display: none}
	.logo		{padding:5px 0}
	.logo img	{height:50px}
}
@media screen and (max-width : 480px){
	.logo		{padding:5px 0}
	.logo img	{height:50px}
}

/* MENU */

#nav			{}
#nav .menu 		{float:right;position: relative}

#nav .menu li a {color:#376092}
#nav .menu li a:hover {color:#cbad2b}
#nav .menu > li {float: left;text-align: left;}
#nav .menu li a {display: block}
#nav .menu > li > a {
    display: block;
	padding: 29px 8px;
	position:relative;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	text-transform:uppercase;
}
#nav .menu > li:hover > a, .menu > a:hover {
    background-color: #ffffff;
    color:#cbad2b;
}
#nav .menu > li:last-child > a {padding-right:0;}
#nav .menu > li:hover > a, .menu > a:hover {
    background-color: #ffffff;
    color: #cbad2b;
}
#nav .menu li.active > a {
    background-color: #cccccc;
    color: #FFFFFF}

/* submenu */
#nav .menu ul.sub-menu	{
    background-color: #FFFFFF;
    display: none;
    position: absolute;
/*    left: 50%;
	transform: translateX(-50%);
    width: 100%;
	padding:20px 20px;
	text-align:center;*/
	z-index:100;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	border-top:2px solid #cbad2b;
	top:80px;
}
#nav .menu ul.mega-menu	{
    left: 50%;
	transform: translateX(-50%);
    width: 100%;
	padding:20px 20px;
	text-align:center;
}
#nav .menu li:hover ul.sub-menu {display: block}
#nav .menu ul.sub-menu > li {
    display: inline-block;
    float: none;
    vertical-align: top;
	text-align: center;
	padding:0 20px 5px}
#nav .menu ul.sub-menu > li span	{
	font-weight:bold;
	padding:0 0 2px 0;
	font-size:0.963em;
	text-transform:uppercase;
/*	text-decoration:underline;*/
}
/*#nav .menu ul.sub-menu > li a	{color:inherit}
#nav .menu ul li a:hover	{color:inherit}*/
#nav .menu ul.sub-menu > li > a {text-transform: uppercase; font-weight:bold; padding-bottom:2px}
#nav .menu ul.sub-menu > li li 	{float: none; padding:0 10px 5px 5px;}

#nav .menu-btn {display: none;}
#nav .menu-btn:checked ~ .menu {display:block}
#nav .menu-btn:checked ~ .menu-icon .navicon {background: transparent}

#nav .menu .menu-mobile {display:none}
.dropdown-menu		{
	padding: 9px 0;
	display: inline-block;
	position: relative;	
}
.dropdown-menu:after	{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: "\f107";
	margin-left: 5px;
	font-size: 16px
}
/*.dropdown-menu:hover:after	{
   content: "\f106";   
}*/
.sub-menu-icon > a > i {display:block;font-size:3em}
@media screen and (max-width : 768px){	
	#nav 			{
		width:100px;
		float:none;
		position:absolute;
		height:70px;
		padding:20px 0;
		right:0}
/*	#nav 			{
		width:100%;
		float:none;
		position:absolute;
		height:70px;
		padding:20px 0}*/			
	#nav .main-nav 	{display:block; margin:0}
	#nav .menu 		{
		position: fixed;
		display:none; 		
		background-color: #ffffff;/*376092*/
		z-index:10;
		max-width:320px;
		width:100%;
		top:112px;
		bottom:0;
		right:0;
		padding:5px 10px 0;}
	#nav .menu li	{
		border-bottom:1px solid #e8e8e8;
		line-height:35px;
		}	
/*	#nav .menu li a {color:#376092}cbad2b*/
    #nav .menu > li {float: none;display:block}
	#nav .menu > li > a {padding: 8px 5px;border-bottom:2px}
	#nav .menu > li:hover > a, .menu > a:hover {
		background-color: rgba(255,255,255,0.8);
/*		color:#376092	*/}
	#nav .menu ul.sub-menu	{
		background-color:#376092;
		position:relative;
		left: 0;
		transform:none;
		padding:0 20px;
		z-index: inherit;
		border-top:0 !important;
		top:0;
	}		
    #nav .menu li:hover ul.sub-menu {
        display: none;
		background-color: rgba(255,255,255,0.8);
		color:#cbad2b;
    }
	#nav .menu ul.sub-menu > li {padding:0 10px 5px; text-align:left}
	#nav .menu ul.sub-menu > li h6	{color:#cbad2b}
	
    #nav .menu li #s1:target + ul.sub-menu,
    #nav .menu li #s2:target + ul.sub-menu,
    #nav .menu li #s4:target + ul.sub-menu {
        display: block;
    }

    #nav .menu ul.sub-menu > li {
		display: block; 
		margin:0 auto}		
	#nav .menu-icon 		{
		cursor: pointer;
		display:inline-block;
		float:right;
		padding:15px 10px;
		position:relative;
		z-index:100}
	#nav .menu-icon .navicon 	{
		background: #666666;
		display: block;
		height: 2px;
		position: relative;
		transition: background .2s ease-out;
		-moz-transition: background .2s ease-out;
		-webkit-transition: background .2s ease-out;
		width: 20px;}
		
	#nav .menu-icon .navicon:before, #nav .menu-icon .navicon:after		{
		background: #666666;
		content: '';
		display: block;
		height: 100%;
		position: absolute;
		transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
		width: 100%}
	#nav .menu-icon .navicon:before {top: 6px}
	#nav .menu-icon .navicon:after {top: -6px}	

	#nav .menu-btn:checked ~ .menu-icon .navicon:before {
		transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg)}

	#nav .menu-btn:checked ~ .menu-icon .navicon:after {
		transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg)}

	#nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	#nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
		top: 0}		
	#nav .menu .menu-mobile {display: block}
	.dropdown-menu:after	{position:absolute;right:10px}
	.sub-menu-icon > a > i	{display:inline-block;font-size:1.25em; padding:0 5px 0 0}
}
@media screen and (max-width : 640px){	
	#nav 			{height:60px;padding:10px 0}	
	#nav .menu 		{top:60px;}/*padding:20px 0 0;*/
	#nav .menu-icon	{padding: 20px 10px}
	#nav li a		{padding:7px 0}
}
@media screen and (max-width : 480px){
	#nav .menu 		{max-width: none;}
}
@media screen and (max-width : 320px){
}



/* BANNER */
#banner			{
	background-color:#376092; padding:0}
#banner .banner	{
	width:100%;
	margin: 0 auto;
	background-size:cover;
	background-position:center center}
	
#banner .banner-content			{
	padding:50px 0;
	background-color:rgba(0,0,0,0.7);}
#banner .banner-title 	{
	text-transform:uppercase;
	color:#cbad2b !important;
	font-weight:400;
	font-size:2.25em;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(41,72,109,1);}	
/*#banner .banner-txt	 	{font-size:1.25em;font-style:italic; padding:0; display:none}*/

@media screen and (max-width : 992px){
/*	#banner .banner			{height:250px}*/	
	
	#banner .banner-content	{padding:40px 0;}
	#banner .banner-title {font-size:2em}
}
@media screen and (max-width : 768px){
/*	#banner .banner 		{height:200px}*/
	#banner .banner-content	{padding:30px 0;}	
	#banner .banner-title	{font-size:2em}
	#banner .banner-title p	{font-size:1em}
}
@media screen and (max-width : 640px){
/*	#banner .banner 		{height:150px}*/	
	#banner .banner-content	{padding:30px 0;}
	#banner .banner-title	{font-size:1.75em}
}
@media screen and (max-width : 480px){
/*	#banner .banner 		{height:100px}	*/
	#banner .banner-content	{padding:20px 0;}
	#banner .banner-title	{font-size:1.5em}
}
@media screen and (max-width : 320px){
/*	#banner .banner 		{height:80px}	*/
}
/* SLIDESHOW */

#myslideFrame			{width:100%;margin: 0 auto;position:relative; height:350px}
#myslideFrame			{background-position:right; background-repeat:no-repeat; background-size:cover}
#myslideFrame:before 	{content: "";}
#myslideFrame .mySlides	{
	height:350px;
/*	background:no-repeat right;*/
	background-color:rgba(0,0,0,0.7);
	width: 100%;
	display: none;}

#myslideFrame .slide-content		{
	position: relative;
	text-align:left;
	color:#cbad2b !important; 
/*	width:90%;*/
	margin:0 auto;
	display:block;
	max-width:1000px;}
/**/
#myslideFrame .slide-content {height:100%}

#myslideFrame .slide-text	{
	position: absolute;
	z-index: 20;
	width:100%;
	text-align:center !important;	
    top: 50%;
    left: 0;
    -moz-transform: translate(0, -50%);
    -transform: translate(0, -50%);
    transform: translate(0, -50%);
	padding:0 30px}

/*#myslideFrame .slide-text h2	{text-shadow: 1px 1px 1px rgba(41,72,109,1);}*/
#myslideFrame .slide-text div:nth-of-type(1)	{
	font-weight:bold;
	font-size:2.25em;
	text-align:left;}
#myslideFrame .slide-text div:nth-of-type(2)	{
	font-style:italic;
	font-size:1.125em;
	text-align:left;
	padding:10px 0 0;
	color:#ffffff;
	width:100%}
/*#myslideFrame .slide-text div:nth-of-type(3)	{text-align:left;}*/

.markers	{
	text-align:center; 
	margin:16px 0; 
	font-size:18px; 
	color:#ffffff;
	position:absolute;
	left:0;
	bottom:0; 
	width:100%; 
	z-index:5; 
	display:none}
.marker-nav	{
	cursor:pointer;
	height:10px;
	width:40px;
	padding:0;
	background-color: transparent;
	color:#ffffff;
	display:inline-block;
	text-align:center;
	border-radius:2px;
	border:1px solid #ccc}
.marker-nav:hover 	{color:#000000;background-color:rgba(255,255,255,0.7)}
.marker-nav-auto	{border-color:#cbad2b; background-color:rgba(203,173,43,1)}
.marker-nav-auto:hover	{border-color:#cbad2b; background-color:rgba(203,173,43,0.7)}

@keyframes fade {
  0%   		{opacity: 0}
  15%		{opacity: 1}
  90%		{opacity: 1}
  100%		{opacity: 0}
}

@media screen and (max-width : 992px){
	#myslideFrame, #myslideFrame .mySlides	{height:275px}
}
@media screen and (max-width : 768px){
	#myslideFrame, #myslideFrame .mySlides	{height:225px}
/*	#myslideFrame .mySlides img	{width:325px}*/
	#myslideFrame .slide-content	{max-width: none;}
	#myslideFrame .slide-text	{padding:0 20px}
	#myslideFrame .slide-text div:nth-of-type(1)	{font-size:1.75em}
	#myslideFrame .slide-text div:nth-of-type(2)	{font-size:1.125em}
}
@media screen and (max-width : 640px){
	#myslideFrame, #myslideFrame .mySlides	{height:200px}
/*	#myslideFrame .mySlides img	{width:250px}
	#myslideFrame .slide-content		{width:98%}
	#myslideFrame .slide-text		{ top:45% !important}*/
	#myslideFrame .slide-text div:nth-of-type(1)	{font-size:1.5em}
	#myslideFrame .slide-text div:nth-of-type(2)	{font-size:1.125em}
	.markers	{margin:10px 0; font-size:18px}
}
@media screen and (max-width : 480px){
	#myslideFrame, #myslideFrame .mySlides	{height:150px}
/*	#myslideFrame .mySlides img	{width:175px; opacity:0.7}
	#myslideFrame .slide-content		{width:98%}*/
	#myslideFrame .slide-text	{padding:0 10px}
	#myslideFrame .slide-text div:nth-of-type(1)	{font-size:1.25em}
	#myslideFrame .slide-text div:nth-of-type(2)	{font-size:1em;width:100%;padding:5px 0 3px;}
}
@media screen and (max-width : 320px){
/*	#myslideFrame .slide-content		{width:98%}*/
	#myslideFrame .slide-text div:nth-of-type(1)	{font-size:1.25em}
	#myslideFrame .slide-text div:nth-of-type(2)	{font-size:1em;padding:2px 0;}
}

/* CONTENT */
/*#content {margin:40px 0 0}*/
.section 		{position:relative; margin-bottom:30px}
.content 		{margin:30px 0 0}
.container-full {width:100%}
.container 		{
	max-width: 1100px; 
	margin:0 auto; 
	padding:0 25px}

@media screen and (max-width : 992px){
	.container 	{max-width: none;padding:0 20px}
}
@media screen and (max-width : 768px){
	.container 	{padding:0 15px}
	.content 	{margin:25px 0 0}
	.section 	{margin-bottom:20px}
}
@media screen and (max-width : 640px){
	.container 	{padding:0 10px}
}
@media screen and (max-width : 480px){
	.container 	{padding:0 5px}
	.content {margin:0}
}
@media screen and (max-width : 320px){
	.container 	{padding:0 2px}
}

.section-headline {
	background-color:#376092; 
	padding:40px 30px; 
	margin:40px 0}
.section-headline h5 {
	text-align:center; 
	color:#cbad2b !important;
	font-size:1.75em;
	font-weight:normal}
/*.section-headline > div:nth-of-type(1)	{float:right}*/
.section-headline div	{}
.section-headline img {width:100%;padding:10px}
.section-headline > div	{display:table; padding:2}
.section-headline .headline-text {
	text-align:center !important;
	display: table-cell;
	vertical-align:middle;
	height:100%;
	width:100%;
	padding:5% 2%}
.section-headline .headline-text > div:nth-of-type(1) {font-size:2.5em;font-weight:bold;color: #376092;font-family:Raleway600;}
.section-headline .headline-text > div:nth-of-type(2) {font-size:1.5em; font-style:italic}

@media screen and (max-width : 992px){
	.section-headline h5 {font-size:1.75em;}
	.section-headline .headline-text > div:nth-of-type(1) {font-size:2.25em}
	.section-headline .headline-text > div:nth-of-type(2) {font-size:1.25em}
}	
@media screen and (max-width : 768px){
	.section-headline {padding:30px 15px; margin:30px 0}
	.section-headline h5 {font-size:1.5em;}
	.section-headline .headline-text > div:nth-of-type(1) {font-size:2.25em}
	.section-headline .headline-text > div:nth-of-type(2) {font-size:1.25em}
}
@media screen and (max-width : 640px){
/*	#content {margin:10px 0 0; font-size:1em;}
	.section {padding:5px 10px 20px!important}*/
	.section-headline {padding:25px 10px; margin:25px 0}
	.section-headline .headline-text > div:nth-of-type(1) {font-size:2em}
	.section-headline .headline-text > div:nth-of-type(2) {font-size:1.125em}
}
@media screen and (max-width : 480px){
/*	.section {padding:5px 5px 15px!important}*/
	.section-headline {padding:25px 10px; margin:15px 0 20px}
	.section-headline h5 {font-size:1.375em;}
	.section-headline > div	{display:table; padding:0% 2%}
	.section-headline .headline-text {padding:2% 0%}
	.section-headline .headline-text > div:nth-of-type(1) {font-size:1.75em}
	.section-headline .headline-text > div:nth-of-type(2) {font-size:1em}
	.js-equal-height, .js-equal-height-2	{height:0% !important}
}
@media screen and (max-width : 320px){
/*	.section {padding:5px 0px 15px!important}*/
	.section-headline .headline-text > div:nth-of-type(1) {font-size:1.5em}
	.section-headline .headline-text > div:nth-of-type(2) {font-size:0.75em}
}

.home-section {}
.about-section {}
.team-section {}
.reservation-section {}
.contact-section {}

/* LIST */
.list-2col li	{float:left; width:50%}
.list-3col li	{float:left; width:33.33%}
.list-4col li	{float:left; width:25%}
.list-bullet 	{margin: 0 2em 1em;}	
.list-bullet > li {position: relative; padding:0 2px 10px}
.list-bullet-check > li:before {
    position: absolute;
    left: -1.25em;
    width: 1.25em;
	font-family:FontAwesome;
	color: #376092;}
	
.list-bullet-check > li:before {
	content: "\f00c";
	top:1px;}
	
.list-bullet-rcarret > li a:before {
	content: "\00203A"}

.list-icon {padding:0 20px;	}
.list-icon > li {position: relative; padding:1px 0 5px 15px}	
.list-icon > li .fa {}
.list-icon > li .fa:before {
    position: absolute;
    left: 0;
    width: 1em;
	color: #376092;
	top:2px;
	font-size:1.125em;}
	

@media screen and (max-width : 768px){
	.list-2col li, .list-3col li, .list-4col li	{
		float:left; width:50%}
	.list-bullet 	{margin: 0 1.5em 10px;}
}
@media screen and (max-width : 640px){
	.list-2col li, .list-3col li, .list-4col li	{
		float:left; width:100%}
	.list-bullet 	{margin: 0 1em 1.125em 1em;}
}
@media screen and (max-width : 480px){
	.list-bullet 	{margin:0 0.5em 1em 1.25em;}
	.list-icon {padding:0 10px;	}
	.list-icon > li {position: relative; padding:1px 0 5px 15px}
}
@media screen and (max-width : 320px){
}


#back2Top {
    font-size: 1.5em;
    width: 40px;
    line-height: 40px;
	padding:0 0 3px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    text-align: center;
	border-radius:5px 0 0 5px;}
#back2Top:hover {background-color: #376092;}
@media screen and (max-width : 480px){
	#back2Top {
		font-size: 1.25em;
		width: 30px;
		line-height: 30px;
		padding:0 0 3px;
		bottom: 30px;
		border-radius:5px 0 0 5px;}
}


.address li			{display:inline-block; float:left}
.address li:nth-child(odd)	{width:7%; text-align:right;}
.address li:nth-child(even)	{width:92%; padding:0 10px}

@media screen and (max-width : 768px){			
}
@media screen and (max-width : 640px){			
}
@media screen and (max-width : 320px){			
}

/*376092
cbad2b
*/

/* FOOTER */
footer 	{ 
	background: #000000;
	color: #cccccc;
	margin: 45px 0 0 0;
	border-top:10px solid rgba(255,255,255,0.3); /**/
	width:100%;
	display:block}

footer a 		{color:#cccccc}
footer a:hover 	{color:#efefef}
footer .cie		{color: #cbad2b; font-size:large}
.footer-top 	{
	padding: 40px 0 30px;
	font-size:1em;}
footer .social-media {display:none}
footer .social-media .social-icon {
	display:inline-block;
	text-align:center!important;
	margin: 4px 5px;
    width: 34px;
    height: 34px;
    font-size: 1rem;
    line-height: 30px !important;
    text-shadow: none;
    border: 2px solid;
    border-radius: 8px;
    overflow: hidden;
	background-color:rgba(255,255,255,0.1)}
footer .social-media .social-icon:hover {background-color:rgba(255,255,255,0.5)}
footer .social-media .social-icon i {
    display: inline-block;
    position: relative;
}	
.footer-top-block	{margin:0 15px 15px 0}
.footer-bottom {
	font-size: 1em;
	border-top:#444444 1px solid;
	padding: 15px 0;
	text-align:center;
	background-color: rgba(255,255,255,0.05)}
/*.footer-bottom span {display:inline-block}*/
.footer-logo 	{ width:200px}

.liens, .infoettre, .contact {} 
/*.footer-bottom span { display:inline-block;padding:0 5px}*/
.copyright, .conception	{padding:0 5px}
.copyright	{border-right:4px double  rgba(255,255,255,0.4)}
@media screen and (max-width : 768px){
	footer 	{margin: 30px 0 0 0; border-top-width:3px}
	.footer-top		{padding: 15px 0}
	.footer-bottom	{padding: 10px 0}
}
@media screen and (max-width : 640px){
	.footer-logo 	{ width:150px}
}
@media screen and (max-width : 480px){
	footer 	{margin: 20px 0 0 0; border-top-width:3px}
	footer .footer .social-icon {
		margin: 2px 5px;
		width: 30px;
		height: 30px;
		font-size: 0.963rem;
		line-height: 25px !important;
		border: 2px solid;
		border-radius: 8px;)}
	.copyright	{border-right:0}
	.copyright, .conception	{ display:block}
}
@media screen and (max-width : 320px){
}


/* DIVIDER */
.divider-01 {overflow: hidden;text-align: center}
.divider-01:before, .divider-01:after {
    content: "";
    display: inline-block;
    height: 3px;
    position: relative;
    vertical-align: middle;
    width: 50%;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.divider-01:before {right: 0.5em;margin-left: -50%}
.divider-01:after {left: 0.5em;margin-right: -50%}	

.divider-02 {
	text-align: center;
    content: "";
    display: block;
    height: 3px;
    width: 310px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	margin:5px auto;
}

@media screen and (max-width : 480px){
	.divider-02 {width: 100%;}
}


/* BUTTONS */
#button .button {
	text-align:center;
	margin:30px 0;}
#button .button a {
	width:125px;}

.btn {/*, .btn-mini */
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin:0 15px;
	padding: 10px;
}
.btn-mini {
    font-size: 12px !important;
	padding:2px !important;
	vertical-align:middle;
	width:20px;
	height:20px;
}
.btn-mini[class*='fa-'] {padding:0}
.btn-primary {
    color: #ffffff !important;
    background-color: #376092;
    border: 1px solid #376092;
}
.btn-primary:hover {
	color:#376092 !important;
    background-color: #ffffff;
    border: 1px solid #376092;}
	
/* COLOR BLUE --- Light #5678a3 -- Norm #376092 -- Dark #29486d */
/* COLOR GOLD --- Light #d3ba4b -- Norm #cbad2b -- Dark #988220 */
.btn-primary-2 {
    color: #fff;
    background-color: #cbad2b;
    border: 1px solid #988220;

}
.btn-primary-2:hover {
    background-color: #d3ba4b;
    border: 1px solid #cbad2b;}
/*.btn:first-child {margin-left: 0}*/

@media screen and (max-width : 640px){
	#button .button {margin:25px 0;}
}
@media screen and (max-width : 480px){
	#button .button {margin:15px 0;}
	.btn {
		margin:0 10px;
		padding: 8px;}
}

input, textarea {margin-left: 0;}
label {font-weight: bold;margin: 0 0 2px 0;}
.form		{
	display:block;
	padding:15px 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px}
	
.form label	{display:none}
input[type="text"], textarea, select {
	font-family: inherit;
	font-size:0.875em;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	color: rgba(0, 0, 0, 0.75); 
	display: block;
	margin: 1px 0 12px 0; 
	padding: 6px; 
	width: 100%;
	border: 1px solid #cccccc;
	background-color:#efefef; 
	outline:none;
}
textarea 	{height: 115px;resize: none; }
input[type="text"]:focus, textarea:focus, select:focus, input[type="checkbox"]:focus, input[type="radio"]:focus 
	{border-color:rgba(0, 171, 188, 0.75);}
placeholder, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder
	{color:#777777 !important}

input[type="checkbox"], input[type="radio"] {margin: 0 10px 0 5px}
input[type="checkbox"]:first-child, input[type="radio"]:first-child {margin:0 5px} 
.important					{color:#ff0000; margin:0 0 0 0.5%;}
/* honeypot */

.solutions-table {
	display:table; 
	background-color:#376092;
	width:100%;
	border:1px solid #29486d;
	border-radius:10px;}
.solutions-table > div {display:table-row; color:#376092;}
.solutions-table > div:first-child {
	color:#cbad2b;
	background-color: transparent !important;
	-moz-border-radius: 10px 10px 0 0 !important}
.solutions-table > div > div {display:table-cell; padding:3px 2px}
.solutions-table > div:nth-child(even) {background-color:#e9e9e9; border-top:1px solid #999999;border-bottom:1px solid #999999;}
.solutions-table > div:nth-child(odd) {background-color:#dddddd;}
.solutions-table > p, .solutions-table > div > div:first-child { text-align:left}
.solutions-table > div span {display:inline-block}

/* LIGHTBOX */
.lb {
   margin: 10px;
   float: left;
   border: 1 solid rgba(55,96,146,1);
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.lb .overlay {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   right:0;
   bottom:0;
}
.lb img {
   display: block;
   position: relative;
   width: 100%;
}
.lb h2 {
	width:100%;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 1.25em;
   padding: 15px;
   background: rgba(55,96,146,0.8);
   top: calc(50% - 50%);
   margin:0;
}

/* LIGHTBOX-01*/
.lb-01 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.lb-01 .overlay {
   background-color: rgba(0,0,0,0);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.lb-01:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.lb-01:hover .overlay {
   background-color: rgba(0,0,0,0);
}

@media screen and (max-width : 992px){
	.lb h2 {
	   font-size: 1.125em;
	   padding: 15px 10px;
	}
}

@media screen and (max-width : 768px){
	.lb {
	   margin: 10px 50px;
	   float: none;
	}
	.lb h2 {
	   font-size: 1.50em;
	   padding: 15px;
	}
}

@media screen and (max-width : 640px){
	.lb {
	   margin: 10px 20px;
	}
	.lb h2 {
	   font-size: 1.250em;
	   padding: 10px;
	}
}

@media screen and (max-width : 420px){
	.lb {
	   margin: 8px 0;
	}
	.lb h2 {
	   font-size: 1em;
	   padding: 8px;
	}
}


.logo-construction	{
	margin:50px 0 20px;
	max-width:300px;
	width:90%;
}
.h1-construction	{
	margin:0 0 10px;
	font-weight:bold;
}
.h5-construction	{
}
footer.footer-construction		{ 
	font-family: "Open Sans", Arial, Helvetica;
	background: #ffffff;
	color: #5678a3;
	margin: 20px 0 0 0;
	border-top:10px solid rgba(255,255,255,0.3); /**/
	width:100%;
	display:block}
	
footer.footer-construction .footer-top		{ 
	padding: 20px 0 20px;}
/*footer.footer-construction .footer-bottom span		{ 
	width: 50%;
	
}*/

.slogan {
}
.slogan h4 {
	font-size:1.125em;
}