@font-face { font-family: 'fontello'; src: url("../fonts/fontello.eot"); src: url("../fonts/fontello.eot#iefix") format("embedded-opentype"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.ttf") format("truetype"), url("../fonts/fontello.svg#fontello") format("svg"); font-weight: normal; font-style: normal; }
 
#block-panels-mini-header-links li.menu-item-1817 a { height: 22px; width: 22px; display: block; font-size: 0; position: relative; }
#block-panels-mini-header-links li.menu-item-1817 a:after { content: '\e800'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: #0064a4; position: absolute; top: 0; left: 0; z-index: 3; }
#block-panels-mini-header-links li.menu-item-1817 a:hover:after { color: #003464; }
#block-panels-mini-header-links li.menu-item-1817 a:before { content: '\e804'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: white; position: absolute; top: 0; left: 0; z-index: 1; }
#block-panels-mini-header-links li.menu-item-1819 a { height: 22px; width: 22px; display: block; font-size: 0; position: relative; }
#block-panels-mini-header-links li.menu-item-1819 a:after { content: '\e802'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: #0064a4; position: absolute; top: 0; left: 0; z-index: 3; }
#block-panels-mini-header-links li.menu-item-1819 a:hover:after { color: #003464; }
#block-panels-mini-header-links li.menu-item-1819 a:before { content: '\e804'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: white; position: absolute; top: 0; left: 0; z-index: 1; }
#block-panels-mini-header-links li.menu-item-1820 a { height: 22px; width: 22px; display: block; font-size: 0; position: relative; }
#block-panels-mini-header-links li.menu-item-1820 a:after { content: '\e803'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: #0064a4; position: absolute; top: 0; left: 0; z-index: 3; }
#block-panels-mini-header-links li.menu-item-1820 a:hover:after { color: #003464; }
#block-panels-mini-header-links li.menu-item-1820 a:before { content: '\e804'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: white; position: absolute; top: 0; left: 0; z-index: 1; }
#block-panels-mini-header-links li.menu-item-1816 a, #block-panels-mini-header-links li.menu-item-1979 a { height: 22px; width: 22px; display: block; font-size: 0; position: relative; }
#block-panels-mini-header-links li.menu-item-1816 a:after, #block-panels-mini-header-links li.menu-item-1979 a:after { content: '\e801'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: #0064a4; position: absolute; top: 0; left: 0; z-index: 3; }
#block-panels-mini-header-links li.menu-item-1816 a:hover:after, #block-panels-mini-header-links li.menu-item-1979 a:hover:after { color: #003464; }
#block-panels-mini-header-links li.menu-item-1816 a:before, #block-panels-mini-header-links li.menu-item-1979 a:before { content: '\e804'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: white; position: absolute; top: 0; left: 0; z-index: 1; }

/*---- Instagram icon for header - supposed to use fontello like above styles, but due to time, here it is --*/
#block-panels-mini-header-links li.menu-item-20231 a { background: url(images/instagram.svg) no-repeat 0 0; margin-top: 2px; margin-left: 1px; height: 24px; width: 24px; display: block; font-size: 0; position: relative; }
#block-panels-mini-header-links li.menu-item-20231 a:hover { background: url(images/instagram_hover.svg) no-repeat 0 0; }


.pane-menu-social-media-footer span.ext { display: none; }
.pane-menu-social-media-footer ul.menu { padding: 0; }
.pane-menu-social-media-footer ul.menu li.leaf { list-style-type: none; list-style-image: none; padding: 0; }
.pane-menu-social-media-footer ul.menu li.leaf a { position: relative; }
.pane-menu-social-media-footer ul.menu li.leaf a:hover { color: #0064a4; }
.pane-menu-social-media-footer li.menu-item-1823 a:after { content: '\e800'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: #0064a4; position: absolute; top: 0; left: 0; z-index: 3; }
.pane-menu-social-media-footer li.menu-item-1823 a:hover:after { color: #003464; }
.pane-menu-social-media-footer li.menu-item-1823 a:before { content: '\e804'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: white; position: absolute; top: 0; left: 0; z-index: 1; }
.pane-menu-social-media-footer li.menu-item-1825 a:after { content: '\e802'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: #0064a4; position: absolute; top: 0; left: 0; z-index: 3; }
.pane-menu-social-media-footer li.menu-item-1825 a:hover:after { color: #003464; }
.pane-menu-social-media-footer li.menu-item-1825 a:before { content: '\e804'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: white; position: absolute; top: 0; left: 0; z-index: 1; }
.pane-menu-social-media-footer li.menu-item-1822 a:after { content: '\e803'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: #0064a4; position: absolute; top: 0; left: 0; z-index: 3; }
.pane-menu-social-media-footer li.menu-item-1822 a:hover:after { color: #003464; }
.pane-menu-social-media-footer li.menu-item-1822 a:before { content: '\e804'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: white; position: absolute; top: 0; left: 0; z-index: 1; }
.pane-menu-social-media-footer li.menu-item-1824 a:after { content: '\e801'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: #0064a4; position: absolute; top: 0; left: 0; z-index: 3; }
.pane-menu-social-media-footer li.menu-item-1824 a:hover:after { color: #003464; }
.pane-menu-social-media-footer li.menu-item-1824 a:before { content: '\e804'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 24px; color: white; position: absolute; top: 0; left: 0; z-index: 1; }

/*---- Instagram icon for footer - supposed to use fontello like above styles, but due to time, here it is --*/

.pane-menu-social-media-footer li.menu-item-20236 {word-wrap: normal !important;}
.pane-menu-social-media-footer li.menu-item-20236 a { background: url(images/instagram.svg) no-repeat 0 0; margin-left: 0px; height: 24px; width: 24px; position: absolute; top: 0; left: 0; z-index: 3;  }
.pane-menu-social-media-footer li.menu-item-20236 a:hover { background: url(images/instagram_hover.svg) no-repeat 0 0; }
.pane-menu-social-media-footer li.menu-item-20236 a span {margin-left: 2px;}
@media only screen and (min-width: 601px) { .pane-menu-social-media-footer h2.pane-title { font-weight: normal; font-size: 12px; line-height: 1.15em; text-transform: uppercase; }
  .pane-menu-social-media-footer a { color: #000; top: 0px; text-transform: none; height: 22px; line-height: 24px; padding-left: 26px; margin: 10px 0 0 0; display: block; font-size: 12px; white-space: nowrap; }
  .pane-menu-social-media-footer a:hover { color: #003464; } }
@media only screen and (max-width: 600px) { .pane-menu-social-media-footer .block-title { display: none; }
  .pane-menu-social-media-footer li.leaf { width: 18.5%; display: inline-block; text-align: center; margin: 0; padding: 0; }
  .pane-menu-social-media-footer li.leaf a { height: 22px; width: 22px; display: block; font-size: 0; position: relative; font-color: transparent; font-size: 0; margin: 0 auto !important; padding: 0; width: 34px; height: 34px; }
  .pane-menu-social-media-footer li.menu-item-1823 a:before, .pane-menu-social-media-footer li.menu-item-1823 a:after { font-size: 34px; }
  .pane-menu-social-media-footer li.menu-item-1825 a:before, .pane-menu-social-media-footer li.menu-item-1825 a:after { font-size: 34px; }
  .pane-menu-social-media-footer li.menu-item-1822 a:before, .pane-menu-social-media-footer li.menu-item-1822 a:after { font-size: 34px; }
  .pane-menu-social-media-footer li.menu-item-1824 a:before, .pane-menu-social-media-footer li.menu-item-1824 a:after { font-size: 34px; }
  .pane-menu-social-media-footer li.menu-item-20236 a {top: 6px; padding-bottom: 45px !important;}

}