.topRight{
position: relative;
}

.social{
display: inline-block;
vertical-align: middle;
}

.social>a{
display: inline-block;
vertical-align: middle;
background-color: #E4E4E4;
width: 48px;
height: 48px;
margin-right: 16px;
position: relative;
transition: all 0.5s ease-out 0s;
}

.social>a:hover{
background-color: #00A99D;
}

.social>a:after{
content: "";
background-position: 50% 50%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
top:0px;
left: 0px;
position: absolute;
transition: all 0.5s ease-out 0s;
filter: brightness(100%) invert(0%);
}

.social>a:hover:after{
filter: brightness(0%) invert(100%);
}

.social>a.ico_face_top:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAABHNCSVQICAgIfAhkiAAAAK9JREFUKFPtklENAjEMhr9NARKQcCgAlIAEFFx+ByABJ3AKuJOAAxyUNNmNZpDwxBtL9tD2a9f+a6I5khbAEdgAyxBepchK8uAN8IT2bFv4Cqw/gO56g60BJ+BR7r5WltSVFmZ+Kr6aH2Ef6BIqD5Lc94LdkXM2M+vM7BRiY875MNt93w9JUtvnx/kkpd/CKu/6h+xCD3fgPNvyPoLxXY0/HHcjqOE6V12BUVLdDeeerghe1KuP21AAAAAASUVORK5CYII=');
}

.social>a.ico_youtube_top:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAABHNCSVQICAgIfAhkiAAAAOxJREFUOE+dk4FNwzAQRd9NACN0A+gEwASwARkhnYDfCSgbdIMyQkagG8AG3eCqsxwJJGJfe1JkWfn/+eL7MQBJL8ArcBt74LGuveUbiAczm9z9Q9LJKvDQcyffT5KeAvoJPCdNGdk6oBPwsKA+uvvKzG4ytKopnXrDsAV2wOjuYxK+6UIlqQ4zhhgHxEBbtU1DZ4qkVQSmAb8KGnF7a8QuD5XUg80f04cC+9rZkExAgX4BdwuG+FviDi+pEqlWTi+BzdoCHYH3a9z/eH4iHVYzuHP3IRnupfOPwBDXWaC/S1KE/D7Z+anO5I/8DGgAX/Ch8BfOAAAAAElFTkSuQmCC');
}
.social>a.katalogMobile{
display: none;
}
.social>a.katalogMobile:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAbCAYAAAB4Kn/lAAAABHNCSVQICAgIfAhkiAAAAOJJREFUSEvt1rsNwkAMBuDfadIyAhswAjcCVLQgFskgRNBexQphhGzACLQ0HLKOR8i9w1Eg5apI9n2yHDsKwXVk3QCYO+M6cMJqK2w5NMLPDoyteM3CP7ZC7hYAzYx5VliDMPUuiMIZhIOZo1rCcT/B9daAYOKBtbOGFVqUhdA9zoU/UCw3l/fL+xbvoFzr51QMxXuoCQ9piwW1wym4A3XDMbgH9cM+PICGYRsegcbBXZyfy0LwnIZ2x/0R6t/kUeQTgcZXHCrPEo+vOBEnyLoCoBLvBdMZzo7qHv8Q5j+e7OcO4fWEZFl2M7QAAAAASUVORK5CYII=');
background-size: 19px auto;
}



.modSearchBttn {
    display: none;
}

#formSearch{
margin: 0px 0px 0px 0px;
text-align: right;
display: inline-block;
vertical-align: middle;
}

#formSearch .divSearch{
margin: 0px 0px 0px 0px;
display: inline-block;
height: 48px;
}
#formSearch .divSearch input{
width: 326px;
height: 48px;
background:none;
padding: 0px 0px 0px 10px;
font-size: 13px;
color: #151a1d;
line-height: 48px;
border: 1px solid #E4E4E4;
background-color: #FFFFFF;
box-sizing:border-box;
}
#formSearch .divInput{
margin: 0px 0px 0px 0px;
display: inline-block;
position: relative;
background: #00A99D url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAZZJREFUSEu9lWtRA0EQhL9WAFFAogBQACgACTgAFJAoAAmRQBQACogDggOiYKhO3aWOZW6PSgX2597Ndvc8ekRyImIMXAJXwAlwCHwCS+AJWEhaZbHlncqLiHgEbor7D+CouJtKmg2BbAEiwiyfG8ZrwEDzLtNG2TVwCxw0ii4kWV16ugCWfwy8OjW1oIbMS/P/UtJpFaCTlldJ50Oy2+8R0ZKaSZpmcWpkvwNOy7jGPKmX0+piO12TrPAGcD4fgF4WNUURYeb3wJ0k1+3bMYBzedbHYChdEeE2fnPtsvQawB1wIOlHyw493qlFeE4kjTIF/riSNPntg0kt/AYZyX0qWEty0f+/Bn/eRTY2z4GL7V7uHfueOXCsUzPKYjed0+nl6tgnAMOTnIy9g6oGVhijn0jZbzqrA2CZrYE5TZ5K+74BN6cZKu8J163bMb2ksn3g0W/tuDYa3gUmsXXVTHk6vY0Bepu1G81mZjNsN5r3xKYZSusuQXa2h660GsheAGpK9gbQC7KrwfXFFela7FVB0fJzN8UXcKPbUAgFgf0AAAAASUVORK5CYII=') 50% 50% no-repeat;
transition: all 0.5s ease-out 0s;
float: right;
width: 48px;
height: 48px;
border: 1px solid #00A99D;
box-sizing: border-box;
border-radius: 0px 4px 4px 0px;
overflow: hidden;
}
#formSearch .divInput:after{
content:"";	
margin: 0px 0px 0px 0px;
display: inline-block;
position: absolute;
background: #FFFFFF url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAdlJREFUSEu9lUFy00AQRV+Pq8QS5wTEJ8CcADgBZhMlO1zKHnMC4hNEB4jK3mGzSXyCJCdAN8DcwFlCldWpkWw5kkYSUIJZznTP/90z/7fgWl9mx8j2HTBCZAj0gQ2qMXCD9lacjdfO3NKmVIIWVyEiHwv7qj8QeVGKvcAPpm0gB4DrWZ9f21uwjPUBJCQx8wJTW5lJPoBOQJ6Dxni9t7wfb+qADgCLKEZ4CdzjmVFTEpbMz+Qui9cY//xVM8ChLff4wZu2svPzA6kpfnDhyhOysr+nbfF6x43MyzdkbV2n7UrMwPXwwiKaIFwCtSwaK1pGlvlnlE+cBmE5VlhGd8DrOgat7fo6G6LJt/TtHO0VllebtEQ/qH7Z1tt3ActIU534wZGrAkVZcxoMfve+SlwGgItkhxXoA/65VXxh/Yc3+Oe/KNcBGzwz+HMdWA3RxzNHrtzs5+z/covsq8aY20uDkvdZuezbDSz1otwYoY69vbroprmBYd0xRMyKk7GdAdnKRGXnxGQ3I3YH9aSq4krbtbfjRmVM8UxYcFWHdbvVm060ZIQwAh3uvN/OiBjlhmdmnj9o2bpLIH9vD0+LawDpBsCC1YB0B1AD0i1AGUR11T1ADrKdIxI/AoTu9jEKErLTAAAAAElFTkSuQmCC') 50% 50% no-repeat;
top:0px;
left:0px;
width: 100%;
height: 100%;
opacity:0;
transition: all 0.5s ease-out 0s;
box-sizing: border-box;
}
#formSearch .divInput:hover:after{
opacity:1;
transition: all 0.5s ease-out 0s;
}

#formSearch .divInput input{
width:50px;
height:50px;
border: none;
cursor: pointer;
background: none;
display: inline-block;
position: relative;
z-index: 50;
}

@media screen and (max-width:1400px){
.social > a{width: 40px;height: 40px}
#formSearch .divInput {width: 40px;height: 40px;background-size: 20px auto;}
#formSearch .divInput:after {background-size: 20px auto;}
#formSearch .divSearch {height: 40px}
#formSearch .divSearch input {height: 40px;width: 230px}
.div_top .top_page {padding: 10px 0px}
#formSearch .divInput input {width: 40px;height: 40px}
}

@media screen and (max-width:1200px) {
.social > a.katalogMobile {display: inline-block;}
}

@media screen and (max-width:1100px){
#formSearch .divInput {width: 40px;height: 40px;background-size:20px auto; }
#formSearch .divInput input{width: 40px;height: 40px;}	
#formSearch .divInput::after {width: 40px;height: 40px;background-size:20px auto;}
#formSearch .divSearch input {height: 40px;}
#formSearch .divSearch {height: 40px;}	
}
@media screen and (max-width:940px){
#formSearch {float: right;}	
}
@media screen and (max-width:1200px){
.modSearchBttn{display: inline-block;vertical-align: middle;width: 40px;height:40px;z-index: 50;
position: relative;
background: #00A99D url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAZZJREFUSEu9lWtRA0EQhL9WAFFAogBQACgACTgAFJAoAAmRQBQACogDggOiYKhO3aWOZW6PSgX2597Ndvc8ekRyImIMXAJXwAlwCHwCS+AJWEhaZbHlncqLiHgEbor7D+CouJtKmg2BbAEiwiyfG8ZrwEDzLtNG2TVwCxw0ii4kWV16ugCWfwy8OjW1oIbMS/P/UtJpFaCTlldJ50Oy2+8R0ZKaSZpmcWpkvwNOy7jGPKmX0+piO12TrPAGcD4fgF4WNUURYeb3wJ0k1+3bMYBzedbHYChdEeE2fnPtsvQawB1wIOlHyw493qlFeE4kjTIF/riSNPntg0kt/AYZyX0qWEty0f+/Bn/eRTY2z4GL7V7uHfueOXCsUzPKYjed0+nl6tgnAMOTnIy9g6oGVhijn0jZbzqrA2CZrYE5TZ5K+74BN6cZKu8J163bMb2ksn3g0W/tuDYa3gUmsXXVTHk6vY0Bepu1G81mZjNsN5r3xKYZSusuQXa2h660GsheAGpK9gbQC7KrwfXFFela7FVB0fJzN8UXcKPbUAgFgf0AAAAASUVORK5CYII=') 50% 50% no-repeat;
transition: all 0.5s ease-out 0s;
background-size:20px auto;
box-sizing: border-box;
}
#formSearch{z-index: 20;position: absolute;padding: 5px;background-color: #FFFFFF;display: block;left:0px;width: 200px;border: 1px solid #d4d3cd;border-top: none;top:41px;display: none;box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);}
#formSearch .divSearch input {width: 160px;}	
}

@media screen and (max-width:465px){
.social > a.katalogMobile {display: none}
#formSearch {left: -57px;}
}

@media screen and (max-width:400px){
.social {display: none}
#formSearch {left: -147px;}
}