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

@charset "UTF-8";

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

/*

	NORMALIZE
	FONTAWESOME
	ANIMATIONS
	GRIDS
	LOADER
	INPROGRESS
	TELEPORT
	PAGESLIDE
	TOOLTIP
	PANEL
	FORMS
	CONTROLS
	BUTTONS
	CAPTCHA
	TEXT-AND-BUTTON
	TELEPHONE
	AGENDA
	ALERT
	GOOGLEMAP
	IMAGE-CONTAINER
	UPLOADER
	TIMEZONES
	LIGHTBOX
	PROGRESSBAR
	TABS
	
*/

/*================================================================================================*/
 
@font-face 
{
    font-family:'FontAwesome';
    font-weight: normal;
    font-style:  normal;
    
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff2?v=4.7.0')      format('woff2'),
         url('../fonts/fontawesome-webfont.woff?v=4.7.0')       format('woff'),
         url('../fonts/fontawesome-webfont.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;
}

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

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

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

audio,
canvas,
iframe,
img,
svg,
video 
{
    vertical-align: middle;
}

audio,
canvas,
img,
svg,
video 
{
    max-width: 100%;
    height:    auto;
    
    -webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

img 
{  	
  	-ms-interpolation-mode: bicubic;
}

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

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

[hidden],
template
{
  	display: none;
}

iframe 
{
    border: 0;
}
	
b,
strong 
{
  	font-weight: 700; 
}

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;  
}

abbr[title] 
{
    border-bottom: 1px dotted;
}

blockquote 
{
    margin: 1em 40px;
}

q 
{
    quotes:     none;
    font-style: italic;
}

q:before,
q:after 
{
    content: '';
    content: none;
}

mark,
ins 
{
    background: #ff0;
    color:      #000;
}

ins 
{
    text-decoration: none;
}

address 
{
    font-style: normal;
}

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,
kbd,
samp
{
    font-family:   monospace, serif;
    _font-family: 'courier new', monospace;
    font-size:     1em;
}

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

dl
{
    margin: 1em 0;
}

dt
{
	font-weight: bold;
}

dd 
{
    margin:  0;
    padding: 0 0 0 20px;
}

menu
{
	margin:  1em 0;
    padding: 0 0 0 20px;
}

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

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;
}

html 
{
	height: 100%;
	
	-webkit-tap-highlight-color: transparent;
}

body 
{
	overflow:         auto;
	overflow-x:       hidden;
	min-height:       100% !important;
	height:           100%;
	background-color: #fff;
	color:            #000;
	font-family:      -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:        14px;
	font-weight:      400;
	font-style:       normal;
	line-height:      1.5;
	
	-ms-text-size-adjust:     none;
	-webkit-text-size-adjust: none;
    
    -webkit-font-smoothing:  antialiased;
	-webkit-font-smoothing:  subpixel-antialiased;
	-moz-osx-font-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;  
}

a:link
{
	color: #0000ee;
}

a:visited
{
	color: #551a8b;
}

a:hover 
{
	text-decoration: underline;
}

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

h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

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

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

@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: 1.5em;
}

.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;
}

/* AGENDA */

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

/* AGENDA */

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

/*================================================================================================*/
/* ANIMATIONS
/*================================================================================================*/

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

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

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

/* AGENDA */

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

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

.fadeInLeft 
{
  	animation-name: fadeInLeft;
}

/* AGENDA */

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

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

.fadeOutLeft 
{
  	animation-name: fadeOutLeft;
}

/* LIGHTBOX */

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

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

.fadeInDown 
{
	animation-name: fadeInDown;
}

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

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

.fadeOutDown 
{
  	animation-name: fadeOutDown;
}

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

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

[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: 1280px)
{
	.content1280
	{
		width: 960px;
	}
	
	.col414,
	.col313,
	.col3132,
	.col211,
	.col212
	{
		margin-left: 320px;
	}

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

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

@media only screen and (max-width: 960px)
{
	.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: 640px)
{
	.content1280,
	.col960,
	.col640
	{
		width: 480px;
	}

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

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

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

/*================================================================================================*/
/* LOADER
/*================================================================================================*/

#loader-wrapper 
{
	position: fixed;
	z-index:  999998;
	top:      0;
	left:     0;
	width:    100%;
	height:   100%;
}

#loader-wrapper .loader-section 
{
    position:   fixed;
    z-index:    1000;
    overflow:   hidden;
    top:        0;
    width:      50%;
    height:     100%;
    background: #000;
}

#loader-wrapper .loader-section.section-left 
{
    left: 0;
}

#loader-wrapper .loader-section.section-right 
{
	right: 0;
}

#loader-wrapper .loader-section.section-left img,
#loader-wrapper .loader-section.section-right img
{
	display:   block;
    position:  absolute;
    left:      0;
    bottom:    0;
    max-width: none !important;
    width:     200%;
}

#loader-wrapper .loader-section.section-left img
{
    -webkit-transform: translateX(0px);
    -ms-transform:     translateX(0px);
    transform:         translateX(0px);
}

#loader-wrapper .loader-section.section-right img
{
	-webkit-transform: translateX(-50%);
    -ms-transform:     translateX(-50%);
    transform:         translateX(-50%);
}

#loader-wrapper .loader-section.section-left.portrait img,
#loader-wrapper .loader-section.section-right.portrait img
{
	height: 100% !important;
}

#loader
{
    display:  block;
    position: relative;
    z-index:  999999;
    left:     50%;
    top:      50%;
    width:    150px;
    height:   150px;
    margin:   -75px 0 0 -75px;
    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;
}
	
#loader:after, 
#loader:before 
{
	position: absolute;
    content:  "";
    border:   3px solid transparent;
        
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
}
	
#loader:before 
{
    top:    5px;
    left:   5px;
    right:  5px;
    bottom: 5px;
    
    border-top-color: #e74c3c;
    
    -webkit-animation: loaderspin 3s linear infinite;
    animation:         loaderspin 3s linear infinite;
}
	
#loader: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;
}

.loaded #loader 
{
    opacity: 0;
    filter:  alpha(opacity=0)
    
    -webkit-transition: all .3s ease-out;
    transition:         all .3s ease-out;
}

.loaded #loader-wrapper 
{
    visibility: hidden;
    
    -webkit-transform: translateY(-100%);
    -ms-transform:     translateY(-100%);
    transform:         translateY(-100%);
    
    -webkit-transition: all .3s 1s ease-out;
    transition:         all .3s 1s ease-out;
}

.loaded #loader-wrapper .loader-section.section-left,
.loaded #loader-wrapper .loader-section.section-right
{
	-webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition:         all .7s .3s cubic-bezier(.645, .045, .355, 1);
}

.loaded #loader-wrapper .loader-section.section-left 
{
    -webkit-transform: translateX(-100%);
    -ms-transform:     translateX(-100%);
    transform:         translateX(-100%);
}
	
.loaded #loader-wrapper .loader-section.section-right 
{
    -webkit-transform: translateX(100%);
    -ms-transform:     translateX(100%);
    transform:         translateX(100%);
}

@-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)
    }
}

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

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

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

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

#inprogress-container #loading
{
	display:  inline-block;
	position: relative;
	z-index:  10;
	padding:  0 10px;
}

#inprogress-container #loading-box
{
	position:   absolute; 
	z-index:    -1;
	top:        0; 
	left:       0; 
	right:      0;
	height:     66px;
	background: #000;	
	opacity:    1;
    filter:     alpha(opacity=100);
	border:     1px solid #235a5a;
	
	-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-container #loading-img
{
	display:  inline-block;
	position: relative;
	z-index:  12;
	width:    64px;
	height:   64px;
}

#inprogress-container #iploader 
{
    position: absolute;
    top:      0; 
    left:     0; 
    right:    0; 
    bottom:   0;    
}

#inprogress-container #iploader:after 
{
	display:     block;
    position:    absolute;
    z-index:     1;
    content:     '';
    top:         50%;
    left:        50%;
    height:      48px;
    width:       48px;
    margin-top:  -24px;
    margin-left: -24px;
    border:      5px solid transparent;
    
    border-left-color:  #fff;
    border-right-color: #fff;
    
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    
    -webkit-animation:  hmn-spin infinite .8s;
    -o-animation:       hmn-spin infinite .8s;
    animation:          hmn-spin infinite .8s;
}

#inprogress-container #loading-txt
{
	display:        inline-block;
	z-index:        11;
	height:         64px;
	line-height:    64px;
	vertical-align: top;
	padding:        0 24px 0 8px;
	color:          #fff;
}

.hmn-spin 
{
    -webkit-animation: hmn-spin 2s infinite linear;
    animation:         hmn-spin 2s infinite linear;
}

@-webkit-keyframes hmn-spin 
{
    0% 
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% 
    {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes hmn-spin 
{
    0% 
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% 
    {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

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

a#teleport
{
	display:    none;
	position:   fixed;
	bottom:     50px;
	right:      15px;
	width:      64px;
	height:     64px;
	z-index:    9999;
	background: url(../img/layout/backtotop.png) no-repeat center;
	opacity:    0.4;
	filter:     alpha(opacity=40);
	
	-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#teleport:hover
{
	opacity: 1;
	filter:  alpha(opacity=100);
}

a#teleport.visible
{
	display: block;
}

/*================================================================================================*/
/* 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:     14px;
}

#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 ul li a.active,
#menu_open ul li a:hover
{
	color: #fff;
}

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

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

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

.panel 
{
  	display:  block;
  	position: relative;
}

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

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

.panel-box-primary 
{
  	background-color: #ebf7fd;
  	color:            #2d7091;
  	border-color:     rgba(45, 112, 145, 0.3);
}

.panel-box-secondary 
{
  	background-color: #fff;
}

.panel-title
{
  	margin-top:     0;
  	margin-bottom:  15px;
  	font-size:      18px;
  	line-height:    24px;
  	font-weight:    normal;
  	text-transform: none;
  	color:          #444;
}

.panel-title [class*='fa-']
{
	margin-right: 0.5em;
}

.panel-box-primary .panel-title 
{
  	color: #2d7091;
}

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

.panel-box-primary.panel-header .panel-title 
{
  	border-bottom-color: rgba(45, 112, 145, 0.3);
  	color:               #2d7091;
}

.panel-box.with-shadow
{
	max-width: calc(100% - 3px);
	
	-webkit-box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    3px 3px 6px -2px rgba(0, 0, 0, 0.2);
    box-shadow:         3px 3px 6px -2px rgba(0, 0, 0, 0.2);
}

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

form,
.form-container
{
	font-style:     normal;
	font-weight:    400;
	font-size:      14px;
	font-family:    inherit;
	color:          inherit;
	line-height:    1.25;
	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:  5px 0;
}

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

.fieldButton
{
	text-align: center;
	padding:    10px 0;
}

.field50
{
	max-width: 49% !important;
	width:     49%;
}

.field50.first
{
	float:        left;
	margin-right: 2%;
}

.field50.last
{
	float: right;
}

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

.field33.second
{
	margin-left:  2%;
	margin-right: 2%;
}

.field100 > .field100,
.field100 > .field50,
.field100 > .field33,
.field50 > .field50,
.field50 > .field33
{
	padding: 0;
}

@media only screen and (max-width: 960px)
{
	.field33,
	.field33.second
	{
		max-width: 49% !important;
		width:     49%;
	}
	
	.field33.second
	{
		margin-left:  2%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 640px)
{
	.field50,
	.field50.first,
	.field50.last,
	.field33,
	.field33.second
	{
		float:     none;
		max-width: 100% !important;
		width:     100%;
		margin:    0;
	}
}

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

.avertissement 
{
  	font-size:     12px;
  	font-style:    italic;
  	border-bottom: 1px solid #abadb3;
  	margin-bottom: 1em;
}

.avertissement.success,
.avertissement.error
{
  	font-size:  14px;
  	font-style: normal;
}

.avertissement.success
{
  	color: #2e7d35;
}

.avertissement.error
{
	color: #dd0055;
}

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

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

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

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

hr, 
label,
input[type="radio"],
input[type="checkbox"]
textarea,
input[type="text"],
input[type="password"]
fieldset,
legend,
select
{
	font-style:     normal;
	font-weight:    400;
	font-size:      14px;
	font-family:    inherit;
	color:          inherit;
	line-height:    1.25;
	vertical-align: middle;
}

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

hr
{
	height:           0; 
	border:           1px inset #abadb3;
	border-left:      1px inset transparent;
	margin:           10px 0;
	background-color: #000;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
  	box-sizing:         content-box;
}

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

label
{
	display: inline-block;
}

label[for]
{
	cursor:        pointer;
	margin-bottom: 4px;
}

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

label.help,
label.error,
label.success
{
	margin-top: 4px;
}

label.help    { color: #a0a0a0; }
label.error   { color: #dd0055; }
label.success {	color: #2e7d35; }

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

input[type="radio"],
input[type="checkbox"]
{
	cursor:         pointer;
	line-height:    1.25;
	vertical-align: middle;
	margin:         0.15em 0 0 1px;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled
{
	cursor: default;
}

input[type="radio"] + label,
input[type="checkbox"] + label
{
	cursor: pointer;
	margin: 0 0 0 0.5em;
}

input[type="radio"]:disabled + label,
input[type="checkbox"]:disabled + label
{
	cursor: default;
	color:  #abadb3;
}

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: 0.5em;
}

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

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

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

::-moz-placeholder 
{ 
  	color:   #abadb3;
  	opacity: 1;
}

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

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

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

textarea,
input[type="text"],
input[type="password"]
{
	border:     1px solid #abadb3;
	max-width:  100% !important;
	background: #fff;
	padding:    0.2em 0.15em 0.35em;
	
	-webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
}

textarea
{
	vertical-align: top;
	overflow:       auto; 
	min-height:     6.75em;
	resize:         none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus
{
	border-color: #5699e6;
}

textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled
{
	color:       #abadb3;
	background:  #fff;
	font-weight: 400;
	opacity:     1;
	filter:      alpha(opacity=100);
}

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

fieldset
{
	position:  relative;
	max-width: 100% !important;
	overflow:  hidden;
	display:   inline-block;
	border:    1px solid #abadb3;
	padding:   0.25em 1em 0.75em;
	
	-webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
}

legend
{
	padding:     0 0.25em;
	white-space: normal;
}

legend.bold
{
	font-weight: 700;
}

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

select
{
	display:           inline-block;
	max-width:         100% !important;
	height:            27px;
	padding:           0.25em 0.5em;
	cursor:            pointer;
	text-transform:    none;
	background-color:  #fff;
	background-repeat: no-repeat;
	border:            1px solid #abadb3;
	
	-webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
	
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;  
}

select:focus
{
	border-color: #5699e6;
}

select:disabled
{
	color: #abadb3;
}

@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:             3px 32px 3px 5px;
	}
}

@-moz-document url-prefix() 
{
	select
  	{		
		text-indent:         0.01px;
		text-overflow:       '';
		padding:             0 35px 0 0;
		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;
	}
}

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

input[type="button"],
input[type="submit"]
{
	-webkit-appearance: button;
}

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

.button,
a.button
{
	display:             inline-block;
	cursor:              pointer;
	
	min-height:          30px;
	line-height:         28px;
	min-width:           100px;
	margin:              2px;
	padding:             0 12px;
	
	border:              1px solid rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.3);
	
	font-size:           14px;
	color:               #444;
	vertical-align:      middle;
	text-decoration:     none;
	text-align:          center;
	text-shadow:         0 1px 0 #fff;
	
	-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;
	
	background-origin: border-box;
	background:        #f7f7f7;
	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,
a.button:hover,
a.button:focus
{
  	color:            #444;
    outline:          none;
    text-decoration:  none;
    background-color: #fafafa;
  	background-image: none;
}

.button:active,
.button.active,
a.button:active,
a.button.active 
{
  	color:            #444;
  	border-color:     rgba(0, 0, 0, 0.2);
  	border-top-color: rgba(0, 0, 0, 0.3);
  	
  	background-color: #f5f5f5;
  	background-image: none;
  	
  	-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::-moz-focus-inner,
a.button::-moz-focus-inner
{
    border:  0;
    padding: 0;
}

.button-primary,
a.button-primary 
{
  	background-color:    #009dd8;
  	color:               #fff;
  	border-color:        rgba(0, 0, 0, 0.2);
  	border-bottom-color: rgba(0, 0, 0, 0.4);
  	text-shadow:         0 -1px 0 rgba(0, 0, 0, 0.2);
  	
  	background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  	background-image: -moz-linear-gradient(to bottom, #00b4f5, #008dc5);
  	background-image: -o-linear-gradient(top, #00b4f5, #008dc5);
  	background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
}

.button-primary:hover,
.button-primary:focus,
a.button-primary:hover,
a.button-primary:focus 
{
  	background-color: #00aff2;
  	color:            #fff;
  	background-image: none;
}

.button-primary:active,
.button-primary.active,
a.button-primary:active,
a.button-primary.active 
{
  	background-color: #008abf;
  	color:            #fff;
  	background-image: none;
  	border-color:     rgba(0, 0, 0, 0.2);
  	border-top-color: rgba(0, 0, 0, 0.4);
  	
  	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow:    inset 0 2px 4px rgba(0, 0, 0, 0.2);
  	box-shadow:         inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.button-success,
a.button-success 
{
  	background-color:    #82bb42;
  	color:               #fff;
  	border-color:        rgba(0, 0, 0, 0.2);
  	border-bottom-color: rgba(0, 0, 0, 0.4);
  	text-shadow:         0 -1px 0 rgba(0, 0, 0, 0.2);
  	
  	background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
  	background-image: -moz-linear-gradient(to bottom, #9fd256, #6fac34);
  	background-image: -o-linear-gradient(top, #9fd256, #6fac34);
  	background-image: linear-gradient(to bottom, #9fd256, #6fac34);
}

.button-success:hover,
.button-success:focus,
a.button-success:hover,
a.button-success:focus 
{
  	background-color: #8fce48;
  	color:            #fff;
  	background-image: none;
}

.button-success:active,
.button-success.active,
a.button-success:active,
a.button-success.active 
{
  	background-color: #76b430;
  	color:            #fff;
  	background-image: none;
  	border-color:     rgba(0, 0, 0, 0.2);
  	border-top-color: rgba(0, 0, 0, 0.4);
  	
  	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow:    inset 0 2px 4px rgba(0, 0, 0, 0.2);
  	box-shadow:         inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.button-danger,
a.button-danger 
{
  	background-color:    #d32c46;
  	color:               #fff;
  	border-color:        rgba(0, 0, 0, 0.2);
  	border-bottom-color: rgba(0, 0, 0, 0.4);
  	text-shadow:         0 -1px 0 rgba(0, 0, 0, 0.2);
  	
  	background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  	background-image: -moz-linear-gradient(to bottom, #ee465a, #c11a39);
  	background-image: -o-linear-gradient(top, #ee465a, #c11a39);
  	background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}

.button-danger:hover,
.button-danger:focus,
a.button-danger:hover,
a.button-danger:focus 
{
  	background-color: #e33551;
  	color:            #fff;
  	background-image: none;
}

.button-danger:active,
.button-danger.active,
a.button-danger:active,
a.button-danger.active 
{
  	background-color: #c91c37;
  	color:            #fff;
  	background-image: none;
  	border-color:     rgba(0, 0, 0, 0.2);
  	border-top-color: rgba(0, 0, 0, 0.4);
  	
  	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow:    inset 0 2px 4px rgba(0, 0, 0, 0.2);
  	box-shadow:         inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.button-warning,
a.button-warnig 
{
  	background-color:    #ffa84c;
  	color:               #fff;
  	border-color:        rgba(0, 0, 0, 0.2);
  	border-bottom-color: rgba(0, 0, 0, 0.4);
  	text-shadow:         0 -1px 0 rgba(0, 0, 0, 0.2);
  	
  	background-image: -webkit-linear-gradient(top, #ffa84c, #ff7b0d);
  	background-image: -moz-linear-gradient(to bottom, #ffa84c, #ff7b0d);
  	background-image: -o-linear-gradient(top, #ffa84c, #ff7b0d);
  	background-image: linear-gradient(to bottom, #ffa84c, #ff7b0d);
}

.button-warning:hover,
.button-warning:focus,
a.button-warning:hover,
a.button-warning:focus 
{
  	background-color: #f9bf4a;
  	color:            #fff;
  	background-image: none;
}

.button-warning:active,
.button-warning.active,
a.button-warning:active,
a.button-warning.active 
{
  	background-color: #ff7b0d;
  	color:            #fff;
  	background-image: none;
  	border-color:     rgba(0, 0, 0, 0.2);
  	border-top-color: rgba(0, 0, 0, 0.4);
  	
  	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow:    inset 0 2px 4px rgba(0, 0, 0, 0.2);
  	box-shadow:         inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.button-mini,
a.button-mini
{
	min-height:  20px;
  	padding:     0 6px;
  	line-height: 18px;
  	font-size:   11px;
}

.button-small,
a.button-small 
{
  	min-height:  26px;
  	padding:     0 10px;
  	line-height: 24px;
  	font-size:   12px;
}

.button-large,
a.button-large 
{
  	min-height:    40px;
  	padding:       0 15px;
  	line-height:   38px;
  	font-size:     16px;
  	
  	-webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
}

.button-group 
{
  	display:        inline-block;
  	vertical-align: middle;
    position:       relative;
    font-size:      0.001px;
    white-space:    nowrap;
}

.button-group > * 
{
  	display: inline-block;
}

.button-group .button 
{
  	vertical-align: top;
  	font-size:      14px;
  	margin:         2px 0;
  	outline:        0;
  	color: #444     !important;
  	min-width:      0;
}

.button-group .button-mini 
{
  	font-size: 11px;
}

.button-group .button-small 
{
  	font-size: 12px;
}

.button-group .button-large 
{
  	font-size: 16px;
}

.button-group > .button:not(:first-child):not(:last-child),
.button-group > div:not(:first-child):not(:last-child) .button
{
  	-webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

.button-group > .button:first-child,
.button-group > div:first-child .button 
{
  	-webkit-border-top-right-radius: 0;
  	-moz-border-bottom-right-radius: 0;
  	-webkit-border-top-right-radius: 0;
  	-moz-border-bottom-right-radius: 0;
  	border-top-right-radius:         0;
  	border-bottom-right-radius:      0;
}

.button-group > .button:last-child,
.button-group > div:last-child .button 
{
  	-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-group > .button:nth-child(n+2),
.button-group > div:nth-child(n+2) .button 
{
  	margin-left: -1px;
}
     
.button-group .button:active 
{
  	position: relative;
}

.button[disabled],
a.button[disabled]
{
  	background-color: #fafafa;
  	color:            #999 !important;
  	background-image: none;
  	cursor:           default;
  	border:           1px solid rgba(0, 0, 0, 0.2);
  	text-shadow:      none;
  	
  	-webkit-box-shadow: none;
  	-moz-box-shadow:    none;
  	box-shadow:         none;
}

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

#imgcaptcha
{
	width:  160px;
	height: 65px;
	border: 1px solid #abadb3;
}

div.text-and-btn input[type="text"]
{
	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:focus
{
	border-color: #5699e6;
}

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

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

div.text-and-btn
{
	position:       relative;
	font-style:     normal;
	font-weight:    400;
	font-size:      1em;
	font-family:    inherit;
	color:          inherit;
	line-height:    1.2;
	vertical-align: middle;
	outline:        0;
	margin:         0;
	max-width:      100% !important;
	border:         1px solid #abadb3;
	height:         27px;
	background:     #ffffff;
	overflow:       hidden;
	display:        inline-block;
	
	-webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
}

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

div.telephone
{
	position:       relative;
	font-style:     normal;
	font-weight:    400;
	font-size:      14px;
	font-family:    inherit;
	color:          inherit;
	line-height:    1.2;
	vertical-align: middle;
	outline:        0;
	margin:         0.25em 0;
	max-width:      100% !important;
	border:         1px solid #abadb3;
	height:         27px;
	background:     #ffffff;
	overflow:       hidden;
	display:        inline-block;
	
	-webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
}

div.telephone select
{
	margin:        0;
	border:        0;
	border-right:  1px solid #abadb3;
	height:        25px;
	width:         75px;
	line-height:   1;
	position:      absolute;
	top:           0;
	left:          0;
	min-height:    25px;
	
	-webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

div.telephone .input-container
{
	position:      relative;
	padding-right: 35px;
	width:         100%;
	padding-left:  75px;
}

div.telephone .input-container input[type="num"]
{
	margin:        0;
	border:        0;
	border-left:   1px solid #abadb3;
	height:        25px;
	width:         20%;
	line-height:   1;
	min-height:    25px;
	float:         left;
	text-align:    center;
	color:         inherit;
	font-family:   inherit;
	font-size:     inherit;
	
	-webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

div.telephone .input-container input[type="num"]:first-of-type
{
	border-left: 0;
}

div.telephone .input-container input[type="num"]:focus
{
    outline: none;
}

div.telephone .button
{
	position:                  absolute;
	top:                       0;
	right:                     0;
	margin:                    0;
	border:                    0;
	margin:                    0;
	height:                    25px;
	width:                     35px;
	border-top-left-radius:    0;
	border-bottom-left-radius: 0;
	border-left:               1px solid rgb(200, 200, 200);
	cursor:                    pointer;
	min-height:                25px;
	min-width:                 0;
}

div.telephone .button:disabled
{
	cursor: default;
}

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

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

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

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

#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:        1em;
	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;
}

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

.alert 
{
  	padding:       10px;
  	background:    #ebf7fd;
  	color:         #2d7091;
  	border:        1px solid #2d7091;
  	border-radius: 4px;
}

.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 
{
  	color: inherit;
}

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

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

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

.alert-large 
{
  	padding: 20px;
}

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

#googlemap
{
	position: relative;
	margin:   50px auto 0;
	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-bottom: 10px;
}

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

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

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

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

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

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

.img-preview-container .caption
{
	text-align: center;
	padding:    10px 0 0 0;
}

.img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          10px;
	background-color: #ccc;
	border-radius:    4px;
	border:           1px solid #bbb;
}

.img-preview img
{
	border-radius: 4px;
}

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

.upload-container
{
	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;
}

ul.bullet,
.upload100 ul.bullet 
{
    list-style-type: none;
    margin:          0;
	padding:         0;
}

ul.bullet > li,
.upload100 ul.bullet > li 
{
    padding:    0 0 5px 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAedEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzUuMasfSOsAAABqSURBVBiVtc3BCYUwEITh8WENhrcWqykvkCZccW1iBr15CvHkwtx+vh1qrSuABf3LQynlMpvxN2sWZwQiDvxIYkoJkpqbUgJJjJJAsvtXEkaSkNQNPxTfwkd032A2N6OI4xHz7r7s7j003wTAZ1MdsZ+rAAAAAElFTkSuQmCC') no-repeat scroll 0 6px transparent;
}

ul.bullet > li:last-child,
.upload100 ul.bullet > li:last-child
{
	padding-bottom: 0;
}

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

#timezones-container
{
	padding: 50px 0 100px;
}

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

#timezones .dtdate 
{
	text-align:     center;
	text-transform: capitalize;
}

#timezones .hero
{
	padding: 10px 0 20px;
}

#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%;
}

/*================================================================================================*/
/* 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;
}

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

.progress 
{
  	height:        20px;
  	background:    #aaa;
  	overflow:      hidden;
   	line-height:   20px;
  	position:      relative;
  	
  	-webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
  	
  	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
  	-moz-box-shadow:    inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
  	box-shadow:         inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
  	
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing:    border-box;
  	box-sizing:         border-box;
}
 
.progress-bar 
{
  	width:       0;
  	height:      100%;
  	background:  #009dd8;
  	float:       left;
   	font-size:   12px;
  	color:       #fff;
  	text-align:  center;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  	position:    relative;
  	
  	background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
  	background-image: -moz-linear-gradient(to bottom, #00b4f5, #008dc5);
  	background-image: -o-linear-gradient(top, #00b4f5, #008dc5);
  	background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
  	
  	-webkit-transition: width 0.6s ease;
  	-moz-transition:    width 0.6s ease;
  	-o-transition:      width 0.6s ease;
  	transition:         width 0.6s ease;
  	
  	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  	-moz-box-shadow:    inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  	box-shadow:         inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.progress-mini 
{
  	height: 6px;
}

.progress-small 
{
  	height: 12px;
}

.progress-mini,
.progress-small 
{
  	-webkit-border-radius: 500px;
    -moz-border-radius:    500px;
    border-radius:         500px;
}

.progress-success .progress-bar 
{
  	background-color: #82bb42;
  	background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
  	background-image: -moz-linear-gradient(to bottom, #9fd256, #6fac34);
  	background-image: -o-linear-gradient(top, #9fd256, #6fac34);
  	background-image: linear-gradient(to bottom, #9fd256, #6fac34);
}

.progress-warning .progress-bar 
{
  	background-color: #f9a124;
  	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  	background-image: -moz-linear-gradient(to bottom, #fbb450, #f89406);
  	background-image: -o-linear-gradient(top, #fbb450, #f89406);
  	background-image: linear-gradient(to bottom, #fbb450, #f89406);
}

.progress-danger .progress-bar 
{
  	background-color: #d32c46;
  	background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  	background-image: -moz-linear-gradient(to bottom, #ee465a, #c11a39);
  	background-image: -o-linear-gradient(top, #ee465a, #c11a39);
  	background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}

.progress .progress-txt 
{
	position:    absolute;
  	width:       100%;
  	height:      100%;
  	top:         0;
  	left:        0;
  	background:  transparent;
   	font-size:   12px;
  	color:       #fff;
  	text-align:  center;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/*================================================================================================*/
/* TABS
/*================================================================================================*/

.tabs-container
{
	position:       relative;
	width:          100%;
	height:         100%;
	padding-bottom: 30px;
}

.tabs-menu 
{
	float:      left;
    list-style: none;
    height:     30px;
    margin:     0;
    padding:    0;
    width:      100%;
    max-width:  100% !important;
}

.tabs-menu li 
{
	float:           left;
    height:          30px;
    line-height:     30px;
    margin-right:    2px;
    vertical-align:  middle;
	text-align:      center;
	padding:         0 10px;
    color:           #999;
    text-decoration: none;
    cursor:          pointer;
    
    border-top:              1px solid #abadb3;
    border-right:            1px solid #abadb3;
    border-left:             1px solid #abadb3;
    border-top-left-radius:  4px;
    border-top-right-radius: 4px;
    background-color:        #e8eaeb;
    
    -webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box; 
	box-sizing:         content-box;
}

.tabs-menu li.current 
{
    position: relative;
    z-index:  5;
    cursor:   default;
    
    background-color: #fff;
    border-bottom:    1px solid #fff;
}

.tabs-menu li:hover,
.tabs-menu li.current 
{
    color: #444;
}

.tab 
{
	position:         relative;
	float:            left;
	width:            100%;
	height:           100%;
	border:           1px solid #abadb3;
    background-color: #fff;
    
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius:    4px;
    border-top-right-radius:         4px;   
    
    -webkit-box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    3px 3px 6px -2px rgba(0, 0, 0, 0.2);
    box-shadow:         3px 3px 6px -2px rgba(0, 0, 0, 0.2);
}

.tab-content 
{
	position: relative;
    overflow: hidden;
    width:    100%;
    height:   100%;
    padding:  20px;
}

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