/*
 * Kameleo T2 Template Graphical configuration
 */
 
/* default values */

html {
	height: 100%;
}

body {

	/* 
		define the font of the page here:
		(linehgiht, color, size etc... You can specify the font for the titles later)
	*/
	
	font-family: 'lato', sans-serif;
    font-size: 106.25%; /* Better to use % here and then EM in content but you could use PX, PT, % or EM */
    line-height: 24px; /* Better to use PX here but you could use PX, PT, % or EM */
    
    /* font color */
    color: #424242;
    height: 100%;
    
    /* background of the page, can contain a image. would be like this background: #000 url(yourimage.jpg) center top no-repeat; */
    background: #fff;  /* specify an image for the top background of the site, for exemple a gradient (usual name: "bg_top.png") */
}

/* specify additional backgrounds here */

div#w0 {
    height: 100%;
}

div#w1 {
    height: 100%;
}

div#w2 {
    height: 100%;
	/*background: transparent url(../img/bg_bottom.png) center bottom repeat-x;
    uncomment if you want to set a footer image on all width of the browser */
}

div#w3 {
    height: 100%;
    background: url(../img/gradient_top.png) center 80px repeat-x;
}

/* header slideshow */

div#header_image_container {
    background:#00ADBB;
}

div#header_image_container .object >div{
    padding: 15px 25px;
    margin: 0 auto;
    width: 960px;
    display: flex;
    flex-direction:column;
    align-items: center;
}

div#header_image_container .object >div p{
    margin-bottom: 9px;
}

div#header_image_container .object >div div.wrapimg{
    display: inline-block;
    vertical-align: middle;
    max-width: 700px;
    order:1;
}
div#header_image_container .object >div h2{
    order:2;
    font-size: 1.6em;
    margin: 0.5em 0;
}

div#header_image_container .object >div div.wrapimg img{
    max-width: 100%;
    height: auto;
}

div#header_image_container .image.object >div img{
    margin:0 auto;
}

div#header_image_container .object >div div.wrapobject {
    display: inline-block;
    vertical-align: middle;
    width: 360px;
    padding-left: 10px;
    margin-right: 0;
    order:3;
    font-size:1.3em;
    line-height: 1.45em;
    text-align:center;
}

@media screen and (max-width: 767px){
        
    div#header_image_container .object >div h2{
        font-size: 1.3em;
    }
    div#header_image_container .object >div div.wrapobject {
        font-size:1em;
        width: 280px;
    }
}

body:not(.home) #header_image_container{
    font-size: 0.8em;
}

body:not(.home) #header_image_container .header-image-textBlock div.object{
    padding-top: 20px;
    padding-bottom: 20px;
}

body:not(.home) #header_image_container .header-image-textBlock div.object img{
    width: 200px;
}

/*slider*/

.object.slider {
    margin: 0 -1020px;
    background: #000;
    height: 413px;
    overflow: hidden;
    margin-bottom: 50px;
}

a.slider_link {
    display: block;
}

.object.slider .slider, .object.slider #kSlider, .object.slider #kSlider >div {
	width: 3000px;
	margin: 0 auto;
    height: 413px;
}

.nivo-controlNav {
    display: none;
}

.nivo-caption {
    display: none!important;
}

.mobile .object.slider{
	display:block;
	overflow:inherit;
}

.mobile .slider{
	display:block;
}


h1, h2, h3 { /* Titles */
    font-weight: bold;
    font-style: normal;
    color: #00B2B9;
    margin-bottom: 20px;
}

h1 { /* page title */
    min-height: 5px;
    font-size: 3.058em;
    text-transform: uppercase;
    margin: 25px 0 60px;
}

.home h1 {display: none;}

h2 { /* paragraph title */
    font-size: 1.176em;
}

#c3 h2 { /* paragraph title */
    font-weight: normal;
    font-size: 1.3529em;
    padding-bottom: 8px;
    border-bottom: 1px solid #00B2B9;
}

.blue h2 {
    color: #fff;
}

h3 { /* module title */
    font-size: 1.25em;
    margin:0;
}

div.c3 h1, div.c3 h2, div.c3 h3 { /* titles in the third (right) column */
    color: #00000;
    font-size: 1em;
}

/* underline / sous-ligni� / highlight */

u {
    color: #fff; /* couleur du texte */
    background: #00B2B9; /* couleur de fond du highlight */
    text-decoration: none; 
    padding: 2px 5px 2px 5px; /* espacement */
}

#c3 b {
    font-weight: normal;
    font-size: 1.2941em;
}


/* global link color & style */

a {
	/* replace underline by none if you want no line under the links */
    text-decoration: underline; 
}

a:link {
	/* color of the links */
    color: #00B2B9;
}

#c3 a, #c3 p {
    color: #008da8;
}

a:visited {
	/* color of the links once you have clicked on */
    color: #00B2B9;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    /* color of the mouse hover, and active state (when you actually press the mouse bouton) */
    color: #000;
    text-decoration: none;
}

#cn a.button, input[type="submit"].button {
	background:#00B2B9;
	color:#fff;
	border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:7px 12px;
    text-decoration:none;
    display: inline-block;
    width: auto;
    border:2px solid #00B2B9;
    -webkit-transition: color 0.5s ease-in;
    transition: color 0.5s ease-in;
    -webkit-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}

div#quizzbutton {
    position: absolute;
    z-index:5;
    right: 0;
    padding: 26px 20px;
}

#header_image_container a.button {
    font-size: 1.375rem;
    padding: 16px 24px;
}

#cn .standard.object.blue a.button{
    color:#00B2B9;
    background:#fff;
    border-color: #fff;
}

#cn a.button:hover, input[type="submit"].button:hover{
	background:#fff;
	color:#00B2B9;
    border-color: #00B2B9;
}

#cn .standard.object.blue a.button:hover {
    background:#00B2B9;
    color:#fff;
}

#ft a, #ft a:link {
    color: #fff;
}

#ft .object b, #ft .object strong{
	color:#fff;
}

/* paragraphs (block de contenu) */

p {
	margin:	0 0 19px 0; /* margin: top right bottom left; */
}

b, strong {
    color: #00B2B9;
}

.object.blue b, .object.blue strong {
    color: #fff;
}

div.c2 div.object {
	margin: 0 0 50px 0; /* margin: top right bottom left; */
}

div.c2 div.blue.object, div#header_image_container div.blue.object {
    background-color: #00B2B9;
    margin: 0 -2000px 50px;
    padding: 55px 2000px;
    color: #fff;
}


/* modules */

div.module {
	margin: 0 0 10px 0; /* margin: top right bottom left; */
}


/* langues */

ul#lang {/* liens vers les diff�rentes langues du site */
    position: absolute;
    z-index: 10;
    top: -20px;
    right: 0;
    height: auto;
    width:auto;
    padding: 0 20px ;
}

ul#lang li{
    float: left;
    border-left:1px solid #009ba1;
}

ul#lang li:first-child{
    border:none;
}

ul#lang li a{
    text-decoration: none;
    font-size: 13px;
    height: 12px;
    padding: 4px 8px;
    line-height: 10px;
    display: block;
    float: left;
    color: #000;
    font-weight: 400;
    text-transform:uppercase;
}

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


/* structure */

/* header */
div#hd {
    position: relative;
    z-index: 12;
    border-top: 30px solid #00B2B9;
	background: #fff; /* url to your header image (usual name: "hd_cn.png") */
	margin: 0;
	height: 96px; /* height of your header image */
    min-width: 0;
}

div#hd .cn{
	height: 93px; /* height of your header image */
}


/* content */
div#cn {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

div.cn {
    background: transparent;
}

div#bd{
    padding-bottom: 580px;
    background: url(../img/hd.png) center top repeat-x; /* url to your header image (usual name: "hd_cn.png") */
}

body:not(.home) div#bd div#bd_bg {
   background: url(../img/gradient_top_cn.png) center -1px repeat-x;
}


/** Video **/

	
#bgvid {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100%;
}	

.home div#bd .video_container div.cn{
	position:relative;
	padding:0;
	height:540px;
}

.video_container{
	width:100%;
	background-image:url(../img/texture.jpg);
	position:relative;
	height:540px;
	margin-bottom:35px;
	background-size: auto auto;
    background-repeat: repeat;
}


/****


#homeTop {
    margin: 60px 0;
}

.home div#bd{
    background: none;
}

div#bd div.cn {
	padding: 20px 0;	/* pushes the footer down*/
}

.home div#bd div.cn {
    padding-top: 0;
    background: none;
}

.cn #content, .mobile div#bd_bg div.cn #content {
    min-height:230px; /* specifies minimum height for the content all 3 lignes are important */
    height:auto !important;
	height:230px;
}


/* content zones */

div#bd div.c1 div.wrap { /* left column styling */
	padding: 0; /* spaceing: top right bottom left */
	background: transparent;
	margin: 0 0 0 18px;
}

div#bd div.c1 h3 { /* left column styling */
	padding: 0; /* spaceing: top right bottom left */
	margin: 0; /* spaceing: top right bottom left */
	display: none;
	height: 0;
}

div#bd div.c2{
    margin-left: 335px;
    width: 610px; /* width of content column */
}

.home div#bd div.c2{
    margin-left: 230px;
    width: 385px;
}

div#bd div.c2 div.wrap { /* content column styling */
	padding: 10px 0 0 0; /* spaceing of content column */
	margin-top: 0;
}

div#bd div.c2 div.wrap img { /* style of all content images */
	border: none; /* border on image */
	margin: -4px 0 15px -327px;
}

.home div#bd div.c2 div.wrap img { /* style of all content images on homepage */
    margin: -2px 0 15px -222px;
}

.c2 .image.object img{
    margin-bottom: 25px;
}

.c3 img {
    margin: 0 0 25px -10px;
}

div#bd div.c2 div.wrap .blue.standard img{
    margin: -55px 0 -55px -327px;
}

div#bd div.c3{
    width: 260px; /* width of right column (minimum should usualy be around 240px)*/
    padding-left: 10px;
    margin-right: 0;
}

div#bd div.c3 div.wrap { /* right column styling */
	padding: 10px 25px 0;  /* spaceing: top right bottom left */
	background: none;
	border: none;
}

/* colonne contact */


div#c3{
    position: absolute;

    z-index: 10000;
    right: 0;
    top: 130px;
    width: 320px; /* width of right column (minimum should usualy be around 240px)*/
    margin-right: 0;
    background: #f2f2f2;
    transition: right 0.3s ease-in-out;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    
    -webkit-box-shadow: -2px 2px 3px 2px rgba(0,0,0,0.2);
    box-shadow: -2px 2px 3px 2px rgba(0,0,0,0.2);
}

div#c3.closed{
    margin-right: -325px;
}

#c3 .wrap {
    padding: 20px 42px 42px;
}

.admin div#c3{
    z-index: 10;
}

div#c3.closed {
    cursor: pointer;
}

.desktop div#c3.closed:hover{

}

#c3 a#toggle, .c1 a#toggleL {
    cursor: pointer;
    position: absolute;
    display: block;
    width: 72px;
    margin: 0 0 0 -72px;
    height: 60px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
.c1 a#toggleL {
    width: auto;
    background-color: #f2f2f2;
    padding: 0;
}

#c3 a#toggle span {
    display: block;
    padding: 60px 0 0 72px;
    background: transparent url('../img/contact.png') no-repeat left top;
}

#c3.open a#toggle span {
    background: transparent url('../img/closecontact.png') no-repeat right top;
}

#c3 a#toggle:hover{
    margin-left: -76px;
    width: 76px;
}


/* navigation */

div#mainNavCt {
	width: auto;
	height: auto;
}

ul#mainNav {
	margin-left: 230px;
	padding: 0;
	text-align: left;
	background: none;
}

ul#mainNav li {
    border-left: 2px solid #f9f9f9;
	float: left;
	text-transform: none; /* puts all words in uppercase in main menu (change to none if you want lowcase) */
}

ul#mainNav li.hiddenmen {
	display: none;
}

ul#mainNav li a { /* style of the main navigation links */
    margin-top: -30px;
    border-top: 30px solid #00B2B9;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.88em;
	text-decoration: none;
	float: none;
	color: #000000;
	padding: 35px 31px 37px;
	text-align: center;
	background: #fff;
	height: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

ul#mainNav li a:hover, ul#mainNav li.on a {
	color: #014451;
	border-color: #08888c;
	background: #f2f2f2;
}

/* secNavigation */

ul#mainNav li ul, ul#mainNav li.on ul {
    background: #fff;
    border: 2px solid #fff;
    padding: 0;
    position: absolute;
}

ul#mainNav li ul li {
    display: block;
    float: none;
    border: none;
    border-bottom: 2px solid #f9f9f9;
}

ul#mainNav li ul li.last {
    border: none;
}

ul#mainNav li ul li a, ul#mainNav li ul li a, ul#mainNav li.on ul li a {
    margin: 0;
    min-width: 110px;
    background: #fff;
    border: none;
}

ul#mainNav li ul li a:hover, ul#mainNav li ul li.on a, ul#mainNav li.on ul li.on a { /* changes to apply to links when active or mouseHover */
	background: #f2f2f2;
	color: #014451;
}


/* styling of the default contents (middle column)*/

/* lists */
div#bd div.c2 div.wrap ul {
	list-style-type: disc;
	margin: 0 0 0 15px;
}

div#bd div.c2 div.wrap ul ul {
	list-style-type: circle;
}

/* tables */
div#bd div.c2 div.wrap table {
	width: 100%;
}

div#bd div.c2 div.wrap table tr td {
	border: solid #cacaca;
	border-width: 0 0 1px 0;
}

#ft table td {
    max-width: 144px;
    padding-right: 45px;
}

#ft table td:first-child {
    max-width: 150px;
}

#ft table td:last-child {
    padding-right: 0;
}

#ft table td:nth-child(2) {
    padding-left: 45px;
    border-left: 1px solid #fff;
}

/* forms */

div#mc_embed_signup form {
    max-width: 540px;
}

.c2 form.kSiteForm label {
    display: block;
    float: none;
    width: auto;
    margin: 4px 1px;
    padding: 12px 0 4px 0;
    color: rgba(64, 64, 64, 0.85);
    font-weight: bold;
    font-size: 0.882em;
}

#c3 input[type="reset"], #c3 .container.buttons label {
    display: none;
}

form.kSiteForm .captcha input, form.kSiteForm input.text, form.kSiteForm textarea, form.kSiteForm select, form.kSiteForm input, #mc_embed_signup input.email {
    display: block;
    font-size: 12px;
    line-height: 18px;
    height: auto;
    padding: 14px 16px;
    box-sizing: border-box;
    width: 100%;
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}

#mc_embed_signup form.kSiteForm input, #mc_embed_signup input.email {
    background-color: transparent;
    border-color: #00B2B9;
    border-width: 2px;
}

#mc_embed_signup form.kSiteForm input:hover, #mc_embed_signup input.email:hover, #mc_embed_signup form.kSiteForm input:focus, #mc_embed_signup input.email:focus {
    border-color: rgba(64, 64, 64, 0.85);
    color: rgba(64, 64, 64, 0.85);
}

div#mce-responses {
    margin-top: 30px;
}

form .container.buttons input, form input#btSubmit, form input[type="submit"], input[type="submit"].button, #mc_embed_signup form.kSiteForm input[type="submit"] {
    background-color: #00B2B9;
    border: none;
    outline: none;
    display: block;
    cursor: pointer;
    margin: 0;
    width: 100%;
    padding: 14px 18px;
    color: #fff;
    font-size: 0.882em;
    cursor: pointer;
}

#c3 form .container.buttons input[type="submit"] {
    float: right;
    margin-right: 1px;
}

#c3 form.kSiteForm input.text, #c3 form.kSiteForm textarea {
    border-width: 0 0 1px 0;
    border-color: #c5c5c5;
    padding: 8px;
}

/* shop */

/*
.kProductInfos {
	background: url(../img/bg_shop.png) repeat-x;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.kProduct a:link p.price.action .action, .kProduct a:visited p.price.action .action, .kProductDetail p.price.action .action {
	color: #cc3b0a;
}

.kProductDetailMore{
	background: url(../img/bg_shop.png) repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.kProductInfos .reference {
	display: none;
}

.kProductInfos .specs {
	padding-right: 3px;
	margin: 0 0 6px 0;
}

.kProduct p.price{
	margin: 0;
}

a.button.kToScart {
	background: url(../img/buy_btn.png) no-repeat;
}

#kScart a.sCartOrder{
	background: url(../img/buy_btn.png) center top no-repeat ;
}

#kScart a.sCartOrder:hover{
	color: #A35D2E;
}

a.button.kToScart:hover {
	color: #A35D2E;
}
a.kButton.continue{
	background: url(../img/buy_btn.png) center top no-repeat ;
}
a.kButton.continue:hover{
	color: #A35D2E;
}
input.kButton.continue{
	background: url(../img/buy_btn.png) center top no-repeat ;
}
input.kButton.continue:hover{
	color: #A35D2E;
}
a.kButton.retour:hover {
	color: #A35D2E;
}
*/

/* footer */
div#ft {
	position: absolute;
/*	background: #00B2B9 url(../img/ft.png) center top repeat; */
	height: 580px; /* height of your footer image */
	margin-top: -580px; /* sticky-footer margin negatif */
	clear: both;
	color: #d3e2e5;
    background-color: #00ADBB;
}

div#ft_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/2019/trame_bilingue.png); /* background image of your footer (usual name: "ft_cn.png") */
    background-repeat: repeat-x;
    background-position: left top;
    background-size: auto;
}

div#ft div.cn{
	border: none;
	padding: 75px 25px 40px 25px;
	height: 464px;
	font-size: 0.88em;
	line-height: 19px;
}

div#ft b {
    color: #fff;
    font-size: 1.06667em;
}

#social {
    margin: -55px 0 70px;
}

#social a {
    float: left;
    margin-right: 18px;
}

div.FB {
    padding: 9px 2px;
}

/* logo */
strong#logo a {
	position: absolute;
    top: 0;
    left: 10px;
    padding: 116px 0 0 229px;
    background-image: url(../img/logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/* logo kameleo & login */

#credits {
    width: 40%;
    display: flex;
    display: -ms-flexbox; 
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-end;
    -ms-flex-pack: right;
}

.bottom_container{
    display: flex;
    display: -ms-flexbox; 
    display: -webkit-flex; 
    flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;

}

#logos {
    display: flex;
    display: -ms-flexbox; 
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;

    align-items: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: left;
    width: 60%;
}

#logos img {
    padding-right: 25px;
    max-width: 140px;
    height: auto;
    max-height: 75px;
    margin-bottom: 20px;
}

div#copyright {
	margin: 0;
	padding:0 ;
	font-size: .8667em;
	color:#b8b9b2;
	border: none;
	color: #fff;
	padding: 11px 10px;
    display: block;
    text-align: right;
}

div#loginAndPowered {
	padding: 0;
	margin-right: 0;
	width: 170px;
    float: right;
    padding: 16px 10px 10px 10px;
}

#custom {
    font-size: .8667em;
    padding: 10px 10px;
    display: inline-block;
}

#custom a {
    text-decoration: none;
}

a#kPowered {
	padding: 14px 0 0 130px;
	background: transparent url(../../../../standards/img/login_w.png)  -31px top no-repeat;
}

div#ft div#kLogin {
	padding: 14px 0 0 30px;
	margin: 0;
	background: transparent url(../../../../standards/img/login_w.png) top left no-repeat;
}

div#kLogin:hover {
	background-color: rgba(0,0,0, .3);
	-moz-box-shadow: 0 0 5px rgba(255,255,255, .5); /* shadow on image */
	-webkit-box-shadow: 0 0 5px rgba(255,255,255, .5);
	box-shadow: 0 0 5px rgba(255,255,255, .5);
}

/* uncomment for dark login */

/*


a#kPowered {
	background: transparent url(../../../../standards/img/login_b.png)  -31px top no-repeat;
}


div#kLogin {
	background: transparent url(../../../../standards/img/login_b.png) top left no-repeat;
}

*/


/* mobile */

#goTop {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    border-bottom: 2px solid #009ba6;
}
.desktop #goTop {
    display: none;
}
.mobile.home div#bd div#bd_bg div.cn {
    padding-top: 0
}
.mobile div#bd {
    background: none;
}

.mobile div#cn {
    z-index: 1;
   /* overflow: visible; */
}

.mobile #homeTop {
    margin: 10px 0;
}
.mobile.home div#bd div.c2 {
    margin: 0;
}
.mobile div.c2 div.object {
    margin-bottom: 30px;
}
.mobile div.c2 div.blue.object {
    padding: 25px 20px 15px;
    margin: 0 -20px 30px;
}
.mobile h1 {
    font-size: 2.353em;
    margin: 5px 0 25px;
}
.mobile div#bd div.c2 div.wrap img {
    margin: 0 0 14px;
}
.mobile div#bd div.c2 div.wrap .blue.standard img {
	margin: 0 0 20px;
}
.mobile #top-bar {
    border-top: 4px solid #00B2B9;
}
.mobile a#togglemenu {
    background: none;
    color: #000;
    letter-spacing: 0;
    border-left: 2px solid #f2f2f2;
    margin-right: 58px;
    padding: 22px 16px;
}
.mobile div#c3 {
    top: 0px;
    z-index: 3000;
}
.mobile #c3 a#toggle span {
    padding: 69px 0 0 58px;
    background-color: #00B2B9;
    background-position: left center;
    background-size: 55px 40px;
}
.mobile #c3.open a#toggle span {
    background-position: center center;
}
.mobile #c3 a#toggle, .mobile .c1 a#toggleL {
    width: 58px;
    height: 58px;
    margin-left: -58px;
}

.mobile ul#mobileNav {
    top: 69px;
    background: #00B2B9;
    padding: 4px 0;
}
.mobile ul#mobileNav li a, .mobile #mobile-secnav li a, .mobile ul#mobileNav li.lan {
    background-color: #fff;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 0 0 2px 0;
    color: #000;
}
.mobile ul#mobileNav li a:hover, .mobile #mobile-secnav li a:hover {
    background-color: #f2f2f2;
}
.mobile ul#mobileNav li.lan li a {
    border-width: 0 2px 0 0;
}

.mobile #mobile-secnav ul {
    margin: 0;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 2px 0 2px 0;
}

.mobile strong#logomobile a {
    top: 0;
    left: 0;
    padding: 68px 0 0 160px;
    background: url(../img/logo.png) 20px 12px no-repeat;
    background-size: 130px auto;
    background-position: center center;
}

.mobile div#mobile-nav div#top-bar{
    height: 69px;
    box-sizing: border-box;
}

.mobile div#mobile-nav{
    padding-bottom: 0;
}

.mobile div#ft {background-image: none;}
.mobile div#ft_bg {display: none;}
.mobile div#ft table {
    display: block;
    width: auto;
    max-width: none!important;
    margin: 0 -20px;
}
.mobile div#ft tbody, .mobile div#ft table tr {
    display: block;
}

.mobile #ft table td {
    width: auto;
    max-width: none;
    display:block;
    padding: 20px;
    border: none;
    border-bottom: 2px solid #009ba6;
}

.mobile #ft table td a {
    display: block;
    padding: 8px 20px;
    margin: 0 -20px;
    border-top: 2px solid #3cbec7;
}
.mobile div#ft div#social {
    margin: 0;
}
.mobile #logos {
    float: none;
    padding: 20px;
    margin: 0 -20px;
    border-bottom: 2px solid #009ba6;
    border-top: 2px solid #009ba6;
}
.mobile #credits {
    float: none;
    padding: 0;
}

.mobile div#loginAndPowered {
    padding: 0;
    margin-right: 0;
    width: auto;
    float: left;
    padding: 14px 20px 15px 20px;
    border-right: 1px solid #009ba6;
}

.mobile div#copyright {
    clear: both;
    border: none;
    float: none;
    margin: 0 -20px;
    padding: 10px 20px;
    border-top: 2px solid #009ba6;
}

.mobile #custom {
    border: none;
    float: left;
    padding: 12px 0 10px 20px;
}

.mobile #cn img {
	max-width: 100%;
    height: auto;
}

.mobile div#header_image_container .object >div {

}

/** video mobile **/

.home.mobile div#bd .video_container div.cn {
	position:relative;
	height:auto;
	width:100%;
}

.mobile .video_container{
	height:auto;
	margin:0;
}

.mobile #bgvid{
	position:static;
}

/***/

@media only screen and (max-width: 558px) {
    div#c3 {width: 100%;}
    div#c3 h2 {padding-right: 50px;}
    div#c3 div.wrap {padding: 40px 30px;}
    div#c3.open div.wrap {margin: 0;}
    div#c3.open a#toggle {right: 0;z-index: 1;}
}


@media only screen and (max-width: 1450px){
    div#hd .cn {padding-left:10px;}
    ul#mainNav li a {padding-left: 18px;padding-right:18px;}
}

@media only screen and (max-width: 1100px){
    div#hd .cn {
        width: 100%;
    }
    ul#mainNav {
        margin-left: 180px;
    }
    strong#logo a {
        background: url(../img/logo.png) no-repeat;
        padding: 88px 0 10px 160px;
        background-size: 155px auto;
        background-position: center center;
        top: 2px;
    }
}

@media only screen and (max-width: 1030px){
	body, div#bd, div#fd, div#hd {
        min-width: 0;
    }
    div#bd div#bd_bg {
        width: auto;
    }
    div#bd div#bd_bg .cn {
        width: auto;
        padding: 0;
    }
    .mobile div#bd div#bd_bg .cn {
        padding-left: 20px;
        padding-right: 20px;
    }
    div#bd div.c2 {
        margin-left: 305px;
        width: auto;
    }
    div#bd div.c2 div.wrap img {
        margin: -4px 0 15px -302px;
        max-width: 260px;
        height: auto;
    }
    div#bd div.c2 div.wrap .blue.standard img {
        margin: -4px 0 15px -302px;
        max-width: 260px;
        height: auto;
    }
    div#header_image_container {
        height: auto;
        min-height: 0;
    }
    div#header_image_container .object >div {
        padding: 15px 0;
        width: auto
    }
    div#header_image_container .object >div div.wrapimg {
        width: 200px;
    }
    h1 {
        font-size: 3rem;
    }
    ul#mainNav {
        margin-left: 160px;
    }
    ul#mainNav li a {padding-left: 12px;padding-right:12px;}
    strong#logo a {
        left:5px;
    }
    #bgvid{
		position:static;
	}
	
	.video_container{
		height:auto;
	}
	
	.home div#bd .video_container div.cn {
		position:relative;
		height:auto;
		width:100%;
	}
}

@media only screen and (max-width: 800px){
    div#header_image_container .object >div {
        flex-direction: column;
        text-align: center;
    }
}