/*
Theme Name: Executive Theme
Theme URI: http://themes.executivestudio.net
Description: Theme para blogs
Author: Angel
Author URI: http://executivestudio.net
Version: 1.0
Tags: two-columns, custom-background
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this ExecutiveStudio theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the ExecutiveStudio Proprietary Use License below.
*/

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* Begin Styles*/
* { margin: 0px; padding: 0px; vertical-align: baseline; }
body { margin:0px; padding:0px; font: 13px 'Droid Sans', sans-serif; color:#555; text-align:left; background:#F2F2F2; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
p { margin: 0 0 10px 0; }
a, .single-header h1, .single-content .more-link:hover { color:#1193AA; text-decoration:none; }
a:hover { color:#14A8C2; }
a img { border:none; }

/* Structure */
#wrapper { margin:15px auto; padding:0; width:980px; background:#fff;   }
.container  {  margin:15px 10px; width:960px; float:left; }
.site-content { margin:0 0 0 10px ; padding:0 17px 0 0; width:603px; border-right:1px solid #DDDDDD; float:left; }
.widget-area { margin:0 10px 0 0; width:300px; float:right; }
#site-end { margin:0; padding:0; width:100%; height:40px; line-height:40px; font-size:13px; color:#fff; font-weight:400; text-align:center; float:left; }

/*Header*/
#site-header { margin:0; padding:0; width:100%; height:100px; color:#fff; background-position:top left; background-repeat:no-repeat; overflow:hidden; float:left; }
#site-header a { color:#FFFFFF; }
.logo { margin:20px 20px 0 20px; float:left; } .logo:hover { opacity:0.8; }
.header-posts { margin:11px 15px 0 0; float:right; }
.hpost { margin:0; padding:0; width:265px; height:78px; font-size:12px; overflow:hidden; float:left; }
.hpost:first-child { margin-right:15px; }
.himage { margin:0 7px 0 0; padding:0; border:none; float:left; }
.himage img { width:70px; height:70px; border:4px solid #fff; }
.hpost h2 { margin:0 0 5px 0; padding:0; font-size:13px; }
.hpost h2 a { font-weight:700; } .hpost h2 a:hover { text-decoration:underline; }

/*Header Navigation*/
#site-nav { margin:0; width:100%; height:40px; float:left; }
.nav, .nav ul { margin: 0; padding: 0; list-style: none; line-height: 1; }
.nav { position:relative; margin:0 5px 0 5px; padding:0px; height:40px; list-style:none; float:left; }
.nav>li { display: block; float: left; position: relative; margin: 0; padding: 0; }
.nav>li>a { display: block; padding:14px 10px 13px 10px; font-weight:600; text-decoration: none; color: #fff; text-align: center; -webkit-transition: background .35s linear; -moz-transition: background .35s linear; -ms-transition: background .35s linear; -o-transition: background .35s linear; transition: background .35s linear;}
.nav li:nth-child(1):hover ~ .arrow, .nav .active:nth-child(1) ~ .arrow { left: 43px; }
.nav li:nth-child(2):hover ~ .arrow, .nav .active:nth-child(2) ~ .arrow { left: 134px; }
.nav li:nth-child(3):hover ~ .arrow, .nav .active:nth-child(3) ~ .arrow { left: 226px; }
.nav li:nth-child(4):hover ~ .arrow, .nav .active:nth-child(4) ~ .arrow { left: 318px; }
.nav li:nth-child(5):hover ~ .arrow, .nav .active:nth-child(5) ~ .arrow { left: 410px; }
.nav li:nth-child(6):hover ~ .arrow, .nav .active:nth-child(6) ~ .arrow { left: 502px; }
.nav li:nth-child(7):hover ~ .arrow, .nav .active:nth-child(7) ~ .arrow { left: 594px; }
.nav li:nth-child(8):hover ~ .arrow, .nav .active:nth-child(8) ~ .arrow { left: 686px; }
.nav ul { display: block; position: absolute; left: -9999px; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); z-index:10; }
.nav>li>ul { cursor: pointer; padding-top: 0px; z-index: 200; top: 40px; }
.nav>li:hover>ul { left: -1px; }
.nav ul ul { left: -9999px; top: 0px; z-index: 399; }
.nav ul>li:hover>ul { left: 210px; top: 0px; }
.nav ul li { position: relative; display: block; height: 0px; -webkit-transition: height .2s; -moz-transition: height .2s; -o-transition: height .2s; -ms-transition: height .2s; }
.nav li:hover>ul>li { height: 33px; }
.nav>li:hover>ul>li:first-child { height: 33px; }
.nav ul li a { display: block; width: 180px; padding: 10px 10px 9px 20px; color: #666; text-decoration: none; background: #dfdfdf; border-bottom:1px solid #cccccc; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.nav>li>ul>li:first-child>a::before { content: ""; display: block; position: absolute; width: 100%; height: 6px; background: transparent; top: -6px; left: 0; z-index: 9999; }
.nav ul li:hover>a, .nav ul li>a:hover { background: rgb(66,66,66); color: #DDDDDD; }

/*Top Block*/
.top-block { margin:0 10px 20px 10px; padding:0; width:940px; float:left; }
.top728 {margin:0; padding:0; width:728px; height:90px; background:#f6f6f6; float:left; }
.topsocial { margin:0; width:185px; border:1px solid #DDDDDD; float:right; }
.toplink { width:100%; height:29px; line-height:28px; font-size:12px; color:#777777; display:block; }
.toplink i { margin:0 4px 0 10px; font-size:17px; font-weight:bold; }
.cfb { color:#3B5998; } .ctw { color:#00ACEE; } .cgp { color:#D90000; }
.singleblock { margin:5px 0 25px 0; padding:0; width:100%; text-align:cente; float:left; }
.single336, .onehblock { margin:0 auto; padding:0; width:336px; height:280px; background:#f6f6f6; }
.double336, .oneheader { margin:10px 0 25px 0; padding:0; width:100%; float:left; }
.doubleleft {  margin:0 0 0 40px; padding:0; width:336px; height:280px; background:#f6f6f6; float:left; }
.doubleright {  margin:0 40px 0 0; padding:0; width:336px; height:280px; background:#f6f6f6; float:right; }
.positioned { position:fixed; bottom:5px; right:5px; }
.positioned2 { position:fixed; bottom:70px; right:5px; }


/*Gradients*/
.lightgray, .paginacion ul li a, #searchsubmit, .toplink, .more-link, .excerpt-more { background-color: #EEEEEE;
background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* IE10+ */
background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */ }

/* Theme colours */
#site-header { background:#16B3CE; }
#site-nav { background:#1193AA; }
.nav>li>a:hover, .nav>li:hover>a { background: #0F7D91; }
.footer-posts { background:#16B3CE; }
#site-end { background:#1193AA; }
.widget_categories ul li a:hover, .tagcloud a:hover { background:#1193AA; }

/* Featured Box*/
.featured-box { margin:0 10px 15px 10px; padding:0 0 15px 0; width:940px; border-bottom:6px solid #EEEEEE; float:left; }
.featured336 { margin:0; width:336px; height:280px; background:#f6f6f6; float:left; }
.featured-posts { margin:0 0 0 35px; padding:0; float:left; }
.fpost { margin:0 0 0 12px; padding:0; width:174px; height:280px; overflow:hidden; font-size:13px; color:#666; display:inline-block; vertical-align:top; }
.fpost h2 { font-size:17px; }

/*Content*/
.sticky { }
.gallery-caption { }
.bypostauthor { }

.breadcrumb { margin:0 0 25px 0; padding:0 2%; width:96%; height:34px; line-height:34px; background:#f6f6f6; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; float:left; }

/*Post*/
.Post { margin:0 0 25px 0; padding:0 0 10px 0; width:100%; border-bottom:1px solid #DDDDDD; float:left; }
.post-header { margin:0 0 10px 0; padding:0; width:100%; float:left; }
.post-title, .single-header h2 { margin:0; padding:0; font-size:22px; line-height:25px; }
.post-meta { margin:0; font-size:11px; color:#999999; font-style:italic; }
.post-meta a { color:#999999; }
/*Post excerpt*/
.post-excerpt { position:relative; margin:0px; padding:0; width:100%; float:left; }
.excerpt-image { margin:0 15px 0 0; width:200px; height:170px; float:left; }
.excerpt-right { margin:0; padding:0 0 40px 0; width:388px; font-size:14px; line-height:136%; color:#666666; float:right; }
.excerpt-end { position:absolute; bottom:0; right:0; width:388px; text-align:left; }
.excerpt-end ul { margin:4px 0 0 0; padding:0; height:21px; line-height:13px; list-style:none; float:left; }
.excerpt-end ul li { margin:0 10px 0 0; padding:0; float:left; }
.excerpt-more { margin:0; padding:6px 13px; font-size:14px; line-height:14px; color:#666666; border:1px solid #cccccc; box-shadow:inset 0 0 0 1px #fff; border-radius:4px; float:right; }

/*Single Post*/
.single-post { margin:0 0 15px 0; padding:0 0 10px 0; width:100%; float:left; }
.single-header { margin:0 0 15px 0; padding:0 0 10px 0; width:100%; border-bottom:5px solid #EEEEEE; float:left; }
.single-header h1 { margin:0 0 5px 0; padding:0; font-size:25px; line-height:115%; font-weight:400; }
.single-header h2 { margin:0 0 5px 0; padding:0; font-size:20px; line-height:100%; color:#999999; font-weight:400; }
.single-content { margin:0 0 10px 0; padding:0; width:100%; font-size:14px; color:#444444; line-height:138%; float:left; }
.single-content p { margin-bottom:15px; }
.single-content blockquote { padding:10px; font-size:13px; color:#666; background:#f6f6f6; border-radius:4px; }
.single-end { margin:0; padding:0; width:100%; float:left; }
.single-share { margin:0 0 5px 0; padding:0; width:100%; height:39px; background:#EEEEEE; float:left; }
.single-share ul { margin:9px 0 0 10px; padding:0; list-style:none; height:21px; line-height:13px; float:left; }
.single-share ul li { margin:0 10px 0; padding:0; float:left; }
.single-share ul li.share-tit { line-height:21px; font-size:14px; color:#333; }
.single-share ul li.single-twit { width:90px; }
.single-meta { margin:0 0 2px 0; padding:10px 10px; width:97%; background:#f9f9f9; color:#999; border-bottom:1px solid #dfdfdf; float:left; }
.single-meta a { color:#666; }
.sgtitle { margin:0 0 10px 0; padding:0; font-size:15px; font-weight:700; color:#878787; }
.single-content .more-link { margin:20px; float:right; padding:7px 10px; border-radius:4px; color:#666666; border:1px solid #ccc; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.8); }
body.single-post { margin-bottom:0 !important; }


/*Single Related Posts*/
#related_posts { margin:0 0 20px 0; padding:0; width:100%; float:left; }
#related_posts ul { margin:0px; padding:0; width:100%; list-style:none; float:left; }
#related_posts li { margin:0 0 10px 0; padding:0; width:50%; float:left; }
.related-post { margin:0 1% 0 1%; padding:0; width:98%; height:78px; font-size:12px; color:#666; overflow:hidden; float:left; }
.rel-image { margin:0 7px 0 0; padding:0; border:none; float:left; }
.rel-image img { width:70px; height:70px; border:4px solid #ccc; }
.related-post h2 { margin:0 0 5px 0; padding:0; font-size:13px; }
.related-post h2 a { font-weight:700; } .hpost h2 a:hover { text-decoration:underline; }

/*No content Messages */
.no-posts { }
.no-posts .headers { }
.no-posts p { }

/*Archive Header*/
.archive-header, .page-header { margin:0 0 15px 0; padding:0 0 10px 0; width:100%; border-bottom:5px solid #EEEEEE; float:left; }
.archive-header .home_title, .page-header h3 { margin:0; padding:0 10px; font-size:25px; line-height:100%; color:#666; }
/*Archive desc*/
.archive-desc { margin:0 0 15px 0; padding:10px; width:98%; color:#666; background:#f6f6f6; border-radius:4px; float:left; }

/*Sidebar Section*/
.widget {margin:0 0 20px 0; padding:0; width:100%; float:left; }
.side-title { margin:0 0 8px 0; padding:0; font-size:15px; color:#888888; font-weight:700; }
.widget ul { margin:0; padding:0; width:100%; list-style:none; float:left; }
.widget_categories ul li { margin:0px; padding:0px; display:inline-block; }
.widget_categories ul li a, .tagcloud a { margin:0 5px 5px 0; padding:6px 10px; color:#666; font-size:13px; line-height:13px; background:#EEEEEE; float:left; }
.widget_categories ul li a:hover, .tagcloud a:hover { color:#fff; }
.xoxo li { margin:0 0 4px 0; padding:5px 10px 6px 10px; border-bottom:1px dashed #dfdfdf;  }
.xoxo li a:hover { color:#666; }
.widget_recent_entries ul, .widget_recent_comments ul { padding:10px 0; background:#f6f6f6; border-bottom:2px solid #dfdfdf; border-radius:4px; }
.widget_recent_entries ul li, .widget_recent_comments ul li { margin:0 10px; padding:7px 6px; border-bottom:1px solid #eaeaea; }
.widget_recent_entries ul li a, .widget_recent_comments ul li a { color:#666; } .widget_recent_entries ul li a:hover, .widget_recent_comments ul li a:hover { color:#000; }
.widget_pages ul li, .widget_meta ul li, .widget_archive ul li { margin:0; padding:8px 10px; border-bottom:1px dashed #dfdfdf; }
.textwidget { margin:0px; padding:10px; font-size:13px; line-height:130%; color:#666;  background:#f6f6f6; border-bottom:2px solid #dfdfdf; border-radius:4px; }
.tagcloud a {  font-size:12px !important; display:inline-block; }

/*Serchform*/
#searchform { margin:0; padding:0; width:300px; height:32px; }
#s { margin:0px; padding:0 10px; width:200px; height:30px; background:#fff; border:1px solid #ccc; float:left; }
#searchsubmit { margin:0 0 0 10px; padding:0 10px; height:32px; border:1px solid #ccc; float:left; }

/* Widgets config*/
.side-ads { margin:0 0 20px 0; width:300px; height:250px; background:#f6f6f6; float:left; }
.side-post { margin:0 0 12px 0; width:100%; height:100px; overflow:hidden; float:left; }
.side-thumb { margin:0 15px 0 0; width:150px; height:100px; overflow:hidden; float:left; }
.side-post h2 { margin:0 0 5px 0; padding:0; font-size:15px; line-height:18px; font-weight:400; }

/*Footer posts*/
.footer-posts { margin:0 0 20px 0; padding:0; width:100%; color:#FFFFFF; height:126px; float:left; }
.footer-posts a { color:#fff; }
.footer-posts h3 { margin:5px 10px 13px 10px; font-size:11px; text-transform:uppercase; display:block;}
.fotpost { margin:0 0 0 40px; padding:0; width:261px; height:78px; font-size:12px; overflow:hidden; float:left; }
.fotimage { margin:0 7px 0 0; padding:0; border:none; float:left; }
.fotimage img { width:70px; height:70px; border:4px solid #fff; }
.fotpost h2 { margin:0 0 5px 0; padding:0; font-size:13px; }
.fotpost h2 a {  font-weight:700; } .hpost h2 a:hover { text-decoration:underline; }

/*Footer Section*/
#footer-links { margin:0; padding:0; display:inline; }
#footer-links a { color:#fff; }
#footer-links .ftnav { margin:0; padding:0; list-style:none; display:inline; }
#footer-links .ftnav li { margin:0 10px 0 0; padding:0; display:inline; }
#footer-links .ftnav li ul { display:none; }


/*Site Pagination*/
.paginacion { margin:0 0 15px 0; padding:0; width:100%; font-size:14px; line-height:14px; float:left; }
.paginacion ul { margin:0; padding:0; list-style:none; float:left; }
.paginacion ul li { margin:0; padding:0; float:left; }
.paginacion ul li a { margin:0 5px 0 0; padding:7px 10px; border:1px solid #ccc; box-shadow:0 0 0 1px #ffffff; border-radius:4px; float:left; }
.paginacion ul li a:hover { color:#444444; }
.paginacion ul li.current .currenttext { margin:0 5px 0 0; padding:7px 10px; border:1px solid #dfdfdf; color:#cccccc; box-shadow:0 0 0 1px #ffffff; background:#f6f6f6; border-radius:4px; float:left; }



/* Comments template*/
.commentlist .reply { margin:4px 0 5px 0; padding:0; clear:both; display:block; }
.commentlist .reply a { margin:0; padding:5px 7px; font-size:10px; color:#999; background:#dfdfdf; border-radius:3px;}
.commentlist .reply a:hover { color:#ccc; background:#eaeaea; }
.commentlist .vcard cite.fn { font-size:16px; color:#2693FF; font-weight:300;}
.commentlist .comment-meta { margin:7px 0 10px 0; font-size:10px; color:#999;} 
.commentlist .comment-meta a { color:#999;}
.commentlist .bypostauthor { background:#EEEEEE; border-radius:3px; padding:10px;}
.commentlist .bypostauthor .comment-author img { border-color:#ccc; }
.commentlist .comment-author { margin:0; padding:10px 0 0 0; width:100%;}
.commentlist .comment-author img { margin:-10px 10px 5px 0; padding:0; border-radius:50px; border:5px solid #eaeaea; float:left; }
.commentlist { margin:0; padding:0; width:100%; list-style:none; float:left;}
.commentlist li { margin:0 0 12px 0; padding:0; list-style:none; border-bottom:2px solid #ddd; }

/*Coment form*/
#respond {margin:0px; padding:10px 2%; width:96%; background:#F3F3F3; border-radius:4px; float:left; }
#respond h3#reply-title { font-family:'Open Sans', sans-serif; font-weight:300; font-size:22px; display:block;  }
#respond .comment-notes { font-size:10px; font-style:italic; color:#999; }
#respond form p { margin:0 0 10px 0; display:block; }
#respond form label { font-family:'Open Sans', sans-serif; font-weight:300; font-size:15px; display:block; }
#respond form input[type="text"] { padding:0 10px; width:50%; height:28px; background:#fff; border:1px solid #ccc; border-radius:4px; }
#respond form textarea { padding:10px; width:70%;  background:#fff; border:1px solid #ccc; border-radius:4px; }
#respond form input[type="text"]:focus, #respond form textarea:focus { border-color:#666; }
#respond form p.form-allowed-tags { display:none; }
#respond form #submit { margin:0px; padding:10px 15px;  font-size:15px; color:#fff; background:#666; border:none; border-radius:4px; }
#respond form #submit:hover { background:#444; }
.required { }

/*Wordpress Defaul Alignments*/
.entry-content img { margin: 0 0 1.5em 0; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.alignnone, img.alignnone { /* not sure about this one */ }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em;}
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }


@charset "UTF-8";

@font-face {
  font-family: 'fontello';
  src: url("font/fontello.eot?43552937");
  src: url("font/fontello.eot?43552937#iefix") format('embedded-opentype'), url("font/fontello.woff?43552937") format('woff'), url("font/fontello.ttf?43552937") format('truetype'), url("font/fontello.svg?43552937#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('font/fontello.svg?43552937#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
/* opacity .8 */
/* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-eye:before { content: '\e70a'; } /* '' */
.icon-tags:before { content: '\e70d'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* 'ï‚™' */
.icon-facebook:before { content: '\f09a'; } /* 'ï‚š' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-folder:before { content: '📁'; } /* '\1f4c1' */