html
{
	font-size: 18px;
	font-size: 112.5%;
}

body
{
	color: #444;
	padding: 0;
	width: 100%;
	height: 100%;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

nav a, #home a, #profile a, #services a, #events a, #schedule a, #fees a
{
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	background: rgba(18, 148, 255, 0.3);
	border-radius: 4px;
	color: rgb(100, 100, 100);
	padding: 2px 8px;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
}

nav a:hover, #home a:hover, #profile a:hover, #services a:hover, #events a:hover, #schedule a:hover, #fees a:hover
{
	background: rgba(18, 148, 255, 0.6);
	color: #fff !important;
	text-shadow:0px 1px 0px rgba(0,0,0,0.5);
}

h2
{
  margin: -webkit-calc(2rem - .165em) 0 0;
	margin: calc(2rem - .165em) 0 0;
}
h3
{
	margin: 0;
}

.note, ul.note, ul.note li
{
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	font-size: .875rem;
}

p
{
	color: #555;
	font-size: 1rem;
	text-align: justify;
	/*text-indent: 15px;*/
}

li
{
	text-indent: -5px;
}

ul, ul li
{
	color: #555;
	font-size: 1rem;
	text-align: justify;
}

.title, .header
{
	color: #000;
	font: 1.125rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}

nav .menu a
{
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  font-size: .8rem !important;
  font-weight: normal;
}

nav #bd_menu
{
	margin-left: 40px;
	opacity: 0.9;
	position: fixed;
	text-align: left;
	top: 40px;
	width: calc(100% - 80px);
	z-index: 10;
}

nav #sd_menu
{
	text-align: center;
}

nav #v_menu_on
{
	display: none;
	right: 20px;
	opacity: 0.9;
	position: fixed;
	top: 54px;
	z-index: 10;
}

#myheader
{
	height: 100vh;
	min-height: 600px;
	width: 100%;
}

#myheader.parallax1
{
	background: url("../img/myheader_bg.jpg");
	background-repeat: no-repeat;
  background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
	overflow: hidden;
}

#news
{
	position: fixed;
	top: 0;
	width: 100%;
	visibility: visible;
	z-index: 20;
}

#news .bg
{
	background: #fff0f0;
	color: white;
	height: 30px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 30;
}

#news p
{
	color: #a94442;
  font-family: Baskerville, 'Helvetica Neue', helvetica, arial, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1rem;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #aaa, 0 0 2px #888;
  top: 6px;
  width: 100%;
  z-index: 40;
}

#brand
{
	position: relative;
	top: 10rem;
}

#brand #company
{
  color: #fff;
	font: 4rem Artbrush, serif !important;
	position: relative;
	text-shadow: 0 8px 15px #acacac, 0px -2px 1px rgba(0,0,0,1);
	top: 0;
}

#brand #company_year
{
  color: #fff;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  font-size: 1rem;
  margin-top: -3rem;
	position: relative;
	text-shadow: 2px 1px 2px #000;
}

#brand #slogan
{
  color: #fff;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  font-size: 1rem;
  margin-top: -3rem;
	position: relative;
	text-shadow: 2px 1px 2px #000;
}

#brand #owner
{
  color: #fff;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  font-size: 1.4rem;
  margin-top: -2rem;
	position: relative;
	text-shadow: 1px 2px 1px #000;
}

#maincontent
{
	position: relative;
	background-color: rgb(255, 255, 255);
}

section
{
	width: 100%;
	min-height: 50vh;
	padding: 40px 0;
	position: relative;
	overflow: hidden;
}

section:nth-child(even)
{
	background: rgb(242, 242, 242);
}

section:nth-child(odd):not(:last-of-type)
{
	background: rgb(255, 255, 255);
}

section .wrapcenter
{
	position: relative;
	text-align: center;
	top: 0;
	width: 100%;
}

section .wrapcenter .title
{
	display: inline-block;
	font: 1.75rem Stencil, Arial, Helvetica, Geneva, sans-serif !important;
	border-style: solid;
	border-width: 0 0 1px 0;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #3b83c0)) 100% 1;
	padding: 20px 10px 10px;
}

section .idom
{
	font-family: 'Monotype Corsiva', Oswald;
  font-size: 1.25rem;
  font-weight: 300;
  margin-top: 0;
  position: relative;
  text-align: center;
}

section .image
{
	height: 200px;
	margin-bottom: 20px;
	margin-top: 50px;
	position: relative;
	width: 100%;
}

section .section_content
{
	margin: 20px 40px 0 40px;
	position: relative;
}

section p
{
	margin: 10px 0;
}

#home .image
{
	background: url("../img/home.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
}

#profile .image
{
	background: url("../img/profile.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
}

#services .image
{
	background: url("../img/services.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
}

#services ul
{
	margin-left: 0;
	padding-left: 0;
	/*text-indent: 15px;*/
}

#services ul li
{
	margin-left: 30px;
}

#services ul li ul
{
	list-style-type: square;
}

#services ul ul li
{
	padding-left: 15px;
}

#events .image
{
	background: url("../img/events.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
}

#events ul
{
	margin-left: 0;
	padding-left: 0;
	text-indent: 15px;
}

#events ul li
{
	margin-left: 30px;
}

#schedule .image
{
	background: url("../img/schedule.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
}

#schedule .center
{
	text-align: center;
}

#schedule .wrap_table
{
	margin-top: 20px;
	overflow: auto;
}

#schedule .table
{
	margin-left: 0;
	min-width: calc(100px * 6)!important;
	width: 100%!important;
}

#schedule table caption
{
	font-size: 1.11rem;
	font-weight: bold;
	line-height: 2rem;
}

#schedule table th
{
	background: #e9faff;
}

#schedule table td, #schedule table th
{
	font-size: 1rem;
	padding: 6px 0;
	text-align: center;
}

#schedule ul
{
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}

#schedule ul li
{
	margin-left: 15px;
}

#fees .image
{
	background: url("../img/fees.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
}

#fees p
{
	text-indent: 0;
}

#fees ul
{
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}

#fees ul li
{
	margin-left: 15px;
}

#lightgallery {
  display: grid;
  grid-gap: 3px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: 160px;
  grid-auto-flow: dense;
}

#lightgallery .item {
border: 3px solid #ccc;
border-radius: 3px;
overflow: hidden;
position: relative;
}

#lightgallery .item a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 400px) {
  #lightgallery .item:first-child {
    grid-area: 1 / 1 / span 2 / span 2;
  }
  #lightgallery .item:nth-child(3n) {
    grid-column: span 2;
  }
}

#lightgallery .item a:hover> img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

#lightgallery .item a:hover .zoom > img {
  opacity: 1;
}

#lightgallery .item .zoom {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

#lightgallery .item a .zoom > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

#lightgallery .item a:hover .zoom {
  background-color: rgba(0, 0, 0, 0.2);
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, .45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: .5
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF
}

.lg-actions .lg-next {
  right: 20px
}

.lg-actions .lg-next:before {
  content: "\e095"
}

.lg-actions .lg-prev {
  left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

/* Custom */
.lg-actions .lg-prev, .lg-actions .lg-next {
  background-color: rgba(255, 255, 255, 0.5);
  /*position: absolute;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  font-size: 0;
  color: #fefefe;
  border-radius: 50%;
  padding: calc(16 * (100vw - 120px) / 1080);
}

@media (max-width: 796px) {
  .lg-actions .lg-prev, .lg-actions .lg-next {
      padding: 10px;
  }
}

@media (min-width: 1200px) {
  .lg-actions .lg-prev, .lg-actions .lg-next {
    padding: 16px;
	}
}

.lg-actions .lg-prev:after {
  content: url("../img/left16.png");
}

.lg-actions .lg-next:before {
  content: url("../img/right16.png");
}

.lg-actions .lg-prev:hover, .lg-actions .lg-next:hover {
  background-color: rgba(255, 255, 255, 0.9);
}


section#contact
{
	background: url("../img/carte.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
	color: #fff;
	height: 100vh;
	min-height: 600px;
	overflow: hidden;
}

section#contact .idom
{
	padding-left: 15px;
	padding-right: 15px;
}

#btn_social, #btn_google, #btn_coordinate
{
	position: relative;
}

#contact a
{
	background: none;
	color: #fff;
	font-family: Georgia, serif;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	text-shadow:none;
}

#contact #btn_google a
{
	color: #fff;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	font-size: 1.2rem;
	font-weight: normal;
}

#contact .icon
{
	font-size: 2rem;
}

#contact p
{
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}

#contact i.blue.circular.icon.facebook
{
    background-color: #3b5998 !important;
    color: #fff !important
}

#contact i.inverted.circular.icon.facebook:hover
{
    background-color: #fff !important;
    color: #3b5998 !important
}

#contact a.mail:hover, #contact a.mail:focus {color: rgb(138, 223, 255) !important}

#contact .wrapcenter .title
{
	color: #fff;
}

#footer 
{
	bottom: 0;
	margin-bottom: 0;
	position: fixed;
	width: 100%;
	z-index: 10;
}

#footer .bg
{
  background-color: #3b83c0;
	height: 100%;
	opacity: .9;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
}

#footer p
{
	color: #fff;
	font-weight: bold;
	padding-bottom: 6px;
	padding-top: 6px;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 0 #000, 0 0 2px #000;
	top: 0;
	z-index: 30;
}

@-webkit-keyframes fadeIn
{
  0% {opacity: 0;}
  10%, 90%{opacity: .9;}
  100% {opacity: 0;}
}

@keyframes fadeIn
{
	0% {opacity: 0;}
	10%, 90%{opacity: .9;}
	100% {opacity: 0;}
}

@-webkit-keyframes fadeInLeftBig
{
  0%, 6.67%
  {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

	10%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
	  -ms-transform: translateX(-2000px);
		transform: translateX(0)
	}

  86.67%
  {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(-2000px);
    transform: translateX(0)
  }

  100%
  {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}

@keyframes fadeInLeftBig
{
  0%, 6.67%
  {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }

	10%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
	  -ms-transform: translateX(-2000px);
		transform: translateX(0)
	}

  86.67%
  {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(-2000px);
    transform: translateX(0)
  }

  100%
  {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}

.animated
{
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.anim_delay_1s
{
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

@media all and (min-width: 861px)
{
	nav #v_menu {visibility: hidden;}
}

@media all and (max-width: 860px)
{
	nav #bd_menu
	{
		text-align: center;
		display: none;
	}
	
	nav #v_menu {visibility: normal;}
	nav #v_menu_on {display: inline-block;}
	.brand {font-size: 4em;}
}

@media all and (max-width: 1680px)
{
	html
	{
		font-size: 16px;
		font-size: 100%;
	}

	#news .bg
	{
		height: 30px;
	}

	#news p
	{
	  top: 6px;
	}

	section .section_content
	{
		margin: 20px 30px 0 30px;
	}
}

/*@media all and (max-width: 992px)*/
@media all and (max-width: 1280px)
{
	html
	{
		font-size: 14px;
		font-size: 87.5%;
	}

	section:last-of-type .idom
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	#news .bg
	{
		height: 22px;
	}

	#news p
	{
	  top: 4px;
	}

	section .section_content
	{
		margin: 20px 20px 0 20px;
	}
}

@media all and (max-width: 768px)
{
	html
	{
		font-size: 12px;
		font-size: 75%;
	}
	
	section:last-of-type .idom
	{
		padding-left: 5px;
		padding-right: 5px;
	}

	#news .bg
	{
		height: 20px;
	}

	#news p
	{
	  top: 4px;
	}
	
	section .section_content
	{
		margin: 20px 10px 0 10px;
	}
}