.modSearch{
position: relative;
}
.boxRight{
display: inline-block;
margin-left: 14px;
}
.formSearch .divSearch{
width: 2px;
margin-right: 0px;
position: absolute;
padding: 0px;
box-sizing: border-box;
top: 106%;
right: 0px;
height: 0px;
overflow: hidden;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
transition: height 0.3s ease-out 0.5s,  width 0.3s ease-out 0s;
z-index: 20;
}
.isLoc .divSearch {
height: 55px;
width: 250px;
transition: height 0.5s ease-out 0s,  width 0.5s ease-out 0.5s;

}

.formSearch .divSearch input{
padding: 5px;
box-sizing: border-box;
font-size: 13px;
color: #737373;
width: 100%;
background-color: #FFFFFF;
height: 100%;
border: 1px solid #4A0C7B;
}
#formSearch .divInput{
width:20px;
height: 20px;
margin: 0px 0px 0px 0px;
}
#formSearch .divInput button{
width:20px;
height:20px;
cursor: pointer;
z-index: 2;
transition: all 0.5s ease-out 0s;
box-sizing: border-box;
border: none;
background-color: transparent;
outline: none;
}
#formSearch .divInput button:after{
content: "";
width:100%;
height: 100%;
position: absolute;
top:0px;
left: 0px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOS44MTYiIHZpZXdCb3g9IjAgMCAyMCAxOS44MTYiPg0KICA8cGF0aCBpZD0iUGF0aF8zMTEzNCIgZGF0YS1uYW1lPSJQYXRoIDMxMTM0IiBkPSJNNTUuMjc4LDI5MS4xNTIsNTEuMjI5LDI4Ny4xYTguNzMxLDguNzMxLDAsMSwwLTEuNDM3LDEuNDgxbDQuMDI3LDQuMDI3YTEuMDMxLDEuMDMxLDAsMCwwLDEuNDU5LTEuNDU5Wm0tMTcuNjM1LTkuMzM1YTYuNjU3LDYuNjU3LDAsMSwxLDYuNjU3LDYuNjU3QTYuNjY1LDYuNjY1LDAsMCwxLDM3LjY0MywyODEuODE3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1LjU4IC0yNzMuMDk3KSIgZmlsbD0iI2IyYTRkNSIvPg0KPC9zdmc+DQo=') 50% 50% no-repeat;
/*filter: brightness(0%) invert(100%);*/
transition: all 0.5s ease-out 0s;
}

#formSearch:hover .divInput button:after{
transform: scale(1.2);
}
#formSearch:hover .divInput button{
background-color: #FFFFFF;
}

.div_top_menu .social{

}
.div_top_menu .social a{
display: inline-block;
vertical-align: middle;
margin: 0px 14px;
background-repeat: no-repeat;
background-size: 100% auto;
transition: all 0.5s ease-out 0s;
}
.div_top_menu .social a:hover{
transform: scale(1.2);
}

.div_top_menu .social a.ico_face{
width: 15px;
height: 26px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4wMjUiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAxNC4wMjUgMjYiPg0KICA8ZyBpZD0iX3gzMF8xLl9GYWNlYm9vayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4LjQgLTEwLjEpIj4NCiAgICA8cGF0aCBpZD0iSWNvbl8xMV8iIGQ9Ik0zMi4zLDI0Ljc3NkgyOS4wODNjLS41MjEsMC0uNjgzLS4yLS42ODMtLjY4M1YyMC4xNTVjMC0uNTIxLjItLjY4My42ODMtLjY4M0gzMi4zVjE2LjYwOGE3LjIyOCw3LjIyOCwwLDAsMSwuODc5LTMuNjc3LDUuNCw1LjQsMCwwLDEsMi45LTIuNDA4LDcuMjQsNy4yNCwwLDAsMSwyLjUwNi0uNDIzaDMuMTg5Yy40NTYsMCwuNjUxLjIuNjUxLjY1MXYzLjcxYzAsLjQ1Ni0uMi42NTEtLjY1MS42NTEtLjg3OSwwLTEuNzU3LDAtMi42MzYuMDMzQTEuMTc1LDEuMTc1LDAsMCwwLDM3LjgsMTYuNDc4Yy0uMDMzLjk3NiwwLDEuOTIsMCwyLjkyOWgzLjc3NWMuNTIxLDAsLjcxNi4yLjcxNi43MTZWMjQuMDZjMCwuNTIxLS4xNjMuNjgzLS43MTYuNjgzSDM3LjhWMzUuMzUyYzAsLjU1My0uMTYzLjc0OC0uNzQ4Ljc0OEgzMi45ODhjLS40ODgsMC0uNjgzLS4yLS42ODMtLjY4M1YyNC43NzZaIiBmaWxsPSIjYjJhNGQ1Ii8+DQogIDwvZz4NCjwvc3ZnPg0K');
}
.div_top_menu .social a.ico_inst{
width: 26px;
height: 26px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4NCiAgPGcgaWQ9Imluc3RhZ3JhbS1za2V0Y2hlZF8xXyIgZGF0YS1uYW1lPSJpbnN0YWdyYW0tc2tldGNoZWQgKDEpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj4NCiAgICA8cGF0aCBpZD0iUGF0aF82IiBkYXRhLW5hbWU9IlBhdGggNiIgZD0iTTEzLDUuODM4QTcuMTU4LDcuMTU4LDAsMSwwLDIwLjE2MiwxMyw3LjE1Nyw3LjE1NywwLDAsMCwxMyw1LjgzOFptMCwxMS44QTQuNjQ2LDQuNjQ2LDAsMSwxLDE3LjY1LDEzLDQuNjQ0LDQuNjQ0LDAsMCwxLDEzLDE3LjY0MloiIGZpbGw9IiNiMmE0ZDUiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF83IiBkYXRhLW5hbWU9IlBhdGggNyIgZD0iTTE4LjM2LjA4MmMtMi4zOTItLjExMi04LjMxNy0uMTA2LTEwLjcxMSwwYTcuNzY5LDcuNzY5LDAsMCwwLTUuNDU2LDIuMUMtLjMwNyw0LjY4NS4wMTMsOC4wNTQuMDEzLDEzYzAsNS4wNTctLjI4Miw4LjM0OCwyLjE4MSwxMC44MUM0LjcsMjYuMzE1LDguMTIyLDI1Ljk4NiwxMywyNS45ODZjNS4wMDksMCw2LjczOCwwLDguNTA5LS42ODIsMi40MDgtLjkzNSw0LjIyNi0zLjA4Nyw0LjQtNi45NTQuMTEzLTIuMzkzLjEwNi04LjMxNywwLTEwLjcxMUMyNS43LDMuMDc1LDIzLjI1My4zMDgsMTguMzYuMDgyWm0zLjc4NiwyMi4wNjljLTEuNjM5LDEuNjM5LTMuOTEzLDEuNDkzLTkuMTc0LDEuNDkzLTUuNDE3LDAtNy41ODkuMDgtOS4xNzQtMS41MDlDMS45NzQsMjAuMzE5LDIuMywxNy40LDIuMywxMi45NzhjMC01Ljk4NS0uNjE0LTEwLjMsNS4zOTMtMTAuNiwxLjM4LS4wNDksMS43ODYtLjA2NSw1LjI2MS0uMDY1bC4wNDkuMDMyYzUuNzczLDAsMTAuMy0uNiwxMC41NzQsNS40LjA2MiwxLjM3LjA3NiwxLjc4Mi4wNzYsNS4yNTEsMCw1LjM1NC4xLDcuNTM5LTEuNTEsOS4xNTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjYjJhNGQ1Ii8+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xIiBkYXRhLW5hbWU9IkVsbGlwc2UgMSIgY3g9IjEuNDM5IiBjeT0iMS40MzkiIHI9IjEuNDM5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC41NzMgNC41NDkpIiBmaWxsPSIjYjJhNGQ1Ii8+DQogIDwvZz4NCjwvc3ZnPg0K');
}
.div_top_menu .social a.ico_youtube{
width: 34px;
height: 24px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy41NTEiIGhlaWdodD0iMjMuNDkyIiB2aWV3Qm94PSIwIDAgMzMuNTUxIDIzLjQ5MiI+DQogIDxnIGlkPSJ5b3V0dWJlXzhfIiBkYXRhLW5hbWU9InlvdXR1YmUgKDgpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjA1OCAxLjE0MSkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzMyOTU2IiBkYXRhLW5hbWU9IlBhdGggMzI5NTYiIGQ9Ik0zMi44NiwzLjY3NkE0LjIsNC4yLDAsMCwwLDI5LjkuNzE5QzI3LjI3NywwLDE2Ljc3NSwwLDE2Ljc3NSwwUzYuMjczLDAsMy42NDguNjkxQTQuMjg5LDQuMjg5LDAsMCwwLC42OTEsMy42NzYsNDQuMjk0LDQ0LjI5NCwwLDAsMCwwLDExLjc0NmE0NC4xMzEsNDQuMTMxLDAsMCwwLC42OTEsOC4wNyw0LjIsNC4yLDAsMCwwLDIuOTU3LDIuOTU3YzIuNjUzLjcxOSwxMy4xMjcuNzE5LDEzLjEyNy43MTlzMTAuNSwwLDEzLjEyNy0uNjkxYTQuMiw0LjIsMCwwLDAsMi45NTctMi45NTcsNDQuMyw0NC4zLDAsMCwwLC42OTEtOC4wNyw0Mi4wNDMsNDIuMDQzLDAsMCwwLS42OTEtOC4xWm0wLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjA1OCAtMS4xNDEpIiBmaWxsPSIjYjJhNGQ1Ii8+DQogICAgPHBhdGggaWQ9IlBhdGhfMzI5NTciIGRhdGEtbmFtZT0iUGF0aCAzMjk1NyIgZD0iTTIwNC45NjksMTEyLjU0NGw4LjczMy01LjAzLTguNzMzLTUuMDNabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5NC41OTYgLTk2LjkxKSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
}

@media screen and (max-width:1200px){
.boxRight{position: absolute;margin: 0px;right: 120px}
.div_top_menu .social {position: absolute;right: 150px}
}

@media screen and (max-width:660px){
.boxRight{position: absolute;margin: 0px;right: 80px}
.div_top_menu .social {position: absolute;right: 110px}
}
@media screen and (max-width:510px){

}

@media screen and (max-width:350px){
.div_top_menu .social a {margin: 0px 10px}
.div_top_menu .social a.ico_face {width: 12px}
.div_top_menu .social a.ico_inst {width: 23px}
.div_top_menu .social a.ico_youtube{width: 31px}
.boxRight{right: 70px}
.div_top_menu .social{right: 95px}
}