/* #Navegation -----------------------------------------*/
/* #Breadcrumb ---*/
.breadcrumb {
display: block;
overflow: hidden;
clear: right;
}
.breadcrumb li {
float: left;
margin: 0 0 0 8px;
padding: 6px 0 3px 16px;
font-size: 1.385em;
font-weight: normal;
line-height: 1.43em;
color: #004165;
background: url("../images/bg/bullet-mh.gif") no-repeat scroll left 13px
transparent;
}
.breadcrumb li a {
text-decoration: none;
}
.breadcrumb li a:hover {
text-decoration: underline;
}
.breadcrumb li:first-child {
padding-left: 0;
background-image: none;
margin-left: 0;
}
.breadcrumb li:last-child {
color: #007dba;
}
/* .social_bookmarks ---*/
.social_bookmarks {
}
/*--- #main_menu ---*/
#main_menu > ul {
margin: 0;
}
#main_menu li {
float: left;
position: relative;
padding-top: 4px;
margin: 6px 0;
}
#main_menu a,
#main_menu b {
cursor: pointer;
position: relative;
height: 40px;
color: #2b505e;
font-size: 16px;
font-weight: 400;
text-align: center;
text-transform: uppercase;
padding: 2px 0;
margin: 0px 18px;
}
#main_menu li:last-child a,
#main_menu li:last-child b {
margin-right: 0;
}
#main_menu a.current,
#main_menu b.current {
border-bottom: 2px solid #06a2ff;
}
#main_menu li:hover > a,
#main_menu a:hover,
#main_menu li:hover b,
#main_menu b:hover {
color: #1aaeff;
}
#main_menu li.dw_item {
background: url("../images/sprite-icons_01.png") no-repeat 80px -368px;
}
/* Dropdown */
#main_menu ul ul {
display: none;
background: #007dc3;
position: absolute;
width: 220px;
padding: 5px;
top: 44px;
left: -47px;
z-index: 990;
opacity: 0.9; /* Good browsers */
-moz-opacity: 0.9; /* Netscape */
-khtml-opacity: 0.9; /* Safari 1.x */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
filter: alpha(opacity=90); /* IE 5-7 */
}
#main_menu ul ul li {
background: none;
float: none;
padding: 5px 0;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#main_menu ul ul li:hover {
background: #fff;
}
#main_menu ul ul a {
color: #fff;
font-size: 14px;
padding: 8px 0;
}
/*--- Mob #main_menu ---*/
/* #main_menu.mob_menu li {
background: url("../images/bg_mobmenu_line.png") #007dc3 repeat-x left bottom;
} */
#mob_menu {
content: " ";
background: url("../images/icn_menu_mob.png") no-repeat center;
background-size: 26px 26px;
height: 26px;
width: 26px;
position: absolute;
cursor: pointer;
}
#mob_menu {
z-index: 995;
transition: top 300ms ease-in-out;
}
#mob_menu.stuck {
}
#mob_menu p {
display: none;
}
#mob_menu span {
width: 16px;
height: 2px;
display: block;
background: #9cb0bd;
margin: 4px 0px 0px 5px;
position: relative;
top: 2px;
transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
#mob_menu.close span {
width: 0;
background: #06a2ff;
}
#mob_menu.close span.slice1 {
width: 16px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 8px;
}
#mob_menu.close span.slice3 {
width: 16px;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: -4px;
}
/* .screen nav {
display: block;
} */
.screenW {
background: rgba(255, 255, 255, 0);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 900;
transition: all 500ms linear;
}
.screenW.active {
background: rgba(255, 255, 255, 0.7);
}
.screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
-webkit-perspective: 2000;
perspective: 2000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.screen .inner {
position: absolute;
left: 100%;
width: 100%;
height: 100%;
-webkit-transform: rotateX(0) rotateY(90deg) translateZ(0);
transform: rotateX(0) rotateY(90deg) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.screen .inner.active {
-webkit-transform: rotateX(0) rotateY(0deg) translateZ(0);
transform: rotateX(0) rotateY(0deg) translateZ(0);
left: 0;
}
.screen .inner.active.out {
-webkit-transform: rotateX(0) rotateY(-90deg) translateZ(0);
transform: rotateX(0) rotateY(-90deg) translateZ(0);
left: -100%;
transition: all 800ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.screen ul {
padding: 0 10px;
max-width: 320px;
text-align: center;
display: block;
position: relative;
margin: 80px auto 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.screen li a,
.screen li b {
display: inline-block;
width: 100%;
padding: 12px 0;
text-align: center;
}
.screen li:hover > a,
.screen a:hover,
.screen li:hover b,
.screen b:hover {
color: #fff;
cursor: pointer;
}
.screen ul li {
display: block;
color: #fff;
margin: 0;
width: 100%;
background: #007dc3;
font-size: 18px;
font-weight: 600;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.screen ul li:first-child {
border-radius: 5px 5px 0 0;
}
.screen ul li:last-child {
border-bottom: none;
background: #2b505e;
border-radius: 0 0 5px 5px;
}
.screen ul li:active {
background: #06a2ff;
}
.screen ul li:last-child:active {
background: #222;
}
.screen ul li:active {
background: #007dc3;
}
.screen ul ul {
display: none;
margin: 0 0 10px 0;
}
.screen ul ul li {
border-bottom: none;
}
.screen ul ul a {
font-size: 16px;
padding: 6px 0;
font-weight: 300;
color: #fff;
}
.screen ul ul li:first-child {
border-radius: 0;
}
.screen ul ul li:last-child {
background: #007dc3;
border-radius: 0;
}
.screen ul li:last-child:active {
background: #06a2ff;
}
/*--- #sitemapMenu ---*/
#sitemapMenu {
position: relative;
color: #6b7880;
font-size: 16px;
}
#sitemapMenu ul {
}
#sitemap .container-12 .grid-10 {
width: 875px;
}
#sitemap .container-12 .grid-2 {
width: 285px;
}
.logoWrap{
display: flex;
gap: 20px;
margin-bottom: 20px;
}
#sitemapMenu ul > li {
float: left;
width: 192px;
font-weight: 700;
margin: 0 0 12px 25px;
}
#sitemapMenu ul ul {
position: relative;
margin: 15px 0 0 0;
}
#sitemapMenu ul ul li {
float: none;
font-size: 14px;
font-weight: 400;
margin: 0 0 12px 0;
}
#sitemapMenu ul ul li:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
#sitemap .container-12 .grid-10 {
width: 550px;
}
}
@media only screen and (max-width: 719px) {
#sitemap .container-12 .grid-1, #sitemap .container-12 .grid-2, #sitemap .container-12 .grid-3, #sitemap .container-12 .grid-4, #sitemap .container-12 .grid-5, #sitemap .container-12 .grid-6, #sitemap .container-12 .grid-7, #sitemap .container-12 .grid-8, #sitemap .container-12 .grid-9, #sitemap .container-12 .grid-10, #sitemap .container-12 .grid-11, #sitemap .container-12 .grid-12 {
width: 100%;
}
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
#sitemap .container-12 .grid-10 {
width: 580px;
}
}