#navigation1 {
	
	font-size:11px;
     /*position: absolute;
    top : auto;left : 220px;*/
	/*margin-bottom:50px;*/
    z-index : 90;
	width:996px;
	height:45px;
	
	padding-left:14px;
	margin:0 auto;
	
	
}

/*

*/




#navigation1 .menu_txt{ color:#0a3382;  font-size:16px; float:left; height:44px; background:url(../images/menu_arr.png) right no-repeat; width:140px; margin-right:13px;  padding:6px 20px 0px 20px; float-size:16px; font-weight:bold; text-transform:uppercase; color:white; line-height:30px;}




#navigation1 span { display : none; }
#navigation1 a .dot {
    width : 120px;
    height : 20px;
    position : absolute;
    top : 0px; left : 0;
    z-index : 20;
	
}
#navigation1 a:hover .dot { display : block; }
#nav01 .dot { background:none;}
#nav02 .dot { background:none;}
#nav03 .dot { background:none;}
#nav04 .dot { background:none;}
#nav05 .dot { background:none;}
#nav06 .dot { background:none;}

#navigation1 .info {
	background:url(../images/brand_menu_bg.png) no-repeat;
    color : #000000;
	font-size : 14px;
    /*line-height : 20px;
    white-space : nowrap;*/
   /* background : #fff;
    height : 20px;*/
	 width:420px; height:180px; 
    padding : 20px 8px 0px 38px;
    position : absolute;
    top : 45px; right : 0px;
	 z-index : 30;
    border-radius : 4px;
    -webkit-border-radius : 4px;
    -moz-border-radius : 4px;
    -o-border-radius : 4px;
    -ms-border-radius : 4px;
}

/* ==== First Section ==== */
.brandbg{background:url(../images/brand_bg.jpg) no-repeat center top  fixed; font-family:tahoma;}
#page1 {
    width : 100%;
    min-width : 1000px;
    height : 100%;}
	
	
#first{ width:100%;  padding-top:180px; height:700px;}
#first .fr_bot{ width:100%; height:300px; background:#232323; margin:60px 0px 0px 0px;}
#first .fr_bot .site1{width:966px; height:260px;  margin:0 auto; }
#first .fr_bot .site1 .sitemap{width:936px; height:290px; margin-left:30px; padding-top:30px;}
#first .fr_bot .site1 .sitemap .about{width:130px;}
#first .fr_bot .site1 .sitemap .ourbrand{width:145px; }
#first .fr_bot .site1 .sitemap .csr{width:160px; }
#first .fr_bot .site1 .sitemap .inv{width:170px; }
#first .fr_bot .site1 .sitemap .news{width:140px; }
#first .fr_bot .site1 .sitemap .contact{width:170px; }

#first .site1 .sitemap p{height:26px; line-height:26px; font-weight:bold; color:#fff; font-size:12px; margin:0; padding:0;  float:left; display:inline; font-family:tahoma;}
#first .site1 .sitemap ul{margin:0; padding:0; list-style:none; float:left; display:inline; width:100%;}
#first .site1 .sitemap li{margin:0; padding:0; line-height:20px; height:20px;  width:100%; float:left; display:inline; font-size:12px; color:#7a7a7a; font-family:tahoma;}




/* ==== Second Section ==== */


#second{ width:100%; height:1300px; padding-top:180px; height:1000px;}
#second .fr_bot{ width:100%; height:300px; background:#232323; margin:60px 0px 0px 0px;}
#second .fr_bot .site1{width:966px; height:260px;  margin:0 auto; }
#second .fr_bot .site1 .sitemap{width:936px; height:290px; margin-left:30px; padding-top:30px;}
#second .fr_bot .site1 .sitemap .about{width:130px;}
#second .fr_bot .site1 .sitemap .ourbrand{width:145px; }
#second .fr_bot .site1 .sitemap .csr{width:160px; }
#second .fr_bot .site1 .sitemap .inv{width:170px; }
#second .fr_bot .site1 .sitemap .news{width:140px; }
#second .fr_bot .site1 .sitemap .contact{width:170px; }

#second .site1 .sitemap p{height:26px; line-height:26px; font-weight:bold; color:#fff; font-size:12px; margin:0; padding:0;  float:left; display:inline; font-family:tahoma;}
#second .site1 .sitemap ul{margin:0; padding:0; list-style:none; float:left; display:inline; width:100%;}
#second .site1 .sitemap li{margin:0; padding:0; line-height:20px; height:20px;  width:100%; float:left; display:inline; font-size:12px; color:#7a7a7a; font-family:tahoma;}

/* ==== Third Section ==== */




/* ==== Fourth Section ==== */






#variants{width:556px; height:160px;}
#variants ul{width:556px; height:134px; margin:0; padding:0; list-style:none;}
#variants li{width:110px; height:134px; margin:0; padding:0; list-style:none; background:url(../images/var.jpg) no-repeat right; color:#FFFFFF; text-align:center; float:left; display:inline; }
#variants li .p_bg{width:110px; margin:0; padding:0; font-family:Tahoma; text-align:center; background:url(../images/varbg.png) no-repeat center; height:18px; line-height:16px; font-size:11px; color:#FFFFFF; -moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); }
#variants li a:link{-moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); border:none; outline:none;}
#variants li a:hover{-moz-opacity: 1;  opacity:1; filter: alpha(opacity=100); border:none; outline:none;}
#variants li a:active{-moz-opacity: 1;  opacity:1; filter: alpha(opacity=100); border:none; outline:none;}


#variants2{width:556px; height:134px;}
#variants2 ul{width:556px; height:134px; margin:0; padding:0; list-style:none;}
#variants2 li{width:110px; height:134px; margin:0; padding:0; list-style:none; background:url(../images/var.jpg) no-repeat right; color:#FFFFFF; text-align:center; float:left; display:inline; }
#variants2 li .p_bg{width:110px; margin:0; padding:0; font-family:Tahoma; text-align:center; background:url(../images/varbg.png) no-repeat center; height:18px; line-height:16px; font-size:11px; color:#FFFFFF; -moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); }
#variants2 li a:link{-moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); border:none; outline:none;}
#variants2 li a:hover{-moz-opacity: 1;  opacity:1; filter: alpha(opacity=100); border:none; outline:none;}
#variants2 li a:active{-moz-opacity: 1;  opacity:1; filter: alpha(opacity=100); border:none; outline:none;}

#variants3{width:556px; height:134px;}
#variants3 ul{width:556px; height:134px; margin:0; padding:0; list-style:none;}
#variants3 li{width:110px; height:134px; margin:0; padding:0; list-style:none; background:url(../images/var.jpg) no-repeat right; color:#FFFFFF; text-align:center; float:left; display:inline; }
#variants3 li .p_bg{width:110px; margin:0; padding:0; font-family:Tahoma; text-align:center; background:url(../images/varbg.png) no-repeat center; height:18px; line-height:16px; font-size:11px; color:#FFFFFF; -moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); }
#variants3 li a:link{-moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); border:none; outline:none;}
#variants3 li a:hover{-moz-opacity: 1;  opacity:1; filter: alpha(opacity=100); border:none; outline:none;}
#variants3 li a:active{-moz-opacity: 1;  opacity:1; filter: alpha(opacity=100); border:none; outline:none;}


#variants4{width:556px; height:134px;}
#variants4 ul{width:556px; height:134px; margin:0; padding:0; list-style:none;}
#variants4 li{width:110px; height:134px; margin:0; padding:0; list-style:none; background:url(../images/var.jpg) no-repeat right; color:#FFFFFF; text-align:center; float:left; display:inline; }
#variants4 li .p_bg{width:110px; margin:0; padding:0; font-family:Tahoma; text-align:center; background:url(../images/varbg.png) no-repeat center; height:18px; line-height:16px; font-size:11px; color:#FFFFFF; -moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); }
#variants4 li a:link{-moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); border:none; outline:none;}
#variants4 li a:hover{-moz-opacity: 1;  opacity:1; filter: alpha(opacity=100); border:none; outline:none;}
#variants4 li a:active{-moz-opacity: 1;  opacity:1; filter: alpha(opacity=100); border:none; outline:none;}



.cocktail-menu ul{width:auto; margin:0 0 0 -30px;}
.cocktail-menu ul li:first-child{
	border-top:4px solid #fcfcfc}
		
.cocktail-menu ul li{position:relative;border:1px solid #b6b6b6;border-top-color:#fff;padding:7px 20px;cursor:pointer; list-style-type:none;background:#DCDCDC; color:#6C3434; }

.cocktail-menu ul li:hover{color:#D86D12; }


@media screen and (max-width: 768px) {
	#navigation1 {
	font-family:tahoma;
	font-size:11px;
     /*position: absolute;
    top : auto;left : 220px;*/
	/*margin-bottom:50px;*/
    z-index : 90;
	width:996px;
	height:45px;
	
	padding-left:14px;
	margin:0 auto; display:none;
	
	
}

	
	
	}
	
	body,
html {
  height: 100% ;
  /* correct bug for chrome display on codepen ? */
}
/* colors mixins and all the good stuff */
nav {
  display: block;
}
.right {
  float: right;
  margin-left: 1em;
}
/* icons */
@font-face {
  font-family: 'icomoon';
  src: url('https://dl.dropbox.com/u/26865764/icomoon.eot');
  src: url('https://dl.dropbox.com/u/26865764/icomoon.eot?#iefix') format('embedded-opentype'), url('https://dl.dropbox.com/u/26865764/icomoon.dev.svg#icomoon') format('svg'), url('https://dl.dropbox.com/u/26865764/icomoon.woff') format('woff'), url('https://dl.dropbox.com/u/26865764/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.ico-heart:before,
.ico-letter:before,
.ico-file:before,
.ico-real:before,
.ico-pen:before,
.ico-user:before,
.ico-rocket:before,
.ico-arrow-right:before,
.ico-arrow-left:before,
.ico-arrow-left-2:before,
.ico-arrow-right-2:before,
.ico-caret-down:before,
.ico-caret-up:before,
.ico-caret-left:before,
.ico-caret-right:before,
.ico-facebook:before,
.ico-twitter:before,
.ico-google-plus:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.ico-caret-down:before {
  content: "\f0d7";
}
.ico-caret-up:before {
  content: "\f0d8";
}
/* ----------------------------- */
/* == Menu */
/* ----------------------------- */
.menu-wrapper {
  position: relative;
  z-index: 10;
  font-family: 'Economica', sans-serif;
  font-size: 14px;
 
  padding-top: 2px;
  padding-bottom: 2px;
   display:none;
  /* the hidden link for RWD nav */
  /* the rest of the menu lvl 1 */
  /* current links */
  /* submenu ! */
  /* unhide the 2nd level */ 
}
.menu-wrapper .menu {
  margin: 0;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.menu-wrapper .menu > li {
  position: relative;
  padding: 0.7em  0;
  display: inline-block;
}
.menu-wrapper ul.menu,
.menu-wrapper a.menu-link {
  border-top: 1px dashed #dd4949;
 
}
.menu-wrapper a.menu-link {
  display: none;
  padding: 0.1em  0;
  background: #680605;
}
.menu-wrapper a {
  display: block;
  position: relative;
  padding: 0 0.5em;
  margin: 0 0.2em;
  line-height: 1.3em;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.menu-wrapper a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  transition: all 0.5s;
}
.menu-wrapper .menu > .current-menu-item > a,
.menu-wrapper .menu > .current-menu-ancestor > a {
  position: relative;
  z-index: 12;
  background: #f5d4d4;
  color: #b92120;
  border-bottom: 1px solid transparent;
}
.menu-wrapper .menu > .current-menu-item > a:hover,
.menu-wrapper .menu > .current-menu-ancestor > a:hover {
  background: #fffdfd;
}
.menu-wrapper .menu > .current-menu-item > a:hover:after,
.menu-wrapper .menu > .current-menu-ancestor > a:hover:after {
  border-top-color: #fffdfd;
}
.menu-wrapper .menu > .current-menu-item > a:after,
.menu-wrapper .menu > .current-menu-ancestor > a:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #f5d4d4;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.menu-wrapper li + li a:before {
  content: "*";
  position: absolute;
  left: -0.5em;
  top: 0.2em;
  color: #ffffff;
  opacity: 0.8;
  font-family: Arial, Verdana, sans-serif;
}
.menu-wrapper .sub-menu {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 18px 0 0 -0.7em;
  padding: 3px 0 0 0;
  position: absolute;
  max-height: 0em;
  overflow: hidden;
  list-style: none outside none;
  text-align: left;
  text-transform: none;
}
.menu-wrapper .sub-menu li {
  display: block;
  background: #9b1c1b;
  margin-left: 0.7em;
  margin-right: 0.7em;
}
.menu-wrapper .sub-menu a {
  margin: 0;
  white-space: nowrap;
  line-height: 1.8em;
  border: none;
}
.menu-wrapper .sub-menu a:hover {
  background: #781515;
}
.menu-wrapper .sub-menu li:last-child {
  padding-bottom: 0.26em;
}
.menu-wrapper .sub-menu li:last-child a {
  border-bottom: 1px dashed #dd4949;
}
.menu-wrapper li:hover .sub-menu {
  max-height: 30em;
  transition: max-height 0.5s;
}
/* Responsive Menu */
@media screen and (max-width: 768px) {
  .js .menu-wrapper nav[role=navigation] {
    overflow: hidden;
    max-height: 0em; display:block;
  }
  .js .menu-wrapper nav[role=navigation].active {
    max-height: 30em;
    transition: max-height 0.5s ease-out;
  }
  .menu-wrapper {
    /* unhide the 2nd level */
    /* styling the toggle menu */
    /* arrow to indicate that we have subnav*/
  }
  .menu-wrapper a.menu-link {
    display: block;
    width: auto;
    padding-right: 15px;
    padding-left: 10px;
    border: none;
    margin: 0; font-size:16px;
  }
  .menu-wrapper a.menu-link:hover {
    background: #9b1c1b;
  }
  .menu-wrapper a.menu-link.active .ico-caret-down:before {
    content: "\f0d8";
  }
  .menu-wrapper .menu .menu {
    padding-bottom: 5px;
  }
  .menu-wrapper .menu li {
    display: block;
    border: 1px solid pink;
    border: none;
  }
  .menu-wrapper .menu > li {
    padding: 0px;
    border: none;
  }
  .menu-wrapper .menu > li + li {
   
  }
  .menu-wrapper .menu a {
    padding: 0.5em 0;
    margin: 0px;
    border-bottom:1px solid #890505;
  }
  .menu-wrapper .menu a:hover {
    background: #9b1c1b;
  }
  .menu-wrapper .menu .rightalign {
    float: none;
  }
  .menu-wrapper li + li a:before {
    content: "";
  }
  .menu-wrapper li:hover .sub-menu {
    max-height: 0em;
    transition: none;
  }
  .menu-wrapper .sub-menu {
    background: none;
    margin-left: 0px;
    margin-top: 1px;
    display: block;
    width: 100%;
  }
  .menu-wrapper .sub-menu li,
  .menu-wrapper .sub-menu li a {
    margin: 0;
    display: block;
    width: 100%;
  }
  .menu-wrapper .sub-menu a {
    padding-left: 0.8em;
  }
  .menu-wrapper .sub-menu a:hover {
    background: #781515;
  }
  .menu-wrapper .sub-menu li {
    border-bottom: 1px dashed #dd4949;
  }
  .menu-wrapper .sub-menu li:last-child {
    padding: 0;
  }
  .menu-wrapper .sub-menu li:last-child a {
    border: none;
  }
  .menu-wrapper .menu .has-subnav {
    position: relative;
  }
  .menu-wrapper li .sub-menu.active {
    max-height: 30em;
    overflow: visible;
    position: relative;
    z-index: 9;
    transition: max-height 0.5s ease-out;
  }
  .menu-wrapper .toggle-link {
    height: 67px;
    width: 60px;
    display: block;
    position: absolute;
    right: 0px;
    z-index: 200;
    font-size: 0em;
    cursor: pointer;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
  }
  .menu-wrapper .toggle-link:hover {
    transition: all 0.2s;
    background: #cf2524;
  }
  .menu-wrapper .menu .has-subnav > .toggle-link:after {
    content: "\f0d7";
    position: absolute;
    width: 50px;
    top: 50%;
    margin-top: -15px;
    bottom: 50%;
    right: 4px;
    font-size: 28px;
    color: #fff;
  }
  .menu-wrapper .menu .has-subnav > .toggle-link.active:after {
    content: "\f0d8";
    margin-top: -18px;
  }
}
.content {
  max-width: 950px;
  min-height: 500px;
  margin: 30px auto;
}
@media screen and (max-width: 768px) {

.menu-wrapper {
  position: relative;
  z-index: 10;
  
  font-size: 14px;
 
  padding-top: 2px;
  padding-bottom: 2px;
  
  /* the hidden link for RWD nav */
  /* the rest of the menu lvl 1 */
  /* current links */
  /* submenu ! */
  /* unhide the 2nd level */ display:block;
}
}