@media only screen and (min-width:992px) and (max-width:1199px) {
/* menu FOOTER */

#mnuFooter .tML3_dmsi.ftrMnuBdrROff {border:none}
#mnuFooter .tML2_dmsi.twk4FtrMnu.ftrMnuBdrROff {border:none}

#mnuFooter .a {color:#fff}

#mnuFooter .tML1,
#mnuFooter .tML2,
#mnuFooter .tML3 {
	font:normal normal normal 15px/1 "OpenSansLight";
    letter-spacing: 0;
    font-variant:none;
}

#mnuFooter .tML2_dmsi { display:block; font:normal normal normal 13px/1.25 "OpenSansSemiBold";  letter-spacing:0}
#mnuFooter .tML3_dmsi { font:normal normal normal 13px/1 "OpenSansLight"; letter-spacing:0.05em;
    border-right: 1px solid #ddd;
    padding: 0 10px 0 0;
    display: flex;
}

#mnuFooter .tML2_dmsi.twk4FtrMnu {font:normal normal normal 13px/1 "OpenSansLight"; letter-spacing:0.05em;     border-right: 1px solid #ddd;
    padding: 0 10px 0 0;
    display: flex;}


/* .container {
    width: 1200px;
    margin: 0px auto;
	background:transparent;
} */

.flexCanGen {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    background:transparent;
}



/* ddd hide */
#mnuFooter .nav > li.hover > .dropdown.ddmmsl {
	border-top: 0px solid rgba(0, 170,255,1);
    border-bottom: 0px solid rgba(0, 170,255,1);
	background: transparent;
	height:auto;
}

#mnuFooter .dropdown.ddmmsl .can {padding:0px; background:#fff; background:transparent; width:auto; xxmax-width: 7em;}

#mnuFooter .dropdown.ddmmsl .can .flxCan {height:100%; }
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.a {display:none}
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.b {display:none}
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.c {width:100%; background:transparent; padding:0; display:flex}

#mnuFooter .flxCanItm.c .flexCanGen {
	flex-direction: row;
	justify-content:flex-start;
    list-style: none;
	flex-wrap:wrap;
	width:auto;
}

#mnuFooter .flxCanItm.c .flexCanGen .lil2 {
    width:auto;
    margin: 0;
}

#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt > a {display:none}

#mnuFooter .ddmmsl .col-c-rw2 .c {display:none-xx}

#mnuFooter .btn.typ1.col1 {
    margin: 0;
    display: inline-block;
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
}

#mnuFooter .vao {display:none}
#mnuFooter .inCircleAroRHS {display:block}

#mnuFooter .flxCanItm.c .flexCanGen .lil2 > a ,	
#mnuFooter .flxCanItm.c .flexCanGen .lil2 .lil2Hd, 	
#mnuFooter .sdev .ddMnuHd2 {	
	background:transparent;
	border-bottom: 1px solid red;
	border-bottom:0 solid rgba(200,200,200, .25);
	color:rgba(0,150,255,.95);
	xx-color:rgba(15,40,95,1);
	text-align:left;
	padding: 5px 0;
	margin-bottom:0;
	cursor:default;
	display:none;
	}
#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2 > a {cursor:default;}
#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2 > a:hover {color:rgba(0,170,255,.95)}

#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2:last-child > a {cursor:pointer; display:block; 
	background:transparent;
	border-bottom: 0px dotted red;
	color:rgba(0,150,255,.95);
	color:rgba(15,40,95,1);
	color:#abc;
	text-align:left;
	padding:5px 5px;
	padding:7px 5px 3px 5px;
	margin-bottom:0;
	cursor:pointer;
	line-height:1.1;
	font-weight:normal;
} 
#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2:last-child > a:hover {color:crimson; color:#ffa500} 

#mnuFooter .flxCanItm.c .flexCanGen .lil3 {	border-bottom: 0 dashed rgba(200,200,200, .5);}

#mnuFooter .flxCanItm.c .flexCanGen .lil3 a {
	background:transparent;
	border-bottom: 0px dotted red;
	color:rgba(0,150,255,.95);
	color:rgba(15,40,95,1);
	color:#abc;
	text-align:left;
	padding:5px 5px;
	padding:7px 5px 3px 5px;
	margin-bottom:0;
	cursor:pointer;
	line-height:1.1;
	}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 a {display:none}
#mnuFooter .sdev .flxCanItm.c .flexCanGen .lil3 a {padding: 0px 0;}

/* ok - for all li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1 {margin-top:0; }

/* ok - ONLY for 1st child of li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1:first-child {margin-top:0px; }

/* ok - for ALL last child of li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1:last-child {margin-top:0; }
#mnuFooter .sdev .flxCanItm.c .flexCanGen .lil2.mnuExt1:last-child {margin-top:0; }

/* ok - for ALL last child of .lil3 under class .lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1 .lil3:last-child  {border-bottom:0px solid pink;}

/* ok - ONLY for first child of lil3 under class .lil2.mnuExt */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt .lil3:first-child  {border-top: 0 dashed rgba(200,200,200, .5);}

/* ok - ONLY for last  child of lil3 under class .lil2.mnuExt */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt .lil3:last-child  {border-bottom:0px solid blue;}

#mnuFooter .flxCanItm.c .flexCanGen .lil2:last-child .lil3:last-child a {color:yellow--;}
#mnuFooter .flxCanItm.c .flexCanGen .dropdown a:hover {color:#ffa500; text-decoration:none;}

#mnuFooter .mnuTypo2 , 
#mnuFooter .sdev .ddMnuHd2 {
    font: normal normal normal 14px/1.25em "OpenSansSemiBold";
    letter-spacing: 0;
	display:block;
	border-bottom:none;
}

#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .flexCanGen {width:100%; background:transparent; flex-direction:row}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 img {display:none}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 a {  
	margin:0; 
	background: transparent;
    border: none;
    box-shadow: none; 
	padding: 6px 0;
	text-shadow: none;

    border-radius: 0;
    display: table;
    color: rgba(15,40,95,1);
    text-decoration: none;

    position: relative;
    bottom: 0;
    left: 0;
}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 a:hover { color:crimson; background:transparent; border: none; }

#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.a ,
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.b ,
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.c {
	width:auto;background:transparent url(); padding:0; position:relative; top:0; left:0;
}

#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .flexCanGen .lil2 .lil3 a.btn.typ1.col1 {
	color: rgba(15,40,95,1);
	color:#abc;
    margin: 0;
    border: none;
    box-shadow: none;
    padding: 5px 0;
    background: transparent;
	text-shadow:none;
	display: block;

    margin: 0;
    padding: 5px 5px;
    position: relative;
    bottom: 0;
    left: 0;

}

#mnuFooter .dropdown.ddmmsl .flxCanItm.c .flexCanGen .lil2 .lil3 a.btn.typ1.col1:hover {
    background: transparent; color:#ffa500;
}


/*
https://stackoverflow.com/questions/43186015/css-hide-scroll-bar-but-have-element-scrollable

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
*/

#mnuFooter .menus{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	overflow: hidden;
	z-index: 2;
}

#mnuFooter .menus.flexCanGen {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


#mnuFooter .logoDv {
	display:none;
}

#mnuFooter .nav {
	flex-direction: column;
	list-style: none;
	position: relative;
	top: 0px;
	transition: all 1s ease;
 }

#mnuFooter .toggleMenuFS {
	display: none;
}
#mnuFooter .toggleMenuFS + label {
	display: none;
}




#mnuFooter .scols {
    background: #09112d;
    background: #023b77;
	background: #001f4e;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 25px 40px;
    overflow: hidden;
    box-sizing: border-box;
    border: 0px solid #3fb5ff;
}

#mnuFooter .ml1:after {display:none}
#mnuFooter .ml2:after {display:none}


#mnuFooter .nav ul {
    display: flex;
    flex-direction: row;
    list-style: none;
}

#mnuFooter .nav li {
    position: relative;
	display: flex;
}

#mnuFooter .nav > li {
    z-index: 200;
	margin-right:0;
	background: rgba(6,104,156,0);
	width:auto;
	    margin: 10px 0;
}

#mnuFooter .nav > li:hover {
    background:transparent;
}

#mnuFooter .nav > li > a:hover {
    background:transparent;
	cursor:default;
}
#mnuFooter .nav li li > a {
    display: block;
    background:transparent;
    position: relative;
    z-index: 100;
    border-bottom: 1px solid red;
	color: rgba(0,170,255,1);
	padding:10px 15px;
}

#mnuFooter .nav li li > a:hover {background:transparent; cursor:default;}
#mnuFooter .nav li li li > a:hover {background:rgba(50,100,150,.5);cursor:pointer;}

#mnuFooter .nav li li:last-child > a {    border-bottom: 1px solid red;}

#mnuFooter .nav li li li:last-child > a { border-bottom: 0px solid red;}

#mnuFooter .nav > li:first-child {display:none}

#mnuFooter .nav li li li > a { border-bottom: 1px dashed red;
	color: rgba(0,170,255,1); color:#159; padding:7px 15px;}

#mnuFooter .nav > li >  a {
	padding:0;
	margin: 0;
    display: inline-block;
    color: rgba(0,170,255,1);
	border-bottom:0px solid #3a3a3a;
	width:8%;
	}

#mnuFooter .nav li .dropdown {
    position: relative;
    left: 0px;
    z-index: 100;
	display:inline-block;
	width:100%;
}

#mnuFooter .nav > li.hover > .dropdown {
    left: 0;
	box-shadow: none;
	/* ddd */
	position:relative;
}

#mnuFooter .nav li li.hover .dropdown {
    left: 0;
    top: 0;
	box-shadow: none;
	position: relative;
}

#mnuFooter.content {
	position: relative;
    background: yellow;
}

/* i992-x1199 */
}













@media only screen and  (min-width:1200px) {
/* menu FOOTER */

#mnuFooter .tML3_dmsi.ftrMnuBdrROff {border:none}
#mnuFooter .tML2_dmsi.twk4FtrMnu.ftrMnuBdrROff {border:none}

#mnuFooter .a {color:#fff}

#mnuFooter .tML1,
#mnuFooter .tML2,
#mnuFooter .tML3 {
	font:normal normal normal 15px/1 "OpenSansLight";
    letter-spacing: 0;
    font-variant:none;
}

#mnuFooter .tML2_dmsi { display:block; font:normal normal normal 13px/1.25 "OpenSansSemiBold";  letter-spacing:0}
#mnuFooter .tML3_dmsi { font:normal normal normal 13px/1 "OpenSansLight"; letter-spacing:0.05em;
    border-right: 1px solid #ddd;
    padding: 0 10px 0 0;
    display: flex;
}

#mnuFooter .tML2_dmsi.twk4FtrMnu {font:normal normal normal 13px/1 "OpenSansLight"; letter-spacing:0.05em;     border-right: 1px solid #ddd;
    padding: 0 10px 0 0;
    display: flex;}


#mnuFooter .container {
    width: 1200px;
    margin: 0px auto;
	background:transparent;
}

#mnuFooter .flexCanGen {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    background:transparent;
}



/* ddd hide */
#mnuFooter .nav > li.hover > .dropdown.ddmmsl {
	border-top: 0px solid rgba(0, 170,255,1);
    border-bottom: 0px solid rgba(0, 170,255,1);
	background: transparent;
	height:auto;
}

#mnuFooter .dropdown.ddmmsl .can {padding:0px; background:#fff; background:transparent; width:auto; xxmax-width: 7em;}

#mnuFooter .dropdown.ddmmsl .can .flxCan {height:100%; }
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.a {display:none}
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.b {display:none}
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.c {width:100%; background:transparent; padding:0; display:flex}

#mnuFooter .flxCanItm.c .flexCanGen {
	flex-direction: row;
	justify-content:flex-start;
    list-style: none;
	flex-wrap:wrap;
	width:auto;
}

#mnuFooter .flxCanItm.c .flexCanGen .lil2 {
    width:auto;
    margin: 0;
}

#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt > a {display:none}

#mnuFooter .ddmmsl .col-c-rw2 .c {display:none-xx}

#mnuFooter .btn.typ1.col1 {
    margin: 0;
    display: inline-block;
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
}

#mnuFooter .vao {display:none}
#mnuFooter .inCircleAroRHS {display:block}

#mnuFooter .flxCanItm.c .flexCanGen .lil2 > a ,	
#mnuFooter .flxCanItm.c .flexCanGen .lil2 .lil2Hd, 	
#mnuFooter .sdev .ddMnuHd2 {	
	background:transparent;
	border-bottom: 1px solid red;
	border-bottom:0 solid rgba(200,200,200, .25);
	color:rgba(0,150,255,.95);
	xx-color:rgba(15,40,95,1);
	text-align:left;
	padding: 5px 0;
	margin-bottom:0;
	cursor:default;
	display:none;
	}
#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2 > a {cursor:default;}
#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2 > a:hover {color:rgba(0,170,255,.95)}

#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2:last-child > a {cursor:pointer; display:block; 
	background:transparent;
	border-bottom: 0px dotted red;
	color:rgba(0,150,255,.95);
	color:rgba(15,40,95,1);
	color:#abc;
	text-align:left;
	padding:5px 5px;
	padding:7px 5px 3px 5px;
	margin-bottom:0;
	cursor:pointer;
	line-height:1.1;
	font-weight:normal;
} 
#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2:last-child > a:hover {color:crimson; color:#ffa500} 

#mnuFooter .flxCanItm.c .flexCanGen .lil3 {	border-bottom: 0 dashed rgba(200,200,200, .5);}

#mnuFooter .flxCanItm.c .flexCanGen .lil3 a {
	background:transparent;
	border-bottom: 0px dotted red;
	color:rgba(0,150,255,.95);
	color:rgba(15,40,95,1);
	color:#abc;
	text-align:left;
	padding:5px 5px;
	padding:7px 5px 3px 5px;
	margin-bottom:0;
	cursor:pointer;
	line-height:1.1;
	}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 a {display:none}
#mnuFooter .sdev .flxCanItm.c .flexCanGen .lil3 a {padding: 0px 0;}

/* ok - for all li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1 {margin-top:0; }

/* ok - ONLY for 1st child of li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1:first-child {margin-top:0px; }

/* ok - for ALL last child of li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1:last-child {margin-top:0; }
#mnuFooter .sdev .flxCanItm.c .flexCanGen .lil2.mnuExt1:last-child {margin-top:0; }

/* ok - for ALL last child of .lil3 under class .lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1 .lil3:last-child  {border-bottom:0px solid pink;}

/* ok - ONLY for first child of lil3 under class .lil2.mnuExt */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt .lil3:first-child  {border-top: 0 dashed rgba(200,200,200, .5);}

/* ok - ONLY for last  child of lil3 under class .lil2.mnuExt */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt .lil3:last-child  {border-bottom:0px solid blue;}

#mnuFooter .flxCanItm.c .flexCanGen .lil2:last-child .lil3:last-child a {color:yellow--;}
#mnuFooter .flxCanItm.c .flexCanGen .dropdown a:hover {color:#ffa500; text-decoration:none;}

#mnuFooter .mnuTypo2 , 
#mnuFooter .sdev .ddMnuHd2 {
    font: normal normal normal 14px/1.25em "OpenSansSemiBold";
    letter-spacing: 0;
	display:block;
	border-bottom:none;
}

#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .flexCanGen {width:100%; background:transparent; flex-direction:row}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 img {display:none}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 a {  
	margin:0; 
	background: transparent;
    border: none;
    box-shadow: none; 
	padding: 6px 0;
	text-shadow: none;

    border-radius: 0;
    display: table;
    color: rgba(15,40,95,1);
    text-decoration: none;

    position: relative;
    bottom: 0;
    left: 0;
}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 a:hover { color:crimson; background:transparent; border: none; }

#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.a ,
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.b ,
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.c {
	width:auto;background:transparent url(); padding:0; position:relative; top:0; left:0;
}

#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .flexCanGen .lil2 .lil3 a.btn.typ1.col1 {
	color: rgba(15,40,95,1);
	color:#abc;
    margin: 0;
    border: none;
    box-shadow: none;
    padding: 5px 0;
    background: transparent;
	text-shadow:none;
	display: block;

    margin: 0;
    padding: 5px 5px;
    position: relative;
    bottom: 0;
    left: 0;

}

#mnuFooter .dropdown.ddmmsl .flxCanItm.c .flexCanGen .lil2 .lil3 a.btn.typ1.col1:hover {
    background: transparent; color:#ffa500;
}


/*
https://stackoverflow.com/questions/43186015/css-hide-scroll-bar-but-have-element-scrollable

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
*/

#mnuFooter .menus{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	overflow: hidden;
	z-index: 2;
}

#mnuFooter .menus.flexCanGen {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


#mnuFooter .logoDv {
	display:none;
}

#mnuFooter .nav {
	flex-direction: column;
	list-style: none;
	position: relative;
	top: 0px;
	transition: all 1s ease;
 }

#mnuFooter .toggleMenuFS {
	display: none;
}
#mnuFooter .toggleMenuFS + label {
	display: none;
}




#mnuFooter .scols {
    background: #09112d;
    background: #023b77;
	background: #001f4e;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 25px 40px;
    overflow: hidden;
    box-sizing: border-box;
    border: 0px solid #3fb5ff;
}

#mnuFooter .ml1:after {display:none}
#mnuFooter .ml2:after {display:none}


#mnuFooter .nav ul {
    display: flex;
    flex-direction: row;
    list-style: none;
}

#mnuFooter .nav li {
    position: relative;
	display: flex;
}

#mnuFooter .nav > li {
    z-index: 200;
	margin-right:0;
	background: rgba(6,104,156,0);
	width:auto;
	margin:0;
}

#mnuFooter .nav > li:hover {
    background:transparent;
}

#mnuFooter .nav > li > a:hover {
    background:transparent;
	cursor:pointer;
	color: #f9ad00;
    border: 1px dashed #ed052e;
}
#mnuFooter .nav li li > a {
    display: block;
    background:transparent;
    position: relative;
    z-index: 100;
    border-bottom: 1px solid red;
	color: rgba(0,170,255,1);
	padding:10px 15px;
}

#mnuFooter .nav li li > a:hover {background:transparent; cursor:default;}
#mnuFooter .nav li li li > a:hover {background:rgba(50,100,150,.5);cursor:pointer;}

#mnuFooter .nav li li:last-child > a {    border-bottom: 1px solid red;}

#mnuFooter .nav li li li:last-child > a { border-bottom: 0px solid red;}

#mnuFooter .nav > li:first-child {display:none}

#mnuFooter .nav li li li > a { border-bottom: 1px dashed red;
	color: rgba(0,170,255,1); color:#159; padding:7px 15px;}

#mnuFooter .nav > li >  a {
	padding: 10px 40px;
	margin: 0;
    display: inline-block;
    color: rgba(0,170,255,1);
	border-bottom:0px solid #3a3a3a;
	xx-width:8%;
	border: 1px dashed transparent;
	}

#mnuFooter .nav li .dropdown {
    position: relative;
    left: 0px;
    z-index: 100;
	display:inline-block;
	width:100%;
}

#mnuFooter .nav > li.hover > .dropdown {
    left: 0;
	box-shadow: none;
	/* ddd */
	position:relative;
}

#mnuFooter .nav li li.hover .dropdown {
    left: 0;
    top: 0;
	box-shadow: none;
	position: relative;
}

#mnuFooter.content {
	position: relative;
    background: yellow;
}

/* i1200 */
}






@media only screen and  (min-width:12000px) {
/* for menu FOOTER */


.ftrTopBar {position:relative; top:0; height: 50px;}

.ftrTopBar .left {
	background-color: #001f4e;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    height: 250px;
    width: 125%;
    position: absolute;
    top: 0;
    left: -50%;
    transform: rotate(7deg) skew(-1deg, -1deg);
}

.ftrTopBar .right {
	background-color: #001f4e;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    height: 250px;
    width: 125%;
    position: absolute;
    top: 0;
	left: 25%;
    transform: rotate(-3deg) skew(5deg, -1deg);
}

#mnuFooter .a {color:#fff}

#mnuFooter .tML1,
#mnuFooter .tML2,
#mnuFooter .tML3 {
	font:normal normal normal 15px/1 "OpenSansLight";
    letter-spacing: 0;
    font-variant:none;
}

#mnuFooter .tML2_dmsi { display:block; font:normal normal normal 13px/1.25 "OpenSansSemiBold";  letter-spacing:0}
#mnuFooter .tML3_dmsi { font:normal normal normal 13px/1 "OpenSansLight"; letter-spacing:0.05em}

.container {
    width: 1200px;
    margin: 0px auto;
	background:magenta;
}

.flexCanGen {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    background:transparent;
}



/* ddd hide */
#mnuFooter .nav > li.hover > .dropdown.ddmmsl {
	border-top: 0px solid rgba(0, 170,255,1);
    border-bottom: 0px solid rgba(0, 170,255,1);
	xxwidth:9em;
	position:relative;
	background: transparent;
}

#mnuFooter .dropdown.ddmmsl .can {padding:0px; background:#fff; background:transparent; width:auto; max-width: 7em;}

#mnuFooter .dropdown.ddmmsl .can .flxCan {height:100%; }
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.a {display:none}
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.b {display:none}
#mnuFooter .dropdown.ddmmsl .can .flxCan .flxCanItm.c {width:100%; background:transparent; padding:0}

#mnuFooter .flxCanItm.c .flexCanGen {
	flex-direction: column;
    list-style: none;
    width: 100%;
	max-width:8em;
}

#mnuFooter .flxCanItm.c .flexCanGen .lil2 {
    width:auto;
    margin: 0;
}

#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt > a {display:none}

#mnuFooter .ddmmsl .col-c-rw2 .c {display:none}


#mnuFooter .flxCanItm.c .flexCanGen .lil2 > a ,	
#mnuFooter .flxCanItm.c .flexCanGen .lil2 .lil2Hd, 	
#mnuFooter .sdev .ddMnuHd2 {	
	background:transparent;
	border-bottom: 1px solid red;
	border-bottom:0 solid rgba(200,200,200, .25);
	color:rgba(0,150,255,.95);
	xx-color:rgba(15,40,95,1);
	text-align:left;
	padding: 5px 0;
	margin-bottom:0;
	cursor:default;
	display:block;
	}



#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2 > a {cursor:default;}
#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2 > a:hover {color:rgba(0,170,255,.95)}


#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2:last-child > a {cursor:pointer;} 
#mnuFooter .dzn .flxCanItm.c .flexCanGen .lil2:last-child > a:hover {color:crimson} 

#mnuFooter .flxCanItm.c .flexCanGen .lil3 {	border-bottom: 0 dashed rgba(200,200,200, .5);}

#mnuFooter .flxCanItm.c .flexCanGen .lil3 a {
	background:transparent;
	border-bottom: 0px dotted red;
	color:rgba(0,150,255,.95);
	color:rgba(15,40,95,1);
	color:#abc;
	text-align:left;
	padding:5px 0;
	margin-bottom:0;
	cursor:pointer;
	line-height:1.1;
	}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 a {display:none}
#mnuFooter .sdev .flxCanItm.c .flexCanGen .lil3 a {padding: 0px 0;}

/* ok - for all li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1 {margin-top:5px; }


/* ok - ONLY for 1st child of li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1:first-child {margin-top:0px; }


/* ok - for ALL last child of li.lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1:last-child {margin-top:5px; }
#mnuFooter .sdev .flxCanItm.c .flexCanGen .lil2.mnuExt1:last-child {margin-top:0; }


/* ok - for ALL last child of .lil3 under class .lil2.mnuExt1 */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt1 .lil3:last-child  {border-bottom:0px solid pink;}


/* ok - ONLY for first child of lil3 under class .lil2.mnuExt */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt .lil3:first-child  {border-top: 0 dashed rgba(200,200,200, .5);}


/* ok - ONLY for last  child of lil3 under class .lil2.mnuExt */
#mnuFooter .flxCanItm.c .flexCanGen .lil2.mnuExt .lil3:last-child  {border-bottom:0px solid blue;}


#mnuFooter .flxCanItm.c .flexCanGen .lil2:last-child .lil3:last-child a {color:yellow--;}
#mnuFooter .flxCanItm.c .flexCanGen .dropdown a:hover {color:crimson; text-decoration:none;}


#mnuFooter .mnuTypo2 , 
#mnuFooter .sdev .ddMnuHd2 {
    font: normal normal normal 14px/1.25em "OpenSansSemiBold";
    letter-spacing: 0;
	display:block;
	border-bottom:none;
}


#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .flexCanGen {width:100%; background:transparent; flex-direction:column}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 img {display:none}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 a {  
	margin:0; 
	background: transparent;
    border: none;
    box-shadow: none; 
	padding: 6px 0;
	text-shadow: none;

    border-radius: 0;
    display: table;
    color: rgba(15,40,95,1);
    text-decoration: none;

    position: relative;
    bottom: 0;
    left: 0;
}
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3 a:hover { color:crimson; background:transparent; border: none; }

#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.a ,
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.b ,
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.c {
	width:auto;background:transparent url(); padding:0; position:relative; top:0; left:0;
}

#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .flexCanGen .lil2 .lil3 a.btn.typ1.col1 {
	color: rgba(15,40,95,1);
	color:#abc;
    margin: 0;
    border: none;
    box-shadow: none;
    padding: 5px 0;
    background: transparent;
	text-shadow:none;
	display: block;

    margin: 0;
    padding: 5px 0;
    position: relative;
    bottom: 0;
    left: 0;

}

#mnuFooter .dropdown.ddmmsl .flxCanItm.c .flexCanGen .lil2 .lil3 a.btn.typ1.col1:hover {
    background: transparent; color:crimson;
}
/*
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.b a.btn.typ1.col1, 
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.c a.btn.typ1.col1 {
    margin: 0;
    padding: 5px 0;
    position: relative;
    bottom: 0;
    left: 0;
}

 #mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.b a.btn.typ1.col1:hover, 
#mnuFooter .dropdown.ddmmsl.sdev .flxCanItm.c .lil2 .lil3.c a.btn.typ1.col1:hover { 
background:transparent;
} 


#mnuFooter .ddmmsl.sdev .lil3.a .mnuTypo1 {
	font: normal normal normal 12px/1.25 "OpenSansRegular";
    letter-spacing: 0.01em;
    display: block;
}*/









/*
https://stackoverflow.com/questions/43186015/css-hide-scroll-bar-but-have-element-scrollable


::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
*/


.elBody.openMMfs {overflow:hidden; overflow-x:hidden; overflow-y: hidden; transition:all 2s ease}



#mnuFooter .menus{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	background: aqua;
	overflow: hidden;
	z-index: 2;
}

#mnuFooter .menus.flexCanGen {
    background: rgba(6,104,156,1);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/* 
.sticky.openMMfs {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:9;
  height:100%;
} */

#mnuFooter .logoDv {
display:none;
    margin-right: 100px;
    padding: 9.5px 0px;
    transition: all .5s ease;
    z-index: 3;
    top: 15px;
    position: absolute;
    left: 40%;
}

/* .sticky.openMMfs .logoDv {
    transition: all .5s ease;
    z-index: 2;
    top: 15px;
    position: absolute;
    left: 40%;
} */

#mnuFooter .nav {
	list-style: none;
	position: relative;
	top: 0px;
	transition: all 1s ease;
 }
/* 
#mnuFooter .nav.flexCanGen {background:rgba(255,100,50,.25);}
*/


#mnuFooter .toggleMenuFS {
	display: none;
}


#mnuFooter .scols {
    background: #09112d;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 25px 40px;
    overflow: hidden;
    box-sizing: border-box;
    border: 0px solid #3fb5ff;
}

.sticky.openMMfs .scols {padding-top:50px}


#mnuFooter .ml1:after {display:none}
#mnuFooter .ml2:after {display:none}

.openMMfs .ml2:before {
	content:'\25b6 ';
	position:absolute;
	top:3px;
	left:-18px;
	font-size: 125%;
	color: #ddd;
	display:none;
	}

#mnuFooter .nav ul {
	flex-direction: column;

    list-style: none;
	width:100px; 
	width:auto; /*ddd*/
	min-width:100px;
}

#mnuFooter .nav li {
    position: relative;
}

#mnuFooter .nav > li {
    z-index: 200;
	margin-right:0;
	background: rgba(6,104,156,0);
	width:auto;
}

#mnuFooter .nav > li:hover {
    background:transparent;
}

#mnuFooter .nav > li > a:hover {
    background:transparent;
	cursor:default;
}
#mnuFooter .nav li li > a {
    display: block;
    background:transparent;
    position: relative;
    z-index: 100;
    border-bottom: 1px solid red;
	color: rgba(0,170,255,1);
	padding:10px 15px;
}

#mnuFooter .nav li li > a:hover {background:transparent; cursor:default;}
#mnuFooter .nav li li li > a:hover {background:rgba(50,100,150,.5);cursor:pointer;}


#mnuFooter .nav li li:last-child > a {    border-bottom: 1px solid red;}

#mnuFooter .nav li li li:last-child > a { border-bottom: 0px solid red;}


#mnuFooter .nav li li > a .mnuTypo1{font: normal normal normal 15px/1 "OpenSansRegular";
    letter-spacing: 0.01em;}

#mnuFooter .nav > li:first-child {display:none}

#mnuFooter .nav li li li > a { border-bottom: 1px dashed red;
	color: rgba(0,170,255,1); color:#159; padding:7px 15px;}

#mnuFooter .nav li li li  a .mnuTypo1{
	font: normal normal normal 12px/1.25 "OpenSansRegular";
    letter-spacing: 0.01em; 
	display:block
	}

#mnuFooter .nav > li >  a {
	padding: 10px 0 10px 0;
	margin: 0px 0 5px 0;
    display: block;
    color: rgba(0,170,255,1);
	border-bottom:1px solid #3a3a3a;;
	}

#mnuFooter .nav > li >  a .mnuTypo1{font: normal normal normal 16px/1 "OpenSansSemiBold";
    letter-spacing: 0.01em;}


#mnuFooter .nav li .dropdown {
    position: relative;
    left: 0px;
    z-index: 100;
}

#mnuFooter .nav > li.hover > .dropdown {
    left: 0;
	box-shadow: none;

	/* ddd */
	position:absolute;
}

#mnuFooter .nav li li.hover .dropdown {
    left: 0;
    top: 0;
	box-shadow: none;
	position: relative;
}

#mnuFooter.content {
	position: relative;
    background: yellow;
}
 

 /* min 12000*/
}