@charset "utf-8";
/* CSS Document */

/* Header */
.service .cont-service { float:right;} 
.service .cont-service > i { display:none;} 
.service ul.nav-service { position:relative; float:right; display:inline-block; margin-right:15px; margin-bottom:0; padding-left:0;}
.service ul.nav-service li{ display:inline-block; position:relative; padding:0 10px; border-left:1px solid #FFF; font-size:11px; line-height:11px;}
.service ul.nav-service li:first-child{ border-left:0;}
.service ul.nav-service li a{ cursor:pointer; color:#FFF; text-decoration:none;}
.service ul.nav-service li:hover a{ color:#cf142b;}
.service ul.nav-service li.active a{ color:#cf142b;}
.service ul.nav-service ul{ display:none; position:absolute; top:20px; left:0; min-width:280px; padding:10px 0; background:#404040; z-index:999;}
.service ul.nav-service ul.open{ display: block;}
.service ul.nav-service ul li{ display:block; margin:0 10px; padding:5px 0; border-bottom:1px solid #868686; border-right:0; border-left:0;}
.service ul.nav-service ul li.tit{ position:relative; font:bold 24px/24px 'GroteskLightCond', Arial; color:#FFF; margin-bottom:5px;}
.service ul.nav-service ul li.tit i{ float:right; cursor:pointer;}
.service ul.nav-service ul li.tit .tooltip{ right:20px;}
.service ul.nav-service ul.my li{ border-bottom:0;}
.service ul.nav-service ul li:last-child{ border-bottom:0;}
.service ul.nav-service ul li a{ color:#fff !important;}
.service ul.nav-service ul li a:hover{ color:#cf142b !important;}
.service ul.nav-service li a label {cursor: pointer; font-weight: 300;}
.service ul.nav-service ul li input{ display:block; width:100%; font-size:12px; line-height:20px;}

.service ul.nav-service ul.search li{ border-bottom:0;}
.service ul.nav-service ul.search li input{ display:block; position:relative; padding-right:40px;}
.service ul.nav-service ul.search li i{ position:absolute; top:10px; right:5px; cursor:pointer;}
.service ul.nav-service ul.search li a.ok{ position:absolute; top:5px; right:0; background-color:#cf142b; float:right; padding:0 8px; color:#FFF !important; line-height:26px;}

.service ul.nav-service ul.login li{ border-bottom:0;}
.service ul.nav-service ul.login li a{ display:block; padding:2px 0;}
.service ul.nav-service ul.login li.ok a{ background-color:#cf142b; float:right; padding:0 8px; color:#FFF !important; line-height:24px;}

.service .btn-group { display:inline-block; float:right;}
.service button.btn { min-width:150px; font: bold 9px/11px Arial; text-align:left; background-color:#FFF; border:1px solid #ccc; border-radius:0; padding:2px 8px; }
.service button.btn .txt{ line-height:17px; float:left;}
.service button.btn .caret{ float:right; margin-top:6px;}
.service button.btn .flag{ float:left; width:20px; height:12px; margin-right:3px; margin-top:3px; background-repeat:no-repeat; background-size:20px 12px;}
.service ul.dropdown-menu { min-width:120px; font: bold 9px/11px Arial; border-radius:0; padding:0;}
.service ul.dropdown-menu li{ border-bottom:1px solid #dddddc;}
.service ul.dropdown-menu a{ padding:8px 5px 5px 32px; background-color:#fff; background-repeat:no-repeat; background-position:8px 7px; background-size:20px 12px; text-transform:uppercase;}
.service ul.dropdown-menu a:hover{ background-color:#f5f5f5;}

/* Menu */
.cont-open-menu { display:none;}

nav { display:block; position:relative; margin-top:20px;}

.menu{display:block; margin-bottom:0; padding-left:0;}
.menu .fa{ color:#cf142b; vertical-align:15%;}
 
.menu li{display: block;
position: relative;
z-index:100;
text-align:center;}
.menu > li{ height:43px;}
.menu > li:hover{background:#f7f7f7;}
 
.menu li a { display:inline-block; 
position:relative;
font-weight:700;
font-size:11px;
line-height:14px;
vertical-align:top;
text-decoration:none;
padding-top:11px;
padding-bottom:5px;
color:#666666;
 
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}
.menu > li > a { text-transform:uppercase; text-align:left; height:43px; padding-right:5px; padding-left:5px;}
.menu > li > a > div.cont-liv1 { display:table;}
.menu > li > a > div.cont-liv1 .liv1-cl1{ display:table-cell; text-align:center; vertical-align:top;}
.menu > li > a > div.cont-liv1 .liv1-cl2{ display:table-cell; text-align:left; vertical-align:top; padding-left:5px;}

.menu li.active > a{color:#cf142b;}

/* hide the second level menu */
.table-menu td{ height:43px; text-align:center; vertical-align:top; }
.menu ul {display: none;
margin: 0;
padding:15px 0;
width:200px;
min-width: 100%;
position: absolute;
left: 0px;
background: #f7f7f7;
}
.menu div.sub-menu {display: none;
margin: 0;
padding:15px 0;
width:200px;
min-width: 100%;
position: absolute;
top: 100%;
left: 0px;
background: #f7f7f7;
}
.table-menu td:last-child .menu li ul {
right: 0px;
left:auto;
}

/* display second level menu on hover */
.menu li:hover > ul.sub-menu{ display: block;}
.menu li:hover > div.sub-menu{ display: block;}
.menu li:hover > ul.sub-menu.open{ display: block;}
.menu li:hover > div.sub-menu.open{ display: block;}

.menu li.width100 {
	position:inherit;
}
.menu li.width100 ul{
	width:100%;
}
.menu li div.sub-menu{
	z-index:99;
	/* width:400px; */
    width: auto;
}
.menu li.cl1 div.sub-menu{
	/* width:200px; */
    width: auto;
}
.table-menu td:last-child div.sub-menu{
	right:0;
	left:auto;
}
.table-menu td:nth-child(6n) div.sub-menu{
	right:0;
	left:auto;
}
.table-menu td:nth-child(7n) div.sub-menu{
	right:0;
	left:auto;
}
.table-menu td:nth-child(8n) div.sub-menu{
	right:0;
	left:auto;
}
.menu li.width100 div.sub-menu{
	width:100%;
}
.menu li div.sub-menu .table-submenu{
	display:table;
	width:100%;
}
.menu li div.sub-menu .table-submenu .cl-submenu{
	display: table-cell;
	text-align:left;
	vertical-align:top;
	width:auto;
}
.menu li div.sub-menu .table-submenu .cl-submenu ul ul{
	margin-bottom:30px;
}
.menu li div.sub-menu .table-submenu .cl-submenu ul li:last-child ul{
	margin-bottom:0;
}
.menu li.width100 div.sub-menu .table-submenu .cl-submenu{
	width:33.3%;
}
.menu li div.sub-menu .table-submenu .cl-submenu:first-child{
	border-left:none !important;
}
.menu li div.sub-menu .table-submenu .cl-submenu:first-child a{
	padding:4px 0 !important;
}
.menu li div.sub-menu .table-submenu .cl-submenu.last{
	border-left:1px solid #ccc;
}
.menu li div.sub-menu .table-submenu .cl-submenu.last a{
	display:block;
	background-color:transparent;
	/*color:inherit;*/
	padding:0 15px;
}
.menu li div.sub-menu .table-submenu .cl-submenu img{
	width:170px;
}
.menu li div.sub-menu ul{
	display:block;
	position:relative;
	padding:0 15px;
	top:0;
	margin-bottom:30px;
}
.menu li div.sub-menu ul:last-child{
	margin-bottom:0;
}
.menu li div.sub-menu ul li{
	padding:0;
	margin:0;
	border:0;
}
.menu li div.sub-menu ul p{
	text-align:left;
	padding:0;
	margin:0;
	border:0;
}
.menu li div.sub-menu ul ul{
	left:0;
	padding:0;
}

.menu li div.sub-menu .name{
	font-size:11px;
}
.menu li div.sub-menu .tit{
	font-size:14px;
	font-weight:700;
	color:#cf142b;
	padding:5px 0 0;
	margin:0;
}
.menu li div.sub-menu .desc{
	font-size:12px;
	font-weight:300;
	padding-top:3px;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0 30px;
padding:0;
text-align:left;
border-bottom:1px solid #999;
}
.menu ul li:last-child {
border-bottom:1px solid #dddddd;
}
 
.menu ul li a {font-size:11px;
line-height:14px;
font-weight:700;
display:block;
padding:4px 0;
}

.menu li.width100 ul li a {
	font-weight:300;
}
 
.menu ul li a:hover, .menu ul li:hover > a{
background:none;
color:#cf142b !important;
}

/* change level 3 menu positions */
.menu ul ul {left: 149px;
	top: 0px;
}

/* menu mobile */
.navbar-default { border:0; border-radius:0; margin:0; background-image:none; background-color:#404040; box-shadow:none;}
.navbar-default .container{ box-shadow:none;}
.navbar-default .navbar-header { height:65px;}
.navbar-default .navbar-header .navbar-brand { margin-top:15px; margin-left:15px; width:138px; height:45px; background:url(../images/logo-mobile.png) no-repeat; background-size:138px 45px;}
.navbar-default .navbar-header button{ padding:0 !important; margin:0 !important; border:0; border-radius:0; background-color:#404040 !important;}
.navbar-default .navbar-header a img{ max-width:160px !important;}
.navbar-default .navbar-header i{position: relative; float: right; color: #FFF; padding: 0 20px 0 20px; line-height: 65px; border-left: 1px solid #666666; color:#FFF;}
.navbar-collapse { border-color:#666666; padding:0; z-index: 999;}
.navbar-collapse ul{ margin:0;}
.navbar-collapse ul > li.dropdown{ position:relative; background-color:#e8e8e7; border-bottom:1px solid #fff;}
.navbar-collapse ul > li.dropdown i{ position:absolute; top:0; right:0; height:100%; padding:0 25px; background-color:#b4b5b7; color:#cf142b; font-size:larger; line-height:30px; opacity:1;}
.navbar-collapse ul > li.dropdown i:before{content:"\f0dd"; }
.navbar-collapse ul > li.dropdown.open i:before{content:"\f0de"; line-height:43px; }
.navbar-collapse ul li.dropdown a{ font-size:16px; font-weight:bold; color:#454545; text-transform:uppercase;}
.navbar-collapse ul li.dropdown > ul { padding:0; margin:0;}
.navbar-collapse ul li.dropdown > ul li{ padding:0; font-weight:normal; background-color:#fff; border-bottom:1px solid #d8d8d8;}
.navbar-collapse ul li.dropdown > ul li:last-child{ border-bottom:0;}
.navbar-collapse ul li.dropdown > ul li a{ font-size:13px !important; padding:10px 15px !important; color:#454545; text-transform:none;}
.navbar-collapse ul li.dropdown > ul li.active a{ background-color:#fff !important; background-image:none;}

.navbar-collapse ul > li.singol{ background-color:#919296; color:#FFF; text-transform:none; border-bottom:0;}
.navbar-collapse ul > li.singol a{ background-color:#919296; text-transform:none;}
.navbar-collapse ul > li.singol ul.dropdown-menu{ position:relative; display:block; width:100%; background-color:#919296; border-top:0; border-right:0; border-bottom:0; border-left:0; box-shadow:none; }
.navbar-collapse ul > li.singol ul.dropdown-menu.active{ display:block !important;}
.navbar-collapse ul > li.singol ul.dropdown-menu li{ display:block; position:relative; height: 25px; background-color:#919296; padding:0 15px; margin-bottom: 10px;}
.navbar-collapse ul > li.singol ul.dropdown-menu li input{display: block; width:100%; height: 100%; position: relative; padding-right: 40px; color:#333; padding-left:5px; border: 1px solid #ccc; border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.navbar-collapse ul > li.singol ul.dropdown-menu li a.ok{position: absolute; top: 0; right: 15px; height: 100%; background-color: #CF142B; float: right; padding: 0px 8px !important; color: #FFF !important; line-height: 26px !important;}

.navbar-collapse ul > li.dropdown.singol i{ position:absolute; top:0; right:0; height:100%; padding:0 25px; background-color:#b4b5b7; color:#cf142b; font-size:larger; line-height:30px; opacity:1;}
.navbar-collapse ul > li.dropdown.singol i:before{content:"\f0dd"; }
.navbar-collapse ul > li.dropdown.singol.open i:before{content:"\f0de"; line-height:43px; }

.navbar-collapse ul li.singol{ background-color:#919296;}
.navbar-collapse ul li.singol a{ color:#FFF !important; font-size:13px !important; font-weight:bold !important; padding:10px 15px !important;}

@media (max-width: 991px) {
/* Menu */	
.menu li a { font-size:10px; line-height:14px;}
.menu > li > a > div.txt-liv1 { padding:0 16px 0 9px;}

/*.menu > li > a { padding-right:14px;}*/
/*.menu > li > a i{ top:10px; right:6px; }*/
.table-menu td:nth-child(4n) div.sub-menu{
	right:0;
	left:auto;
}

}

@media (max-width: 767px) {
	body { background-color:#404040;}
/* Header menu */
.service { height:65px;}
.service .btn-group { position:absolute; left:50%; margin-left:-55px;}
.service .cont-service { display:none;}
.service ul.nav-service ul{ display:; position: relative; min-width:auto; padding:0 0 10px; margin-top:0; margin-bottom:10px; background: none;}
.service ul.nav-service ul.open{ display: block;}
.service ul.nav-service ul li{ display:block; margin:0; padding:5px 0; border-bottom:0;}
.service ul.nav-service ul.my li{ border-bottom:0;}
.service ul.nav-service ul li:last-child{ border-bottom:0 !important;}
.service ul.nav-service ul li a{ font-size:12px; display:inline-block; color:#666666 !important;}
.service ul.nav-service ul li a:hover{ color:#cf142b !important;}
.service ul.nav-service ul li.ok { width:auto;}
.service ul.nav-service ul li.ok a{ color:#fff !important;}

/* Menu */	
#open-menu { display: inline-block; vertical-align:middle; color:#fff; }
.cont-open-menu { display:block; position:absolute; top:-7px; right:0; vertical-align:top;}
.cont-open-menu i{ position:relative; float:left; color:#FFF; padding:0 20px 0 20px; line-height:65px; border-left:1px solid #666666;}

.cont-menu{display:none;}

/* Menu mobile */
#menu-mobile { display:block; top:0; left: 0; margin:0; padding:0; font-size:24px; z-index:0; width:100%;overflow: auto;}
#menu-mobile ul{ list-style:none;}
#menu-mobile > ul{ background:#404040; margin:0; padding:0;}
#menu-mobile > ul > li > a{ display:block; padding:12px 12px; font-size:16px; color:#fff; }
#menu-mobile .ico-mob { float:right; margin-right:50px; 
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
}
#menu-mobile .rotate > a > .ico-mob { 
transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
}
#menu-mobile ul ul .ico-mob { float:right; margin-right:100px;}
#menu-mobile > ul > li ul{ display:none; margin-left:0; padding-left:30px;}
#menu-mobile > ul > li > ul > li a{ font-size:14px; color:#ccc; outline:hidden; }
#menu-mobile .logo{ background:url(../images/logo.png) no-repeat center; background-size:139px; width:calc(100% - 75px); height:50px; margin-bottom:20px; top:0;}
#menu-mobile {position: absolute; width: 100%;}
#menu-mobile .head{ position:fixed; text-align:center; background:#fff; width:90%; width:calc(100% - 50px); border-bottom: 1px solid #000; padding: 11px 0;top:0; font-size:21px;}
#menu-mobile .head .back{background:url(../images/back.svg) no-repeat center; display:block; position: absolute; left:0; top:0; width:45px; height:43px;}
.has-sub{background:url(../images/fwd.svg) no-repeat; background-position:80% center; background-position:calc(100% - 70px) center;}

#menu-mobile > ul { border-bottom:1px solid #CCC; padding-bottom:15px; margin-bottom:15px;}
#menu-mobile > ul:last-child { border-bottom: none;}
#menu-mobile > ul.m-service > li > a{ color:#CCC;}
#menu-mobile > ul.m-social > li { display:inline-block;}
#menu-mobile > ul.m-social > li > a{ color:#CCC; padding:5px;}

/* Title menu */
.tit-page i{ display:inline-block !important; padding-left:10px;}	
.tit-page ul.t-menu{ display:block; position:relative; list-style-type:none; padding:0; margin:0; height:0px; visibility:hidden; overflow:hidden; opacity:0;
	-webkit-transition-property: height, visibility, opacity;
	-webkit-transition-duration: 0.4s, 0.3s, 0.3s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	transition-property: height, visibility, opacity;
	transition-duration: 0.4s, 0.3s, 0.3s;
	transition-timing-function:	ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}	
.tit-page ul.t-menu.on{ margin-top:10px; height:auto; visibility: visible; opacity:1;}	
.tit-page ul.t-menu li{ display:block;}	
.tit-page ul.t-menu li a{ display:block; padding:15px 15px; font:22px/26px "Neo_Sans_Light", sans-serif; color:#666666; text-decoration:none; border-bottom:1px solid #ccc;}	
.tit-page ul.t-menu li:last-child a{ border-bottom:0; padding-bottom:0;}	
.tit-page ul.t-menu li.active a{ color:#D0142C;}	

}