@media only screen and (max-width: 1219px) {
.logo img {
 width: 95%;
 max-width:205px;
}

}


	@media only screen and (max-width: 1219px) {
.topmenuico {

width: 54px;
min-width:27px;
height:auto;
margin-right:4px;
  transition: all 0.4s;
vertical-align:middle;
	}
}



.fpmainmenu {
    margin:0px auto;
    border:0px outset #66f;
    padding-top:50px;
    width: 1220px;
    display: inline-table;
    height:284px;
    overflow:hidden;
    background:#662D91;
    text-align:justify;
    font-weight:bold;
    font-size:28px;
    text-align: center;
    list-style-type: none;
}

@media only screen and (max-width: 1219px) {

   .fpmainmenu { 
    z-index:9999;
    position:relative;
    margin:0px 0px;
    border:0px;
    padding-top:20px;
      max-width: 832px;
    height:64px;
    overflow:hidden;
    background:#662D91;
    text-align:left;
    font-weight:bold;
    list-style-type: none;
   }
   .fpmainmenu li{
    z-index:9999;
    width:100%;
    display:inline;
    padding:24px 60px !important;
    font-size:43px;
    text-align: left;
    vertical-align: top !important;
    min-height:74px;
   }
    ul.fpmainmenu li:not(:nth-last-child(1)) {
    border-right:0px;
    border-offset:0px;  
   }
    ul.fpmainmenu li:last-of-type {
    border:none;
   }
   .fpmainmenu li a{
    display:inline;
    color:#f1f1f1;
    vertical-align:top;
    padding:12px 0px !important;
    text-decoration:none;
   }
   .fpmainmenu a{    
    line-height:56px !important;
   }
}


.fpmainmenu li {
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top !important;
    min-height:234px;
    padding:10px 30px;
    line-height:16px;
}
ul.fpmainmenu li:not(:nth-last-child(1)) {
  border-right:1px solid #8551C9;
    border-offset:-10px;  
}

ul.fpmainmenu li:last-of-type {
 border:none;
}


.fpmainmenu li a {
    display:inline-block;
    color:#f1f1f1;
    vertical-align:top;
    padding:10px 10px;
    text-decoration:none;
    line-height:27px;
}
.fpmainmenu li a:hover {
    border:0px;
    color:#FFB450;
    background:#481377;
}











.fpmainmenu2 {
    margin:0px auto;
    border:0px outset #66f;
    padding-top:50px;
    width: 1220px;
    display: inline-table;
    height:74px;
    overflow:hidden;
    background:#8F1DA8;
    text-align:justify;
    font-weight:bold;
    font-size:28px;
    text-align: center;
    list-style-type: none;
}

@media only screen and (max-width: 1219px) {

   .fpmainmenu2 { 
    z-index:9999;
    position:relative;
    margin:0px 0px;
    border:0px;
    padding-top:20px;
      max-width: 832px;
    height:174px;
    overflow:hidden;
    background:#8F1DA8;
    text-align:left;
    font-weight:bold;
    list-style-type: none;
   }
   .fpmainmenu2 li{
    z-index:9999;
    width:100%;
	font-size:43px;
    display:inline;
    padding:24px 60px !important;
    text-align: left;
    vertical-align: top !important;
    min-height:164px;
   }
    ul.fpmainmenu2 li:not(:nth-last-child(1)) {
    border-right:0px;
    border-offset:0px;  
   }
    ul.fpmainmenu2 li:last-of-type {
    border:none;
   }
   .fpmainmenu2 li a{
    display:inline;
    color:#f1f1f1;
    vertical-align:top;
    padding:12px 0px !important;
    text-decoration:none;
   }
   .fpmainmenu2 a{    
    line-height:36px !important;
   }
    .fpmainmenu2_title {
	font-size:43px;
	margin-top:20px;
	padding-bottom:35px;
   }
}


.fpmainmenu2 li {
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top !important;
    min-height:73px;
    padding:10px 21px;
    line-height:16px;
}
.fpmainmenu2 li:not(:last-child)  {
  border-right:1px solid #8551C9;
    border-offset:-10px;  
}

.fpmainmenu2 li a {
    display:inline-block;
    vertical-align:top;
    color:#f1f1f1;
    vertical-align:top;
    padding:10px 10px;
    text-decoration:none;
    line-height:25px;
}
.fpmainmenu2 li a:hover {
    border:0px;
    color:#FFB450;
    background:#481377;
}










#toggle{
  width:33px;
  height:16px;
  margin:6px auto;
}

#toggle div{
  width:100%;
  height:7px;
  background:#B77D2B;
  margin: 5px auto;
  transition: all 0.2s;
  backface-visiblity: hidden;
}
#toggle.on .one {
  transform: rotate(45deg) translate(10px, 12px);
}
#toggle.on .two {
  opacity: 0;
}
#toggle.on .three {
  transform: rotate(-45deg) translate(5px, -7px);
}


#togglemenu {
    display:none;
}