@font-face {

    font-family: 'tcode-es-icons';

    src:  url('../fonts/tcode-es-icons.eot?ep46np');

    src:  url('../fonts/tcode-es-icons.eot?ep46np#iefix') format('embedded-opentype'),

    url('../fonts/tcode-es-icons.ttf?ep46np') format('truetype'),

    url('../fonts/tcode-es-icons.woff?ep46np') format('woff'),

    url('../fonts/tcode-es-icons.svg?ep46np#tcode-es-icons') format('svg');

    font-weight: normal;

    font-style: normal;

}



[class^="tcode-ico-"], [class*=" tcode-ico-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'tcode-es-icons' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;



    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.tcode-ico-flickr:before {

    content: "\e90e";

}

.tcode-ico-tumblr:before {

    content: "\e90f";

}

.tcode-ico-behance:before {

    content: "\e904";

}

.tcode-ico-dribble:before {

    content: "\e905";

}

.tcode-ico-facebook:before {

    content: "\e906";

}

.tcode-ico-google:before,

.tcode-ico-googlep:before {

    content: "\e907";

}

.tcode-ico-instagram:before {

    content: "\e908";

}

.tcode-ico-linkedin:before {

    content: "\e909";

}

.tcode-ico-pinterest:before {

    content: "\e90a";

}

.tcode-ico-twitter:before {

    content: "\e90b";

}

.tcode-ico-vimeo:before {

    content: "\e90c";

}

.tcode-ico-youtube:before {

    content: "\e90d";

}

.tcode-ico-grot-filled-down:before {

    content: "\e900";

}

.tcode-ico-grot-filled-up:before {

    content: "\e903";

}

.tcode-ico-grot-down:before {

    content: "\e901";

}

.tcode-ico-grot-up:before {

    content: "\e902";

}



a.tcode-social-icon,

a.tcode-social-icon:hover,

a.tcode-social-icon:focus {

    color: #fff;

    text-decoration: none;

    outline: none;

}



a.tcode-social-icon {

    display: block;

    float: left;

    width: 32px;

    height: 32px;

    font-size: 24px;

    line-height: 32px;

    margin: 0 5px;

    padding: 0 3px;

    background-color: #000;

    border-radius: 50%;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-transition: background 500ms ease;

    -moz-transition: background 500ms ease;

    -ms-transition: background 500ms ease;

    -o-transition: background 500ms ease;

    transition: background 500ms ease;

}



#tcode-popup-container a.tcode-social-icon {

    margin: 0 3px;

}