* {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

body{
	width: 100%;
	height: 100%;
	background: #fff;
	margin: 0 auto;

	font-family: 'merriweatherregular', Georgia, serif;
	font-size: 16px;
	line-height: 1.5rem;
	font-weight: 400;
	color: #333;
}
@media screen and (max-width:640px){
	body { 
		font-size: 12px; 
		line-height: 18px;
	}
}

h1, h2, h3 { 
	font-family: 'merriweatherbold', Georgia, serif;
	font-weight: 400;
}

h3 {
	text-transform: normal;
}

strong, b { 
	font-family: 'merriweatherbold', Georgia, serif;
}

ul { list-style-type: none; }

footer { display: block; }

img { display: block; }
a img:hover { opacity: .8; }
a { color: rgba(51,51,51,1); }
a:hover, button:hover { cursor: pointer; }



/******************** MENU LAPTOP ********************/

.none { display: none; }

#menu { background: #e6e6e6; }

.menu-info {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

.logo-mn {
	float: left;
}

.bsl {
	float: left;
	display: inline-block;
	padding: 1.5rem 0;
    font-family: 'merriweatherbold', Georgia, serif;
	font-size: 1rem;
	color: #0a1f33;
}
.bsl span {
    font-family: 'merriweatherregular', Georgia, serif;
    font-size: .75rem;
	color: #0a1f33;
}

.btn-ctt,
.btn-hdr {
	float: right;
	display: inline-block;
	margin: 1rem 0 1rem 1rem;
	padding: .6rem 1rem.4rem;
	background: none;
    font-family: 'oswald_regularregular', Arial, sans-serif;
	font-size: 1rem;
	color: #666;
	text-decoration: none;
	border-radius: 4px;
}
.btn-ctt {
	background: #133d66;
	color: #fff;
}

.btn-ctt:hover {
	background: #406080;
	transition: all .25s ease-in;
}
.btn-hdr:hover {
	background: #fff;
	transition: all .25s ease-in;
}

.txtm {
	text-indent: -999999px;
	display: inline-block;
}

.menu-blc {
	position: relative;
	z-index: 2;
	width: 100%;
	margin: 0 auto;
	background: #0a1f33;
	border-bottom: 1px solid #3b4c5c;
	box-shadow: 0 2px 4px rgba(0,0,0,.4);
}

.sticky {
	position:fixed;
	top:0;
	width:100%;
	z-index:10
}

.sticky+.content {
	padding-top:66px
}

.menu-tab {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}
.menu-tab a:hover {
	background: #406080;
	transition: all .25s ease-in;
}

.menu-tab li {
	width: auto;
	float: left;
}

.menu-tab li:first-child {
	border-left: 1px solid rgba(255,255,255,.2);
	padding: 2rem;
}

.tab {
	width: 100%;
	text-align: center;
	float: left;
	border-right: 1px solid rgba(255,255,255,.2);
	padding: 2rem 1rem;
    font-family: 'merriweatherbold', Georgia, serif;
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width:1200px){
	.tab { padding: 2.2rem 1.6rem 2rem;	}
}

.slt {
	background: url(images/slt-arw.svg) center top no-repeat, #0f2e4d;
	color: #fff;
}
.slt .ico-loc {
	display: block;
	font-size: 1.5rem;
}

.logo {
	max-width: 100%;
	height: 79px;
	margin: 1px 0 0;
	padding: 0;
}
.menu-info .ico-mob,
.menu-info .ico-evl,
.menu-info .ico-loc {
	font-size: 1rem;
	margin: 0 .5rem 0 0;
	vertical-align: -1px;
}



/******************** MENU MOBILE ********************/

@media screen and (max-width:1200px){

	.none {
		display: inline-block;
	}

	.menu-bar {
		position: fixed;
		z-index: 5;
		width: 100%;
		height: 4rem;
		background: url(images/logo-mn.svg) center center no-repeat, url(images/ico-menu.svg) left top no-repeat, url(images/ico-appel.svg) right top no-repeat, #0a1f33;
		border-bottom: 1px solid #3b4c5c;
		box-shadow: 0 2px 4px rgba(0,0,0,.4);
	}

	.logo-mn {
		float: none;
		margin: 0 auto;
	}

	.menu-info {
		padding: 1rem 2rem;
	}

	.mnu-scroll {
		overflow: scroll;
		height: 100%;
	}

	#menu a.open,
	#menu a.close {
		position: fixed;
		z-index: 100;
		left: 0;
		top: 4rem;
		margin: -4rem 0 0;
		width: 4rem;
		height: 4rem;
		padding: 1.5rem 1rem 1rem;
		background: #0f2e4d;
		border-bottom: 1px solid #3b4c5c;
		font-family: 'oswald_regularregular', Arial, serif;
		font-size: 1.5rem;
		color: #fff;
		text-decoration: none;
	}
	#menu a.close {
		display: none;
		width: 4rem;
		height: 4rem;
		padding: 1.75rem .75rem 1.25rem 1.25rem;
		background: #0f2e4d;
		border-radius: 0;
	}
	#menu a.open:hover,
	#menu a.close:hover {
		background: #406080;
		color: #e6e6e6;
		transition: all .25s ease-in;
	}

	#menu:target {
		left: 0;
	}

	#menu-off:target #menu {
		left: -25rem;
	}

	#menu:target a.open {
		display: none;
	}
	#menu:target a.close {
		display: block;
		background: #e6e6e6;
		color: #0a1f33;
	}

	.txtm {
		text-indent: 0;
		display: inline-block;
		position: absolute;
		left: 1rem;
		top: .75rem;
		font-family: 'oswald_regularregular', Arial, serif;
		font-size: .75rem;
		text-transform: uppercase;
	}

	#menu {
		z-index: 20;
		position: fixed;
		left: -24rem;
		top: 4rem;
		width: 20rem;
		max-width: 100%;
		height: 100%;
		background: #e6e6e6;
		transition: all .5s ease-in;
		box-shadow: 1px 0 2px rgba(0,0,0,.25);
	}

	#menu a.tab,
	#menu .slt {
		width: 100%;
		padding: 18px;
		border-bottom: 1px solid #3b4c5c;
		font-size: 12px;
	}
	#menu li:last-child {
		margin: 0 0 8rem;
	}

	.menu-tab li {
	    width: 100%;
	}

	.logo {
		position: fixed;
		z-index: 5;
		top: 0;
		left: 50%;
		width: auto;
		height: 64px;
		margin: 0 0 0 -53px;
		padding: 0;
	}

	#menu .ico-mob {
		position: fixed;
		top: 0;
		right: -.5rem;
		width: 4rem;
		height: 4rem;
		padding: 2rem 0 0 1.2rem;
		background: #0f2e4d;
	}
	#menu .ico-mob:before {
		font-size: 1.5rem;
	}
	#menu .ico-mob:hover {
		background: #406080;
		transition: all .25s ease-in;
	}

	.btn-ctt,
	.btn-hdr {
	    float: left;
	    margin: 0 1rem 1rem 0;
	}
}



/******************** SOCIAL ********************/

.blc-btn {
	position: fixed;
	right: 3rem;
	bottom: 2rem;
	width: 52px;
	z-index: 5;
}
@media screen and (max-width:1440px){
	.blc-btn {
		bottom: 2.5rem;
		right: .5rem;
		height: 50px;
		width: 300px;
		padding: 0 .5rem 0 0;
	}
}
@media screen and (max-width:840px){
	.blc-btn {
		bottom: .5rem;
		padding: 0 .25rem 0 0;
	}
}

.btn-lknx,
.btn-gglx {
	float: left;
	width: 64px;
	padding: 1rem 0 .75rem;
	margin: .5rem 0 .5rem 1.25rem;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
@media screen and (max-width:1440px){
	.btn-lknx,
	.btn-gglx {
		margin: 0 .25rem 1rem;
		float: right;
	}
}
@media screen and (max-width:840px){
	.btn-lknx,
	.btn-gglx {
		width: 48px;
		padding: .75rem 0 .5rem;
	}
}
.btn-lknx { background: #0a66c2; }
.btn-gglx { background: #ea4335; }
.btn-lknx:hover { background-image: #0c81f5; transition: all .25s ease-in; }
.btn-gglx:hover { background: #ff6254; transition: all .5s ease-out; }
.btn-lknx .ico-lkn:before,
.btn-gglx .ico-ggl:before {
	font-size: 2rem;
	color: #fff;
}

.ico-lknx,
.ico-gglx
 { font-size: 2rem; }
@media screen and (max-width:840px){
	.ico-lknx,
	.ico-gglx
	  { font-size: 1.5rem; }
}

.ico-lknx:before { content: "\eaca"; }
.ico-gglx:before { content: "\ea88"; }



/******************** FONT ********************/

@font-face {
  font-family: 'merriweatherbold';
  src: url('fonts/merriweather-bold-webfont.woff2') format('woff2'),
       url('fonts/merriweather-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'merriweatherregular';
  src: url('fonts/merriweather-regular-webfont.woff2') format('woff2'),
       url('fonts/merriweather-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oswald_regularregular';
  src: url('fonts/oswald-regular-webfont.woff2') format('woff2'),
       url('fonts/oswald-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?h92rgu');
  src:  url('fonts/icomoon.eot?h92rgu#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?h92rgu') format('truetype'),
    url('fonts/icomoon.woff?h92rgu') format('woff'),
    url('fonts/icomoon.svg?h92rgu#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -1px;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-mnu:before { content: "\e9bf";}
.ico-crs:before { content: "\ea0f";}
.ico-mob:before { content: "\e958";}
.ico-loc:before { content: "\e948";}
.ico-clk:before { content: "\e94e";}
.ico-evl:before { content: "\e945";}
.ico-map:before { content: "\e90c";}

.ico-hom:before { content: "\e90a";}
.ico-ofc:before { content: "\e903";}
.ico-rod:before { content: "\e9b1";}
.ico-crv:before { content: "\e976";}
.ico-asr:before { content: "\e9b4";}
.ico-fam:before { content: "\e9de";}
.ico-osp:before { content: "\e998";}

.ico-arw:before { content: "\ea3c";}
.ico-lkn:before { content: "\eaca";}
.ico-ggl:before { content: "\ea88";}

.ico-hom,
.ico-ofc,
.ico-rod,
.ico-crv,
.ico-asr,
.ico-fam,
.ico-osp {
	display: block;
	padding: 1.2rem 1rem ;
	font-size: 1.5rem;
	color: #fff;
}

.blc-ico {
	display: block;
	float: left;
	margin: 0 1rem 0 0;
	width: 56px;
	height: 4rem;
	background: url(images/exagon.svg) center center no-repeat;
}



/******************** STRUCTURE ********************/

.ctn0,
.ctn,
.ctn2,
.ctn3,
.ctn4 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 4.5rem 0;
}
.ctn0 {	padding: 0 0 4.5rem;}
.ctn2 {	padding: 4.5rem 0 3rem;}
.ctn3 {	padding: 3rem 0 1.5rem;}
.ctn4 {	padding: 9rem 0;}


@media screen and (max-width:1200px) {
	.intro, .intro2 { padding: 9rem 0 4.5rem; }
}

@media screen and (max-width:640px) {
	.ctn0 {	padding: 0 0 54px;}
	.ctn { padding: 54px 0 36px; }
	.ctn2 {	padding: 54px 0 36px;}
	.ctn3 {	padding: 36px 0 18px;}
	.ctn4 {	padding: 108px 0 54px;}
	.intro { padding: 96px 0 32px; }
	.intro2 { 
		margin: -192px auto 0;
		padding: 18rem 0 72px; }
	.intro3 { 
		margin: -192px auto 0;
		padding: 18rem 0 72px; }		
}

.w16, .w20, .w25, .w30, .w33, .w33x, .w40, .w50, .w66, .w75, .w80, .w83, .w100, .w1-2 {
	float: left;
	overflow: hidden;
}

.w16 { width: 16.6666%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.3333%; }
.w33x{ width: 33.3333%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w66 { width: 66.6666%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w83 { width: 83.3333%; }
.w100 { width: 100%; }
.w1-2 { width: 100%; }
@media screen and (max-width:1200px){
	.w16 { width: 20%; }
	.w33x{ width: 100%; }
	.w33x div:first-child { padding: 0 2rem 0 0; }
	.w33x div:last-child { padding: 0 0 0 2rem; }
	.w83 { width: 80%; }
	.w33, .w66, .w75 { 
		width: 50%;
	}
	.w1-2{ width:50%; }
}
@media screen and (max-width:800px){
	.w16 { width: 20%; }
	.w25 { width: 50%; }
	.w83 { width: 80%; }
	.w20, .w30, .w33, .w33x, .w50, .w66, .w75 { 
		width: 100%;
	}
	.w33x div:first-child, .w33x div:last-child { padding: 0; }
	.w20 { width: 100%; }
	.w40 { width: 100%; }
	.w80 { width: 100%; }
	.w1-2{ width: 100%; }
}


.h8  { min-height: 9rem; }
@media screen and (max-width:800px){
	.h8 { min-height: auto; }
}

.dpi { display: inline; }
.dpib{ display: inline-block; }
.rgt { float: right; }
.lft { float: left; }

.pad1 { padding: 0 1rem; }
.pad2 { padding: 0 2rem; }
.pad3 { padding: 0 3rem; }
.pada0{ padding: .75rem 1rem; }
.pada { padding: 1.5rem 1rem; }
.pada2{ padding: 1.5rem 1rem 0; }
.pada3{ padding: 3rem 1rem; }
.padt0{ padding: .5rem 0 0; }
.pad2t{ padding: .5rem 2rem 0; }
.pad3t{ padding: .5rem 3rem 0; }

.mgts { margin: .5rem 0 0; }
.mgt1 { margin: 1.5rem 0 0; }
.mgt3 { margin: 3rem 0 0; }
.mgt4 { margin: 4.5rem 0 0; }
.mgt6 { margin: 6rem 0 0; }

.mgt-1{ margin: -1.5rem 0 0; }
.mgt-3{ margin: -3rem 0 0; }
.mgt-4{ margin: -4.5rem 0 0; }
.mgt-6{ margin: -6rem 0 0; }

.mgr1 { margin: 0 1rem 0 0; }

.mgb1 { margin: 0 0 1.5rem;}
.mgb3 { margin: 0 0 3rem;}
.mgb4 { margin: 0 0 4rem;}
.mgb6 { margin: 0 0 6rem;}

.mgl30{ margin: 0 0 0 30%;}
.mgl50{ margin: 0 0 0 50%;}
@media screen and (max-width:800px){
	.mgl30{ margin: 0; }
	.mgl50{ margin: 0; }
}

@media screen and (max-width:640px){
	.pad1 { padding: 0 12px; }
	.pad2 { padding: 0 24px; }
	.pad3 { padding: 0 36px; }
	.pada0{ padding: 9px 12px; }
	.pada { padding: 18px 12px; }
	.pada2{ padding: 18px 12px 0; }
	.pada3{ padding: 36px 12px; }
	.padt0{ padding: 6px 0 0; }
	.pad2t{ padding: 6px 24px 0; }
	.pad3t{ padding: 6px 36px 0; }

	.mgts { margin: 6px 0 0; }
	.mgt1 { margin: 18px 0 0; }
	.mgt3 { margin: 36px 0 0; }
	.mgt4 { margin: 54px 0 0; }
	.mgt6 { margin: 72px 0 0;}

	.mgt-1{ margin: -18px 0 0; }
	.mgt-3{ margin: -36px 0 0; }
	.mgt-4{ margin: -54px 0 0; }
	.mgt-6{ margin: -54px 0 0; }

	.mgr1 { margin: 0 6px 0 0; }

	.mgb1 { margin: 0 0 18px;}
	.mgb3 { margin: 0 0 36px;}
	.mgb4 { margin: 0 0 48px;}
	.mgb6 { margin: 0 0 72px;}
}

@media screen and (max-width:1440px){
	.mgbody{
		margin: 0 auto 6rem;
	}
}
@media screen and (max-width:640px){
	.mgbody{
		margin: 0 auto 36px;
	}
}


.bdr1 {
	margin: 0 0 1.5rem;
	padding: 0 0 2rem;
	background: url(images/bdr1.svg) center bottom no-repeat;
}
@media screen and (max-width:640px){
	.bdr1 {
		margin: 0 0 18px;
		padding: 0 0 24px;
	}
}



/******************** FONTS ********************/

h1 { 
	font-size: 3rem; 
	line-height: 3rem;
	color: #fff;
}
h1 span { 
	font-family: 'merriweatherregular', Georgia, serif;
}
h2 { 
	font-size: 2rem; 
	line-height: 2rem;
	color: #0a1e33;
}
h3 {
	font-family: 'oswald_regularregular', Arial, sans-serif;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #406080;
}

.ftl {
	font-family: 'merriweatherbold', Georgia, serif;
	font-size: 1.5rem;
	line-height: 2rem;
}
.ftli{
	font-family: 'merriweatherregular', Georgia, serif;
	font-size: 1.5rem;
	line-height: 2rem;
}
.ftb { 
	font-family: 'merriweatherbold', Arial, sans-serif; 
	font-weight: 400;
}

.tac {text-align: center;}
.taj {text-align: justify;}
.tar {text-align: right;}
.tal {text-align: left;}

.clr1 { color: #69c; }
.clr2 { color: #fff; }
.clr3 { color: #0a1e33; }
.clr4 { color: #406080; }

.lnk {
	display: table;
	text-decoration: none;
	font-family: 'merriweatherbold', Georgia, serif;
	color: #133d66;
}
.lnk:hover {
	color: #406080;
}
.lnk .ico-loc {
	padding: 0 .5rem 0 0;
}

.nbr {
	margin: 0 0 1rem;
	font-family: 'merriweatherbold', Georgia, serif;
	font-size: 3rem;
	color: #0f2e4d;
	text-align: right;
}

@media screen and (max-width:640px){
	h1, h1 span { 
		font-size: 36px; 
		line-height: 36px;
	}
	h2 { 
		font-size: 24px; 
		line-height: 24px;
	}
	h3, .ftl, .ftli {
		font-size: 18px;
		line-height: 24px;
	}
	.lnk .ico-loc {
		padding: 0 6px 0 0;
	}
	.nbr {
		margin: 0 0 12px;
		font-size: 36px;
	}

	.taj {text-align: left;}
}



/******************** DESIGN ********************/

.ptr {
	border-radius: 50%;
}

.bgc1 { background: #f2f2f2; border-bottom: 1px solid #ccc; }
.bgc2 { background: #fff; border-bottom: 1px solid #ccc; }

@media screen and (min-width: 0) and (max-width: 800px) {
	.bgi1 { background: url(images/bgi-acc-1-480.png) center -96px no-repeat fixed, #0a1e33; }
	.bgi4 { background: url(images/bgi-acc-4-480.jpg) center center no-repeat, #0f2e4d; }
	.bgi5 { background: url(images/bgi-5.svg) center center repeat, #f2f2f2; border-top: 1px solid #ccc; }

	.bgi6 { background: url(images/bgi-acc-1-480.png) center -96px no-repeat fixed, #0a1e33; }

	.bgi1, .bgi6 { background-size: 100% auto; }
}



@media screen and (min-width: 801px) and (max-width: 1280px) {
	.bgi1 { background: url(images/bgi-acc-1-1280.jpg) center top no-repeat fixed, #0a1e33; }
	.bgi4 { background: url(images/bgi-acc-4-1280.jpg) center center no-repeat, #0f2e4d; }
	.bgi5 { background: url(images/bgi-5.svg) center center repeat, #f2f2f2; border-top: 1px solid #ccc; }

	.bgi6 { background: url(images/bgi-urb-1280.jpg) center top no-repeat fixed, #0a1e33; }
}



@media screen and (min-width:1281px){
	.bgi1 { background: url(images/bgi-acc-1.jpg) center top no-repeat fixed, #0a1e33; }
	.bgi4 { background: url(images/bgi-acc-4.jpg) center center no-repeat, #0f2e4d; }
	.bgi5 { background: url(images/bgi-5.svg) center center repeat, #f2f2f2; border-top: 1px solid #ccc; }

	.bgi6 { background: url(images/bgi-urb.jpg) center top no-repeat fixed, #0a1e33; }

	.bgi1, .bgi6 { background-size: 100% auto; }
}




.foo { 
	background: #0a1f33;
	font-family: 'merriweatherregular', Georgia, serif;
	color: #6699cc;
	border-top: .5rem solid #102d4d;
	box-shadow: 0 2rem 2rem rgba(0,0,0,.25) inset;
	border-bottom: .5rem solid #406080; 
}
.foo .lnk { 
	color: #999;
}
.foo .lnk:hover { 
	color: #fff;
}
.sign { 
	padding: 1.5rem 1rem;
	background: #ccc; 
	color: #26211b;
}
@media screen and (max-width:480px){
	.sign img {
		height: 18px;
	}
}
.sign .lnk { 
	display: inline;
	font-family: 'oswald_regularregular', Arial, sans-serif;
	color: #26211b;
}
.sign .lnk:hover {
	color: #4d4d4d;
}
.o6h6o {
	display: inline;
	margin: -.5rem .5rem -.5rem 0;
}



/******************** SPECIAL ********************/

.btn1 {
	width: 2rem;
	height: 2rem;
	display: block;
	background: #133d66;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.btn2 {
	display: block;
	padding: .5rem 1rem;
	background: #133d66;
  font-family: 'oswald_regularregular', Arial, sans-serif;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}

.btn1 .ico-mob,
.btn2 .ico-mob,
.btn1 .ico-evl,
.btn2 .ico-evl,
.btn2 .ico-arw {
	font-size: 1rem;
	margin: 0 .5rem 0 0;
}
.btn1 .ico-arw {
	font-size: 1rem;
	vertical-align: -5px;
}
.btn1:hover {
	background: #406080;
	transition: all .5s ease-out;
}
.btn2:hover {
	background: #406080;
	transition: all .5s ease-out;
}
@media screen and (max-width:640px){
	.btn1 .ico-arw {
		font-size: 12px;
		vertical-align: -8px
	}
	.btn2 {
		padding: 12px;
		font-size: 12px;
	}

	.btn1 .ico-mob,
	.btn2 .ico-mob,
	.btn3 .ico-mob,
	.btn1 .ico-evl,
	.btn2 .ico-evl,
	.btn3 .ico-evl {
		font-size: 12px;
		margin: 0 6px 0 0;
	}
}



#map {
    display: inline-block;
    width: 66%;
    height: 480px;
    border: .5rem solid #102d4d;
}
@media screen and (max-width:800px){
	#map { width: 100%; }
}