@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); @import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,400italic,300italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700); /* ==========================================================================
Typography
========================================================================== */
a:focus { outline:0; }
p { font-size:16px; line-height:29px; color:#000; padding-bottom:20px; }
h1 { font-size:60px; }
h2 { font-size:40px; font-weight:300; color:#000; }
h3 { font-size:24px; margin-bottom:20px; color:#000; }
h4 { font-size:18px; }
h5 { font-size:15px; color:#3D4351; text-transform:uppercase; font-weight:500; }
.btn { font-size:13px; border:solid 2px; border-radius:40px; display:inline-block; text-transform:uppercase; border-color:#67B7D0; /*color*/ color:#444; }
.btn:hover, .btn:focus { color:#fff; border-color:#67B7D0; /*color*/ background-color:#67B7D0; /*color*/ }
.btn-white { font-size:13px; border:solid 2px; border-radius:40px; display:inline-block; border-color:#fff; }
.btn-white:hover, .btn-white:focus { color:#FF5274; border-color:#FF5274; }
.btn-fill { color:#fff; border:solid 2px #FF5274; border-radius:40px; display:inline-block; text-transform:uppercase; background-color:#FF5274; }
.btn-fill:hover, .btn-fill:focus { color:#fff; backgrounheaded-color:#D7405D; border-color:#D7405D; }
.btn-small { padding:8px 40px; }
.btn-large { padding:15px 40px; }
.btn-margin-right { margin-right:20px; }
section.intro, section.cataleg-extra, section.sign-up { background:#fff; }
section.features, section.blog-intro, section.blog { background:#F3F4F8; }/**/

#intro { background:#f4f0e4; }
/*#info2, #info, #activitats-rel, #activitats-altres { background:#faf8f2; }
#activitats .btn:hover { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -o-transform:scale(1.25); -ms-transform:scale(1.25); transform:scale(1.25); }*/

/* ==========================================================================
Global Styles
========================================================================== */
.group:after { content:""; display:table; clear:both; }
.no-padding { padding:0; }
.no-margin { margin:0; }
a { color:#000; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:200ms; transition-duration:200ms; -webkit-transition-property:color, border-color, background-color; transition-property:color, border-color, background-color; }
a:hover, a:focus { text-decoration:none; color:#67B7D0; }
body { font-family:"Open Sans", sans-serif; font-weight:300; color:#000; -webkit-text-size-adjust:100%; }
ul, ol { margin:0; padding:0; }
ul li { list-style:none; }
.section-padding { padding:70px 0; }
.tooltip { position:absolute; z-index:1070; display:block; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:1.4; visibility:visible; filter:alpha(opacity=0); opacity:0; }
.tooltip.in { filter:alpha(opacity=90); opacity:.9; }
.tooltip.top { padding:5px 0; margin-top:-3px; }
.tooltip.right { padding:0 5px; margin-left:3px; }
.tooltip.bottom { padding:5px 0; margin-top:3px; }
.tooltip.left { padding:0 5px; margin-left:-3px; }
.tooltip-inner { max-width:200px; padding:3px 8px; color:#fff; text-align:center; text-decoration:none; text-transform:capitalize; background-color:#67B7D0; border-radius:4px; }
.foto-txt { font-size:12px; line-height:20px; margin-top:25px!important; }
.foto-txt strong { color:#000; }

@media screen and (max-width:768px) {
.section-padding { padding:10px 0; }
.flex-control-nav.flex-control-paging { display:none; }
}

/* ==========================================================================
Animations
========================================================================== */
.pulse2 { -webkit-animation-name:pulse2; animation-name:pulse2; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear; }
@-webkit-keyframes pulse2 { 0% { -webkit-transform:scale(1.1); transform:scale(1.1); }
50% { -webkit-transform:scale(0.8); transform:scale(0.8); }
100% { -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes pulse2 { 0% { -webkit-transform:scale(1.1); transform:scale(1.1); }
50% { -webkit-transform:scale(0.8); transform:scale(0.8); }
100% { -webkit-transform:scale(1); transform:scale(1); }
}
.floating-arrow { -webkit-animation-name:floating-arrow; animation-name:floating-arrow; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
@-webkit-keyframes floating-arrow { from { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
65% { -webkit-transform:translate(-50%, 15px); transform:translate(-50%, 15px); }
to { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
}
@keyframes floating-arrow { from { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
65% { -webkit-transform:translate(-50%, 15px); transform:translate(-50%, 15px); }
to { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
}
.floating-logo { -webkit-animation-name:floating-logo; animation-name:floating-logo; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; }
@-webkit-keyframes floating-logo { from { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
50% { -webkit-transform:translate(-50%, 10px); transform:translate(-50%, 10px); }
to { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
}
@keyframes floating-logo { from { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
50% { -webkit-transform:translate(-50%, 10px); transform:translate(-50%, 10px); }
to { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
}


/* ==========================================================================
Waypoinsts
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9 { visibility:hidden; }
.wp2 { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown { visibility:visible; }


/* ==========================================================================
Navigation
========================================================================== */
.header-nav.open { visibility:visible; opacity:0.9; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; }
.nav-toggle { position:absolute; top:0; right:15px; z-index:999999; padding:10px 35px 16px 0; cursor:pointer; }
.nav-toggle:focus { outline:none; }
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { content:""; position:absolute; display:block; width:35px; height:3px; border-radius:1px; background:#fff; cursor:pointer; }
.nav-toggle span:before { top:-10px; }
.nav-toggle span:after { bottom:-10px; }
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { -webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
.nav-toggle.active span { background-color:transparent; }
.nav-toggle.active span:before, .nav-toggle.active span:after { top:0; }
.nav-toggle.active span:before { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.nav-toggle.active span:after { top:10px; -ms-transform:translatey(-10px) rotate(-45deg); -webkit-transform:translatey(-10px) rotate(-45deg); transform:translatey(-10px) rotate(-45deg); }
.navicon { position:absolute; height:26px; right:10px; top:48px; visibility:hidden; -webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }


/* ==========================================================================
Hero
========================================================================== */
#inici { background:url("../grafs/layout/inici.jpg") no-repeat center center; background-size:cover; }
.hero.lang { min-height:790px; background:#eae4d8 url(../grafs/layout/picasso-poeta-portada.png) no-repeat center center; background-size:cover; background-size:contain; position:relative; }
.hero.lang.lang-es { background-image:url(../grafs/layout/picasso-poeta-portada.png); }
.hero.lang.lang-en { background-image:url(../grafs/layout/portada-en.gif); }
@media screen and (max-width:900px) {
	.hero.lang { background-image:url(../grafs/layout/picasso-poeta-portada-900.png); }
	.hero.lang.lang-es { background-image:url(../grafs/layout/picasso-poeta-portada-900.png); }
	.hero.lang.lang-en { background-image:url(../grafs/layout/portada-900-en.gif); }
}
@media screen and (max-width:400px) {
	.hero.lang { min-height:660px; }
}

.intro h1 { font-size:24px; line-height:30px; }
.intro .h1-subt { display:inline-block; padding-bottom:10px; }

.hero .down-arrow a { color:#fff; }
.hero .hero-content { padding-top:34%; }
.hero .hero-content h1, .hero .hero-content p.intro { font-family:'FarnhamDisplay-Medium'; font-weight:900; font-style:normal; text-transform:uppercase; }
.hero .hero-content h1 { margin-bottom:10px; color:#67B7D0; /*color*/ font-size:60px; line-height:1; }
.hero .hero-content p.intro { margin-bottom:80px; color:#67B7D0; /*color*/ font-size:30px; line-height:1.2; }
.hero .hero-content p.intro a { color:#fff; }
.hero .hero-content p.intro a:hover { color:#67B7D0; /*color*/ }
.navigation { -webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; position:fixed; width:100%; z-index:999; background:rgb(69,73,76); background:rgba(69,73,76,.85); background:rgba(0,0,0,.5); }
.fixed { position:fixed; background-color:#67B7D0; background-color:rgba(0,0,0,.9); z-index:999; width:100%; }
header { padding:20px 0; /*border-bottom:solid 1px rgba(255, 255, 255, 0.2);*/ position:relative; width:1170px; margin:0 auto; -webkit-transition:padding 300ms ease-in-out; transition:padding 300ms ease-in-out; }
header a { color:#fff; text-transform:uppercase; font-size:13px; }
header .logo { display:inline-block; }
header ul.primary-nav { margin:0 0 0 75px; padding:0; }
header ul.primary-nav li { display:inline; }
header ul.primary-nav li a { color:#fff; padding-right:25px; font-size:16px; font-weight:bold; }
header ul.primary-nav li:last-child a { padding-right:0px; }
header ul.member-actions li { display:inline; margin:0 3px; }
header ul.member-actions li a { color:#FFF;); font-size:14px; line-height:14px; }
header ul.member-actions li a i { font-size:18px; line-height:14px; }
header ul.member-actions li a.active { color:#FFF; font-weight:bold;}
header ul.primary-nav li a:hover, header ul.member-actions li a:hover { color:#FF5274; color:rgba(255,255,255,.5); /*color*/ }
 
header .header-nav { display:inline-block; }
header .member-actions { position:absolute; right:0; top:52px; -webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
.down-arrow { color:#fff; font-size:30px; position:absolute; bottom:30px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }

@media screen and (max-width:1150px) {
header ul.member-actions li { margin:0; }
header ul.primary-nav { margin:0 0 0 25px; padding:0; }
header ul.primary-nav li a { padding-right:10px; font-size:16px; }
}

@media screen and (max-width:991px) {
.hero .hero-content h1 { font-size:50px; line-height:1; }
.hero .hero-content p.intro { font-size:25px; line-height:1.2; }
}

@media screen and (max-width:500px) {
.hero .hero-content h1 { font-size:40px; line-height:1; }
.hero .hero-content p.intro { font-size:20px; line-height:1.2; }
}

@media screen and (max-width:400px) {
.hero .hero-content { padding-top:50%!important; }
}


/* ==========================================================================
cataleg
========================================================================== */
.cataleg { position:relative; }
.cataleg img { padding:0 0 30px 0; }
.cataleg-wrapper { padding:0 50px 50px 0; display:block; }
.cataleg p { margin-bottom:0; padding-bottom:0; }
.cataleg h3 { margin:0 0 20px 0; font-family:"Open Sans", sans-serif; font-weight:800; color:#000; text-transform:uppercase; font-size:16px; letter-spacing:1px; }
.cataleg .intro-icon { display:inline-block; vertical-align:top; padding:6px 0 0 0; margin-right:20px; }
.cataleg .intro-content { display:inline-block; width:80%; }
.cataleg ul li { margin-top:20px; padding-bottom:20px; border-bottom:solid 1px #000; /*color*/ }
.cataleg ul li:last-child { padding-bottom:0px; border-bottom:none; }
.cataleg .row .btn { margin:0; padding:5px 20px; }
.cataleg h2 { margin:0!important; padding:0!important; }

@media screen and (max-width:768px) {
.cataleg { padding:0 20px; }
.cataleg-wrapper { padding:0 0 25px 0; }
}


/* ==========================================================================
Info
========================================================================== */
#info { margin-left:30px; }
#info ul.list-dotted, #info ul.list-dotted li { list-style:circle; list-style-position:inside; }
#info ul { margin-bottom:20px; }
#info ul li { line-height:25px; margin-top:15px; font-size:16px; }
#info ul li i { font-size:25px; line-height:5px; margin-right:20px; color:#444; }
#info ul li a:hover i { color:#e3e3e3; }

@media screen and (max-width:991px) {
#info h2.section-title span, #info2 h2.section-title span { padding-left:0!important; }
#info .row div, #info2 .row div { padding-left:0; margin:0; }
}



/* ==========================================================================
Premsa
========================================================================== */
#info2 { margin-left:30px; }
#info2 ul.list-dotted, #info ul.list-dotted li { list-style:circle; list-style-position:inside; }
#info2 ul { margin-bottom:20px; }
#info2 ul li { line-height:25px; margin-top:15px; font-size:16px; }
#info2 ul li i { font-size:25px; line-height:5px; margin-right:20px; color:#444; }
#info2 ul li a:hover i { color:#e3e3e3; }

@media screen and (max-width:991px) {
#info h2.section-title span { padding-left:0!important; }
#info .row div { padding-left:0; margin:0; }
}




/* ==========================================================================
.columnes
========================================================================== */
.columnes .row div { padding:0 30px; border-right:1px solid #000; /*color*/ }
.columnes .row div h3 { margin:0; padding:0 0 5px; }
.columnes .row div p { line-height:1.4; margin:0; padding:0 0 5px; }
.columnes .row div:first-child { padding-left:none; }
.columnes .row div:last-child { padding-right:none; border:none; }
.columnes .row .btn { margin-top:10px; padding:5px 20px; }

@media screen and (max-width:991px) {
.columnes .row div { padding:0 30px 50px 30px; margin:0; border:none; }
.columnes h2 span, .columnes .row div:first-child { padding-left:30px; }
.columnes .row div h3 { margin:0; padding:0; }
}

/* ==========================================================================
.expo-slider
========================================================================== */
.padding-right { padding-right:40px; }
.padding-left { padding-left:40px; }

.expo-slider #slider ul li { text-align:left; }
.expo-slider #slider ul li a.single_image { position:relative; display:block; margin:30px 0 0 0; padding:0; }
.expo-slider #slider ul li a .fa-search { position:absolute; top:12px; right:12px; z-index:10; background:#67B7D0; background:rgba(103,183,209,.8); color:#fff; font-size:18px; text-align:center; width:50px; height:50px; line-height:45px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.expo-slider #slider ul li a:hover .fa-search { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -o-transform:scale(1.25); -ms-transform:scale(1.25); transform:scale(1.25); }
.expo-slider .flex-control-nav.flex-control-paging li a, .expo-slider .flex-control-nav.flex-control-paging li a.flex-active { background:rgba(0,0,0,.3); border:none; box-shadow:none; margin:0; padding:0; line-height: 1; }
.expo-slider .flex-control-nav.flex-control-paging li a.flex-active {  background:rgba(0,0,0,.05); }
.expo-slider #slider ul li h3, .expo-slider #slider ul li p { margin:0 0 10px 0; padding:0; }
.expo-slider #slider ul li h3 { margin-top:23px; }
.expo-slider .accordion { margin-top:20px; }

.expo-slider #carousel ul { width:100%!important; }
.expo-slider #carousel ul li span { transition:all linear 0.15s; font-weight:normal; margin:0 10px; display:block; font-size:14px; line-height:60px; color:#444; border:2px solid #67B7D0; /*color*/ text-transform:uppercase; white-space:nowrap; cursor:pointer; }
.expo-slider #carousel ul li span:hover { background:#67B7D0; border:2px solid #67B7D0; color:#fff; }
.expo-slider #carousel ul li span strong { font-weight:normal; }
.expo-slider #carousel ul li.flex-active-slide span, .expo-slider #carousel ul li.flex-active-slide:hover span { cursor:default; background:#67B7D0; /*color*/ border-color:#67B7D0; /*color*/ color:#fff; /*filter:alpha(opacity=75); opacity:.75;*/ }

.popup { display:none; }
.popup-wrapper { padding:30px 50px; max-width:900px; }
.popup-wrapper h2 { margin:0; font-family:"Open Sans", sans-serif; font-weight:800!important; color:#67B7D0!important; text-transform:uppercase; font-size:16px; letter-spacing:1px; }
.popup-wrapper p { font-family:"Open Sans", sans-serif; font-weight:400!important; font-size:16px; }
p.destacat { margin:0; padding:0; }
.destacat { color:#000!important; }
.destacat, .popup-wrapper strong, .popup-wrapper a { font-weight:700!important; }
.popup-wrapper a { color:#444; }
.popup-wrapper a:hover { color:#67B7D0; /*color*/ }
.popup-wrapper .footer { background:#67B7D0; /*color*/ padding:20px; margin:0; display:inline-block; min-width:450px; }
.popup-wrapper .footer, .popup-wrapper .footer a { color:#67B7D0; }

.flex-prev, .flex-next { display:none; }
.flex-prev i, .flex-next i { font-size:22px; }

@media screen and (max-width:991px) {
.padding-right { padding-right:0; }
.padding-left { padding-left:0; }
}
@media screen and (max-width:768px) {
.expo-slider #carousel ul li span { margin:0 5px; font-size:12px; }
.flex-next { display:inline-block; font-family:"Open Sans", sans-serif; font-weight:800!important; color:#67B7D0!important; font-size:16px; }
.custom-navigation { text-align:left; padding:0 20px 20px 20px; }
.txt-wrap { padding:0; }
}
@media screen and (max-width:500px) {
.expo-slider #carousel ul li span { font-size:15px; }
.expo-slider #carousel ul li span strong { display:none; }
.popup-wrapper { padding:10px 20px; }
}
@media screen and (max-width:300px) {
.expo-slider #carousel ul li span { margin:0 2px; font-size:13px; }
}

/* ==========================================================================
Accordion
========================================================================== */
.accordion { overflow:hidden; }
.accordion-section-title { width:100%; padding:15px; display:inline-block; margin-bottom:2px; background:rgba(0,0,0,.05); transition:all linear 0.15s; /* Type */ font-family:"Open Sans", sans-serif; font-weight:300; font-size:16px; font-style:italic; font-style:normal; letter-spacing:2px; color:#000; -webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
.accordion-section-title.active, .accordion-section-title:hover { text-decoration:none; background:rgba(0,0,0,.25); color:#fff; }
accordion-section-title:focus { color:#000!important; }
.accordion-section-content { padding:15px; display:none; }

.fancybox-overlay, .fancybox-overlay * { border:none!important; }

.section-padding .section-title { font-family:"Open Sans", sans-serif; font-weight:800; font-size:20px; text-transform:uppercase; letter-spacing:2px; margin:0 0 30px 0; color:#000; /*color*/ text-align:left; }
/*.section-padding .section-title.no-border { border-bottom:none; }*/
.section-padding .section-title span { display:block; }
.section-txt h3 { font-family:"Open Sans", sans-serif; font-weight:800; font-size:16px; font-style:italic; font-style:normal; text-transform:uppercase; letter-spacing:1px; color:#000; margin:30px 0; line-height:1.4; }
/*.section-txt p { color:#67B7D0; font-size:16px; }*/


/* ==========================================================================
Sign up form
========================================================================== */
.sign-up .signup-form .sign-up-btn { padding:15px 0; border-radius:3px; width:80%; font-size:13px; }
.sign-up .signup-form .form-input-group { width:80%; height:55px; margin:0 auto 10px; border-radius:5px; border:solid 1px #E6E9EA; text-align:left; position:relative; }
.sign-up .signup-form .form-input-group i { color:#FF5274; font-size:14px; }
.sign-up .signup-form .form-input-group i:after { content:""; height:30px; width:1px; border-right:solid 1px #E6E9EA; position:absolute; top:50%; left:30px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.sign-up .signup-form .form-input-group i.fa-lock { font-size:18px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-left:20px; }
.sign-up .signup-form .form-input-group i.fa-envelope { font-size:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-left:20px; }
.sign-up .signup-form .form-input-group input { padding-left:68px; width:100%; height:100%; border-radius:6px; border:none; }
.sign-up .signup-form .form-input-group input::-webkit-input-placeholder { color:#BCC1C3; }
.sign-up .signup-form .form-input-group input:-moz-placeholder { color:#BCC1C3; }
.sign-up .signup-form .form-input-group input::-moz-placeholder { color:#BCC1C3; }
.sign-up .signup-form .form-input-group input:-ms-input-placeholder { color:#BCC1C3; }


/* ==========================================================================
To top
========================================================================== */
.to-top { height:60px; width:60px; background-color:#444; text-align:center; position:fixed; bottom:20px; right:20px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; display:none; }
.to-top i { font-size:30px; line-height:55px; color:#fff; }


/* ==========================================================================
Footer
========================================================================== */
footer { position:relative; text-align:center; }
footer p { font-size:13px; }
footer ul { margin:100px 0; }
footer ul li { display:inline-block; margin-right:30px; }
footer ul li a { font-size:13px; text-transform:uppercase; }
footer ul li a:hover { color:#67B7D0; /*color*/ }
footer ul li:last-child { margin-right:0; }
footer .footer-logo img { width:50px; }

@media screen and (max-width:768px) {
}
@media screen and (max-width:600px) {
footer { text-align:left; margin:0 20px; }
footer ul { margin:0 0 20px 0; }
footer ul li { display:block; clear:both; margin-bottom:20px; }
}

/* ==========================================================================
Icon font (http://www.elegantthemes.com/blog/freebie-of-the-week/free-line-style-icons)
========================================================================== */
@font-face { font-family:'et-line'; src:url("../fonts/et-line.eot"); src:url("../fonts/et-line.eot?#iefix") format("embedded-opentype"), url("../fonts/et-line.woff") format("woff"), url("../fonts/et-line.ttf") format("truetype"), url("../fonts/et-line.svg#et-line") format("svg"); font-weight:normal; font-style:normal; }
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family:'et-line'; content:attr(data-icon); speak:none; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; }
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:[class*="icon-"] { */
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble { font-family:'et-line'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; }
.icon-mobile:before { content:"\e000"; }
.icon-laptop:before { content:"\e001"; }
.icon-desktop:before { content:"\e002"; }
.icon-tablet:before { content:"\e003"; }
.icon-phone:before { content:"\e004"; }
.icon-document:before { content:"\e005"; }
.icon-documents:before { content:"\e006"; }
.icon-search:before { content:"\e007"; }
.icon-clipboard:before { content:"\e008"; }
.icon-newspaper:before { content:"\e009"; }
.icon-notebook:before { content:"\e00a"; }
.icon-book-open:before { content:"\e00b"; }
.icon-browser:before { content:"\e00c"; }
.icon-calendar:before { content:"\e00d"; }
.icon-presentation:before { content:"\e00e"; }
.icon-picture:before { content:"\e00f"; }
.icon-pictures:before { content:"\e010"; }
.icon-video:before { content:"\e011"; }
.icon-camera:before { content:"\e012"; }
.icon-printer:before { content:"\e013"; }
.icon-toolbox:before { content:"\e014"; }
.icon-briefcase:before { content:"\e015"; }
.icon-wallet:before { content:"\e016"; }
.icon-gift:before { content:"\e017"; }
.icon-bargraph:before { content:"\e018"; }
.icon-grid:before { content:"\e019"; }
.icon-expand:before { content:"\e01a"; }
.icon-focus:before { content:"\e01b"; }
.icon-edit:before { content:"\e01c"; }
.icon-adjustments:before { content:"\e01d"; }
.icon-ribbon:before { content:"\e01e"; }
.icon-hourglass:before { content:"\e01f"; }
.icon-lock:before { content:"\e020"; }
.icon-megaphone:before { content:"\e021"; }
.icon-shield:before { content:"\e022"; }
.icon-trophy:before { content:"\e023"; }
.icon-flag:before { content:"\e024"; }
.icon-map:before { content:"\e025"; }
.icon-puzzle:before { content:"\e026"; }
.icon-basket:before { content:"\e027"; }
.icon-envelope:before { content:"\e028"; }
.icon-streetsign:before { content:"\e029"; }
.icon-telescope:before { content:"\e02a"; }
.icon-gears:before { content:"\e02b"; }
.icon-key:before { content:"\e02c"; }
.icon-paperclip:before { content:"\e02d"; }
.icon-attachment:before { content:"\e02e"; }
.icon-pricetags:before { content:"\e02f"; }
.icon-lightbulb:before { content:"\e030"; }
.icon-layers:before { content:"\e031"; }
.icon-pencil:before { content:"\e032"; }
.icon-tools:before { content:"\e033"; }
.icon-tools-2:before { content:"\e034"; }
.icon-scissors:before { content:"\e035"; }
.icon-paintbrush:before { content:"\e036"; }
.icon-magnifying-glass:before { content:"\e037"; }
.icon-circle-compass:before { content:"\e038"; }
.icon-linegraph:before { content:"\e039"; }
.icon-mic:before { content:"\e03a"; }
.icon-strategy:before { content:"\e03b"; }
.icon-beaker:before { content:"\e03c"; }
.icon-caution:before { content:"\e03d"; }
.icon-recycle:before { content:"\e03e"; }
.icon-anchor:before { content:"\e03f"; }
.icon-profile-male:before { content:"\e040"; }
.icon-profile-female:before { content:"\e041"; }
.icon-bike:before { content:"\e042"; }
.icon-wine:before { content:"\e043"; }
.icon-hotairballoon:before { content:"\e044"; }
.icon-globe:before { content:"\e045"; }
.icon-genius:before { content:"\e046"; }
.icon-map-pin:before { content:"\e047"; }
.icon-dial:before { content:"\e048"; }
.icon-chat:before { content:"\e049"; }
.icon-heart:before { content:"\e04a"; }
.icon-cloud:before { content:"\e04b"; }
.icon-upload:before { content:"\e04c"; }
.icon-download:before { content:"\e04d"; }
.icon-target:before { content:"\e04e"; }
.icon-hazardous:before { content:"\e04f"; }
.icon-piechart:before { content:"\e050"; }
.icon-speedometer:before { content:"\e051"; }
.icon-global:before { content:"\e052"; }
.icon-compass:before { content:"\e053"; }
.icon-lifesaver:before { content:"\e054"; }
.icon-clock:before { content:"\e055"; }
.icon-aperture:before { content:"\e056"; }
.icon-quote:before { content:"\e057"; }
.icon-scope:before { content:"\e058"; }
.icon-alarmclock:before { content:"\e059"; }
.icon-refresh:before { content:"\e05a"; }
.icon-happy:before { content:"\e05b"; }
.icon-sad:before { content:"\e05c"; }
.icon-facebook:before { content:"\e05d"; }
.icon-twitter:before { content:"\e05e"; }
.icon-googleplus:before { content:"\e05f"; }
.icon-rss:before { content:"\e060"; }
.icon-tumblr:before { content:"\e061"; }
.icon-linkedin:before { content:"\e062"; }
.icon-dribbble:before { content:"\e063"; }