.flyOverlay {
background: #151d2d;
    opacity: 0.9;
    height: 100%;
    position: fixed;
    width: 100%;
}

#flyForm {
border:1px solid #FFFFFF;
background: #383d52 url("/images/popup-bg.png") no-repeat 0 bottom;
height:100px;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    width: 650px;
    max-width: 100%;
    max-height: 100%;
    overflow-y: hidden;
    z-index:9000;
    opacity:0;
}

#flyForm form {
  position: relative;
}

#flyForm input.input-text {
    border: 1px solid #fff;
    color: #152238;
    padding: 13px 17px;
    width: 100%;
	width: 300px;
    max-width: 100%;
}

#flyForm span {
    color: #fff;
    font-size: 36px;
    letter-spacing: 0.05em;
    line-height: 41px;
    margin: 0 25px 0 0;
    text-transform: uppercase;
}


#flyForm input {
    display: inline-block;
    vertical-align: top;
}

#flyForm input.input-submit {
    position: absolute;
    right: 0;
    background: #c01727 url("/images/arrow-send.png") no-repeat 22px 15px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 0.05em;
    padding: 14px 23px 14px 54px;
    text-align: left;
    text-transform: uppercase;
}

#flyUL {position:absolute; background:#FFFFFF; width:300px; z-index:9999; top:73px; left:188px;}
#flyUL div {padding:5px; font-size:12px; color:#000000; cursor:pointer;}
#flyUL div:hover {background:silver;}

#flyForm .links-list {background:#ffffff; margin-top:15px; padding:0 0 0 1px; width: 100%; color:#020200;}
#flyForm .links-list h3 {margin:0;  padding:20px; font-size: 25px;}
#flyForm .links-list .link {display:inline-block; vertical-align:middle; background:#f4f4f2; padding:10px; min-width: calc(50% - 1px); height:65px; margin:0 1px 1px 0; cursor:pointer;}
#flyForm .links-list .link .icon {border: 2px solid #000; font-size: 14px; font-weight: 900; text-align: center; width: 45px; height:45px; display:inline-block; vertical-align:middle; margin-right:5px; position:relative; line-height: 40px;}
#flyForm .links-list .link .icon img {position:absolute; top:0; left:0; right:0; bottom:0;}
#flyForm .links-list .link a {display:inline-block; vertical-align:middle; width:120px; text-decoration:none; font-size:13px;}
#flyForm .links-list .link:hover{background:#e41b2e;}
#flyForm .links-list .link:hover a {color:#FFFFFF;}
#flyForm .links-list .link:hover .icon {border: 2px solid #FFF; color:#FFFFFF;}
/*#flyForm .links-list .link:hover .icon img {filter: invert(100%);}*/

#flyForm .links-list .link .icon span {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 22px;
    height: 22px;
    overflow: hidden;
}

#flyForm .links-list .link .icon img {width: 22px;}

#flyForm .links-list .link:hover .icon img {top: -22px;}

@media only screen and (max-width:568px) {
  #flyForm { height: 560px !important; overflow-y: auto; }
}

@media only screen and (max-width:452px) {
  #flyForm { height: 670px !important; }
  #flyForm .links-list .link { width: 100%; }
}