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

@charset "UTF-8";

/*
	
	FONTS
	NORMALIZE
	FONTAWESOME
	ANIMATE
	GRIDS
	INPROGRESS
	TELEPORT
	TOOLTIP
	FORMS
	CONTROLS
	UL BULLET
	UL RADIOS CHECKBOX
	CHECKBOX CONTAINER
	RADIO CONTAINER
	BUTTONS
	PANEL
	TEXT-AND-BUTTON
	PROGRESSBAR
	KIWI-NAVBAR
	LIGHTBOX
	IMAGE-CONTAINER
	PORTFOLIO
	UPLOADER
	CALENDAR
	AGENDA
	CAPTCHA
	ALERT
	PAGINATION
	PAGESLIDE
	VIDEOS
	
*/

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

audio
{
	min-height: 31px !important;
	height:     auto;
	
	border:1px solid transparent;
	
	-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]
{
  	display: none;
}
	
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;  
}

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

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

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

body 
{
	overflow:    auto;
	overflow-x:  hidden;
	min-height:  100% !important;
	height:      100%;
	color:       #444;
	font-size:   1.6rem;
	font-weight: 400;
	font-style:  normal;
	line-height: 1.5;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
	background-color: #eeeff0;
	
	-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%;
	
	background: #eeeff0 url(../img/layout/background.jpg) repeat center;
	background-size: cover;
}

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

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

a:hover 
{
	text-decoration: underline;
}

h1 { font-size: 2em;     } /* 32 */
h2 { font-size: 1.75em;  } /* 28 */
h3 { font-size: 1.5em;   } /* 24 */
h4 { font-size: 1.25em;  } /* 20 */
h5 { font-size: 1.125em; } /* 18 */
h6 { font-size: 1em;     } /* 16 */

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-chevron-up:before 
{
	content: "\f077";
}

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

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

.fa-user-o:before 
{
	content: "\f2c0";
}

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

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

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

.fa-eye:before 
{
	content: "\f06e";
}

.fa-eye-slash:before 
{
	content: "\f070";
}

.fa-backward:before 
{
	content: "\f04a";
}

.fa-forward:before
{
	content: "\f04e";
}

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

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

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

.fa-lock:before 
{
 	content: "\f023";
}

.fa-unlock:before 
{
	content: "\f09c";
}

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

.fa-picture-o:before 
{
	content: "\f03e";
}

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

.fa-newspaper-o:before 
{
	content: "\f1ea";
}

.fa-clock-o:before 
{
	content: "\f017";
}

.fa-refresh:before 
{
	content: "\f021";
}

.fa-search:before 
{
	content: "\f002";
}

.fa-list:before 
{
	content: "\f03a";
}

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

.fa-pencil:before 
{
 	content: "\f040";
}

.fa-server:before 
{
	content: "\f233";
}

.fa-info:before 
{
	content: "\f129";
}

.fa-id-card-o:before 
{
	content: "\f2c3";
}

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

.fa-angle-double-left:before 
{
    content: "\f100";
}

.fa-angle-double-right:before 
{
    content: "\f101";
}

.fa-angle-left:before 
{
    content: "\f104";
}

.fa-angle-right:before 
{
    content: "\f105";
}

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

.fa-file-pdf-o:before 
{
	content: "\f1c1";
}

.fa-file-zip-o:before
{
	content: "\f1c6";
}

.fa-download:before 
{
	content: "\f019";
}

.fa-power-off:before 
{
	content: "\f011";
}

.fa-check-square-o:before 
{
	content: "\f046";
}

.fa-star-o:before
{
	content: "\f006";
}

.fa-bank:before
{
	content: "\f19c";
}

.fa-caret-up:before 
{
    content: "\f0d8";
}

.fa-caret-down:before 
{
	content: "\f0d7";
}

.fa-microphone:before 
{
  	content: "\f130";
}

.fa-globe:before 
{
	content: "\f0ac";
}

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

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

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

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

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

@media only screen and (max-width: 639px)
{
	a#teleport,
	a#teleport.visible
	{
		display: none;
	}
}

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

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

.fieldButton
{
	text-align: center;
}

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

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

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

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

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

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

@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: 14px;
}

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

.field100.avertissement.center p
{
	text-align: center;
}

/*================================================================================================*/
/* 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]
{
	padding:     0 0 2.5px 0;
	font-size:   14px;
	line-height: 1;
	cursor:      pointer;
}

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

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

label.help,
label.error
{ 
	padding-top: 5px;
	font-size:   12px;
	line-height: 1;
}

label.help
{
	color: #777;
}

label.error
{
	color: #ee0000;
}

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

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

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

ul.bullet > li
{
	line-height:           1;
    padding-left:          20px;
    margin-bottom:         5px;
    background-color:      transparent;
    background-image:      url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAedEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzUuMasfSOsAAABqSURBVBiVtc3BCYUwEITh8WENhrcWqykvkCZccW1iBr15CvHkwtx+vh1qrSuABf3LQynlMpvxN2sWZwQiDvxIYkoJkpqbUgJJjJJAsvtXEkaSkNQNPxTfwkd032A2N6OI4xHz7r7s7j003wTAZ1MdsZ+rAAAAAElFTkSuQmCC');
	background-repeat:     no-repeat;
	background-position-x: left;
	background-position-y: center;
}

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

/*================================================================================================*/
/* 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:     14px;
	font-size:      14px;
	line-height:    14px;
	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:    14px;
	height:   14px;
	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[disabled]:checked ~ .checkmark 
{
	background-color: #abadb3;
	border-color:     #abadb3;
}

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

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

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

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

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

.radio-container .checkmark 
{
	position: absolute;
	left:     0;
	top:      0;
	width:    14px;
	height:   14px;
	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[disabled]:checked ~ .checkmark 
{
	background-color: #abadb3;
	border-color:     #abadb3;
}

.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,
a.button::-moz-focus-inner
{
    border:  0;
    padding: 0;
}

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

.button,
a.button
{
	display:             inline-block;
	min-width:           100px; 
	height:              27px;
	margin:              0;
	padding:             5px 14px;
	outline:             none;
	font-size:           14px;
	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,
a.button:hover,
a.button:focus
{
	color:            #000;
	outline:          none;
	text-decoration:  none;
	background-color: #fafafa;
	background-image: none;
}

.button:active,
.button.active,
a.button:active,
a.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],
a.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,
a.button.mini
{
	min-width: 75px;
	height:    22px;
	padding:   4px 5px;
	font-size: 12px;
}

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

.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;
  	margin:         2px 0;
  	outline:        0;
  	color:          #444 !important;
  	min-width:      0;
  	min-height:     26px;
  	padding:        1px 10px 0;
  	line-height:    24px;
}

.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.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,
a.fns-button
{
	display:         inline-block;
	min-width:       100px;
	height:          39px;
	margin:          2.5px;
	outline:         none;
	padding:         10.5px 14px;
	font-size:       14px;
	font-weight:     400;
	line-height:     1;	
	vertical-align:  middle;
	border:          2px solid #1665c4;
	color:           #fff;
	text-decoration: none;
	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.success,
a.fns-button.success 
{
  	background-color: #229954;
  	border-color:     #229954;
}

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

.fns-button.success:hover,
.fns-button.success:focus,
a.fns-button.success:hover,
a.fns-button.success:focus 
{
  	text-decoration: none;
	background:      #fff; 
	color:           #229954 !important;
}

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

a.fns-button[disabled]
{	
	cursor:         default;
	pointer-events: none;
}

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

.panel 
{
	position: relative;
}

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

.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-']
{
	margin-right: 10px;
}

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

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

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

div.text-and-btn input[type=text],
div.text-and-btn input[type=email],
div.text-and-btn input[type=password]
{
	position:  absolute;
	top:       0;
	right:     35px;
	bottom:    0;
	left:      0;
	margin:    0;
	border:    0;
	width:     100%;
	max-width: 100%;
	
	-webkit-border-top-right-radius:    0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-top-right-radius:       0;
	-moz-border-bottom-right-radius:    0;
	border-top-right-radius:            0;
	border-bottom-right-radius:         0;
}

div.text-and-btn.focused
{
	border-color: #1665c4;
}

div.text-and-btn.info label.info
{
	position:       absolute;
	min-width:      0;
	width:          35px;
	height:         27px;
	top:            0;
	right:          0;
	bottom:         0;
	margin:         0;
	padding:        0;
	border:         0;
	margin:         0;
	font-size:      14px;
	line-height:    27px;	
	vertical-align: middle;
	background:     #fff;
	color:          #1665c4;
	text-align:     center;
}

.button.tabtel.noborder
{
	border-left: 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;
}

/*================================================================================================*/
/* KIWI-NAVBAR
/*================================================================================================*/

.kiwi-navbar
{
	position:   relative;
  	text-align: center;
}

.kiwi-navbar-nav
{
	position:   relative;
	display:    inline-block;
	list-style: none;
	padding:    0;
	margin:     0;
	outline:    0;
}

.kiwi-navbar-nav > li
{
	position:   relative;
	display:    inline-block;
	float:      left;
	list-style: none;
	padding:    0;
	outline:    0;
	margin:     0 5px;
	min-width:  185px;
}

.kiwi-navbar-nav > li:first-child 
{
	margin-left: 0;
}

.kiwi-navbar-nav > li:last-child 
{
	margin-right: 0;
}

.kiwi-navbar-nav > li > a
{
	position:       relative;
	display:        block;
	padding:        8px 35px;
	color:          #fff;
	border:         2px solid #24558f;
	vertical-align: middle;
	transition:     0.3s all ease;
	background:     #24558f;
	font-size:      1.4rem;
	line-height:    1.5;
	text-align:     left;
	font-weight:    400;
	margin:         5px 0;
	
	-webkit-border-radius: 30px;
	-moz-border-radius:    30px;
	border-radius:         30px;
}

.kiwi-navbar-nav > li.success > a
{
	background:   #229954;
	border-color: #229954;
}

.kiwi-navbar-nav > li > a:hover,
.kiwi-navbar-nav > li.active > a 
{
  	color:        #24558f;
  	background:   #fff;
  	border-color: #fff;
}

.kiwi-navbar-nav > li.success > a:hover,
.kiwi-navbar-nav > li.success.active > a
{
	color:        #229954;
	background:   #fff;
	border-color: #fff;
}

.kiwi-navbar-nav > li.active > a 
{
  	cursor: default;
}

.kiwi-navbar-nav > li > a i 
{
  	vertical-align: middle;
  	margin-right:   10px;
}

.kiwi-navbar-nav > li > a .text 
{
  	display:        inline-block;
  	vertical-align: middle;
}

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

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

/*================================================================================================*/
/* PORTFOLIO
/*================================================================================================*/

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

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

.portfolio .separator4
{
	display: block;
}

.portfolio .alert
{
	margin-top: 20px;
}

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

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

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

.ftul.bullet li.withprevimg
{
	background:   transparent;
	padding-left: 0;
}

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

.previmg
{
	margin-right: 10px;
}

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

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

#calendar #caption
{
	position:       relative;
	height:         48px;
	line-height:    48px;
	vertical-align: middle;
	font-weight:    700;
	font-size:      24px;
	text-align:     center;
	background:     #f3e0d5;
	border: 	    1px solid #999087;
	border-top:     5px solid #a50d1f;
	border-bottom:  none;
}

#calendar #caption span
{
	cursor: pointer;
}

#calendar #caption #inputcalendar
{
	visibility: hidden; 
	min-height: 0; 
	max-height: 32px; 
	height:     32px; 
	width:      0; 
	margin:     0; 
	padding:    0;
	cursor:     pointer;
}

#calendar a.calbtn
{
	width:           64px;
	height:          28px;
	line-height:     28px;
	text-align:      center;
	vertical-align:  text-top;
	text-decoration: none;
	font-weight:     700;
	display:         inline-block;
	font-size:       14px;
}

#calendar a.calbtn:hover .fa-backward,
#calendar a.calbtn:hover .fa-forward
{
	color: #a50d1f;
}

#calendar a.calbtn .fa-backward,
#calendar a.calbtn .fa-forward
{
	color: #6b6b6b;
}

#calendar .agrow
{	
	position:    relative;
	width:       100%;
	height:      72px;
	line-height: 72px;
}	

#calendar .agcell
{
	position:         relative;
	float:            left;
	width:            14.285714%;
	text-align:       center;
	vertical-align:   middle;
	font-weight:      400;
	height:           100%;
	background-color: #fff;
	cursor:           pointer;
	border:           1px solid #999087;
	border-right:     none;
	border-bottom:    none;
	
	z-index: 1;
}

#calendar .agcell.out
{
	cursor:           default;
	background-color: transparent;
	color:            #a0a0a0;
}

#calendar .row-week
{
	height:      32px;
	line-height: 32px;
}

#calendar .row-week .agcell
{
	font-size:        0.8571em;
	font-weight:      700;
	background-color: #f3e0d5;
	cursor:           default;
}

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

#calendar .agcell.last
{
	border-right: 1px solid #999087;
}

#calendar .agrow.last .agcell
{
	border-bottom: 1px solid #999087;
}

#calendar .weekend
{
	background-color: #e1e6fa;
	font-weight:      700;
}

#calendar .ferie
{
	color:            #ff0000;
	font-weight:      700;
	background-color: #e1e6fa;
}

#calendar .today
{
	font-weight:      700;
	background-color: #a50d1f;
	color:            #fff;
}

#calendar .tdin
{
	display:  inline-block;
	top:      0;
	left:     0;
	width:    100%;
	height:   100%;
	z-index:  0;
	cursor:   pointer;
}

#calendar [class*=fa-].lightblue
{
	position:     absolute;
	left:         50%;
	top:          50px;
	margin-left: -0.333em;
	color:        #1d8acb;
}

#calendar .today [class*=fa-].blue
{
	color: #fff;
}

#calendar .agcell.active:not(.today) .tdin
{
	border: 2px solid #a50d1f;
}

#calendar .agcell.active.today .tdin
{
	border: 2px solid #fff;
}

#calendar .calopen
{
	position:      relative;
	display:       none;
	width:         100%;
	border:        1px solid #999087;
	border-bottom: none;
	z-index:       0;
}

#calendar .calopen.last
{
	border-bottom: 1px solid #999087;
	border-top:    none;
}

#calendar .calopen h6
{
	text-align:  center;
	margin:      0;
	padding:     15px 0;
	font-weight: 500;
}

#calendar .calopen .calopen-today,
#calendar .calopen .calopen-ferie
{
	text-align:     center;
	font-weight:    700;
	padding-bottom: 10px;
	color:          #800;
}

#calendar .calopen-event
{
	width:       280px;
	margin:      10px auto;
	border-top:  1px solid #999087;
	padding-top: 10px;
	text-align:  center;
}

#calendar .calopen-event .calopen-event-title
{
	color:       #999087;
	font-weight: 700;
	text-align:  center;
}

#calendar #calfooter
{
	position:   relative;
	width:      100%;
	background: #f3e0d5;
	border: 	1px solid #999087;
	border-top: none;
	min-height: 70px;
	padding:    10px;
}

#calendar #calfooter-buttons
{
	height:     100%;
	min-width:  280px !important;
	float:      left;
	width:      50%;
	margin-top: 4px;
}

#calendar #calfooter-buttons .fns-button
{
	margin: 4px 4px 4px 0;
}

@media only screen and (max-width: 767px)
{
	#calendar #calfooter-buttons
	{
		width: 100%;
	}
}	

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

	#calendar [class*=fa-].lightblue
	{
		top: 40px;
	}
}

@media only screen and (max-width: 479px)
{
	#calendar .agrow
	{	
		height:      42px;
		line-height: 42px;
	}
	
	#calendar [class*=fa-].blue
	{
		left:   2px;
		top:    2px;
		margin: 0;
	}
}

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

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

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

.captcha
{
	text-align: center;
}

.captcha label
{
	color: #1665c4;
}

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

/*================================================================================================*/
/* PAGINATION
/*================================================================================================*/

#pagination
{
	text-align: center;
	position:   relative;
}

#pagination .button
{
	min-width:   0;
	margin:      5px;
	font-weight: normal;
}

#pagination .button:link
{
	color: #333;
}

#pagination .button:hover
{
	font-weight:      bold;
	background-color: #e1e6fa;
}

#pagination .button[disabled]
{
	cursor:           default;
  	background-color: #e1e6fa;
  	border-color:     rgba(0, 0, 0, 0.2);
  	text-shadow:      none;
}

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

/*================================================================================================*/
/* VIDEOS
/*================================================================================================*/

.video-player
{
	position:         relative;
	text-align:       center;
	padding:          5px;
	background-color: #5993e3;
	border-radius:    5px;
	width:            620px;
	height:           360px;
	margin:           0 auto;
}

.video-player.nolandscape
{
	width:  360px;
	height: 620px;
}

@media only screen and (max-width: 639px)
{
	.video-player
	{
		width:  460px;
		height: 267px;
	}
	
	.video-player.nolandscape
	{
		width:  267px;
		height: 460px;
	}
}

@media only screen and (max-width: 479px)
{
	.video-player
	{
		width:  300px;
		height: 174px;
	}
	
	.video-player.nolandscape
	{
		width:  174px;
		height: 300px;
	}
}

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