/* ------------------ HEADER HERE -------------------*/
header										{position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 10000000; background: #ffffff;}
#logo										{position: relative; z-index: 10; display: block; width: 149px; margin: 0 auto; top: 10px;}
.logowrap                                   {position: absolute; top: 0; left: 50%; width: 150px; margin: 0 0 0 -75px; z-index: 1000000;}
.logowrap::before                           {content: ""; position: absolute; width: 149px; left: 0; bottom: -10px; background: url(../images/logoback.png) scroll no-repeat 0 0; height: 82px;}
.language                                   {position: absolute; top: 13px; right: 65px;}
.language a                                 {text-decoration: underline;}

.side-icon                                  {position: fixed; top: 0; left: 0; width: 50px; height: 100vh; text-align: center;}
.side-icon2                                 {left: auto; right: 0; -webkit-transition: all 0.2s ease-in;  -khtml-transition: all 0.2s ease-in;  -moz-transition: all 0.2s ease-in;  -ms-transition: all 0.2s ease-in;  -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;

}
.side-icon1 li                        {width: 100%; height: 33%;}

.side-icon1 ul                              {height: 100%;}
.side-icon1 li                              {position: relative; -webkit-transition: all 0.2s ease-in;  -khtml-transition: all 0.2s ease-in;  -moz-transition: all 0.2s ease-in;  -ms-transition: all 0.2s ease-in;  -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; height: 33%;}
.side-icon1 li.ins{
    background: -webkit-linear-gradient(#465af2,#ff0073,#ffe100);
    background: -o-linear-gradient(#465af2,#ff0073,#ffe100); 
    background: -moz-linear-gradient(#465af2,#ff0073,#ffe100);
    background: linear-gradient(#465af2,#ff0073,#ffe100);
}/*KRPAN:DODANO*/
.gradient-hide{
    width: 100%;
    height: 100%;
    background-color: white;
    color: inherit;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.side-icon1 li a                            {position: absolute; top: 0%; left: 0; width: 100%;height:100%}
.side-icon1 li a .fa{
    position:absolute; 
    top:50%;
    left: 0;
    right: 0;
}/*KRPAN_DODANO*/
.side-icon1 li.ins img 		{position:absolute; top:50%;margin:0 auto;left:0; right:0; }

.side-icon1 li img                     {margin: 0 auto;}
.side-icon1 li.fb a                      {color: #034ea2; }
.side-icon2 h6                              {color: #034ea2; position: absolute; top: 50%; left: 0; width: 100%; font-size: 16px; margin: -35px 0 0 0; cursor: pointer;}


.side-icon1 li.fb:hover                  {background: #034ea1;}
.side-icon1 li.fb:hover a                {color: #ffffff;}

.side-icon1 li.li a                      {color: #0072b1; }
.side-icon1 li.li:hover                  {background: #0072b1;}
.side-icon1 li.li:hover a                {color: #ffffff;}

.side-icon1 li.ins .wh                     {display: none;}
.side-icon1 li.ins:hover .wh               {display: block;}
.side-icon1 li.ins:hover .woh              {display: none;}

/*.side-icon1 li.ins:hover                   {background: url(../images/gradient1.png) scroll no-repeat center center; background-size: cover;}*//*KRPAN_COMMENT_OUT*/
.gradient-hide:hover{
    background-color: transparent;
}/*KRPAN_DODANO*/

 .gradient-hide:hover .insta-gradient{
    color: white;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}/*KRPAN_DODANO*/

.side-icon2::before               {content: ""; position: absolute; top: 0; left: -20px; width: 20px; height: 100%; background: #ffffff; opacity: 0;
}

.side-icon2:hover::before  {opacity: 1;}



.search-wrap                                {position: fixed; top: 50px; left: 50px; width: 100%; height: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); background: #ffffff; z-index: 100000; display: none; min-height: 100vh;}
.search-wrap .search-cont { display: none;  }
.search-wrap.search-result .search-cont { display: block;  }

.search-wrap  .form-group                          {position: relative; max-width: 915px;  margin: 0 auto;}
.search-wrap  .form-group .form-control            {border: 2px solid #034ea2; width: 100%; box-sizing: border-box; background: none; box-shadow: none; height: 115px; padding: 0 170px 0 40px; box-shadow: none; border-radius: 90px; color: #ffffff; font-size: 30px; font-family: 'Montserrat'; font-weight: 300;}
.search-wrap  .form-group button                    {position: absolute; top: 0; right: 0; width: 100px; text-align: center; color: #034ea2; border: 0; box-shadow: none; border-radius: 40px; height: 115px; box-sizing: border-box;  color:#034ea2; font-size: 40px; background: none;}


.search-wrap  .form-group .form-control::-webkit-input-placeholder { color:#034ea2;}
.search-wrap  .form-group .form-control::-moz-placeholder { color:#034ea2;}
.search-wrap  .form-group .form-control:-ms-input-placeholder { color:#034ea2;}
.search-wrap  .form-group .form-control:-moz-placeholder { color:#034ea2;}

.search-wrap form                            {position: absolute; top: 50%; left: 0; width: 100%; margin: -110px 0 0 0;}


.side-icon2 h6 .w-open                      {display: none;}
.side-icon2 h6.opened .w-open               {display: block;}
.side-icon2 h6.opened .wo-open               {display: none;}







/* ------------------------- NAVIGATION HERE ---------------*/
#nav										{margin: 0 155px 0;}
#nav ul										{}
#nav ul li									{text-align: center; line-height: 50px;}
#nav ul li a								{color: #034ea2; display: block;}
#nav ul li a span							{ display: table-cell; vertical-align: middle; }
#nav ul li a:hover							{}

#nav ul li:hover a                          {background: #f6a623; color: #ffffff; position: relative; z-index: 1000;}
#nav ul li ul                               {width: 100%; position: absolute; top: 100%; left: 0; padding: 0 40px 40px; text-align: left; background: #f6a623; display: none; z-index: 100000;}
#nav ul li ul li                            {margin: 0; line-height: 14px; text-align: left;}
#nav ul li ul li a                          {padding: 0; border-bottom: 1px solid rgba(255,255,255,0.5); color: #ffffff; position: relative; display: table; min-height: 50px; width: 100%;}
#nav ul li ul li a:hover::after             {content: ""; background: #ffffff; height: 2px; bottom: 0; left: 0; width: 100%; position: absolute;}


#nav > ul > li:hover > ul                         {display: block; -webkit-box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5); box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5);}



#nav ul li.nav2:hover a                          {background: #90e322; color: #ffffff;}
#nav ul li.nav2 ul                               {background: #90e322;}

#nav ul li.nav3:hover a                          {background: #0087cc; color: #ffffff;}
#nav ul li.nav3 ul                               {background: #0087cc;}

#nav ul li.nav4:hover a                          {background: #034ea2; color: #ffffff;}
#nav ul li.nav4 ul                               {background: #034ea2;}

.language                                   {top: 0; line-height: 50px; width: 50px; text-align: center; right: 50px;}
.language ul                                {position: absolute; top: 100%; left: 0; width: 100%; display: none;}
.language ul li                             {}
.language ul li a                           {background: #ecece8; line-height: 50px; display: block; color: #7b7b7b; text-decoration: none;}

.language .active                           {display: block;}

.language:hover ul                          {display: block;}
.language:hover                             {background: #ecece8;}


#nav ul li.nav3 > ul                        {width: 1000px; left: -470px; padding: 70px 50px 90px 100px; box-sizing: border-box; -webkit-box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5); box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5); min-height: 450px; }
#nav ul li.nav3 .topc img                   {margin: 0 auto; max-height: 250px;}
#nav ul li.nav3 .topc .img                  {padding: 30px 0 0 0;}

#nav ul li.nav3 .bottomc                    {position: absolute; height: 80px; width: 787px; left: 50%; bottom: -40px; margin: 0 0 0 -395px; background: #ffffff; -webkit-box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5); box-shadow: 0px 18px 44px -5px rgba(0,0,0,0.5);}
#nav ul li.nav3 .bottomc .liin              {margin: 0 1px 0 0; width: calc((100% - 12px) / 5); width: -webkit-calc((100% - 12px) / 5); width: -moz-calc((100% - 12px) / 5); float: left; display: table; height: 80px; position: relative;}
#nav ul li.nav3 .bottomc .liin a            {display: table-cell; vertical-align: middle; padding: 0; border: 0;}
#nav ul li.nav3 .bottomc .liin a::after     {display: none !important;}
#nav ul li.nav3 .bottomc .liin:last-child   {margin: 0;}
#nav ul li.nav3 .bottomc .liin::after       {content: ""; background: #0087cc; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; opacity: 0.4;}
#nav ul li.nav3 .bottomc .liin:last-child::after {display: none;}
#nav ul li.nav3 .bottomc .liin img          {margin: 0 auto; max-width: 100px; max-height: 45px;}



#nav ul li.nav3:hover > ul .bottomc a       {background: #ffffff;}
#nav ul li.nav3:hover > ul .bottomc a:hover {background: #0087cc;}


#nav ul li.nav3 .bottomc .liin:last-child   {width: calc(((100% - 12px) / 5) + 8px); width: -webkit-calc(((100% - 12px) / 5) + 8px); width: -moz-calc(((100% - 12px) / 5) + 8px);}



#nav ul li.active > a::after                {background: #f6a623; height: 5px; content: ""; position: absolute; top: 0; left: 0; width: 100%;}
#nav ul li.nav2.active > a::after           {background: #90e322;}
#nav ul li.nav3.active > a::after           {background: #0087cc;}
#nav ul li.nav4.active > a::after           {background: #034ea2;}




#nav ul li.nav3 > ul .bottomc  {z-index: 10000000;}
#nav ul li.nav3 > ul .bottomc .active a {background: #0087cc;}


#nav-icon2 {display: none;}

.mobile-menu {display: none;    height: 0px;   overflow: hidden;}

.search-wrap {padding: 0 30px; box-sizing: border-box;}

#nav ul li .arrow {display: none;}



#nav ul li.nav3 > ul .topc .liin {display: none;}

#catalogue-dl {
    font-size: 10px;
    letter-spacing: 1px;
    position: absolute;
    top: -140px;
    left: -77px;
}

#catalogue-dl,
#catalogue-dl:hover {
    background: none !important;
    border-bottom: none !important;
}

#catalogue-dl:hover:after {
    content: '';
    background: none !important;
}

#catalogue-dl:hover i {
    background-color: white;
    color: rgb(0, 135, 204);
}

#catalogue-dl i {
    padding: 9px 20px;
    border: 1px solid white;
    border-radius: 30px;
    margin-right: 15px;
    font-size: 13px;
}
#catalogue-dl i:after {
    content: ' ';
    position: absolute;
    width: 10px;
    border-bottom: 1px solid white;
    right: -10px;
    top: 50%;
}

@media screen and (min-width: 1230px) and (max-width: 1319px) { 
   
 
     .container {width: auto;}
    
  
    
    
    
    
}





@media screen and (min-width: 1025px) and (max-width: 1229px) { 
   
 
     .container {width: auto;}
    
  
    
    
    
    
}




@media screen and (min-width: 992px) and (max-width: 1024px) { 
    
   
     .container {width: auto;}
    
    
    #nav ul li.nav3 > ul {width: 900px;}
    
    
    .search-wrap  .form-group {margin: 0 30px;}

    
    
    
    
    
    
    
    
    
    
    
    
    
  
    
    
}


@media screen and (min-width: 768px) and (max-width: 991px) { 
    
    
       /* Icon 1 */

#nav-icon2 {
  width: 26px;
  height: 25px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
     margin: 0;
}


/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #034ea2;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
    border-radius: 8px;
   
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 0;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 2px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
      top: 8px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 14px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
     left: 2px;
    top: 5px;
}

#nav-icon2.open span:nth-child(2) {
      left: calc(50% - 2px);
    top: 5px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
        left: 2px;
    top: 14px;
}

#nav-icon2.open span:nth-child(6) {
   left: calc(50% - 2px);
    top: 14px;
}



#nav-icon2 {display: block; position: absolute; top: 15px; right: 15px;}
.mobile-menu {display: block; position: absolute; top: 50px; right: 0; background: #ffffff; width: 280px; padding: 0; display: none; height: 100vh;}

    
    
    
    

    .top-header .language, .top-header #nav, .side-icon1  {display: none;}  
    
    body {border: 0;}
    
    .side-icon2 {position: absolute; height: auto; right: auto; left: 0; height: 50px;} 
    
    .side-icon2 h6 {    margin: -11px 0 0 0;}
    
    
    .logowrap {width: 100px; margin: 0 0 0 -50px;}
    
    .container {width: auto;}
    
    
    #logo {width: 100%;}
    
    
    #nav ul li {
    text-align: left;
    }
    
    
    #nav {margin: 0;  padding: 15px 40px 0;}
    
    
    #nav ul li a {border-bottom: 1px solid #b4b4b4; font-size: 16px;    padding: 16px 0 10px 9px; line-height: 18px; display: block;}
    
    
    
    .language {position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 30px 0 10px; line-height: 20px; text-align: left; width: auto; border-bottom: 1px solid #b4b4b4; margin: 0 40px 30px;}
    
    
    #nav .language {display: none;}
    
    
    .language a {font-size: 18px;}
    
    
    .language ul {
    position: absolute;
    top: 29px;
    left: 70px;
    width: 100%;
    display: block;
    width: 50px;
}
    
   
    #nav ul li a {border-bottom: 1px solid #b4b4b4; font-size: 16px;    padding: 16px 0 10px 9px; line-height: 18px; display: block;}
    
    
    
    .language {position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 30px 0 10px; line-height: 20px; text-align: left; width: auto; border-bottom: 1px solid #b4b4b4; margin: 0 40px 30px;}
    
    
    #nav .language {display: none;}
    
    
    .language a {font-size: 18px;}
    
    
    .language ul {
    position: absolute;
    top: 29px;
    left: 70px;
    width: 100%;
    display: block;
    width: 50px;
}
    
   
    .language ul li a {
    background: none;
    line-height: 20px;
    }
    
    
    
    .mobile-menu   .side-icon1 {position: static; display: block;     position: static;
    display: block;
    height: 50px;
    width: 100%;}
    
    
    .side-icon1 li, .side-icon1 li.first, .side-icon1 li.last {width: 50%; height: 80px; float: left;}
    
    
    #nav ul li ul {display: none;}
    
    #nav  .side-icon {display: none;}
    
    
    
    .side-icon1 li a {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    text-align: center;
            display: block;
    line-height: 80px;
    height: 80px;
        background: #f3f3ef;
}
    
    .side-icon1 li a:hover {
        background-color: #034ea1;
    }

    .side-icon1 li:last-child a:hover {
        background: -webkit-linear-gradient(#465af2,#ff0073,#ffe100);
    background: -o-linear-gradient(#465af2,#ff0073,#ffe100);
    background: -moz-linear-gradient(#465af2,#ff0073,#ffe100);
    background: linear-gradient(#465af2,#ff0073,#ffe100);
    }
    
    .side-icon1 li img {position: relative; top: 15px;}
    
    
    .logowrap::before {
    content: "";
    position: absolute;
    width: 120px;
    left: -11px;
    bottom: -27px;
    background: url(../images/logoback.png) scroll no-repeat 0 0;
    height: 82px;
    background-size: 100% 100%;
}
    
    
    
    .search-wrap {width: 100vh; height: 100vh; left: 0px;}
    
    
    
    .search-wrap  .form-group .form-control { padding: 0 40px; height: 80px; font-size: 16px; box-sizing: border-box;}
    
    
    .search-wrap  .form-group {margin: 0 25px;}
    
    
    
    .search-wrap {width: 100%;}
    
    
    .search-wrap  .form-group button {height: 80px;}
    
    
    
    #nav ul li {width: 100%;}
    
    #logo{
        top: 20px;
    }
    
     
    
    #nav ul li:hover ul {
    display: none;
} 

  
      #nav ul li ul {
          
          height: auto; position: relative; top: 100%; left: 0; box-sizing: border-box; width: 100%;
          padding: 10px;
		  z-index: 100000;
          
    }
    
    #nav ul li ul li a {font-size: 14px;}
    
    
    #nav ul li a {padding: 16px 30px 10px 9px; margin-bottom: 20px;}
    #nav ul li a:hover,#nav ul li a:active { color: inherit !important; font-weight: bolder; }
    
    #nav {
    margin: 0;
    padding: 15px 30px 0;
}
    
    
    #nav ul li .arrow {display: block; position: absolute; top: 7px; right: 5px; height: 30px; width: 30px; background: #034ea2 url(../images/arrow-mobile.png) scroll no-repeat center center; cursor: pointer; z-index: 10000;}
    
    
	#nav ul li {position: relative;}
    
    
	#nav ul li ul li .arrow {display: none;}
    
    
	
	.mobile-menu {overflow: auto;}
    
    
    
    #nav ul li:hover a                          {background: none; color: #034ea2; }
	#nav ul li ul                               {background: none;}

	#nav ul li.nav2:hover a                     {background: none; color: #034ea2;}
	#nav ul li.nav2 ul                          {background: none;}

	#nav ul li.nav3:hover a                     {background: none; color: #034ea2;}
	#nav ul li.nav3 ul                          {background: none;}

	#nav ul li.nav4:hover a                     {background: none; color: #034ea2;}
	#nav ul li.nav4 ul                          {background: none;}

    
	#nav ul li.openul a                          {background: #f6a623;}
	#nav ul li.openul ul                               {background: #f6a623;}

	#nav ul li.nav2.openul a                     {background: #90e322; color: #ffffff;}
	#nav ul li.nav2.openul ul                          {background: #90e322;}

	#nav ul li.nav3.openul a                     {background: #0087cc; color: #ffffff;}
	#nav ul li.nav3.openul ul                          {background: #0087cc;}

	#nav ul li.nav4.openul a                     {background: #034ea2; color: #ffffff;}
	#nav ul li.nav4.openul ul                          {background: #034ea2;}
    
    
	
	
	#nav ul li.nav3 > ul {left: auto; padding: 10px; width: 100%;}
	
	
	
	.openbody {overflow: hidden;}
	.openbody .wrapper {overflow: hidden; position: relative;}
	
	#nav > ul {overflow-y: auto; position: relative;}
	
	#nav {}
	
	.mobile-menu {height: 100vh;}
	
	.side-icon1 li a .fa {
 
    top: 40%;
}
	
	
	.side-icon1 li.ins img {    top: 38%;}
	
	
	
	#nav ul li.nav3 > ul .bottomc {display: none;}
	
	#nav ul li.nav3 > ul .topc .tab-menu {display: block !important;} 
	
	
	#nav ul li.nav3 > ul .topc .tab-menu .row {display: none;}
		#nav ul li.nav3 > ul .topc .tab-menu .row .row {display: block !important;}
	
	#nav ul li.nav3 .topc img {max-height: 40px;}
	
	
	

	
#nav ul li.nav3 > ul .topc .liin {display: block;}
	
	
	#logo{
        top: 20px;
    }
    
    
    
}

@media screen and (min-width: 0px) and (max-width: 767px) { 
    .contw .cont  h6 					{margin-top:0px}
    #nav ul li ul li a {
    padding: 8px 0;}
    /* Icon 1 */

#nav-icon2 {
  width: 26px;
  height: 25px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
     margin: 0;
}


/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #034ea2;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
    border-radius: 8px;
   
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 0;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 2px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
      top: 8px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 14px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
    left: 2px;
    top: 5px;
}

#nav-icon2.open span:nth-child(2) {
      left: calc(50% - 2px);
    top: 5px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
        left: 2px;
    top: 14px;
}

#nav-icon2.open span:nth-child(6) {
   left: calc(50% - 2px);
    top: 14px;
}



#nav-icon2 {display: block; position: absolute; top: 15px; right: 15px;}
.mobile-menu	 {display: block; position: absolute; top: 50px; right: 0; background: #ffffff; width: 280px; padding: 0; display: none;    height: auto;
    overflow: visible;}

    
    
    
    

    .top-header .language, .top-header #nav, .side-icon1  {display: none;}  
    
    body {border: 0;}
    
    .side-icon2 {position: absolute; height: auto; right: auto; left: 0; height: 50px;} 
    
    .side-icon2 h6 {    margin: -11px 0 0 0;}
    
    
    .logowrap {width: 100px; margin: 0 0 0 -50px;}
    
    .container {width: auto;}
    
    
    #logo {width: 100%;}
    
    
    #nav ul li {
    text-align: left;
    }
    
    
    #nav {margin: 0;  padding: 15px 40px 0;}
    
    
    #nav ul li a {border-bottom: 1px solid #b4b4b4; font-size: 16px;    padding: 16px 0 10px 9px; line-height: 18px; display: block;}
    
    
    
    .language {position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 30px 0 10px; line-height: 20px; text-align: left; width: auto; border-bottom: 1px solid #b4b4b4; margin: 0 40px 30px;}
    
    
    #nav .language {display: none;}
    
    
    .language a {font-size: 18px;}
    
    
    .language ul {
    position: absolute;
    top: 29px;
    left: 70px;
    width: 100%;
    display: block;
    width: 50px;
}
    
   
    .language ul li a {
    background: none;
    line-height: 20px;
    }
    
    
    
    .mobile-menu   .side-icon1 {position: static; display: block;     position: static;
    display: block;
    height: 50px;
    width: 100%;}
    
    
    .side-icon1 li, .side-icon1 li.first, .side-icon1 li.last {width: 50%; height: 80px; float: left;}
    
    
    #nav ul li ul {display: none;}
    
    #nav  .side-icon {display: none;}
    
    
    
    .side-icon1 li a {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    text-align: center;
            display: block;
    line-height: 80px;
    height: 80px;
        background: #f3f3ef;
}
    
    .side-icon1 li a:hover {
        background-color: #034ea1;
    }

    .side-icon1 li:last-child a:hover {
        background: -webkit-linear-gradient(#465af2,#ff0073,#ffe100);
    background: -o-linear-gradient(#465af2,#ff0073,#ffe100);
    background: -moz-linear-gradient(#465af2,#ff0073,#ffe100);
    background: linear-gradient(#465af2,#ff0073,#ffe100);
    }
    
    .side-icon1 li img {position: relative; top: 15px;}
    
    
    .logowrap::before {
    content: "";
    position: absolute;
    width: 120px;
    left: -11px;
    bottom: -27px;
    background: url(../images/logoback.png) scroll no-repeat 0 0;
    height: 82px;
    background-size: 100% 100%;
}
    
    
    
    .search-wrap {width: 100vh; height: 100vh; left: 0px;}
    
    
    
    .search-wrap  .form-group .form-control { padding: 0 10px; height: 80px; font-size: 16px; box-sizing: border-box;}
    
    
    .search-wrap  .form-group {margin: 0 15px;}
    
    
    
    .search-wrap {width: 100%;}
    
    
    .search-wrap  .form-group button {height: 80px;}
    
    
    #nav ul li:hover ul {
    display: none;
} 

  
      #nav ul li ul {
          
          height: auto; position: relative; top: 100%; left: 0; box-sizing: border-box; width: 100%;
          padding: 10px;
		  z-index: 100000;
          
    }
    
    #nav ul li ul li a {font-size: 14px;}
    
    
    #nav ul li a {padding: 16px 30px 10px 9px; margin-bottom: 20px;}
    #nav ul li a:hover,#nav ul li a:active { color: inherit !important; font-weight: bolder; }
    
    #nav {
    margin: 0;
    padding: 15px 30px 0;
}
    
    
    #nav ul li .arrow {display: block; position: absolute; top: 7px; right: 5px; height: 30px; width: 30px; background: #034ea2 url(../images/arrow-mobile.png) scroll no-repeat center center; cursor: pointer; z-index: 10000;}
    
    
	#nav ul li {position: relative;}
    
    
	#nav ul li ul li .arrow {display: none;}
    
    
	
	.mobile-menu {overflow: auto;}
    
    
    
    #nav ul li:hover a                          {background: none;}
	#nav ul li ul                               {background: none;}

	#nav ul li.nav2:hover a                     {background: none; color: none;}
	#nav ul li.nav2 ul                          {background: none;}

	#nav ul li.nav3:hover a                     {background: none; color: none;}
	#nav ul li.nav3 ul                          {background: none;}

	#nav ul li.nav4:hover a                     {background: none; color: none;}
	#nav ul li.nav4 ul                          {background: none;}

    
	#nav ul li.openul a                          {background: #f6a623;}
	#nav ul li.openul ul                               {background: #f6a623;}

	#nav ul li.nav2.openul a                     {background: #90e322; color: #ffffff;}
	#nav ul li.nav2.openul ul                          {background: #90e322;}

	#nav ul li.nav3.openul a                     {background: #0087cc; color: #ffffff;}
	#nav ul li.nav3.openul ul                          {background: #0087cc;}

	#nav ul li.nav4.openul a                     {background: #034ea2; color: #ffffff;}
	#nav ul li.nav4.openul ul                          {background: #034ea2;}

    #nav ul li.nav5 i { margin-right: 5px; }
	
	
	#nav ul li.nav3 > ul {left: auto; padding: 10px; width: 100%;}
	
	
	
	.openbody {overflow: hidden;}
	.openbody .wrapper {overflow: hidden; position: relative;}
	
	#nav > ul {overflow-y: auto; position: relative;}
	
	#nav {}
	
	.mobile-menu {height: 100vh;}
	
	.side-icon1 li a .fa {
 
    top: 40%;
}
	
	
	.side-icon1 li.ins img {    top: 38%;}
	
	
	
	#nav ul li.nav3 > ul .bottomc {display: none;}
	
	#nav ul li.nav3 > ul .topc .tab-menu {display: block !important;} 
	
	
	#nav ul li.nav3 > ul .topc .tab-menu .row {display: none;}
		#nav ul li.nav3 > ul .topc .tab-menu .row .row {display: block !important;}
	
	#nav ul li.nav3 .topc img {max-height: 40px;}
	
	
	

	
#nav ul li.nav3 > ul .topc .liin {display: block;}
	
	
	#logo{
        top: 20px;
    }
	
	
	
	
	
	
	
    
    
    
}