/*================================================================================================*/

@charset "UTF-8";

/*

--------------------
FONTS
NORMALIZE
FONTAWESOME
ANIMATE
GRIDS
--------------------
INPROGRESS
TELEPORT
TOOLTIP
CAPTCHA
PAGESLIDE
PREVIEW
--------------------
FORMS
PANEL
ALERT
CONTROLS
UL RADIOS CHECKBOX
CHECKBOX CONTAINER
RADIO CONTAINER
BUTTONS
TEXT-AND-BUTTON
TELEPHONE
TOGGLE
--------------------
PROGRESSBAR
UPLOADER
IMAGE-CONTAINER
AGENDA
CALENDAR
SLIDER
ALBUMS
LIGHTBOX
GOOGLEMAP
TIMEZONES
--------------------

*/

/*
Roboto Condensed: 300;400
Roboto: 400; 500; 700
*/

/*================================================================================================*/
/* FONTS
/*================================================================================================*/
 
@font-face 
{
	font-family: 'FontAwesome';
	font-weight:  normal;
	font-style:   normal;
	
	src: url('../fonts/fontawesome.eot?v=4.7.0');
	src: url('../fonts/fontawesome.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		 url('../fonts/fontawesome.woff2?v=4.7.0')      format('woff2'),
		 url('../fonts/fontawesome.woff?v=4.7.0')       format('woff'),
		 url('../fonts/fontawesome.ttf?v=4.7.0')        format('truetype');
}

/*================================================================================================*/
/* NORMALIZE
/*================================================================================================*/

*,
*:before,
*:after
{
	margin:         0;
	padding:        0;
	border:         0;
	outline:        0;
	text-indent:    0;
	font:           inherit;
	line-height:    inherit;
	vertical-align: baseline;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

audio,
canvas,
progress,
video 
{
	display:        inline-block;
	vertical-align: baseline;	
}

audio:not([controls]) 
{
	  display: none;
	  height:  0;  
}

audio,
canvas,
img,
svg,
video 
{
	vertical-align: middle;
	max-width:      100%;
	height:         auto;
}

img 
{  	
	border-style: none;
	-ms-interpolation-mode: bicubic;
}

img[src*="maps.gstatic.com"],
img[src*="googleapis.com"] 
{
	max-width: none; 
}

svg:not(:root) 
{
	overflow: hidden;  
}

[hidden]
{
	display: none;
}
	
b,
strong 
{
	font-weight: bolder; 
}

i,
em,
dfn 
{ 
	font-style: italic; 
}

small 
{
	font-size: 80%;  
}

sub,
sup 
{
	font-size:      75%;
	line-height:    0;
	position:       relative;
	vertical-align: baseline;
}

sup 
{
	top: -0.5em; 
}

sub 
{
	bottom: -0.25em;  
}

p,
pre 
{
	margin: 1em 0;
}

pre 
{
	overflow:      auto;  
	white-space:   pre;
	white-space:   pre-wrap;
	word-wrap:     break-word;
	-moz-tab-size: 4;
	-o-tab-size:   4;
	tab-size:      4;
}

pre,
code
{
	font-family: 'Courier New', monospace, sans-serif;
	font-size:   1em;
}

hr 
{
	box-sizing: content-box;
	height:     0;
	overflow:   visible;
}

table 
{
	border-collapse: collapse;
	border-spacing:  0;
}

ol, 
ul 
{
	list-style-position: outside;
	margin:              1em 0;
	padding:             0 0 0 1em;
}

ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul
{
	margin: 0;
}

ul.unstyled,
ul.unstyled > li
{
	list-style: none;
	margin:     0;
	padding:    0;
	outline:    0;
}

ul.bullet
{
	list-style:       outside;
	font-size:        16px;
	list-style-image: url(../img/layout/minidot.png);
}

ul.bullet > li
{
	padding:   0 0 0.5em; 
	font-size: 14px;
}

html 
{
	height:    100%;
	font-size: 10px;
	
	-webkit-tap-highlight-color: transparent;
}

body 
{
	overflow:    auto;
	overflow-x:  hidden;
	min-height:  100% !important;
	height:      100%;
	color:       #000;
	font-size:   1.6rem;
	font-weight: 400;
	font-style:  normal;
	line-height: 1.5;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background:  #fff;
	
	-ms-text-size-adjust:     none;
	-webkit-text-size-adjust: none;
	
	-webkit-font-smoothing:   antialiased;
	-webkit-font-smoothing:   subpixel-antialiased;
	-moz-osx-fonts-smoothing: grayscale;
}

#root
{
	position:   relative;
	clear:      both;
	min-height: 100%;
	height:     auto !important;
	height:     100%;
}

a 
{
	font-family:      inherit;
	text-decoration:  none;
	cursor:           pointer;
	background-color: transparent;  
	
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition:    all 0.5s ease-in-out 0s;
	-o-transition:      all 0.5s ease-in-out 0s;
	transition:         all 0.5s ease-in-out 0s;
}

a,
a:link,
a:visited,
a:focus, 
a:active,
a:hover
{
	color: #d3072b;
}

a:focus, 
a:active,
a:hover 
{
	outline: 0; 
}

a:hover 
{
	text-decoration: underline;
}

h1 { font-size: 3rem; }
h2 { font-size: 2.5rem; }
h3 { font-size: 2rem;   }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.6rem; }
h6 { font-size: 1.4rem; }

h1, h2, h3, h4, h5, h6
{
	font-family: inherit;
	font-weight: 700;
	line-height: 1;
	margin:      1em 0;
}

/*------------------------------------------------------------------------------------------------*/

.w100
{
	display:   block;
	max-width: 100% !important;
	width:     100%;
}

.nobreak
{
	white-space: nowrap;
}

.justify
{
	text-align: justify;
}

.center
{
	text-align: center;
}

/*------------------------------------------------------------------------------------------------*/

@media (orientation: landscape) and (max-device-width: 767px) 
{
	html,
	body 
	{
		-ms-text-size-adjust:     100%;
		-webkit-text-size-adjust: 100%;
	}
}

/*------------------------------------------------------------------------------------------------*/

@media (max-width: 767px) 
{
	body 
	  {
		  word-wrap:       break-word;
		  -webkit-hyphens: auto;
		  -ms-hyphens:     auto;
		  -moz-hyphens:    auto;
		   hyphens:        auto;
	  }
}

/*------------------------------------------------------------------------------------------------*/

@media screen and (max-width:400px) 
{
	-ms-viewport 
	{
		width: device-width;
	};
}

/*================================================================================================*/
/* FONTAWESOME
/*================================================================================================*/

.fa 
{
	display:                 inline-block;
	font:                    normal normal normal 14px/1 'FontAwesome';
	font-size:               inherit;
	text-rendering:          auto;
	-webkit-font-smoothing:  antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-lg 
{
	font-size:      1.33333333em;
	line-height:    0.75em;
	vertical-align: -15%;
}

.fa-2x 
{
	font-size: 2em;
}

/*------------------------------------------------------------------------------------------------*/

.fa-stack 
{
	position:       relative;
	display:        inline-block;
	width:          2em;
	height:         2em;
	line-height:    2em;
	vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x 
{
	position:   absolute;
	left:       0;
	width:      100%;
	text-align: center;
}

.fa-stack-1x 
{
	line-height: inherit;
}

.fa-stack-2x 
{
	font-size: 2em;
}

/*------------------------------------------------------------------------------------------------*/

/* TELEPORT */

.fa-chevron-up:before 
{
	content: "\f077";
}

/* TOOLBAR */

.fa-bars:before 
{
	content: "\f0c9";
}

/* MENUS - MENUSLIDE - SLIDER */

.fa-chevron-right:before 
{
	content: "\f054";
}

/* SLIDER */

.fa-chevron-left:before 
{
	content: "\f053";
}

/* TOOLBAR */

.fa-home:before 
{
	content: "\f015";
}

/* TOOLBAR */

.fa-location-arrow:before 
{
	content: "\f124";
}

/* TOOLBAR */

.fa-car:before 
{
	content: "\f1b9";
}

/* TOOLBAR */

.fa-key:before 
{
	content: "\f084";
}

/* FOOTBAR - CALENDAR */

.fa-circle-thin:before 
{
	content: "\f1db";
}

/* FOOTBAR */

.fa-facebook:before 
{
	content: "\f09a";
}

/* FOOTBAR */

.fa-balance-square:before 
{
	content: "\f24e";
}

/* TEXT-AND-BUTTON */

.fa-save:before
{
	content: "\f0c7";
}

/* TEXT-AND-BUTTON */

.fa-calendar:before 
{
	content: "\f073";
}

/* CALENDAR */

.fa-caret-left:before 
{
	content: "\f0d9";
}

/* CALENDAR */
	
.fa-caret-right:before 
{
	content: "\f0da";
}

/* CONTACT */

.fa-edit:before
{
	content: "\f044";
}

/* CONTACT */

.fa-laptop:before 
{
	content: "\f109";
}

/* CONTACT */

.fa-phone:before 
{
	content: "\f095";
}

/* CONTACT */

.fa-mobile:before 
{
	content: "\f10b";
}

/* CONTACT */

.fa-map-marker:before 
{
	content: "\f041";
}

/* CONTACT */

.fa-envelope-o:before 
{
	content: "\f003";
}

/* CONTACT */

.fa-map-o:before 
{
	content: "\f278";
}

/* VISITE */

.fa-camera:before 
{
	content: "\f030";
}

/* VISITE */

.fa-circle:before 
{
	  content: "\f111";
}

/*================================================================================================*/
/* ANIMATE
/*================================================================================================*/

.animated 
{
	  animation-duration:  1s;
	  animation-fill-mode: both;
}

.animated-plus 
{
	  animation-duration:  1.2s;
	  animation-fill-mode: both;
}

.animated-medium
{
	animation-duration:  3s;
	animation-fill-mode: both;
}

.animated-long
{
	animation-duration:  5s;
	animation-fill-mode: both;
}

/*------------------------------------------------------------------------------------------------*/

/* PAGESLIDE - LIGHTBOX - AGENDA */

@-webkit-keyframes fadeInLeft 
{
	from 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(-100%, 0, 0);
	}
	
	to 
	{
		opacity:   1;
		filter:    alpha(opacity=100);
		transform: none;
	}
}

@keyframes fadeInLeft 
{
	from 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(-100%, 0, 0);
	}
	
	to 
	{
		opacity:   1;
		filter:    alpha(opacity=100);
		transform: none;
	}
}

.fadeInLeft 
{
	-webkit-animation-name: fadeInLeft;
	animation-name:         fadeInLeft;
}

/* PAGESLIDE - LIGHTBOX - AGENDA */

@-webkit-keyframes fadeOutLeft 
{
	from 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
	
	to 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes fadeOutLeft 
{
	from 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
	
	to 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(-100%, 0, 0);
	}
}

.fadeOutLeft 
{
	-webkit-animation-name: fadeOutLeft;
	animation-name:         fadeOutLeft;
}

/* LIGHTBOX */

@-webkit-keyframes fadeInDown 
{
	from 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(0, -100%, 0);
	}
	
	to 
	{
		opacity:   1;
		filter:    alpha(opacity=100);
		transform: none;
	}
}

@keyframes fadeInDown 
{
	from 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(0, -100%, 0);
	}
	
	to 
	{
		opacity:   1;
		filter:    alpha(opacity=100);
		transform: none;
	}
}

.fadeInDown 
{
	-webkit-animation-name: fadeInDown;
	animation-name:         fadeInDown;
}

/* LIGHTBOX */

@-webkit-keyframes fadeOutDown 
{
	from 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
	
	to 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes fadeOutDown 
{
	from 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
	
	to 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown 
{
	-webkit-animation-name: fadeOutDown;
	animation-name:         fadeOutDown;
}

/* LIGHTBOX */

@-webkit-keyframes fadeInRight 
{
	from 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(100%, 0, 0);
	}
	
	to 
	{
		opacity:   1;
		filter:    alpha(opacity=100);
		transform: none;
	}
}

@keyframes fadeInRight 
{
	from 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(100%, 0, 0);
	}
	
	to 
	{
		opacity:   1;
		filter:    alpha(opacity=100);
		transform: none;
	}
}

.fadeInRight 
{
	-webkit-animation-name: fadeInRight;
	animation-name:         fadeInRight;
}

/* LIGHTBOX */

@-webkit-keyframes fadeOutRight 
{
	from 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
	
	to 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes fadeOutRight 
{
	from 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
	
	to 
	{
		opacity:   0;
		filter:    alpha(opacity=0);
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight 
{
	-webkit-animation-name: fadeOutRight;
	animation-name:         fadeOutRight;
}

/* SLIDER */

@-webkit-keyframes fadeOut 
{
	from 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
	
	to 
	{
		opacity: 0;
		filter:  alpha(opacity=0);
	}
}

@keyframes fadeOut 
{
	from 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
	
	to 
	{
		opacity: 0;
		filter:  alpha(opacity=0);
	}
}

.fadeOut 
{
	  -webkit-animation-name: fadeOut;
	  animation-name:         fadeOut;
}

/* SLIDER */

@-webkit-keyframes fadeIn 
{
	from 
	{
		opacity: 0;
		filter:  alpha(opacity=0);
	}
	
	to 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
}

@keyframes fadeIn 
{
	from 
	{
		opacity: 0;
		filter:  alpha(opacity=0);
	}
	
	to 
	{
		opacity: 1;
		filter:  alpha(opacity=100);
	}
}

.fadeIn 
{
	-webkit-animation-name: fadeIn;
	animation-name:         fadeIn;
}

/* SLIDER */

@-webkit-keyframes slideInDown 
{
	from 
	{
		-webkit-transform: translate3d(0, -100%, 0);
		transform:         translate3d(0, -100%, 0);
		visibility:        visible;
	}
	
	to 
	{
		-webkit-transform: translate3d(0, 0, 0);
		transform:         translate3d(0, 0, 0);
	}
}

@keyframes slideInDown 
{
	from 
	{
		-webkit-transform: translate3d(0, -100%, 0);
		transform:         translate3d(0, -100%, 0);
		visibility:        visible;
	}
	
	to 
	{
		-webkit-transform: translate3d(0, 0, 0);
		transform:         translate3d(0, 0, 0);
	}
}

.slideInDown 
{
	-webkit-animation-name: slideInDown;
	animation-name:         slideInDown;
}

/* SLIDER */

@-webkit-keyframes slideInUp 
{
	from 
	{
		-webkit-transform: translate3d(0, 100%, 0);
		transform:         translate3d(0, 100%, 0);
		visibility:        visible;
	}
	
	to 
	{
		-webkit-transform: translate3d(0, 0, 0);
		transform:         translate3d(0, 0, 0);
	}
}

@keyframes slideInUp 
{
	from 
	{
		-webkit-transform: translate3d(0, 100%, 0);
		transform:         translate3d(0, 100%, 0);
		visibility:        visible;
	}
	
	to 
	{
		-webkit-transform: translate3d(0, 0, 0);
		transform:         translate3d(0, 0, 0);
	}
}

.slideInUp 
{
	-webkit-animation-name: slideInUp;
	animation-name:         slideInUp;
}

/* SLIDER */

@-webkit-keyframes zoomIn 
{
	from 
	{
		opacity:           0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform:         scale3d(0.3, 0.3, 0.3);
	}
	
	50% 
	{
		opacity: 1;
	}
}
@keyframes zoomIn 
{
	from 
	{
		opacity:           0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform:         scale3d(0.3, 0.3, 0.3);
	}
	
	50% 
	{
		opacity: 1;
	}
}
.zoomIn 
{
	-webkit-animation-name: zoomIn;
	animation-name:         zoomIn;
}

/*================================================================================================*/
/* GRIDS
/*================================================================================================*/

[class^=content]
{
	position: relative;
	margin:   0 auto;
}

[class^=content]::before,
[class^=content]::after
{
	content:    '\0020'; 
	display:     block; 
	height:      0; 
	line-height: 0;
	overflow:    hidden; 
	width:       100%;
}

.content1280
{
	width: 1280px;
}

/*------------------------------------------------------------------------------------------------*/

[class^=col]
{
	position: relative;
	float:    left;
	padding:  10px;
}

.col320
{
	width: 320px;
}

.col640
{
	width: 640px;
}

.col960
{
	width: 960px;
}

/*------------------------------------------------------------------------------------------------*/

.container
{
	position: relative;
	width:    100%;
	padding:  10px;
}

/*------------------------------------------------------------------------------------------------*/

.wrapper
{
	content:    '\0020'; 
	display:     block; 
	height:      0; 
	line-height: 0;
	overflow:    hidden; 
	width:       100%;
}

.wrapper.mbtm10  { height:  10px; }
.wrapper.mbtm20  { height:  20px; }
.wrapper.mbtm30  { height:  30px; }
.wrapper.mbtm40  { height:  40px; }
.wrapper.mbtm50  { height:  50px; }
.wrapper.mbtm60  { height:  60px; }
.wrapper.mbtm70  { height:  70px; }
.wrapper.mbtm80  { height:  80px; }
.wrapper.mbtm90  { height:  90px; }
.wrapper.mbtm100 { height: 100px; }

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1279px)
{
	.content1280
	{
		width: 960px;
	}
	
	.col414,
	.col313,
	.col3132,
	.col211,
	.col212
	{
		margin-left: 320px;
	}

	.col311,
	.col323,
	.col221,
	.col222
	{
		margin-left: 160px;
	}
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 959px)
{
	.content1280,
	.col960
	{
		width: 640px;
	}
	
	.col3112,
	.col3132,
	.col211,
	.col212
	{
		margin-left: 160px;
	}

	.col414,
	.col311,
	.col323,
	.col313,
	.col221,
	.col222
	{
		margin: 0;
	}
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 639px)
{
	.content1280,
	.col960,
	.col640
	{
		width: 480px;
	}

	.col960,
	.col640,
	.col320
	{
		float:  none;
		margin: 0 auto;
	}
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 479px)
{
	.content1280,
	.col960,
	.col640,
	.col480
	{
		width: 320px;
	}
}

/*================================================================================================*/
/* INPROGRESS
/*================================================================================================*/

#inprogress-wrapper
{
	display:  none;
	position: fixed;
	z-index:  999999;
	left:     0;
	top:      0;
	right:    0;
	bottom:   0;
}

#inprogress-wrapper #inprogress-box
{
	position:   fixed;
	left:       0;
	top:        0;
	right:      0;
	bottom:     0;
	opacity:    0.5;
	filter:     alpha(opacity=50);
	background: #fff;	 
}

#inprogress-wrapper #inprogress
{
	position:    fixed;
	z-index:     999999;
	left:        0;
	top:         50%;
	width:       100%;
	margin-top: -45px;
	text-align:  center;
}

#inprogress-wrapper #loading
{
	display:  inline-block;
	position: relative;
	height:   90px;
	padding:  10px 20px;	
	
	background-color: #000;	
	
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	border-radius:         6px;
	
	-webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    6px 6px 12px rgba(0, 0, 0, 0.5);
	box-shadow:         6px 6px 12px rgba(0, 0, 0, 0.5);
}

#inprogress-wrapper #loading-txt
{
	display:     inline-block;
	position:    relative;
	height:      70px;
	line-height: 70px;
	color:       #fff;
	margin:      0 0 0 20px;
}

#inprogress-wrapper #iploader
{
	display:  block;
	float:    left;
	position: relative;
	width:    70px;
	height:   70px;
	border:   3px solid transparent;
	
	border-top-color: #3498db;
	
	-webkit-border-radius: 50%;
	-moz-border-radius:    50%;
	border-radius:         50%;
	
	-webkit-animation: loaderspin 1.5s linear infinite;
	animation:         loaderspin 1.5s linear infinite;
}

#inprogress-wrapper #iploader:after, 
#inprogress-wrapper #iploader:before 
{
	position: absolute;
	content:  "";
	border:   3px solid transparent;
		
	-webkit-border-radius: 50%;
	-moz-border-radius:    50%;
	border-radius:         50%;
}

#inprogress-wrapper #iploader:before 
{
	top:    5px;
	left:   5px;
	right:  5px;
	bottom: 5px;
	
	border-top-color: #e74c3c;
	
	-webkit-animation: loaderspin 3s linear infinite;
	animation:         loaderspin 3s linear infinite;
}
	
#inprogress-wrapper #iploader:after 
{
	   top:    15px;
	left:   15px;
	right:  15px;
	bottom: 15px;
	
	border-top-color: #f9c922;
	
	-webkit-animation: loaderspin 1.5s linear infinite;
	animation:         loaderspin 1.5s linear infinite;
}

/*------------------------------------------------------------------------------------------------*/

@-webkit-keyframes loaderspin 
{
	0% 
	{
		-webkit-transform: rotate(0);
		-ms-transform:     rotate(0);
		transform:         rotate(0)
	}
	100% 
	{
		-webkit-transform: rotate(360deg);
		-ms-transform:     rotate(360deg);
		transform:         rotate(360deg)
	}
}

@keyframes loaderspin 
{
	0% 
	{
		-webkit-transform: rotate(0);
		-ms-transform:     rotate(0);
		transform:         rotate(0)
	}
	100% 
	{
		-webkit-transform: rotate(360deg);
		-ms-transform:     rotate(360deg);
		transform:         rotate(360deg)
	}
}

/*================================================================================================*/
/* TELEPORT
/*================================================================================================*/

a#teleport
{
	display:    none;
	position:   fixed;
	bottom:     60px;
	right:      15px;
	width:      50px;
	height:     50px;	
	z-index:    10000;
	opacity:    0.4;
	filter:     alpha(opacity=40);
	background: #333;
	
	-webkit-border-radius: 50%;
	-moz-border-radius:    50%;
	border-radius:         50%;
	
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition:    all 0.5s ease-in-out 0s;
	-o-transition:      all 0.5s ease-in-out 0s;
	transition:         all 0.5s ease-in-out 0s;
}

#teleport i
{
	position:    absolute;
	top:         0;
	right:       0;
	bottom:      0; 
	left:        0;
	font-size:   2em;
	line-height: 50px;
	color:       #fff;
	text-align:  center;
	margin-top:  -2px;
}

a#teleport:hover
{
	opacity: 1;
	filter:  alpha(opacity=100);
}

a#teleport.visible
{
	display: block;
}

/*================================================================================================*/
/* TOOLTIP
/*================================================================================================*/

#tooltip
{
	display:        inline-block;
	position:       absolute;
	z-index:        99999;
	min-height:     20px;
	line-height:    20px;
	vertical-align: middle;
	padding:        0 10px;
	font-size:      12px;
	color:          #fff;
	background:     #555;
	border:         1px solid #444;
}

/*================================================================================================*/
/* CAPTCHA
/*================================================================================================*/

#imgcaptcha
{
	width:  160px;
	height: 80px;
	border: 1px solid #1665c4;
}

.captcha
{
	text-align: center;
}

.captcha label
{
	color: #1665c4;
}

/*================================================================================================*/
/* PAGESLIDE
/*================================================================================================*/

#pageslide 
{
	position:         fixed;
	top:              0;
	left:             0;
	height:           100%;
	z-index:          99999;
	width:            300px;
	padding:          20px 10px;
	background-color: #333;
	color:            #a0a0a0;
	overflow-y:       scroll;
}

#menu_slide 
{
	display: none;
}

#menu_open
{
	display: block;
}

#menu_open li
{
	display:     block;
	line-height: 1.7em;	
	max-width:   300px;
}

#menu_open li.page_item
{
	display:     block;
	line-height: 2.5em;
}

#menu_open ul li.page_item
{
	display:       block;
	line-height:   4em;
	border-top:    1px solid #4a4a4a;
	border-bottom: 1px solid #000;
	margin-left:   10px;
	font-size:     1.4rem;
}

#menu_open ul li:first-child
{ 
	border-top: 0; 
}

#menu_open ul li:last-child
{ 
	border-bottom: 0; 
}

#menu_open li a
{
	text-decoration: none;
	color:           #bbbaba;
}

#menu_open li a.active,
#menu_open li a:hover,
#menu_open ul li a.active,
#menu_open ul li a:hover
{
	color: #fff;
}

#menu_open li a [class*='fa-']
{
	margin-right: 0.5em;
}

/*================================================================================================*/
/* PREVIEW
/*================================================================================================*/

#preview
{
	position:   absolute;
	z-index:    99999;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border:     1px solid #000;
}

/*================================================================================================*/
/* FORMS
/*================================================================================================*/

form,
.pseudoform
{
	font-style:     normal;
	font-weight:    400;
	font-size:      1.4rem;
	font-family:    inherit;
	color:          inherit;
	line-height:    1;
	vertical-align: middle;
}

form
{
	position:  relative;
	max-width: 100% !important;
	overflow:  hidden;
}

.form-container
{
	float:  none;
	margin: 0 auto;
}

.form-container.margintop      { margin-top:    100px; }
.form-container.marginbtm      { margin-bottom: 100px; }
.form-container.smallmargintop { margin-top:    50px;  }
.form-container.smallmarginbtm { margin-bottom: 50px;  }

/*------------------------------------------------------------------------------------------------*/

[class^=field]
{
	position: relative;
	overflow: hidden;
	padding:  10px 5px;
}

.field100
{
	max-width: 100% !important;	
	width:     100%;
}

.field100.nohidden
{
	overflow: visible;
}

.fieldButton
{
	text-align: center;
}

/*------------------------------------------------------------------------------------------------*/

.field100.borderbtm + .field100
{
	padding-top: 5px;
}

.field50
{
	max-width: 50% !important;
	width:     50%;
	float:     left;
}

.field33
{
	max-width: 33.333333% !important;
	width:     33.333333%;
	float:     left;
}

.field25
{
	max-width: 25% !important;
	width:     25%;
	float:     left;
}

/*------------------------------------------------------------------------------------------------*/

.bordertop
{
	padding-top: 20px;
	border-top:  1px solid #abadb3;
	margin-top:  15px;
}

.borderbtm
{
	padding-bottom: 20px;
	border-bottom:  1px solid #abadb3;
	margin-bottom:  15px;
}

.nopadding
{
	padding: 0;
}

.nopaddingvert
{
	padding-top:    0;
	padding-bottom: 0;
}

.nopaddinghrz
{
	padding-left:  0;
	padding-right: 0;
}

.nomargin
{
	margin: 0;
}

.nomarginvert
{
	margin-top:    0;
	margin-bottom: 0;
}

.nomarginhrz
{
	margin-left:  0;
	margin-right: 0;
}

.paddingbtm
{
	padding-bottom: 20px;
}

.paddingbtm.small
{
	padding-bottom: 10px;
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 959px)
{
	.field33,
	.field25
	{
		max-width: 50% !important;
		width:     50%;
	}
}

@media only screen and (max-width: 639px)
{
	.field50,
	.field33,
	.field25
	{
		max-width: 100% !important;
		width:     100%;
		float:     none;
	}
}

/*------------------------------------------------------------------------------------------------*/

.field100.avertissement 
{
	font-size: 1.4rem;
}

.field100.avertissement p
{
	margin:      15px 0;
	line-height: 1.5; 
	text-align:  justify;
}

.field100.avertissement p:first-child
{
	margin-top: 0;
}

.field100.avertissement p:last-child
{
	margin-bottom: 0;
}

.field100.avertissement p:only-child
{
	margin: 0;
}

/*================================================================================================*/
/* PANEL
/*================================================================================================*/

.panel 
{
	position: relative;
}

.panel + .panel
{
	margin-top: 20px;
}

.panel-box 
{
	padding: 20px 10px 15px;
	border:  1px solid #abadb3;
	
	background-color: #fff;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

.panel-title
{
	margin:      0 0 10px;
	line-height: 1;
	font-weight: 400;
}

.panel-title [class*='fa-'],
.panel-header .panel-title [class*='fa-']
{
	margin-right: 10px;
}

.panel-header .panel-title 
{
	  padding-bottom: 15px;
	  border-bottom:  1px solid #abadb3;
}

/*================================================================================================*/
/* ALERT
/*================================================================================================*/

.alert 
{
	position:    relative;
	padding:     10px;
	font-size:   14px;
	line-height: 1.5;
	color:       #2d7091;
	border:      1px solid #2d7091;
	
	background-color: #ebf7fd;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

.alert h1, 
.alert h2, 
.alert h3, 
.alert h4, 
.alert h5, 
.alert h6 
{
	margin-top: 0;
}

.alert p:first-of-type
{
	margin-top: 0;
}

.alert p:last-of-type
{
	margin-bottom: 0;
}

.alert.success 
{
	color: #659f13;
	
	border-color:     #659f13;
	background-color: #f2fae3;
}

.alert.warning 
{
	color: #e28327;
	
	border-color:     #e28327;
	background-color: #fffceb;
}

.alert.danger 
{
	color: #d85030;
	
	border-color:     #d85030;
	background-color: #fff1f0;
}

/*================================================================================================*/
/* CONTROLS
/*================================================================================================*/

::-moz-selection 
{
	background:  #39f;
	color:       #fff;
	text-shadow: none;
}

::selection 
{
	background:  #39f;
	color:       #fff;
	text-shadow: none;
}

::-webkit-input-placeholder
{ 
	  color: #abadb3;
}

::-moz-placeholder 
{ 
	  color:   #abadb3;
	  opacity: 1;
	  filter:  alpha(opacity=100);
}

:-ms-input-placeholder 
{ 
	  color:   #abadb3;
	  opacity: 1;
	  filter:  alpha(opacity=100);
}

:-moz-placeholder
{
	  color:   #abadb3;
	  opacity: 1;
	  filter:  alpha(opacity=100);
}

/*------------------------------------------------------------------------------------------------*/

label[for]
{
	margin:      0;
	padding:     0 0 4px 2px;
	font-size:   1.4rem;
	line-height: 1;
	cursor:      pointer;
}

label[for][disabled]
{
	color:  #abadb3;
	cursor: default;
}

label.help,
label.error
{ 
	padding-top: 4px;
	font-size:   1.3rem;
	line-height: 1;
	color:       #ee0000;
}

label.help
{
	color: #777;
}

label.error
{
	color: #ee0000;
}

label.forgot 				 
{
	position: absolute;
	right:    5px;
	top:      10px;
}

/*------------------------------------------------------------------------------------------------*/

fieldset
{
	position: relative;
	display:  inline-block;
	overflow: hidden;
	margin:   0;
	padding:  8px 10px 10px;
	border:   1px solid #abadb3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

legend
{
	padding:     0 2px;
	font-size:   1.4rem;
	line-height: 1.2;
	white-space: normal;
}

/*------------------------------------------------------------------------------------------------*/

input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea
{
	height:      27px;
	margin:      0;
	padding:     5px 2.5px;
	font-size:   1.4rem;
	line-height: 1;
	color:       inherit;
	background:  #fff;
	border:      1px solid #abadb3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

textarea
{
	min-height:     100px;
	line-height:    1.25;
	vertical-align: top;
	overflow:       auto; 
	resize:         none;
}

input[type=text][disabled],
input[type=email][disabled],
input[type=password][disabled],
input[type=number][disabled],
textarea[disabled]
{
	color: #abadb3;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus
{
	border-color: #1665c4;
}

/*------------------------------------------------------------------------------------------------*/

select
{
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	
	height:            27px;
	margin:            0;
	padding:           5px 2.5px;
	font-size:         1.4rem;
	line-height:       1;
	color:             inherit;
	cursor:            pointer;
	background-color:  #fff;
	background-repeat: no-repeat;
	border:            1px solid #abadb3;
	text-transform:    none;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;  
}

select[disabled]
{
	color: #abadb3;
}

select:focus
{
	border-color: #1665c4;
}

@media screen and (min-width:0) 
{
	select 
	{
		background-position: -50px -50px;
		background-image:    url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAAlElEQVRIx+2VwQ3AIAhFwTiFi7KC7uYGHo1z0Et7MWkjaEiaQOJBDzy/wgdqrXwHWKyAiGAZDnSgHBhC												  +IfCUgqbKXxgGqhY4QyRQkUK35KLoK01iZd+xZKXRuEfbvdQPPGkAABEhMeLhohE5yfaAufk93791r13zQDmnLNqcOMYg1NKmoJgTRHtmDeaWZvPQweaAi8PXSmZJU3QRAAAAABJRU5ErkJggg==");
	
		-webkit-border-radius: 4px;
		-moz-border-radius:    4px;
		border-radius:         4px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	select 
	{
		background-position: right center;
		padding:             5px 32px 5px 5px;
	}
}

@-moz-document url-prefix() 
{
	select
	  {		
		text-indent:         0.01px;
		text-overflow:       '';
		padding-right:       35px;
		background-position: right center;
	}
  
	select:-moz-focusring 
	{
		color:       transparent;
		text-shadow: 0 0 0 #000;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
	select::-ms-expand 
	  {
		display: none;
	}
  
	select 
	{
		background-position: right center;
		padding-right:       35px;
	}
}

/*================================================================================================*/
/* UL RADIOS CHECKBOX
/*================================================================================================*/

ul.radios,
ul.radios > li,
ul.checkbox,
ul.checkbox > li
{
	list-style: none;
	margin:     0;
	padding:    0;
	outline:    0;
}

ul.radios.hrz > li,
ul.checkbox.hrz > li
{
	display:      inline-block;
	margin-right: 10px;
	float:        left;
}

ul.radios.hrz > li:last-child,
ul.checkbox.hrz > li:last-child
{
	margin-right: 0;
}

/*================================================================================================*/
/* CHECKBOX CONTAINER
/*================================================================================================*/

.checkbox-container 
{
	position:       relative;
	padding-left:   20px;
	cursor:         pointer;
	min-height:     1.4rem;
	font-size:      1.4rem;
	line-height:    1;
	vertical-align: middle;
	
	-webkit-user-select: none;
	-moz-user-select:    none;
	-ms-user-select:     none;
	user-select:         none;
}

.checkbox-container input 
{
	position: absolute;
	width:    0;
	height:   0;	
	opacity:  0;
	filter:   alpha(opacity=0);
	cursor:   pointer;
}

.checkbox-container[disabled]
{
	color:  #abadb3;
	cursor: default;
}

.checkbox-container .checkmark 
{
	position: absolute;
	top:      0;
	left:     0;
	width:    1.4rem;
	height:   1.4rem;
	border:   1px solid #abadb3;
	
	background-color: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
}

.checkbox-container .checkmark:after 
{
	content:      '';
	position:     absolute;
	display:      none;
	left:         4px;
	top:          1px;
	width:        4px;
	height:       8px;
	border:       solid white;
	border-width: 0 2px 2px 0;
	
	-webkit-transform: rotate(45deg);
	-ms-transform:     rotate(45deg);
	transform:         rotate(45deg);
}

.checkbox-container input:checked ~ .checkmark 
{
	background-color: #1665c4;
	border-color:     #1665c4;
}

.checkbox-container input:checked ~ .checkmark:after 
{
	display: block;
}

/*================================================================================================*/
/* RADIO CONTAINER
/*================================================================================================*/

.radio-container 
{
	position:       relative;
	padding-left:   20px;
	cursor:         pointer;
	font-size:      1.4rem;
	min-height:     1.4rem;
	line-height:    1;
	vertical-align: middle;
	
	-webkit-user-select: none;
	-moz-user-select:    none;
	-ms-user-select:     none;
	user-select:         none;
}

.radio-container[disabled]
{
	color: #abadb3;
}

.radio-container input 
{
	position: absolute;
	width:    0;
	height:   0;
	opacity:  0;
	filter:   alpha(opacity=0);
	cursor:   pointer;
}

.radio-container .checkmark 
{
	position: absolute;
	left:     0;
	top:      0;
	width:    1.4rem;
	height:   1.4rem;
	border:   1px solid #abadb3;
	
	background-color: #fff;
	
	-webkit-border-radius: 50%;
	-moz-border-radius:    50%;
	border-radius:         50%;
}

.radio-container .checkmark:after 
{
	content:  '';
	position: absolute;
	display:  none;
	left:   3px;
	top:    3px;
	width:  6px;
	height: 6px;
	
	background-color: #fff;
	
	-webkit-border-radius: 50%;
	-moz-border-radius:    50%;
	border-radius:         50%;
}

.radio-container input:checked ~ .checkmark 
{
	background-color: #1665c4;
	border-color:     #1665c4;
}

.radio-container input:checked ~ .checkmark:after 
{
	display: block;
}

/*================================================================================================*/
/* BUTTONS
/*================================================================================================*/

input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner  
{
	border:  0;
	padding: 0;
}

.button::-moz-focus-inner
{
	border:  0;
	padding: 0;
}

/*------------------------------------------------------------------------------------------------*/

.button
{
	display:             inline-block;
	min-width:           100px; 
	height:              27px;
	margin:              0;
	padding:             5px 14px;
	outline:             none;
	font-size:           1.4rem;
	font-weight:         400;
	line-height:         1;	
	vertical-align:      middle;
	border:              1px solid rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.3);
	color:               inherit;
	text-decoration:     none;
	text-align:          center;
	text-shadow:         none;
	cursor:              pointer;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	
	background-color:  #f7f7f7;
	background-origin: border-box;
	background-image:  -webkit-linear-gradient(top, #fff, #eee);
	background-image:  -moz-linear-gradient(to bottom, #fff, #eee);
	background-image:  -o-linear-gradient(top, #fff, #eee);
	background-image:  linear-gradient(to bottom, #fff, #eee);
}

.button:hover,
.button:focus
{
	color:            #000;
	outline:          none;
	text-decoration:  none;
	background-color: #fafafa;
	background-image: none;
}

.button:active,
.button.active
{
	color:            #000;
	background-color: #f5f5f5;
	background-image: none;
	border-top-color: rgba(0, 0, 0, 0.3);
	
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    inset 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow:         inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.button[disabled]
{
	color:            #abadb3 !important;
	background-color: #fafafa;
	background-image: none;
	border:           1px solid rgba(0, 0, 0, 0.2);
	cursor:           default;
	pointer-events:   none;
}

/*------------------------------------------------------------------------------------------------*/

.button.mini
{
	min-width: 75px;
	height:    22px;
	padding:   4px 5px;
	font-size: 1.2rem;
}

/*------------------------------------------------------------------------------------------------*/

.button.tabtel
{
	position:       absolute;
	min-width:      0;
	width:          35px;
	top:            0;
	right:          0;
	bottom:         0;
	margin:         0;
	padding:        0;
	vertical-align: middle;
	background:     #fff;
	border:         0;
	border-left:    1px solid #abadb3;
	color:          inherit;
	text-align:     center;
	cursor:         pointer;
	
	-webkit-border-top-left-radius:    0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-top-left-radius:       0;
	-moz-border-bottom-left-radius:    0;
	border-top-left-radius:            0;
	border-bottom-left-radius:         0;
}

.button.tabtel.noborder
{
	border-left: 0;
}

/*------------------------------------------------------------------------------------------------*/

.fns-button
{
	display:         inline-block;
	min-width:       100px;
	height:          39px;
	margin:          2.5px;
	outline:         none;
	padding:         10.5px 14px;
	font-size:       1.4rem;
	font-weight:     400;
	line-height:     1;	
	vertical-align:  middle;
	border:          2px solid #1665c4;
	color:           #fff !important;
	text-decoration: none !important;
	text-align:      center;
	text-shadow:     none;
	cursor:          pointer;
	background:      #1665c4;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration:    0.4s;
	-o-transition-duration:      0.4s;
	transition-duration:         0.4s;
}

.fns-button:hover
{
	text-decoration: none;
	background:      #fff; 
	color:           #1665c4 !important;
}

.fns-button[disabled]
{	
	cursor:     not-allowed;
	opacity:    0.6;
	filter:     alpha(opacity=60);
	color:      #fff !important;
	background: #1665c4;
	
	/* a.fns-button: onclick="return false" */
}

/*================================================================================================*/
/* TEXT-AND-BUTTON
/*================================================================================================*/

div.text-and-btn
{
	position:   relative;
	margin:     0;
	max-width:  100% !important;
	border:     1px solid #abadb3;
	height:     28px;
	background: #fff;
	overflow:   hidden;
	display:    block;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

div.text-and-btn ::-webkit-input-placeholder
{ 
	padding-top: 1px;
}

div.text-and-btn ::-moz-placeholder 
{ 
	padding-top: 1px;
}

div.text-and-btn :-ms-input-placeholder 
{ 
	  padding-top: 1px;
}

div.text-and-btn :-moz-placeholder
{
	  padding-top: 1px;
}

div.text-and-btn:focus,
div.text-and-btn.focused
{
	border-color: #5699e6;
}

/*-----------------------------------------------------------------------------------------------*/

div.text-and-btn input[type="text"],
div.text-and-btn input[type="email"],
div.text-and-btn input[type="password"]
{
	margin:                     0;
	border:                     0;
	height:                     25px;
	width:                      100%;
	padding-right:              39px;
	border-top-right-radius:    0;
	border-bottom-right-radius: 0;
	line-height:                1;
	position:                   absolute;
	top:                        0;
	left:                       0;
	min-height:                 25px;
}

/*-----------------------------------------------------------------------------------------------*/

div.text-and-btn .button
{
	position:                  absolute;
	top:                       0;
	right:                     0;
	margin:                    0;
	border:                    0;
	height:                    25px;
	width:                     35px;
	min-width:                 0;
	border-top-left-radius:    0;
	border-bottom-left-radius: 0;
	border-left:               1px solid rgb(200, 200, 200);
	cursor:                    pointer;
	min-height:                25px;
	line-height:               25px;
	vertical-align:            middle;
	padding-top:               2px;
}

div.text-and-btn .button:disabled
{
	cursor: default;
}

/*================================================================================================*/
/* TELEPHONE
/*================================================================================================*/

div.telephone
{
	position:   relative;
	overflow:   hidden;
	margin:     0;
	background: #fff;
	border:     1px solid #abadb3;
	height:     27px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

div.telephone select
{
	position: absolute;
	top:      0;
	left:     0;
	bottom:   0;
	width:    75px;
	border:   0;
	
	-webkit-border-radius: 0;
	-moz-border-radius:    0;
	border-radius:         0;
}

div.telephone .input-container
{
	position: absolute;
	top:      0;
	right:    35px;
	left:     75px;
	bottom:   0;
}

div.telephone .input-container input[type=number]
{
	float:       left;
	width:       20%;
	border:      0;
	border-left: 1px solid #abadb3;
	text-align:  center;
	
	-webkit-border-radius: 0;
	-moz-border-radius:    0;
	border-radius:         0;
}

div.telephone.focused
{
	border-color: #1665c4;
}

div.telephone .input-container input::-webkit-outer-spin-button,
div.telephone .input-container input::-webkit-inner-spin-button 
{
	-webkit-appearance: none;
	margin: 0;
}

div.telephone .input-container input[type=number] 
{
	-moz-appearance: textfield;
}

/*================================================================================================*/
/* TOGGLE
/*================================================================================================*/

.toggle-command
{
	position:       relative;
	min-height:     47px;
	line-height:    47px;
	vertical-align: middle;
	margin:         0;
	padding:        0 10px;
	background:     #fff;
	border:         1px solid #abadb3;
	cursor:         pointer;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

.toggle-command + .toggle-command
{
	margin-top: 20px;
}

.toggle-command.right:after
{
	content:     '\f078';
	font-family: 'FontAwesome';
	position:    absolute;
	top:         0;
	right:       10px;
	line-height: 47px;
}

.toggle-command.right.isopen:after
{
	content: '\f077';
}

.toggle-command[disabled]
{
	color:  #abadb3;
	cursor: default;
}

.toggle-command .toggle-inner
{
	display:  none;
	position: relative;
	height:   auto;
}

.toggle-command .toggle-content
{
	position:       relative;
	height:         auto;
	line-height:    1.5;
	padding-bottom: 15px;
}

.toggle-command .toggle-content.border
{
	border-top: 1px solid #abadb3;
	padding:    15px 0;
}

/*================================================================================================*/
/* PROGRESSBAR
/*================================================================================================*/

.progress
{
	position: relative;
	overflow: hidden;
	height:   27px;
	
	background-color: #abadb3;	
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

.progress .progress-bar 
{
	position: relative;
	float:    left;
	width:    0;
	height:   100%;
	
	background-color: #1665c4;
	
	-webkit-transition: width 0.6s ease;
	-moz-transition:    width 0.6s ease;
	-o-transition:      width 0.6s ease;
	transition:         width 0.6s ease;
}

.progress .progress-txt 
{
	position:       absolute;
	top:            0;
	right:          0;
	bottom:         0;
	left:           0;
	background:     transparent;
	font-size:      14px;
	line-height:    27px;
	vertical-align: middle;
	color:          #fff;
	text-align:     center;
}

/*================================================================================================*/
/* UPLOADER
/*================================================================================================*/

.uploadcontainer
{
	position:    relative;
	width:       100%;
	padding:     10px;
	overflow:    hidden;
	font-family: inherit;
}

.upload100
{
	position:  relative;
	overflow:  hidden;
	padding:   0;
	margin:    0 0 5px;
	max-width: 100% !important;
	width:     100%;
}

.upload100:last-of-type
{
	margin-bottom: 0;
}

.upload100.sysinfos,
.upload100.messages,
.upload100.filelist,
.upload100.progress
{
	display: none;
}

.upload100.messages .alert 
{
	  text-align: center;
}

.upload100.uploadbuttons
{
	text-align: center;
	padding:    5px 0;
}

.upload100.uploadbuttons .uploadfile
{
	position:  absolute;
	display:   inline-block;
	top:       0;
	left:      0;
	width:     0;
	height:    0;
	padding:   0;
	margin:    0;
	z-index:  -99999;
}

.ftul.bullet 
{
	margin-left: 5px;
	margin-top:  20px;
}

.ftul.bullet li.withprevimg:before
{
	content:      none;
	margin-right: 0;
}

.previmg,
.prevtxt
{
	display:     inline-block;
	float:       left;
	line-height: 1.5;
}

.previmg
{
	margin-right: 10px;
}

/*================================================================================================*/
/* IMAGE-CONTAINER
/*================================================================================================*/

.img-container
{
	position:   relative;
	max-width:  100%;
	width:      100%;
	text-align: center;
}

.image-container
{
	position:   relative;
	display:    inline-block;
	max-width:  100%;
	width:      auto;
	overflow:   hidden;
	border:     1px solid #abadb3;
	padding:    10px;
	background: #fff;	
}

.img-container,
.image-container,
.image-container img
{
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	border-radius:         6px;
}

.image-container a.lightbox .overlay-area 
{
	top:    0;
	bottom: 0;
	left:   0;
	right:  0;
	
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	border-radius:         6px;
}

.img-container .caption
{
	text-align:  center;
	font-style:  italic;
	color:       #a0a0a0;
	padding-top: 10px;
	font-size:   14px;
}

/*================================================================================================*/
/* AGENDA
/*================================================================================================*/

#calendar-js-container
{
	display:          none;
	position:         absolute;
	z-index:          99999;
	width:            300px;
	max-width:        300px !important;
	padding:          5px;
	border:           1px solid #abadb3;
	background-color: #eee;
	font-size:        1.4rem;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

#calendar-js-caption
{
	position:         relative;
	width:            100%;
	max-width:        100% !important;
	padding:          3px 10px;
	border:           1px solid #c1c6ca;
	background-color: #e1e6fa;
	text-align:       center;
	line-height:      2em;
	vertical-align:   middle;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
}

#calendar-js-caption select
{
	width:     33%;
	max-width: 33% !important;
	line-height: 1;
}

#calendar-js-caption .btn-agenda
{
	cursor:           pointer;
	font-size:        1.2em;
	background-color: transparent;
	min-width:        20px;
	text-align:       center;
}

#calendar-js-caption .btn-agenda:hover
{
	color: #fff;
}

#calendar-js-caption .btn-agenda.disabled,
#calendar-js-caption .btn-agenda.disabled:hover
{
	color:  #a0a0a0;
	cursor: default;
}

#calendar-js-caption #btn-prevmonth
{
	float: left;
}

#calendar-js-caption #btn-nextmonth
{
	float: right;
}

#calendar-js-body
{
	position:  relative;
	width:     100%;
	max-width: 100% !important;
	padding:   3px 0;
}

#calendar-js
{
	position:         relative;
	border-collapse:  separate;
	border-spacing:   3px;
	  border:           0;
	  font-family:      inherit;
	color:            #0a0a0a;
	font-size:        1.4rem;
	line-height:      1.2;
	width:            100%;
	caption-side:     top;
}

#calendar-js th
{
	position:       relative;
	border:         0;
	width:          14.2857%;
	vertical-align: middle;
	text-align:     center;
	/*text-transform: uppercase;*/
	font-weight:    bold;
}

#calendar-js td
{
	position:       relative;
	border:         1px solid #abadb3;
	width:          14.2857%;
	vertical-align: middle;
	text-align:     center;
	padding:        5px;
	cursor:         pointer;
}

#calendar-js td.out
{
	visibility: hidden;
}

#calendar-js td:hover
{
	background-color: rgba(170, 50, 160, 0.15);
}

#calendar-js td.selected
{
	background-color: #e1e6fa;
	color:            #000;
}

#calendar-js td.today
{
	font-weight: bold;
}

#calendar-js td.outofdate
{
	color:  #a0a0a0;
	cursor: default;
	background-color: none;
}

#calendar-js td.outofdate:hover
{
	background-color: transparent;
}

/*================================================================================================*/
/* CALENDAR
/*================================================================================================*/

.php-calendar
{
	position:   relative;
	overflow:   hidden;
	margin:     0 auto;
	padding:    0;
	background: rgba(255, 255, 255, 0.75);
	border-top: 5px solid #808223;
}

.php-calendar-legende
{
	position:   relative;
	overflow:   hidden;
	margin:     0 auto;
	padding:    0;
	background: rgba(255, 255, 255, 0.75);
}

/*------------------------------------------------------------------------------------------------*/

.php-calendar-caption,
.php-calendar-legende-caption
{
	position:       relative;
	width:          100%;
	font-size:      2rem;
	height:         2em;
	line-height:    2em;
	vertical-align: middle;
	text-align:     center;
	background:     #fff;
	margin:         1em 0;
}

.php-calendar-legende-caption
{
	font-size:  1.6rem;
	padding:    1em 0;
	border-top: 1px solid #808223;
}

.php-calendar-caption span
{
	display:    inline-block;
	height:      2em;
	line-height: 2em;
	cursor:      pointer;
}

.php-calendar-caption .inputcalendar
{
	visibility: hidden;
	min-height: 0;
	max-height: 2em; 
	height:     2em; 
	width:      0; 
	margin:     0; 
	padding:    0;
	cursor:     pointer;
}

.php-calendar-caption a.calbtn
{
	position:        relative;
	display:         inline-block;
	font-size:       1.6rem;
	height:          100%;
	line-height:     100%;
	text-decoration: none;
	color:           inherit;
}

.php-calendar-caption a.calbtn.prev
{
	float:  left;
	margin: 0 0 0 1.25em;
}

.php-calendar-caption a.calbtn.next
{
	float:  right;
	margin: 0 1.25em 0 0;
}

.php-calendar-caption a.calbtn i.fa-caret-left
{
	margin-top:   1px;
	margin-left: -2px;
}

.php-calendar-caption a.calbtn i.fa-caret-right
{
	margin-top:  1px;
	margin-left: 1px;
}

.php-calendar-caption a.calbtn:hover
{
	color: #d3072b;
}

/*------------------------------------------------------------------------------------------------*/

.php-calendar .agrow,
.php-calendar-legende .agrow
{	
	position:    relative;
	width:       100%;
	height:      4em;
	line-height: 4em;
}

.col320 .php-calendar .agrow,
.col320 .php-calendar-legende .agrow
{	
	height:      2.5em;
	line-height: 2.5em;
}

.php-calendar-legende .agrow span:not(.tdin),
.col320 .php-calendar-legende .agrow span:not(.tdin)
{
	margin-left: 1em;
	font-size:   1.4rem;
}

/*------------------------------------------------------------------------------------------------*/

.php-calendar .agrow .agcell,
.php-calendar-legende .agrow .agcell
{
	z-index:          1;
	position:         relative;
	float:            left;
	width:            14.285714%;
	height:           100%;
	text-align:       center;
	vertical-align:   middle;
	color:            #0a0a0a;
	background-color: #fff;
	cursor:           pointer;
}

.php-calendar-legende .agrow .agcell
{
	cursor: default;
}

.php-calendar .agrow.row-week .agcell
{
	font-size:   0.8571em;
	font-weight: 400;
	cursor:      default;
}

.php-calendar .agrow.row-week .agcell:first-letter
{
	text-transform: uppercase;
}

/*------------------------------------------------------------------------------------------------*/

.php-calendar .agrow .agcell .tdin,
.php-calendar-legende .agrow .agcell .tdin
{
	z-index:  0;
	display:  inline-block;
	top:      0;
	left:     0;
	width:    100%;
	height:   100%;
	cursor:   pointer;
}

.php-calendar-legende .agrow .agcell .tdin
{
	cursor: default;
}

.php-calendar .agrow .agcell .tdin:hover
{
	color: #d3072b;
}

/*------------------------------------------------------------------------------------------------*/

.php-calendar .agrow .agcell.out
{
	color:  #abadb3;
	cursor: default;
}

.php-calendar .agrow .agcell.ferie,
.php-calendar-legende .agrow .agcell.ferie
{
	color:       #808223;
	font-weight: 700;
}

.php-calendar .agrow .agcell.today,
.php-calendar-legende .agrow .agcell.today
{
	color:            #808223;
	background-color: #f2f3e9;
}

.php-calendar .agrow .agcell.active .tdin,
.php-calendar-legende .agrow .agcell.active .tdin
{
	color:            #808223;
	border: 2px solid #808223;
}

/*------------------------------------------------------------------------------------------------*/

.sticky
{
	position: relative;
}

.sticky.fixed
{
	position: fixed;
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 639px)
{
	.php-calendar .agrow
	{	
		height:      3em;
		line-height: 3em;
	}
}

@media only screen and (max-width: 479px)
{
	.php-calendar .agrow
	{	
		height:      2.5em;
		line-height: 2.5em;
	}
}

/*================================================================================================*/
/* SLIDER
/*================================================================================================*/

.slider-wrapper
{
	position:  relative;
	width:     1280px;
	max-width: 1280px !important;
	margin:    0 auto;
}

.slider-container
{
	position: relative;
	width:    100%;
}

.slider-container .slider
{
	position: relative;
	width:    100%;
	overflow: hidden;
	
	background-color:    transparent;
	background-position: center;
	background-repeat:   no-repeat;
	background-size:     contain;
}

.slider-container .slider-texte
{
	z-index:      2;
	position:     absolute; 
	left:         0;
	top:          50%;
	width:        100%;
	text-align:   center;
	color:        #fff;
	margin-top:  -90px;
	background:   transparent;
	text-shadow:  2px 2px 1px rgba(0, 0, 0, 1);
}

.slider-container .slider-texte span
{
	display:        block;
	vertical-align: middle;
}

.slider-container .slider-texte span.st-max
{
	line-height:    90px;
	font-size:      60px;
	text-transform: uppercase;
}

.slider-container .slider-texte span.st-min
{
	line-height:  45px;
	font-size:    30px;
	font-variant: small-caps;
}

.slider-container .arrow											
{	
	z-index:     100;
	position:    absolute;
	cursor:      pointer; 
	font-size:   46px;
	width:       1em;	
	height:      1em;
	margin-top: -0.5em;
	top:         50%;
	opacity:     0.5;
	filter:      alpha(opacity=50);
	
	-webkit-transition: opacity 0.2s ease-out; 
	-moz-transition:    opacity 0.2s ease-out; 
	-o-transition:      opacity 0.2s ease-out; 
	transition:         opacity 0.2s ease-out;
}

.slider-container .arrow i
{
	position:       absolute;
	top:            0;
	right:          0;
	bottom:         0; 
	left:           0;
	line-height:    1;
	color:          #fff;
	text-align:     center;
	vertical-align: middle;
}

.slider-container .arrow:hover
{
	opacity: 1;
	filter:  alpha(opacity=100);
}

.slider-container .arrow.left
{
	left: 6% !important;
}

.slider-container .arrow.right
{	
	right: 6% !important;
}

.preload-images,
.preload-texte
{
	display: none;
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1279px)
{
	.slider-wrapper
	{
		width:     960px;
		max-width: 960px !important;
	}
}

@media only screen and (max-width: 959px)
{
	.slider-wrapper
	{
		width:     640px;
		max-width: 640px !important;
	}
	
	.slider-container .slider-texte
	{
		margin-top: -60px;
	}
	
	.slider-container .slider-texte span.st-max
	{
		line-height: 60px;
		font-size:   40px;
	}
	
	.slider-container .slider-texte span.st-min
	{
		line-height: 30px;
		font-size:   20px;
	}
	
	.slider-container .arrow											
	{	 
		font-size: 30px;
	}
	
	.slider-container .arrow.left
	{
		left: 4% !important;
	}
	
	.slider-container .arrow.right
	{
		right: 4% !important;
	}
}

@media only screen and (max-width: 639px)
{
	.slider-wrapper
	{
		width:     480px;
		max-width: 480px !important;
	}
	
	.slider-container .slider-texte
	{
		margin-top: -46px;
	}
	
	.slider-container .slider-texte span.st-max
	{
		line-height: 46px;
		font-size:   30px;
	}
	
	.slider-container .slider-texte span.st-min
	{
		line-height: 24px;
		font-size:   18px;
	}
	
	.slider-container .arrow											
	{	 
		font-size: 24px;
	}
	
	.slider-container .arrow.left
	{
		left: 3% !important;
	}
	
	.slider-container .arrow.right
	{
		right: 3% !important;
	}
}

@media only screen and (max-width: 479px)
{
	.slider-wrapper
	{
		width:     320px;
		max-width: 320px !important;
	}
	
	.slider-container .slider-texte
	{
		margin-top: -35px;
	}
	
	.slider-container .slider-texte span.st-max
	{
		line-height: 30px;
		font-size:   24px;
	}
	
	.slider-container .slider-texte span.st-min
	{
		line-height: 20px;
		font-size:   16px;
	}
	
	.slider-container .arrow											
	{	 
		font-size: 20px;
	}
}

/*================================================================================================*/
/* ALBUMS
/*================================================================================================*/

.portfolio
{
	position:  relative;
	max-width: 100% !important;
	width:     100%;
}

.portfolio .separator1,
.portfolio .separator2,
.portfolio .separator3
{
	display: none;
}

.portfolio .separator4
{
	display: block;
}

.in-portfolio
{
	position: relative;
	width:    100%;
	margin:   0 auto;
}

/*------------------------------------------------------------------------------------------------*/

.agalerie .portfolio .col320
{
	text-align: center;
}

.agalerie .portfolio-container .overlay-area 
{
	position:      absolute;
	top:           0;
	bottom:        0;
	left:          0;
	right:         0;
	border-radius: 6px;
	background:    none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
	opacity:       0;
	transition:    opacity 0.15s linear 0s;
}

.agalerie .portfolio-container .overlay-area:empty:before 
{
	content:     "\f002";
	position:     absolute;
	top:          50%;
	left:         50%;
	width:        50px;
	height:       50px;
	margin-top:  -25px;
	margin-left: -25px;
	font-size:    50px;
	line-height:  1;
	font-family: 'FontAwesome';
	text-align:   center;
	color:        #fff;
}

.agalerie .portfolio-container a.lightbox
{
	display:    block;
	text-align: center;
}

.agalerie .portfolio-container a:hover.lightbox
{
	text-decoration: none;
	color:           #000;
}

.agalerie .portfolio-container a:hover.lightbox .caption
{
	color: #000;
}

.agalerie .portfolio-container a:hover.lightbox .overlay-area
{
	opacity: 1;
}

.agalerie .portfolio-container .caption
{
	text-align: center;
	font-style: italic;
	color:      #a0a0a0;
}

.agalerie .portfolio-container .image-container
{
	padding:       10px;
	border:        1px solid #d2d3d4;
	background:    #fff;
	border-radius: 6px;
}

.agalerie .portfolio-container img ~ .caption
{
	padding-top: 10px;
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1279px)
{
	.portfolio .separator2,
	.portfolio .separator4
	{
		display: none;
	}
	
	.portfolio .separator3
	{
		display: block;
	}
}

@media only screen and (max-width: 959px)
{	
	.portfolio .separator3,
	.portfolio .separator4
	{
		display: none;
	}
	
	.portfolio .separator2
	{
		display: block;
	}
}

@media only screen and (max-width: 639px)
{	
	.portfolio .separator2,
	.portfolio .separator3,
	.portfolio .separator4
	{
		display: none;
	}
}

/*================================================================================================*/
/* LIGHTBOX
/*================================================================================================*/

a.lightbox
{
	display:    inline-block;
	text-align: center;
	position:   relative;
}

a.lightbox .overlay-area 
{
	position:   absolute;
	top:        0;
	bottom:     0;
	left:       0;
	right:      0;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.35);
	opacity:    0;
	filter:     alpha(opacity=0);
	
   -webkit-transition: opacity 0.15s linear 0s;
	-moz-transition:   opacity 0.15s linear 0s;
	-o-transition:     opacity 0.15s linear 0s;
	transition:        opacity 0.15s linear 0s;
}

a.lightbox .overlay-area:empty:before 
{
	content:     "\f002";
	position:     absolute;
	top:          50%;
	left:         50%;
	width:        50px;
	height:       50px;
	margin-top:  -25px;
	margin-left: -25px;
	font-size:    50px;
	line-height:  1;
	font-family: 'FontAwesome';
	text-align:   center;
	color:        #fff;
}

a:hover.lightbox
{
	text-decoration: none;
}

a:hover.lightbox .overlay-area
{
	opacity: 1;
	filter:  alpha(opacity=100);
}

/*------------------------------------------------------------------------------------------------*/

#dci-overlay 
{
	display:    none;
	position:   fixed;
	left:       0;
	top:        0;
	width:      100%;
	height:     100%;
	overflow:   hidden;
	z-index:    10000;
	background: rgba(0, 0, 0, 0.75);
}

#dci-wrapper
{
	display:    none;
	position:   fixed;
	top:        0;
	left:       0; 
	z-index:    10010;
	background: transparent;
	
	opacity: 1.0;
	filter:  alpha(opacity=100);
}

#dci-close 
{
	background-image: url('../img/dci/sprite.png');
	position:         absolute;
	top:             -18px;
	right:           -18px;
	width:            36px;
	height:           36px;
	cursor:           pointer;
	z-index:          10020;
}

#dci-title 
{
	position:    absolute;
	top:         100%;
	left:        0; 
	right:       0; 
	z-index:     10030;
	text-align:  center;
	margin-top:  6px;
	line-height: 24px;	     
}

#dci-title span
{
	position:      relative;
	font-family:   inherit;
	font-size:     13px;
	font-weight:   400;
	padding:       5px 20px;
	background:    transparent;
	background:    rgba(0, 0, 0, 0.8);
	color:         #fff;
	white-space:   nowrap;
	
	-webkit-border-radius: 15px;
	-moz-border-radius:    15px;
	border-radius:         15px;
}

.dci-nav 
{
	position:        absolute;
	top:             0;
	width:           40%;
	height:          100%;
	cursor:          pointer;
	text-decoration: none;
	background:      transparent url('../img/dci/blank.gif'); 
	z-index:         10040;
	
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dci-nav span 
{
	visibility:  hidden;
	position:    absolute;
	top:         50%;
	width:       36px;
	height:      34px;
	margin-top: -18px;
	cursor:      pointer;
	z-index:     10040;
}

.dci-nav:hover span 
{
	visibility: visible;
}

#dci-prev 
{
	left: 0;
}

#dci-next 
{
	right: 0;
}

#dci-prev span, 
#dci-next span 
{
	background-image: url('../img/dci/sprite.png');
}

#dci-prev span 
{
	left:                10px;
	background-position: 0 -36px;
}

#dci-next span 
{
	right:               10px;
	background-position: 0 -72px;
}

/*================================================================================================*/
/* GOOGLEMAP
/*================================================================================================*/

#googlemap
{
	position: relative;
	margin:   0 auto;
	width:    100%;
	height:   500px;
	border:   5px solid #f0f0f0;
}

#googlemap-container
{
	position: relative;
	width:    100%;
	height:   100%;
}

#googlemap-container img
{ 
	max-width:  none !important; 
	height:     auto !important; 
	background: none !important;
	border:     0 !important;
	margin:     0 !important;
	padding:    0 !important;
}

#gm-top-buttons
{
	position: relative;
	margin:   50px 0 20px;
}

#googlemap pre
{
	margin:      0;
	font-family: inherit;
}

#googlemap a
{
	display:    block;
	margin:     10px auto;
	text-align: center;
	font-size:  1.25em;
}

#infowin
{
	font-size: 12px;
	margin:    5px 0 5px 5px;
}

#infowin b
{
	display:        block;
	font-size:      14px;
	text-align:     center;
	padding-bottom: 10px;
}

/*================================================================================================*/
/* TIMEZONES
/*================================================================================================*/

#timezones
{
	padding: 20px 0;
}

#timezones .dtville 
{
	margin-top:     10px;
	text-align:     center;
	font-weight:    bold;
	text-transform: uppercase;
	font-size:      1em;
}

#timezones .dtdate 
{
	text-align: center;
	font-size:  1em;
}

#timezones .dtdate:first-letter 
{
	text-transform: capitalize;
}

#timezones .hero
{
	position:   relative;
	padding:    10px 0;
	margin-top: 10px;
}

#timezones .hero-circle
{
	width:         180px;
	height:        180px;
	margin:        0 auto;
	position:      relative;
	border:        8px solid #000;
	
	-webkit-border-radius: 50%;
	-moz-border-radius:    50%;
	border-radius:         50%;
	
	-webkit-box-shadow: 0 1px 8px rgba(34, 34, 34, 0.3),inset 0 1px 8px rgba(34, 34, 34, 0.3);
	-moz-box-shadow:    0 1px 8px rgba(34, 34, 34, 0.3),inset 0 1px 8px rgba(34, 34, 34, 0.3);
	box-shadow:         0 1px 8px rgba(34, 34, 34, 0.3),inset 0 1px 8px rgba(34, 34, 34, 0.3);
}

#timezones .hero-face
{
	width:  100%;
	height: 100%;
}

#timezones .hero-face:after
{
	position:         absolute;
	top:              50%;
	left:             50%;
	width:            12px;
	height:           12px;
	margin:           -6px 0 0 -6px;
	background-color: #ff0000;
	content:          "";
	display:          block;
	
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	border-radius:         6px;
}

#timezones .hero-hour
{
	width:            0;
	height:           0;
	position:         absolute;
	top:              50%;
	left:             50%;
	margin:           -4px 0 -4px -25%;
	padding:          4px 0 4px 25%;
	background-color: #000;
	
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius:    4px 0px 0px 4px;
	border-radius:         4px 0px 0px 4px;
	
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin:     100% 50%;
	transform-origin:         100% 50%;
}

#timezones .hero-minute
{
	width:            0;
	height:           0;
	position:         absolute;
	top:              50%;
	left:             50%;
	margin:           -40% -3px 0;
	padding:          40% 3px 0;
	background-color: #000;
	
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius:    3px 3px 0 0;
	border-radius:         3px 3px 0 0;
	
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin:     50% 100%;
	transform-origin:         50% 100%;
}

#timezones .hero-second
{
	width:            0;
	height:           0;
	position:         absolute;
	top:              50%;
	left:             50%;
	margin:           -40% -1px 0 0;
	padding:          40% 1px 0;
	background-color: #000;
	
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin:     50% 100%;
	transform-origin:         50% 100%;
}

/*================================================================================================*/