/*
Template Name: Rose Folio - Responsive Multi-purpose HTML5 Template
Author: coral-themes
Author URI: http://themeforest.net/user/coral-themes
Description: Creative multipurpose template for agencies and portfolios.
Version: 1.0
Tags: responsive, html5, css3, creative, business, portfolio, agency, corporate, multipurpose, bootstrap
*/
/* Table of Content
==================================================
-- GENERAL
-- PRE-DEFINED CLASSES
-- HEADER
-- MENU ITEMS
-- SUBMENU ITEMS
-- ABOUT --
-- TEAM 1 - JCarousel Plugin
-- SERVICES
-- BARS
-- COUNTERS
-- BLOG
-- PORTFOLIO 2 - Isotope Plugin
-- PORTFOLIO MASONRY
-- LIGHTBOX
-- GALLERY
-- TESTIMONIALS
- client
-- CONTACT
-- FOOTER
===================================================
/* #FF634E --> main /default color */
/* GENERAL STYLES
* ========================================================================
*/
html,body{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
/*overflow-x: hidden;*/
}
body{
font-family: 'Dosis';
font-weight: 400;
line-height: 1.52;
position: relative;
color: #666;
font-size: 14px;
overflow-x: hidden;
}
.header-semi-transparent{
background: rgba(255,255,255, 0.1);
}
.header-semi-transparent:hover{
background: rgba(255,255,255, 0.8);
}
.header-semi-transparent-dark{
background: rgba(0,0,0, 0.3);
}
.header-semi-transparent-dark:hover{
background: rgba(0,0,0, 0.8);
}
#header{
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
height: 80px;
}
#header:hover .site-name-container{
opacity: 1;
}
#header:hover .site-name-container h4{
color: #000;
}
#header.dark-bg:hover .site-name{
color: #fff;
}
#header img,
#header figure{
width: 80px;
height: 80px;
display: inline;
}
.header-left .container{
padding-left: 50px;
}
.header-left .icon-left{
margin-left: -450px;
}
.header-left .icon-left .menu-name{
margin-right: 0;
}
@media(max-width: 991px)
{
.header-left .container{
padding-left: 70px;
}
.header-left .icon-left{
margin-left: -455px;
}
}
@media(max-width: 767px)
{
.header-left .container{
padding-left: 80px;
}
.header-left .icon-left{
margin-left: -455px;
}
}
@media(max-width: 500px)
{
.header-left .container{
padding-left: 80px;
}
.header-left .icon-left{
margin-left: -355px;
}
}
.site-name-container{
display: inline-block;
width: 300px;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
@media(max-width: 500px){
.site-name-container{
width: 200px;
}
}
.site-name-container.make-visible{
opacity: 1
}
h4.site-name{
font-size: 22px;
text-transform: uppercase;
font-weight: 700;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
display: inline;
}
span.site-slogan{
position: absolute;
top: 50px;
margin-left: -136px;
color: #999;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 12px;
}
@media(max-width: 767px){
#header{
padding: 0;
}
}
.col-xs-12{
padding-left: 0;
padding-right: 0;
}
h1, h2, h3, h4, h5, h6{
color: #000;
}
h1, h2, h3, h4, h5, h6, a{
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
h1{
font-size: 120px;
letter-spacing: 10px;
}
h2{
font-size: 70px;
font-weight: 400;
letter-spacing: 7px;
}
h3{
font-size: 50px;
letter-spacing: 5px;
margin-top: 0;
}
h4{
font-size: 30px;
margin-bottom: 20px;
color: #999;
letter-spacing: 4px;
}
h5{
font-size: 24px;
letter-spacing: 3px;
}
h6{
font-size: 16px;
}
h4, h5, h6{
font-weight: 400;
}
@media (max-width: 991px) {
h1{
font-size: 80px;
}
h2{
font-size: 60px;
letter-spacing: 5px;
}
h3{
font-size: 34px;
}
}
@media (max-width: 767px) {
h1{
font-size: 70px;
}
h2{
font-size: 50px;
}
h3{
font-size: 30px;
}
h4{
font-size: 20px;
}
}
@media(max-width: 480px){
h1{
font-size: 40px;
letter-spacing: 7px;
}
h2{
font-size: 30px;
}
h3{
font-size: 20px;
letter-spacing: 2px;
}
}
a{
font-weight: 400;
letter-spacing: 5px;
}
a:hover,
a:focus,
a:visited{
outline: none;
text-decoration: none;
}
p{
letter-spacing: 1px;
color: #666;
font-weight: 300;
}
.opacity05{
opacity: 0.5;
}
.intro,
.intro-2{
display: inline-block;
}
.intro:after{
content: "";
position: absolute;
width: 200px;
height: 1px;
margin-left: -100px;
margin-top: 30px;
text-align: center;
background: rgba(255,255,255, 0.3);
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
z-index: 90;
}
.intro-left:after{
margin-left: 0;
}
.intro:hover:after{
width: 0;
height: 0;
background: transparent;
}
.intro h2{
text-transform: uppercase;
}
.intro-para{
position: relative;
padding-bottom: 50px;
margin-bottom: 30px;
margin-top: 30px;
}
.intro-para:after{
content: "";
position: absolute;
width: 100px;
height: 5px;
background: #fff;
bottom: -63px;
border: 3px solid transparent;
-webkit-transform: rotate(320deg);
-ms-transform: rotate(320deg);
transform: rotate(320deg);
border-radius: 5px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
z-index: 100;
}
.intro:hover .intro-para:after{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
width: 100px;
height: 100px;
border-radius: 50px;
bottom: -90px;
border: 3px solid #fff;
background: transparent;
}
.intro-para-colored:after{
background: #FF634E;
}
.intro-para-center:after{
text-align: center;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.guide-arrow{
position: absolute;
opacity: 0;
color: #fff;
font-size: 30px;
margin-top: 60px;
margin-left: -20px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.intro:hover .guide-arrow{
opacity: 1;
color: #000;
margin-top: -10px;
z-index: 110;
}
.intro-para-left:after{
left: 0;
}
.intro-left .guide-arrow,
.intro-left:hover .guide-arrow{
margin-left: 30px;
}
/* PRE-DEFINED CLASSES */
.h5-style-1{
color: #13AD16;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 7px;
}
.subtitle{
text-transform: uppercase;
font-weight: 400;
letter-spacing: 10px;
font-size: 18px;
color: rgba(255,255,255,0.5);
}
@media(max-width: 480px){
.subtitle{
letter-spacing: 4px;
}
}
.box-h4{
font-weight: 700;
color: #000;
text-transform: uppercase;
}
.white-headline-lg{
color: #fff;
text-transform: uppercase;
}
.height-400{
min-height: 400px;
}
.height-full{
height: 100vh;
}
.height-half{
height: 50vh;
}
.height-75{
height: 75vh;
}
p{
margin-top: 10px;
}
.lead{
margin-top: 30px;
margin-bottom: 0px;
letter-spacing: 1px;
}
.img-border-1{
border: 10px solid #fff;
}
.img-border-2{
border: 10px solid #000;
}
.main-section-margins{
margin-top: 100px;
margin-bottom: 100px;
}
.main-section-margin-bottom{
margin-bottom: 100px;
}
.main-section-margin-top{
margin-top: 100px;
}
.main-section-padding{
padding-top: 100px;
padding-bottom: 100px;
}
.main-section-padding-top{
padding-top: 100px;
}
.main-section-padding-bottom{
padding-bottom: 100px;
}
.full-width{
padding-left: 0;
padding-right: 0;
}
.margin-top-30{
margin-top: 30px;
}
.margin-bottom-30{
margin-bottom: 30px;
}
.margin-bottom-50{
margin-bottom: 50px;
}
.transition{
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.link-btn,
.link-btn:visited{
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
overflow: hidden;
padding: 10px 20px;
margin-top: 30px;
display: inline-block;
letter-spacing: 3px;
color: #fff;
background: #13AD16; /*#FF634E;*/
}
.link-btn:hover,
.link-btn:focus{
color: #000;
}
.link-btn.link-btn-inverted{
background: #fff;
color: #000;
}
.link-btn.link-btn-inverted:hover{
color: #FF634E;
}
.menu-link{
background: transparent;
padding: 0;
margin-top: 0;
letter-spacing: 7px;
}
.menu-link:hover{
background: transparent;
}
.link-btn::before {
content: '';
position: absolute;
width: 100%;
left: 0;
-webkit-transform: translate3d(-101%,0,0);
transform: translate3d(-101%,0,0);
-moz-transform: translate3d(-101%,0,0);
-o-transform: translate3d(-101%,0,0);
-ms-transform: translate3d(-101%,0,0);
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
-moz-transition: transform 0.5s;
-o-transition: transform 0.5s;
-ms-transition: transform 0.5s;
}
.link-btn:hover::before {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.link-btn span {
display: inline-block;
position: relative;
-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
transform: perspective(1000px) rotate3d(0,1,0,0deg);
-o-transform: perspective(1000px) rotate3d(0,1,0,0deg);
-moz-transform: perspective(1000px) rotate3d(0,1,0,0deg);
-moz-transition: -moz-transform 0.5s, color 0.5s;
-o-transition: -o-transform 0.5s, color 0.5s;
-webkit-transition: -webkit-transform 0.5s, color 0.5s;
transition: transform 0.5s, color 0.5s;
}
.link-btn:hover span {
-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
transform: perspective(1000px) rotate3d(0,1,0,360deg);
-moz-transform: perspective(1000px) rotate3d(0,1,0,360deg);
-o-transform: perspective(1000px) rotate3d(0,1,0,360deg);
}
.link-btn span:nth-child(even),
.link-btn:hover span:nth-child(odd) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
}
.link-btn span:nth-child(odd),
.link-btn:hover span:nth-child(even) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
}
/* some predefined classes for the background and text color */
.white-bg{
background: #fff;
}
.transparent-white-bg{
background: rgba(255,255,255, 0.9);
}
.light-bg{
background: #f7f7f7;
}
.dark-bg{
background: #000;
}
.color-bg{
background: #FF634E;
}
.dark-gray-bg{
background: #444;
}
.dark-gray-text{
color: #444;
}
.thin{
font-weight: 300;
}
.thick{
font-weight: 400;
}
.vthick{
font-weight: 700;
}
.white{
color: #fff;
}
.white-transparent{
color: rgba(255,255,255,0.5);
}
.black{
color: #000;
}
.light{
color: #f7f7f7;
}
.color-text{
color: #FF634E;
}
.bullets{
list-style: none;
margin-bottom: 20px;
margin-top: 20px;
}
.bullets li {
padding: 0;
margin-bottom: 10px;
font-weight: 300;
letter-spacing: 2px;
font-family: Dosis;
text-indent: -20px;
}
/* tick bullets */
.bullets.tick li:before {
font-family: "linea-arrows-10";
content: "\e006";
font-size: 14px;
margin-right: 10px;
color: #FF634E;
}
/* circle bullets */
.bullets.circle li:before {
font-family: "FontAwesome";
content: "\f1db";
font-size: 8px;
margin-right: 10px;
color: #FF634E;
}
/* white bullets */
.bullets.white li:before{
color: #fff;
}
::-webkit-input-placeholder {
color:#ccc;
font-size: 12px;
letter-spacing: 2px;
}
::-moz-placeholder {
color:#ccc;
font-size: 12px;
letter-spacing: 2px;
} /* FF 19+ */
:-moz-placeholder {
color:#ccc;
font-size: 12px;
letter-spacing: 2px;
} /* FF 18- */
:-ms-input-placeholder {
color:#ccc;
letter-spacing: 2px;
font-size: 12px;
}
/* firefox fix */
.img-responsive{
width: 100%;
}
/* =================================
*
HEADER
*/
@media(max-width: 767px){
.container{
padding-left: 0;
padding-right: 0;
}
}
#loader{
background: #fff url('../images/logo.png') no-repeat center;
padding-top: 50%;
padding-left: 50%;
position: fixed;
z-index: 2000;
width: 100%;
height: 100%;
}
/* =================================
*
MENU (General)
*/
.show-menu{
display: block;
}
/* menu on small devices */
/* General styles for all menus */
.cbp-spmenu {
position: fixed;
background: #13AD16; /*#FF634E;*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/* scroll bar for the menu overlay if the content doesn't
* fit height of the screen on small devices
*/
.menu-item-links{
width: 100%;
list-style: none;
margin-bottom: 5%;
padding-left: 0;
text-align: center;
min-height: 100px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
padding-top: 25%;
opacity: 0;
}
.menu-item-links li{
display: block;
padding-top: 5px;
margin-left: 5px;
vertical-align: top;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.menu-item-links > li:hover,
.menu-item-links > li.selected{
background: rgba(255,255,255, 0.05);
color: #000;
}
.menu-item-links li.selected a{
font-weight: 400;
color: #000;
}
.menu-item-links > li > a{
font-size: 24px;
color: #fff;
text-decoration: none;
line-height: 60px;
z-index: 2000;
text-transform: uppercase;
position: relative;
}
.menu-item-links > li > a:hover,
.menu-item-links > li > a:focus,
.menu-item-links > li:hover > a{
color: #000;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.menu-item-links > li.dropdown > a{
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.menu-item-links > li.dropdown:hover > a{
opacity: 0;
visibility: hidden;
}
@media(max-width: 991px){
.menu-item-links{
text-align: center;
padding-top: 150px;
margin-bottom: 50px;
}
.menu-item-links li{
display: block;
margin-right: 0;
margin-left: 0;
}
.menu-item-links > li:hover > a,
.menu-item-links > li:hover{
margin-top: 0;
}
}
.menu-icon{
float: right;
font-size: 40px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.menu-icon.icon-left{
float: none;
position: absolute;
opacity: 0.5;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.menu-icon.icon-left:hover{
opacity: 1;
}
.menu-icon .menu-name{
display: inline-block;
padding: 15px 0;
margin-right: -15px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.menu-icon:hover .menu-name{
cursor: pointer;
}
@media(max-width: 767px){
.menu-icon .menu-name{
margin-right: 30px;
}
}
@media(max-width: 500px){
.menu-icon .menu-name{
margin-right: 15px;
}
}
/* SUBMENU ITEMS */
.submenu-items{
padding-left: 0;
text-align: center;
margin-top: -40px;
padding-bottom: 20px;
width: 100%;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
/*If the submenu items are invisible then these line will make them visible on hover */
.menu-item-links li a:hover + .submenu-items,
.submenu-items:hover,
.menu-item-links li:hover .submenu-items{
opacity: 1;
}
.submenu-items li{
display: inline;
padding: 30px 5px;
}
.submenu-items li a{
font-size: 16px;
color: #fff;
text-transform: lowercase;
letter-spacing: 3px;
}
li.selected .submenu-items li a,
li.selected .submenu-items li.selected a:hover{
color: #fff;
}
li.selected .submenu-items li a:hover,
li.selected .submenu-items li.selected a,
.submenu-items li a:hover{
color: #000;
}
.submenu-items .icon.menu-item-separator{
font-size: 20px;
margin-left: 10px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: tb-rl;
}
@media(max-width: 767px){
.submenu-items{
position: static;
opacity: 1;
text-align: center;
margin-top: 10px;
text-indent: 0;
}
.menu-item-links > li.dropdown:hover > a{
opacity: 1;
visibility: visible;
}
.submenu-items li{
display: block;
padding: 5px;
}
.submenu-items li span.menu-item-separator{
display: none;
}
}
#closeMenu{
opacity: 1;
margin-top: 5%;
}
#closeMenu span{
color: #fff;
font-size: 60px;
display: inline-block;
opacity: 0.7;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px solid rgba(255,255,255, 0.5);
padding: 8px 3px;
width: 90px;
height: 90px;
text-align: center;
}
#closeMenu span:hover{
cursor: pointer;
opacity: 1;
color: #000
}
.cbp-spmenu-close{
top: -100%;
}
.cbp-spmenu-top{
width: 100%;
height: 100%;
bottom: -100%;
z-index: -1;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.cbp-spmenu-top .container{
display: inline;
}
.cbp-spmenu-top.cbp-spmenu-open{
opacity: 0.97;
z-index: 2001;
bottom: 0;
overflow-y: scroll;
}
.cbp-spmenu-top.cbp-spmenu-open .menu-item-links{
-webkit-transition-property: padding, opacity; /* Safari */
-webkit-transition-duration: 0.8s; /* Safari */
-webkit-transition-delay: 0.8s;
-moz-transition-property: padding, opacity; /* mozilla */
-moz-transition-duration: 0.8s; /* mozilla */
-moz-transition-delay: 0.8s;
-ms-transition-property: padding, opacity; /* IE */
-ms-transition-duration: 0.8s; /* IE */
-ms-transition-delay: 0.8s;
-o-transition-property: padding, opacity; /* opera */
-o-transition-duration: 0.8s; /* opera */
-o-transition-delay: 0.8s;
transition-property: padding, opacity;
transition-duration: 0.8s;
transition-delay: 0.8s;
padding-top: 5%;
opacity: 1;
}
@media(max-width: 767px){
.cbp-spmenu-top.cbp-spmenu-open .menu-item-links{
padding-top: 5%;
}
}
.no-scroll{
overflow: hidden;
}
/* BREADCRUMBS */
.breadcrumb{
background: transparent;
display: inline-block;
padding-left: 0;
padding-right: 0;
margin-left: 0;
border-radius: 0;
-webkit-border-radius: 0;
}
.text-center .breadcrumb{
margin-left: -15px;
}
.breadcrumb.bottom{
margin-top: 30px;
margin-bottom: 0;
border-top: 1px solid rgba(0,0,0, 0.3)
}
.breadcrumb.top{
margin-top: 0;
margin-bottom: 30px;
}
.breadcrumb.border-top{
border-top: 1px solid;
}
.breadcrumb.border-bottom{
border-bottom: 1px solid;
}
.breadcrumb.border-light{
border-color: rgba(255,255,255, 0.5);
}
.breadcrumb.border-dark{
border-color: rgba(255,255,255, 0.1);
}
.breadcrumb li{
letter-spacing: 1px;
text-transform: lowercase;
color: #ccc;
font-weight: 300;
}
.breadcrumb .active{
color: #777;
}
.breadcrumb li a{
color: #999;
letter-spacing: 2px;
font-weight: 300;
}
.breadcrumb li a:hover{
color: #FF634E;
}
.breadcrumb.border-dark>li+li:before{
color: #777;
}
.breadcrumb.border-light>li+li:before{
color: #ccc;
}
/* search form and icon */
#open-search{
float: right;
font-size: 24px;
margin-top: 27px;
margin-right: 8px;
}
#open-search.more-margin-right{
margin-right: -20px;
}
#open-search:hover i{
cursor: pointer;
}
#open-search:hover i.white-transparent{
color: #fff;
}
#search-container{
background: rgba(255,255,255,0.97);
opacity: 1;
}
.navbar-form{
margin-top: 30vh;
display: inline-block;
}
.navbar-form .form-group{
padding: 0;
margin-right: -4px;
margin-top: -4px;
}
.navbar-form .form-group input{
width: 500px;
}
.close-menu{
opacity: 1;
margin-top: 5%;
}
.close-menu span{
color: #000;
font-size: 60px;
display: inline-block;
opacity: 0.7;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px solid rgba(0,0,0, 0.1);
padding: 8px 3px;
width: 90px;
height: 90px;
text-align: center;
}
.close-menu span:hover{
cursor: pointer;
opacity: 1;
color: #FF634E;
}
@media(max-width: 767px){
.navbar-form .form-group input{
width: 400px;
display: inline;
}
.navbar-form .form-group{
margin-top: -5px;
display: block
}
#open-search.more-margin-right{
margin-right: 30px;
}
}
@media(max-width: 500px){
.navbar-form .form-group input{
width: 300px;
}
#open-search{
display: none;
}
}
/* =================================
*
SLIDE - HOME
*/
#slide-home-transparent{
background: linear-gradient(
rgba(255,255,255, 0.7),
rgba(255,255,255, 0.7)
), url('../images/homenew.jpg');
background-size: cover;
}
#slide-home-transparent2{
background: linear-gradient(
rgba(255,255,255, 0.7),
rgba(255,255,255, 0.7)
), url('../images/services.jpg');
background-size: cover;
}
#slide-home-transparent3{
background: linear-gradient(
rgba(255,255,255, 0.7),
rgba(255,255,255, 0.7)
), url('../images/team-1.jpg');
background-size: cover;
}
#section-home{
background: url('../images/blog.jpg') no-repeat 50%;
background-size: cover;
}
#home-slide-1{
background: linear-gradient(
rgba(0,0,0, 0.7),
rgba(0,0,0, 0.7)
), url('../images/contacts.jpg') no-repeat 50%;
background-size: cover;
}
#home-slide-2{
background: linear-gradient(
rgba(0,0,0, 0.7),
rgba(0,0,0, 0.7)
), url('../images/project-2.jpg') no-repeat 50%;
background-size: cover;
}
#home-slide-3{
background: linear-gradient(
rgba(0,0,0, 0.7),
rgba(0,0,0, 0.7)
), url('../images/home-3.jpg') no-repeat 50%;
background-size: cover;
}
.slide h2,
.slide a,
.slide h3,
.slide h5{
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
.slide.active h2,
.slide.active h3{
-o-transition-delay: 1s;
transition-delay: 1s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
opacity: 1;
}
.slide a{
margin-bottom: -100px;
}
.slide.active a{
-o-transition-delay: 1.5s;
transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
opacity: 1;
margin-bottom: 0;
}
.slide .subtitle{
opacity: 0;
margin-top: -100px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
.slide h1,
.slide .intro{
opacity: 0;
margin-top: -150px;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
-ms-transition: all 1.5s;
transition: all 1.5s;
}
.slide.active h1,
.slide.active .intro{
-o-transition-delay: 1s;
transition-delay: 1s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
opacity: 1;
margin-top: 0
}
.slide h5{
opacity: 0;
margin-top: -100px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
.slide.active h5{
-o-transition-delay: 1s;
transition-delay: 1s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
opacity: 1;
margin-top: 0
}
.slide.active .subtitle{
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
opacity: 1;
margin-top: 0
}
#section-intro-2 .lead{
margin-top: 0;
}
#section-intro-2 section{
height: 400px;
}
#section-intro-2 section div{
position: absolute;
margin: 0;
top: 50%;
width: 100%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
padding-left: 10%;
padding-right: 15%;
}
@media(max-width: 767px){
#section-intro-2 h3{
font-size: 40px;
text-align: left;
}
#section-intro-2 section{
padding-top: 50px;
padding-bottom: 50px;
height: auto;
min-height: 200px;
}
}
/* =================================
*
SLIDE - ABOUT
*/
#section-about{
background:linear-gradient(
rgba(0,0,0, 0.7),
rgba(0,0,0, 0.9)
), url('../images/blog.jpg') no-repeat right 50%;
background-size: cover;
}
.mission-bg{
background:linear-gradient(
rgba(0,0,0, 0.7),
rgba(0,0,0, 0.9)
), url('../images/services-cover.jpg') no-repeat right 50%;
background-size: cover;
}
@media(max-width: 767px){
#section-mission .icon-box{
text-align: center;
}
}
.image-bg{
background:linear-gradient(
rgba(13,173,16, 0.9),
rgba(13,173,16, 0.9)
), url('../images/blog.jpg') no-repeat right 50%;
background-size: cover;
}
.image-bg-dark{
background:linear-gradient(
rgba(0,0,0, 0.7),
rgba(0,0,0, 0.9)
), url('../images/blog.jpg') no-repeat right 50%;
background-size: cover;
}
.image-bg-light{
background:linear-gradient(
rgba(255,255,255, 0.7),
rgba(255,255,255, 0.9)
), url('../images/blog.jpg') no-repeat right 50%;
background-size: cover;
}
#more-aboutus-container{
background: linear-gradient(
rgba(0,0,0, 0.8),
rgba(0,0,0, 0.8)
), url('../images/team-1.jpg') no-repeat right 50%;
background-size: cover;
opacity: 1;
}
#slide-about3{
background: url('../images/skills.jpg');
background-size: cover;
}
#slide-about2{
background: url('../images/team-1.jpg');
background-size: cover;
}
#slide-about1{
background: url('../images/about1-main.jpg');
background-size: cover;
}
.about-main-icon{
font-size: 40px;
display: inline-block;
margin-bottom: 50px;
opacity: 0.7;
border-radius: 50%;
border: 1px solid rgba(255,255,255, 0.5);
padding: 19px 17px;
width: 90px;
height: 90px;
text-align: center;
}
.social-icons{
margin-top: 50px;
display: block;
}
.social-icons.blog-share-icons{
margin-top: 27px;
}
.social-icon{
margin-right: 20px;
margin-bottom: 20px;
display: inline-block;
width: 70px;
height: 50px;
}
.social-icon-sm{
margin-right: 7px;
display: inline-block;
width: 37px;
height: 37px;
padding: 8px 11px;
background: #000;
margin-top: 0;
}
.social-icon-sm:hover{
background: #000;
}
.social-icon-sm span{
color: #fff;
}
.social-icon-sm:hover span{
color: #FF634E;
}
.team-social-icons .social-icon{
font-size: 14px;
color: #000;
margin: 10px;
width: 10px;
height: 10px;
}
.team-social-icons .social-icon:hover{
color: #FF634E;
}
@media(max-width: 767px){
.social-icon-sm{
margin-right: 0;
}
}
.icon-box span{
font-size: 40px;
display: block;
}
.icon-box .lead{
margin-top: 10px;
}
.icon-box-2{
margin-bottom: 30px;
}
.icon-box-2 .lead{
margin-top: 0;
}
.icon-box-2 span{
font-size: 40px;
}
.icon-box-2 p.icon-desc{
border-bottom: 1px solid #f7f7f7;
padding-bottom: 10px;
}
.icon-box-2 p.icon-desc.white-transparent{
border-color: rgba(255,255,255,0.2);
}
.icon-box-2:last-child p.icon-desc{
border: none;
}
.icon-box-2 .lead{
margin-bottom: 10px;
color: #000;
font-weight: 700;
}
.color-bg .icon-box-2 .lead{
color: #fff
}
.icons-horiz .icon-box-2{
margin-bottom: 0;
}
@media(max-width: 767px){
.icons-horiz .icon-box-2{
margin-bottom: 30px;
}
}
.icon-box.icon-box-3 .lead{
margin-bottom: 10px;
}
.icon-box.icon-box-3 span.icon-sm{
font-size: 22px;
}
.icon-box.icon-box-3 span{
color: #ccc;
margin-top: 20px;
}
.icon-box.icon-box-3{
border-radius: 50%;
-webkit-border-radius: 50%;
padding: 20px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.icon-box.icon-box-3:hover,
.icon-box.icon-box-3.active{
background: #13AD16;
}
.icon-box.icon-box-3:hover .process-desc,
.icon-box.icon-box-3.active .process-desc{
color: #fff;
}
.icon-box.icon-box-3:hover span,
.icon-box.icon-box-3:hover .process-counter,
.icon-box.icon-box-3.active span,
.icon-box.icon-box-3.active .process-counter{
color: rgba(255,255,255, 0.3);
}
.icon-box.icon-box-3.no-radius{
border-radius: 0;
-webkit-border-radius: 0;
padding: 100px 50px;
}
@media(max-width: 767px){
.icon-box{
margin-top: 25px;
margin-bottom: 25px;
}
.icon-box.icon-box-3{
margin-bottom: 0;
margin-top: 0;
}
}
@media(max-width: 500px){
.icon-box.icon-box-3{
width: 100%;
padding: 50px;
}
.icon-box.icon-box-3 span{
font-size: 30px;
margin-top: 10px;
}
.icon-box.icon-box-3:hover{
padding: 50px;
}
.icon-box.icon-box-3.no-radius{
padding: 20px 10px;
}
}
.social-about-bg{
background: linear-gradient(
rgba(0,0,0, 0.8),
rgba(0,0,0, 0.8)
), url('../images/workprocess.jpg') no-repeat 50%;
background-size: cover;
}
#counters{
background: linear-gradient(
rgba(0,0,0, 0.3),
rgba(0,0,0, 0.3)
),url('../images/portfolio3.jpg') no-repeat center 50%;
background-size: cover;
}
@media(min-width: 768px){
.content{
padding: 100px 50px;
}
}
@media(max-width: 767px){
.content{
padding: 50px;
}
.social-icons{
margin-top: 0;
}
}
@media(max-width: 600px){
.content{
width: 100%;
}
}
/* PROGRESS BARS */
.progress-bars p{
margin-bottom: 30px;
}
.progress-bar{
box-shadow: none;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.custom-progress{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
height: 45px;
margin-top: 5px;
box-shadow: none;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
background: transparent;
}
.custom-progress .progress-bar{
background: transparent;
border-bottom: 1px solid #ccc;
font-size: 14px;
text-align: left;
padding-left: 20px;
padding-top: 20px;
color: #000;
font-weight: 700;
}
.custom-progress .progress-bar:before{
content: "";
border-radius: 50%;
border: 1px solid #ccc;
width: 10px;
height: 10px;
left: 41px;
margin-top: 19px;
position: absolute;
}
.custom-progress .progress-bar.progress-bar-alt:before{
left: 6px;
}
.custom-progress .counter{
letter-spacing: 3px;
float: right;
padding-right: 0;
font-weight: 400;
}
.custom-progress div{
letter-spacing: 3px;
}
.custom-progress div span.counter:after{
content: "/100";
}
@media (max-width: 767px){
.progress-bars{
width: 100%;
}
}
/* =================================
*
SLIDE - SERVICES
*/
#section-services{
background: linear-gradient(
rgba(0,0,0, 0.8),
rgba(0,0,0, 0.8)
),url('../images/services.jpg') no-repeat center 50%;
background-size: cover;
}
#section-workprocess-2{
background: linear-gradient(
rgba(255,255,255, 0.9),
rgba(255,255,255, 0.9)
),url('../images/blog.jpg') 50% no-repeat;
background-size: cover;
}
#more-services-container{
background: linear-gradient(
rgba(0,0,0, 0.8),
rgba(0,0,0, 0.8)
), url('../images/services.jpg') no-repeat center 50%;
background-size: cover;
opacity: 1;
}
/* services / workprocess */
.block-sm{
margin-top: 50px;
}
@media(max-width: 991px){
.block-sm{
margin-top: 25px;
margin-bottom: 25px;
}
}
.block-sm span{
font-size: 30px;
z-index: -1;
}
.block-sm:before{
content: "";
position: absolute;
left: 0;
right: 0;
top: -30px;
margin: 0 auto;
width: 0;
height: 155px;
border: 1px solid #444;
background: transparent;
z-index: -1;
transform: rotate(40deg);
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-o-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.block-sm:hover:before{
width: 100%;
background: #FF634E;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
top: -40px;
opacity: 0.8;
}
.block-sm h5{
font-size: 18px;
letter-spacing: 2px;
color: #FF634E;
font-weight: 700;
text-transform: uppercase
}
#section-workprocess-2 .block-sm:hover h5{
color: #000;
}
.block-sm:hover h5 a,
.block-sm:hover h5,
.block-sm.selected h5{
color: #fff;
}
/* social icons counters */
.block-sm-2:before{
border-color: #FF634E;
height: 105px;
top: -15px;
}
.block-sm-2:hover:before{
background: #FF634E;
border-color: #FF634E;
}
.block-sm-2 span{
font-size: 60px;
opacity: 0.8;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.block-sm-2 h5{
color: transparent;
}
.block-sm-2:hover span{
opacity: 0.5;
font-size: 30px;
}
@media(max-width: 991px){
.block-sm-2 h5{
font-size: 16px;
}
}
@media(max-width: 767px){
.block-sm-2{
margin-top: 0;
}
.block-sm-2 h5{
display: inline;
color: #fff;
margin-left: 10px;
}
.block-sm:before{
height: 100px;
}
.block-sm:hover:before{
top: -15px;
}
.block-sm-2 span{
margin-top: 5px;
font-size: 30px;
}
.block-sm-2:hover:before{
top: -5px;
}
}
@media(max-width: 600px){
.block-sm-2{
width: 100%
}
.block-sm h5{
font-size: 14px;
letter-spacing: 2px;
}
}
/* PRICE TABLE */
.price-table{
padding: 50px;
}
.price-table header{
margin-bottom: 40px;
}
.price-table .lead{
margin-top: 0;
margin-bottom: 30px;
letter-spacing: 3px;
}
.price-table h3{
border: 1px solid #ddd;
padding: 20px;
font-size: 70px;
font-weight: 700;
letter-spacing: 2px;
}
.price-table h3 small{
font-size: 28px;
letter-spacing: normal;
color: #ccc;
}
.price-table h3 sup{
font-size: 28px;
font-weight: 400;
letter-spacing: 1px;
}
.options{
list-style: none;
padding-left: 0;
}
.options li{
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #ddd;
font-size: 14px;
letter-spacing: 1px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.options li:last-child{
border: none;
}
.options li:before{
content: "\e068";
position: absolute;
font-family: "linea-arrows-10";
margin-left: -20px;
color: transparent;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.options li:hover:before{
color: #aaa;
margin-right: 20px;
}
.options li:hover{
padding-left: 30px;
}
.price-table.featured .options li{
color: rgba(255,255,255, 0.7);
border-color: rgba(255,255,255, 0.3);
}
.price-table.featured .options li:hover:before{
color: #fff;
margin-right: 20px;
}
.price-table.featured h3{
color: #fff;
border-color: rgba(255,255,255, 0.3)
}
.price-table.featured h3 small{
color: rgba(255,255,255, 0.5);
}
@media(max-width: 991px){
#price-table .container{
width: 100%;
padding: 0;
}
.price-table{
padding: 30px;
}
.price-table h3{
font-size: 60px;
letter-spacing: 2px;
}
}
@media(max-width: 767px){
.price-table{
padding: 50px;
margin-bottom: 20px;
}
.price-table .lead{
font-size: 24px;
}
}
@media(max-width: 600px){
.price-table{
width: 80%;
margin-left: 10%;
}
}
/* =================================
*
half - columns
*/
.full-width article{
padding: 0;
height: 500px;
}
.full-width .full-width-text{
position: absolute;
margin: 0;
top: 50%;
width: 100%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
padding-left: 10%;
padding-right: 10%;
}
.full-width article#bg-img-right-2{
background: url(../images/subscribe3.jpg) 100% 0 no-repeat;
background-size: cover;
}
#bg-img-right-2 > div{
padding-left: 50px;
padding-right: 50px;
}
.subscribe-bg{
background: linear-gradient(
rgba(0,0,0, 0.8),
rgba(0,0,0, 0.8)
), url('../images/subscribe.jpg') no-repeat 50%;
background-size: cover;
}
.subscribe-form{
display: inline-block;
}
.subscribe-form input{
margin-bottom: 15px;
}
@media(min-width: 1399px){
.subscribe-form{
width: 500px;
}
.subscribe-form.form-right{
float: right;
}
}
@media(max-width: 1398px){
.subscribe-form{
width: 300px;
}
}
@media(max-width: 767px){
.full-width .full-width-text{
text-align: center;
}
.full-width article{
clear: both;
}
.subscribe-bg{
margin-bottom: 100px;
}
}
/* =================================
*
SLIDE - BLOG
*/
#section-blog{
background: linear-gradient(
rgba(0,0,0, 0.7),
rgba(0,0,0, 0.7)
), url('../images/blog-cover.jpg') no-repeat right 50%;
background-size: cover;
}
#slide-b2{
background-image: url(../images/blog.jpg);
background-size: cover;
}
#slide-b3{
background-image: url(../images/blog-2.jpg);
background-size: cover;
}
.blog-meta,
.blog-meta-2{
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
padding: 10px 10px 5px 0;
background: #000;
display: inline-block;
opacity: 0.7;
}
.blog-meta div{
display: inline;
}
.blog-meta span,
.blog-meta-2 span{
color: #fff;
margin-left: 10px;
}
.blog-meta-dark{
font-size: 12px;
color: #999;
background: rgba(255,255,255, 0.5);
opacity: 1;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.blog-item:hover .blog-meta-dark{
background: #FF634E;
border-color: #FF634E;
color: #fff;
}
.blog-meta-dark span{
color: #aaa;
}
.blog-item:hover .blog-meta-dark span{
color: #fff;
}
.blog{
list-style: none;
padding-left: 0
}
.blog-item figure,
.blog-item section{
height: 250px;
padding: 0;
}
.blog-item figure{
overflow: hidden;
}
.blog-item .blog-item-info{
padding: 50px;
position: absolute;
background: rgba(255,255,255, 0.9);
width: 100%;
z-index: 1;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.blog-item-info h5{
font-weight: 700;
margin-bottom: 20px;
}
.blog-item:hover h5{
color: #000;
}
.blog-item-info h5:hover{
cursor: pointer;
}
.blog .blog-meta-dark{
text-transform: lowercase;
}
.blog .blog-meta-dark span{
font-size: 16px;
}
.blog-item:hover .blog-item-info{
width: 50%;
margin-left: 25%;
margin-right: 25%;
padding-top: 65px;
background: rgba(255,255,255,1);
}
.image-window {
cursor: pointer;
height: 250px;
margin: 0 auto;
overflow: hidden;
transition: height 0.3s ease-in-out;
}
.image-window img {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media(max-width: 991px){
.blog-item:hover .blog-item-info{
margin-left: 10%;
margin-right: 10%;
padding-top: 75px;
width: 80%;
}
}
@media(max-width: 767px){
.blog-item:hover .blog-item-info{
margin-left: 5%;
margin-right: 5%;
padding-top: 50px;
width: 90%;
}
}
@media(max-width: 600px){
.each-post{
padding: 20px 20px 0 20px;
margin-top: 0;
}
.each-post:hover span{
margin-right: -20px;
}
.blog-posts a h5{
font-size: 16px;
}
.blog-meta div{
display: block;
}
.blog-item figure,
.blog-item section{
height: 250px;
}
.blog-item .blog-item-info{
padding: 70px 50px;
}
.blog-item:hover .blog-item-info{
margin-left: 0;
margin-right: 0;
padding: 70px 50px;
width: 100%;
}
.blog-item-info h5{
font-size: 16px;
}
}
/* =================================
*
TESTIMONIALS
*/
#section-testimonials{
background: url('../images/home-4.jpg');
background-size: cover;
}
#section-testimonials .content{
padding: 50px;
}
span.testi-main-icon{
font-size: 40px;
display: inline-block;
margin-bottom: 50px;
border-radius: 50%;
opacity: 0.9;
color: #fff;
width: 90px;
height: 90px;
text-align: center;
padding: 19px 17px;
}
.each-testi .lead{
margin-top: 0;
margin-bottom: 30px;
font-style: italic;
}
.each-testi p.testi-name{
font-weight: 700;
letter-spacing: 5px;
margin-top: 15px;
margin-bottom: 5px;
color: #FF634E;
}
.each-testi span.icon{
font-size: 24px;
margin-bottom: 10px;
color: #aaa;
}
.each-testi span{
letter-spacing: 2px;
}
/* customization for the owl-carousel */
.owl-controls{
margin-top: 30px;
text-align: center;
}
.owl-controls .owl-dot{
display: inline-block;
width: 4px;
height: 4px;
margin: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border: 1px #000 solid;
background: #000;
opacity: 1;
color: transparent;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.owl-controls .owl-dot.active{
width: 12px;
height: 12px;
margin-bottom: 5px;
}
.collection-carousel .owl-controls{
margin-top: 0;
}
.collection-carousel .owl-controls .owl-dots{
position: absolute;
top: 5px;
left: 20px;
z-index: 1000;
}
.collection-carousel .owl-controls .owl-dot{
display: block;
background: #fff;
border-color: #fff;
margin: 15px;
}
.collection-carousel .owl-controls .owl-dot.active{
margin-left: 11px
}
#clients img{
border: #eee solid 1px;
padding: 30px 0;
background: #fff;
opacity: 0.7;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
#clients img:hover{
border-color: #ccc;
opacity: 1;
}
@media(max-width: 991px){
#clients img{
margin-bottom: 15px;
margin-top: 15px;
}
}
@media(max-width: 767px){
.collection-carousel{
margin-top: 100px;
margin-bottom: 100px;
}
}
/* =================================
*
PORTFOLIO
*/
.modal-container{
display: block;
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
z-index: 1000 !important;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.portfolio-project-name{
position: absolute;
bottom: 160px;
margin-left: -40px;
text-transform: uppercase;
font-weight: 700;
color: #FF634E;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;
}
@media(max-width: 767px){
.portfolio-project-name{
bottom: 140px;
margin-left: -15px;
}
}
.project-header,
.header-picture{
height: 450px;
overflow: hidden;
opacity: 0.95;
}
.project-header.dark-bg{
opacity: 0.7;
}
.b-header-image-1{
background-image: url('../images/b3.jpg');
}
.p-header-image-1{
background-image: url('../images/b1.jpg');
}
.project-details .icon-box-2 span.icon{
font-size: 30px;
}
.project-image{
max-height: 700px;
width: 100%;
overflow: hidden
}
.project-header-info{
position: absolute;
top: 230px;
text-align: center;
}
.project-header-info span{
color: #fff;
font-size: 20px;
letter-spacing: 2px;
}
.project-nav-bar{
height: 330px;
background: rgba(0,0,0,0.8);
}
.project-link{
height: 100px;
padding: 5px 0;
opacity: 0.9;
}
.project-nav-bar .project-btns{
margin: 35px 0;
}
.project-nav-bar .project-btns span{
font-size: 30px;
padding: 25px 0;
}
.project-quote{
/*margin-bottom: 100px;*/
}
.project-quote h3{
font-size: 32px;
letter-spacing: 2px;
}
.project-quote h3 span{
font-size: 260px;
position: absolute;
top: -40px;
left: -100px;
color: rgba(255,255,255, 0.3);
}
.project-quote p{
text-transform: uppercase;
letter-spacing: 7px;
margin-top: 30px;
color: #000;
font-weight: 700;
}
@media(max-width: 767px){
.project-quote h3 span{
left: -50px;
}
.project-details{
padding: 50px;
}
}
#project-preview div{
margin-bottom: 15px;
margin-top: 15px;
}
@media(max-width: 500px){
.project-quote h3 span{
left: -30px;
}
}
@media(max-width: 767px){
#project-carousel .collection-carousel{
margin-top: 0;
margin-bottom: 0;
}
}
#section-portfolio{
background:linear-gradient(
rgba(0,0,0, 0.7),
rgba(0,0,0, 0.9)
), url('../images/portfolio-bg.jpg') no-repeat right 50%;
}
.project-gallery figure{
padding: 30px;
}
.project-gallery figure:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
@media(max-width: 991px){
.project-gallery figure{
padding: 10px
}
}
.hide-details-btn{
opacity: 0;
}
.show-details-btn,
.hide-details-btn,
.project-btn{
position: absolute;
bottom: 0;
padding: 13px 0px;
width: 90px;
height: 90px;
z-index: 2002;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
background-color: #FF634E;
color: #fff;
font-size: 50px;
font-weight: 400;
opacity: 0.9;
text-align: center;
}
.hide-details-btn,
.project-btn{
margin: 0 auto;
right: 0;
left: 0;
top: 90px;
background: transparent;
border: 1px solid rgba(255,255,255, 0.5);
}
.show-details-btn:hover,
.portfolio-project-name:hover + .show-details-btn{
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
-ms-border-top-right-radius: 0;
cursor: pointer;
}
.hide-details-btn:hover{
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
-ms-border-top-right-radius: 0;
cursor: pointer;
}
.project-btn.btn-right:hover{
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
-ms-border-bottom-right-radius: 0;
cursor: pointer;
}
.project-btn.btn-left:hover{
border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-bottom-left-radius: 0;
-ms-border-bottom-left-radius: 0;
cursor: pointer;
}
#slide-p2{
background-image: url(../images/project1.jpg);
background-size: cover;
}
#slide-p3{
background-image: url(../images/project-2.jpg);
background-size: cover;
}
/* =================================
*
TEAM 1 - JCarousel Plugin
*/
.jcarousel-wrapper {
position: relative;
margin-top: 30px;
margin-bottom: -5px;
}
.jcarousel {
position: relative;
overflow: hidden;
width: 100%;
display: inline-block;
}
.jcarousel ul {
width: 20000em;
position: relative;
list-style: none;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.jcarousel li {
float: left;
padding: 5px;
}
.jcarousel figure img {
display: block;
height: auto !important;
}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: -33px;
margin-top: -20px;
width: 30px;
height: 30px;
text-align: center;
background: #000;
text-decoration: none;
font-size: 14px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
z-index: 100;
display: none;
}
.jcarousel-control-prev:hover,
.jcarousel-control-prev:focus,
.jcarousel-control-next:hover,
.jcarousel-control-next:focus{
background: #000;
color: #fff;
text-decoration: none;
}
.jcarousel-control-prev i,
.jcarousel-control-next i{
padding-top: 8px;
color: #D4B181;
}
.jcarousel-control-prev:hover i,
.jcarousel-control-next:hover i{
color: #fff;
}
.jcarousel-control-prev {
right: 35px;
}
.jcarousel-control-next {
right: 5px;
}
/** Carousel Pagination **/
.jcarousel-pagination {
position: absolute;
display: inline-block;
top: -40px;
left: 49.5%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
}
@media(max-width: 991px){
.jcarousel-pagination{
left: 10%;
}
}
@media(max-width: 767px){
.jcarousel-pagination{
left: 12%;
}
}
@media(max-width: 480px){
.jcarousel-pagination{
left: 20%;
}
}
.jcarousel-pagination a {
display: inline-block;
width: 4px;
height: 4px;
margin: 7px;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border: 1px #000 solid;
background: #000;
opacity: 1;
color: transparent;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.jcarousel-pagination a.active{
width: 12px;
height: 12px;
}
/* =================================
*
PORTFOLIO 2 - Isotope Plugin
*/
.grid-filter{
padding: 30px 0;
height: 80px;
margin-bottom: 80px;
display: block;
list-style: none;
}
.grid-filter li{
display: inline;
margin-right: 20px;
}
.grid-filter a.link{
background: #000;
}
.grid-filter a.link:hover{
color: #FF634E;
}
.grid-filter a.selected,
.grid-filter a.selected:hover{
background: #FF634E;
color: #fff;
}
@media(max-width: 767px){
.grid-filter{
height: auto;
margin-bottom: 0px;
}
.grid-filter li{
display: block;
margin-right: 0;
}
.grid-filter li a{
margin-top: 10px;
}
}
.grid-layout {
list-style: none;
text-align: center;
margin-bottom: 0;
}
.grid-layout div.info {
height: 86%;
width: 90%;
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-o-transition: -o-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
position: absolute;
top: 7%;
right: 95%;
background: rgba(255,255,255, 0.9);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.grid-layout .info.info-color-bg{
background: rgba(0,0,0, 0.8);
}
.grid-layout .info div{
position: absolute;
margin: 0;
top: 50%;
width: 100%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
padding-right: 10%;
padding-left: 10%;
}
.grid-layout figure {
position: relative;
overflow: hidden
}
@media (max-width: 767px){
.grid-layout{
margin-bottom: 0;
padding-bottom: 0;
}
}
.hover-effect{
padding: 0;
margin-top: 0;
}
.hover-effect li{
padding: 0;
}
.hover-effect.more-padding li{
padding: 0px 10px 20px 10px
}
.hover-effect figure:hover > div,
.hover-effect li.info-visible .info{
opacity: 1;
visibility: visible;
right: 5%;
}
.hover-effect li.info-visible:hover .info{
width: 100%;
height: 100%;
top: 0;
right: 0;
}
.hover-effect li.info-visible:hover .info h5{
color: #FF634E;
}
.hover-effect figure h5{
font-weight: 700;
}
#member-list li .info{
visibility: visible;
opacity: 1;
top: 95%;
left: 5%;
height: 90%;
}
li .info h5,
li .info a{
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #000;
margin-bottom: 20px;
}
#member-list li.info-visible .info,
#member-list li:hover .info{
top: 5%;
}
#member-list li.info-visible:hover .info{
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
}
@media (max-width: 991px) {
#member-list figure h5{
font-size: 24px;
}
}
@media (max-width: 767px) {
.hover-effect figure h5{
font-size: 28px;
}
#member-list figure h5{
font-size: 22px;
}
}
@media(max-width: 600px){
#team li{
width: 100%;
}
}
@media(max-width: 480px){
.hover-effect figure h5{
font-size: 20px;
margin-bottom: 10px;
}
.more-padding li{
padding: 1px;
}
.hover-effect figure h5{
margin-top: 0;
}
}
.container.grid-layout{
padding-left: 15px;
padding-right: 15px;
}
.info p{
font-weight: 400;
font-size: 14px;
padding: 10px 0 0 0;
color: #999;
letter-spacing: 2px;
margin-top: 0;
text-transform: uppercase;
border-top: 1px #ccc solid;
}
.info p.info-details{
border: none;
text-transform: none;
letter-spacing: 1px;
font-weight: 300;
}
.info span{
font-size: 20px;
color: #aaa;
}
.info h5{
letter-spacing: 2px;
font-size: 21px;
}
.info h5:hover{
color: #FF634E;
cursor: pointer
}
.info.info-color-bg h5,
.info.info-color-bg a{
color: #fff;
}
.info.info-color-bg h5:hover,
.info.info-color-bg a:hover{
color: #FF634E;
}
.info.info-color-bg span,
.info.info-color-bg p{
color: rgba(255,255,255,0.5);
}
.info.info-color-bg p{
border-top-color: rgba(255,255,255, 0.3);
}
/* =================================
*
CALL TO ACTION
*/
#section-panel{
background: linear-gradient( rgba(255,99,78, 0.9),
rgba(255,99,78, 0.9) ),
url('../images/me.jpg') 50% no-repeat;
background-size: cover;
}
.action-call{
padding: 60px 0 50px 0;
background: #000;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.action-call a.link-btn{
background: #000;
color: #fff;
margin-top: 0;
}
.action-call .icon{
font-size: 30px;
color: rgba(255,255,255, 0.5);
}
#section-services-list .container:hover + .action-call,
#section-services-list .container:hover + .action-call a.link-btn,
.action-call:hover,
.action-call:hover a{
background: #FF634E;
color: #000;
}
/* =================================
*
GALLERY page
*/
.item{
margin: 15px 0;
}
.item, .item > .inner {
height: 200px;
}
.item.expanded, .item > .inner.expanded {
height: 320px;
}
.item > .inner {
background-color: #bbb;
text-align: center;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
overflow: hidden;
}
.item > .inner.expanded,
.item > .inner{
background-color: #000;
color: #fff;
}
.item > .inner .share-image{
position: absolute;
opacity: 0;
left: -50px;
top: 10%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.item > .inner span{
display: block;
color: #fff;
width: 50px;
text-align: center;
margin-bottom: 20px;
margin-left: 7px;
}
.item > .inner span:hover{
color: #FF634E
}
.item > .inner.expanded:hover .share-image{
opacity: 1;
left: 0;
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
-moz-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
}
.item > .inner img {
display: block;
position: absolute;
height: auto;
margin-left: -15px;
margin-top: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.item > .inner.expanded:hover a img{
margin-left: 50px;
}
.item > .inner.expanded img{
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
}
.item > .inner.expanded img,
.item > .inner.expanded img:hover{
margin-left: 0;
}
@media(min-width: 992px) and (max-width: 1123px){
.item.expanded, .item > .inner.expanded{
height: 250px;
}
.item > .inner img{
height: auto;
}
}
.item > .inner .gallery-info{
position: absolute;
top: 45%;
left: 0;
opacity: 0;
text-align: left;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
padding: 0 10px 0 15px;
background: rgba(255,255,255, 0.3);
}
.item > .inner .gallery-info h5{
font-size: 16px;
letter-spacing: 1px;
color: #000;
margin-top: 7px;
margin-bottom: 7px;
}
.item > .inner .gallery-info:hover{
background: rgba(255,255,255, 0.7);
}
.item > .inner .gallery-info h5:hover{
cursor: pointer;
}
.item > .inner:hover .gallery-info{
opacity: 1;
}
.item > .inner.expanded .gallery-info{
opacity: 1;
top: 80%;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
background: #000;
}
.item > .inner.expanded .gallery-info:hover,
.item > .inner.expanded:hover .gallery-info{
padding-left: 25px;
padding-right: 20px;
}
.item > .inner.expanded .gallery-info h5{
color: #fff;
}
@media(max-width: 500px){
.item{
width: 100%;
}
}
#gallery-list{
padding: 0;
}
#gallery-list div{
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.about-gallery div.image,
.about-gallery{
padding: 0;
}
#gallery-list div.image:hover{
-webkit-transform:scale(1.25); /* Safari and Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* IE 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
z-index: 100;
}
#gallery-list:hover img,
.img-grayscale{
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
}
#gallery-list div:hover img,
.img-grayscale:hover{
-webkit-filter: grayscale(0);
filter: url("data:image/svg+xml;utf8,#grayscale");
}
/* =================================
*
CONTACT
*/
#section-contactform{
background: linear-gradient(
rgba(255,255,255, 0.9),
rgba(255,255,255, 0.9)
), url('../images/contacts.jpg') no-repeat right 50%;
background-size: cover;
}
#section-contacts{
background: linear-gradient(
rgba(0,0,0, 0.8),
rgba(0,0,0, 0.8)
), url('../images/contacts.jpg') no-repeat right 50%;
background-size: cover;
}
#contacts-form{
background: linear-gradient(
rgba(255,255,255, 0.9),
rgba(255,255,255, 0.9)
), url('../images/contacts.jpg') no-repeat right 50%;
background-size: cover;
}
#map-alt{
width: 100%;
border: none;
}
#section-contacts-2 #map-alt,
#section-contacts-2 .intro-absolute{
height: 580px;
}
.intro-absolute{
position: absolute;
z-index: 1000;
top: 0;
padding-top: 100px;
height: 100vh;
background: rgba(255,255,255, 0.8);
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
visibility: visible;
}
#section-contacts-2 .intro-absolute{
padding: 100px 50px;
background: rgba(255,255,255, 0.95);
}
.intro-absolute.display-map{
top: -100%;
visibility: hidden;
}
#hide-map,
#display-map{
position: absolute;
bottom: 0;
padding: 13px 0px;
width: 90px;
height: 90px;
z-index: 1001;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
background-color: #FF634E;
color: #fff;
font-size: 50px;
font-weight: 400;
opacity: 0.9;
text-align: center;
}
#hide-map:hover,
#display-map:hover{
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
-ms-border-top-right-radius: 0;
cursor: pointer;
}
.form-group{
padding-left: 7px;
padding-right: 7px;
}
.form-horizontal,
.form-horizontal > .form-group{
margin-right: 0;
margin-left: 0;
}
.form-horizontal input,
.form-horizontal textarea{
font-weight: 300;
letter-spacing: 1px;
}
.form-group select{
-webkit-appearance: none;
color: #999;
font-size: 12px;
letter-spacing: 2px;
font-weight: 300;
}
.form-control{
border-radius:0;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #ddd;
height: 41px;
background: transparent;
}
.form-control:focus {
-webkit-box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
background: #fff;
}
.form-control:hover,
.form-control:focus{
border-color: #ccc;
}
form input[type="text"].error, form input[type="password"].error, form input[type="date"].error, form input[type="datetime"].error, form input[type="datetime-local"].error, form input[type="month"].error, form input[type="week"].error, form input[type="email"].error, form input[type="number"].error, form input[type="search"].error, form input[type="tel"].error, form input[type="time"].error, form input[type="url"].error, form textarea.error {
border-color: red;
}
#success, #error {
display: none
}
#success span.layer-size-1,
#error span.layer-size-1{
top: 50px;
left: 0;
padding-top: 30%;
padding-bottom: 70px;
width: 100%;
height: 500px;
display: inline-block;
position: absolute;
background-color: rgba(255,255,255,0.8);
}
#success span.layer-size-1 i,
#error span.layer-size-1 i{
letter-spacing: 3px;
font-weight: 300;
}
#success span.layer-size-2,
#error span.layer-size-2{
top: 180px;
padding-top: 10px;
padding-bottom: 70px;
width: 100%;
height: 500px;
}
@media(max-width: 767px){
#success span.layer-size-1,
#error span.layer-size-1{
top: 17%;
padding-top: 70px;
padding-bottom: 70px;
right: 0;
left: 0;
width: 100%;
height: 400px;
}
#success span.layer-size-2,
#error span.layer-size-2{
top: 17%;
padding-top: 10px;
padding-bottom: 70px;
width: 100%;
height: 500px;
}
}
#success span i {
color: #00B355;
margin-top: 2.5em;
}
#error span i {
color: #c0392b;
margin-top: 6em;
}
.green-btn{
background-color: green;
}
form button.link-btn{
margin-top: 0;
border: none;
}
form button.link-btn.color-bg:hover{
background: #FF634E;
color: #000;
}
form button.link-btn.dark-bg:hover,
form button.link-btn.dark-bg:focus{
color: #fff;
outline: none;
}
button:focus{
outline: none;
}
/* =================================
*
FOOTER
*/
.footer-address{
margin-top: 50px;
}
.footer-address.no-margin-top{
margin-top: 0px;
}
.footer-address > div{
padding-top: 10px;
}
.footer-address h4{
display: inline-block;
font-size: 40px;
padding: 0px 4px;
color: #FF634E;
margin: 20px;
margin-bottom: 0;
width: 60px;
height: 60px;
}
.footer-address div:hover h4{
background: #FF634E;
color: #fff;
font-size: 24px;
padding: 17px 14px;
}
.footer-address-alt h4{
background: #FF634E;
color: #fff;
font-size: 24px;
padding: 17px 14px;
}
.footer-address-alt div:hover h4{
display: inline-block;
font-size: 40px;
padding: 0px 4px;
color: #FF634E;
margin: 20px;
margin-bottom: 0;
width: 60px;
height: 60px;
background: transparent;
}
.add-icon{
display: inline;
}
.add-info{
display: inline;
padding: 15px;
}
.footer-address span{
letter-spacing: 2px;
font-size: 16px;
display: inline-block;
text-transform: uppercase;
}
.copyright div,
.copyright a{
letter-spacing: 2px;
color: rgba(255,255,255, 0.5);
padding-left: 0;
font-size: 12px
}
.copyright .cp-text,
.copyright .footer-social-icons{
padding-top: 20px;
}
.copyright a{
color: #fff;
}
.copyright a:hover{
color: #FF634E
}
@media(min-width: 768px) and (max-width: 1024px){
#section-contacts .content{
padding: 100px 0;
}
}
@media(max-width: 991px){
.footer-address{
margin-bottom: 100px;
}
.footer-address div{
text-align: center;
}
}
@media(max-width: 767px){
.copyright div.cp-text{
margin-bottom: 30px;
padding-top: 0;
}
.copyright > div{
text-align: center;
}
.footer-address div{
text-align: left;
}
}
@media(max-width: 600px){
.footer-address > div{
padding-top: 0;
padding-bottom: 0;
}
.add-icon{
padding: 0;
}
#section-contacts .footer-address{
margin-top: 0;
}
}
@media(max-width: 400px){
.footer-address h4{
width: 60px;
height: 60px;
margin: 10px 0;
}
.footer-address span{
font-size: 14px;
letter-spacing: 2px;
}
}
/* footer newsletter form */
.footer-form{
margin: 50px 10px 5px 10px;
}
.form.footer-form button{
margin-top: 10px;
margin-bottom: 20px;
}
.form.footer-form input{
border-color: #444;
}
.form.footer-form input:focus{
background: #000;
color: #fff;
}
/* footer social icons */
.footer-social-icons{
padding: 0;
margin-top: 0
}
.footer-social-icons a{
display: inline-block;
margin-right: 15px;
margin-left: 15px;
letter-spacing: normal;
}
.footer-social-icons a:last-child{
margin-right: 0;
}
.footer-social-icons.text-center a:last-child{
margin-right: 15px;
}
.footer-social-icons i{
color: #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.footer-social-icons i:hover{
color: #FF634E;
}
@media(max-width: 767px){
.footer-social-icons a:last-child{
margin-right: 15px;
}
}
/*
* ============================================
* P L U G I N S
* ============================================
*/
/**
* fullPage 2.6.4
* https://github.com/alvarotrigo/fullPage.js
* MIT licensed
*
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
*/
html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow:hidden;
/*Avoid flicker on slides transitions for mobile phones #336 */
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
height: 100%;
position: relative;
/* Touch detection for Windows 8 */
-ms-touch-action: none;
/* IE 11 on Windows Phone 8.1*/
touch-action: none;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
-moz-box-sizing: border-box; /* <=28 */
box-sizing: border-box;
}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{
height: auto !important;
}
@media(min-width: 768px){
.intro{
padding-left: 100px;
padding-right: 100px;
}
}
@media(max-width: 767px){
.intro{
padding-left: 50px;
padding-right: 50px;
}
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout:fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.no-arrows .fp-controlArrow{
display: none;
}
.nav-colored .fp-controlArrow.fp-prev{
border-color: transparent #FF634E transparent transparent;
}
.nav-colored .fp-controlArrow.fp-next{
border-color: transparent transparent transparent #FF634E;
}
.nav-transparent .fp-controlArrow.fp-prev{
border-color: transparent rgba(255,255,255, 0.3) transparent transparent;
}
.nav-transparent .fp-controlArrow.fp-next{
border-color: transparent transparent transparent rgba(255,255,255, 0.3);
}
.no-dots .fp-slidesNav{
display: none;
}
@media(max-width: 767px){
.fp-controlArrow.fp-prev{
left: 0;
}
.fp-controlArrow.fp-next {
right: 0;
}
}
.fp-scrollable {
overflow: scroll;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
right: 17px;
}
#fp-nav.left {
left: 17px;
}
.fp-slidesNav{
position: absolute;
z-index: 4;
left: 50%;
opacity: 1;
}
.fp-slidesNav.bottom {
bottom: 17px;
}
.fp-slidesNav.top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -3px;
color: #444;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip,
#fp-nav a.active + .fp-tooltip{
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
left: 20px;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
/*width: 100%;*/
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loaded.carousel-border{
/*border: 1px solid #eee;*/
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
/*padding-left: 7px;*/
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
margin-bottom: 0;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/* ISOTOPE PLUGIN */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/* -- LIGHTBOX --
* =====================================================================
*/
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: #000;
opacity: 0.9;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
width: 250px;
height: 250px;
margin: 0 auto;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../images/img/prev.png) left 48% no-repeat;
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover,
.lb-nav a.lb-prev:focus{
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../images/img/next.png) right 48% no-repeat;
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover,
.lb-nav a.lb-next:focus{
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
color: #fff;
font-weight: 300;
letter-spacing: 1.5px;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #fff;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../images/img/close.png) top right no-repeat;
text-align: right;
outline: none;
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover,
.lb-data .lb-close:focus{
cursor: pointer;
opacity: 1;
}
/* TEXT ROTATOR */
.rotating {
display: inline-block;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform-origin-x: 50%;
}
.rotating.flip {
position: relative;
}
.rotating .front, .rotating .back {
left: 0;
top: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.rotating .front {
position: absolute;
display: inline-block;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
.rotating.flip .front {
z-index: 1;
}
.rotating .back {
display: block;
opacity: 0;
}
.rotating.spin {
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-ms-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
z-index: 2;
display: block;
opacity: 1;
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
-moz-transform: rotateY(180deg) translate3d(0,0,0);
-ms-transform: rotateY(180deg) translate3d(0,0,0);
-o-transform: rotateY(180deg) translate3d(0,0,0);
transform: rotateY(180deg) translate3d(0,0,0);
}
.rotating.flip.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
-moz-transform: rotateX(180deg) translate3d(0,0,0);
-ms-transform: rotateX(180deg) translate3d(0,0,0);
-o-transform: rotateX(180deg) translate3d(0,0,0);
transform: rotateX(180deg) translate3d(0,0,0);
}
.rotating.flip.cube .front {
-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: translate3d(0,0,100px) scale(0.85,0.85);
transform: translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube .back {
-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
/* linea icons */
@charset "UTF-8";
@font-face {
font-family: "linea-arrows-10";
src:url("../fonts/linea-arrows-10.eot");
src:url("../fonts/linea-arrows-10.eot?#iefix") format("embedded-opentype"),
url("../fonts/linea-arrows-10.woff") format("woff"),
url("../fonts/linea-arrows-10.ttf") format("truetype"),
url("../fonts/linea-arrows-10.svg#linea-arrows-10") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "linea-arrows-10" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-arrows"]:before,
[class*=" icon-arrows"]:before {
font-family: "linea-arrows-10" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrows-anticlockwise:before {
content: "\e000";
}
.icon-arrows-anticlockwise-dashed:before {
content: "\e001";
}
.icon-arrows-button-down:before {
content: "\e002";
}
.icon-arrows-button-off:before {
content: "\e003";
}
.icon-arrows-button-on:before {
content: "\e004";
}
.icon-arrows-button-up:before {
content: "\e005";
}
.icon-arrows-check:before {
content: "\e006";
}
.icon-arrows-circle-check:before {
content: "\e007";
}
.icon-arrows-circle-down:before {
content: "\e008";
}
.icon-arrows-circle-downleft:before {
content: "\e009";
}
.icon-arrows-circle-downright:before {
content: "\e00a";
}
.icon-arrows-circle-left:before {
content: "\e00b";
}
.icon-arrows-circle-minus:before {
content: "\e00c";
}
.icon-arrows-circle-plus:before {
content: "\e00d";
}
.icon-arrows-circle-remove:before {
content: "\e00e";
}
.icon-arrows-circle-right:before {
content: "\e00f";
}
.icon-arrows-circle-up:before {
content: "\e010";
}
.icon-arrows-circle-upleft:before {
content: "\e011";
}
.icon-arrows-circle-upright:before {
content: "\e012";
}
.icon-arrows-clockwise:before {
content: "\e013";
}
.icon-arrows-clockwise-dashed:before {
content: "\e014";
}
.icon-arrows-compress:before {
content: "\e015";
}
.icon-arrows-deny:before {
content: "\e016";
}
.icon-arrows-diagonal:before {
content: "\e017";
}
.icon-arrows-diagonal2:before {
content: "\e018";
}
.icon-arrows-down:before {
content: "\e019";
}
.icon-arrows-down-double:before {
content: "\e01a";
}
.icon-arrows-downleft:before {
content: "\e01b";
}
.icon-arrows-downright:before {
content: "\e01c";
}
.icon-arrows-drag-down:before {
content: "\e01d";
}
.icon-arrows-drag-down-dashed:before {
content: "\e01e";
}
.icon-arrows-drag-horiz:before {
content: "\e01f";
}
.icon-arrows-drag-left:before {
content: "\e020";
}
.icon-arrows-drag-left-dashed:before {
content: "\e021";
}
.icon-arrows-drag-right:before {
content: "\e022";
}
.icon-arrows-drag-right-dashed:before {
content: "\e023";
}
.icon-arrows-drag-up:before {
content: "\e024";
}
.icon-arrows-drag-up-dashed:before {
content: "\e025";
}
.icon-arrows-drag-vert:before {
content: "\e026";
}
.icon-arrows-exclamation:before {
content: "\e027";
}
.icon-arrows-expand:before {
content: "\e028";
}
.icon-arrows-expand-diagonal1:before {
content: "\e029";
}
.icon-arrows-expand-horizontal1:before {
content: "\e02a";
}
.icon-arrows-expand-vertical1:before {
content: "\e02b";
}
.icon-arrows-fit-horizontal:before {
content: "\e02c";
}
.icon-arrows-fit-vertical:before {
content: "\e02d";
}
.icon-arrows-glide:before {
content: "\e02e";
}
.icon-arrows-glide-horizontal:before {
content: "\e02f";
}
.icon-arrows-glide-vertical:before {
content: "\e030";
}
.icon-arrows-hamburger1:before {
content: "\e031";
}
.icon-arrows-hamburger-2:before {
content: "\e032";
}
.icon-arrows-horizontal:before {
content: "\e033";
}
.icon-arrows-info:before {
content: "\e034";
}
.icon-arrows-keyboard-alt:before {
content: "\e035";
}
.icon-arrows-keyboard-cmd:before {
content: "\e036";
}
.icon-arrows-keyboard-delete:before {
content: "\e037";
}
.icon-arrows-keyboard-down:before {
content: "\e038";
}
.icon-arrows-keyboard-left:before {
content: "\e039";
}
.icon-arrows-keyboard-return:before {
content: "\e03a";
}
.icon-arrows-keyboard-right:before {
content: "\e03b";
}
.icon-arrows-keyboard-shift:before {
content: "\e03c";
}
.icon-arrows-keyboard-tab:before {
content: "\e03d";
}
.icon-arrows-keyboard-up:before {
content: "\e03e";
}
.icon-arrows-left:before {
content: "\e03f";
}
.icon-arrows-left-double-32:before {
content: "\e040";
}
.icon-arrows-minus:before {
content: "\e041";
}
.icon-arrows-move:before {
content: "\e042";
}
.icon-arrows-move2:before {
content: "\e043";
}
.icon-arrows-move-bottom:before {
content: "\e044";
}
.icon-arrows-move-left:before {
content: "\e045";
}
.icon-arrows-move-right:before {
content: "\e046";
}
.icon-arrows-move-top:before {
content: "\e047";
}
.icon-arrows-plus:before {
content: "\e048";
}
.icon-arrows-question:before {
content: "\e049";
}
.icon-arrows-remove:before {
content: "\e04a";
}
.icon-arrows-right:before {
content: "\e04b";
}
.icon-arrows-right-double:before {
content: "\e04c";
}
.icon-arrows-rotate:before {
content: "\e04d";
}
.icon-arrows-rotate-anti:before {
content: "\e04e";
}
.icon-arrows-rotate-anti-dashed:before {
content: "\e04f";
}
.icon-arrows-rotate-dashed:before {
content: "\e050";
}
.icon-arrows-shrink:before {
content: "\e051";
}
.icon-arrows-shrink-diagonal1:before {
content: "\e052";
}
.icon-arrows-shrink-diagonal2:before {
content: "\e053";
}
.icon-arrows-shrink-horizonal2:before {
content: "\e054";
}
.icon-arrows-shrink-horizontal1:before {
content: "\e055";
}
.icon-arrows-shrink-vertical1:before {
content: "\e056";
}
.icon-arrows-shrink-vertical2:before {
content: "\e057";
}
.icon-arrows-sign-down:before {
content: "\e058";
}
.icon-arrows-sign-left:before {
content: "\e059";
}
.icon-arrows-sign-right:before {
content: "\e05a";
}
.icon-arrows-sign-up:before {
content: "\e05b";
}
.icon-arrows-slide-down1:before {
content: "\e05c";
}
.icon-arrows-slide-down2:before {
content: "\e05d";
}
.icon-arrows-slide-left1:before {
content: "\e05e";
}
.icon-arrows-slide-left2:before {
content: "\e05f";
}
.icon-arrows-slide-right1:before {
content: "\e060";
}
.icon-arrows-slide-right2:before {
content: "\e061";
}
.icon-arrows-slide-up1:before {
content: "\e062";
}
.icon-arrows-slide-up2:before {
content: "\e063";
}
.icon-arrows-slim-down:before {
content: "\e064";
}
.icon-arrows-slim-down-dashed:before {
content: "\e065";
}
.icon-arrows-slim-left:before {
content: "\e066";
}
.icon-arrows-slim-left-dashed:before {
content: "\e067";
}
.icon-arrows-slim-right:before {
content: "\e068";
}
.icon-arrows-slim-right-dashed:before {
content: "\e069";
}
.icon-arrows-slim-up:before {
content: "\e06a";
}
.icon-arrows-slim-up-dashed:before {
content: "\e06b";
}
.icon-arrows-square-check:before {
content: "\e06c";
}
.icon-arrows-square-down:before {
content: "\e06d";
}
.icon-arrows-square-downleft:before {
content: "\e06e";
}
.icon-arrows-square-downright:before {
content: "\e06f";
}
.icon-arrows-square-left:before {
content: "\e070";
}
.icon-arrows-square-minus:before {
content: "\e071";
}
.icon-arrows-square-plus:before {
content: "\e072";
}
.icon-arrows-square-remove:before {
content: "\e073";
}
.icon-arrows-square-right:before {
content: "\e074";
}
.icon-arrows-square-up:before {
content: "\e075";
}
.icon-arrows-square-upleft:before {
content: "\e076";
}
.icon-arrows-square-upright:before {
content: "\e077";
}
.icon-arrows-squares:before {
content: "\e078";
}
.icon-arrows-stretch-diagonal1:before {
content: "\e079";
}
.icon-arrows-stretch-diagonal2:before {
content: "\e07a";
}
.icon-arrows-stretch-diagonal3:before {
content: "\e07b";
}
.icon-arrows-stretch-diagonal4:before {
content: "\e07c";
}
.icon-arrows-stretch-horizontal1:before {
content: "\e07d";
}
.icon-arrows-stretch-horizontal2:before {
content: "\e07e";
}
.icon-arrows-stretch-vertical1:before {
content: "\e07f";
}
.icon-arrows-stretch-vertical2:before {
content: "\e080";
}
.icon-arrows-switch-horizontal:before {
content: "\e081";
}
.icon-arrows-switch-vertical:before {
content: "\e082";
}
.icon-arrows-up:before {
content: "\e083";
}
.icon-arrows-up-double-33:before {
content: "\e084";
}
.icon-arrows-upleft:before {
content: "\e085";
}
.icon-arrows-upright:before {
content: "\e086";
}
.icon-arrows-vertical:before {
content: "\e087";
}
/* linea basic icons */
@charset "UTF-8";
@font-face {
font-family: "linea-basic-10";
src:url("../fonts/linea-basic-10.eot");
src:url("../fonts/linea-basic-10.eot?#iefix") format("embedded-opentype"),
url("../fonts/linea-basic-10.woff") format("woff"),
url("../fonts/linea-basic-10.ttf") format("truetype"),
url("../fonts/linea-basic-10.svg#linea-basic-10") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "linea-basic-10" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-basic"]:before,
[class*=" icon-basic"]:before {
font-family: "linea-basic-10" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-basic-accelerator:before {
content: "a";
}
.icon-basic-alarm:before {
content: "b";
}
.icon-basic-anchor:before {
content: "c";
}
.icon-basic-anticlockwise:before {
content: "d";
}
.icon-basic-archive:before {
content: "e";
}
.icon-basic-archive-full:before {
content: "f";
}
.icon-basic-ban:before {
content: "g";
}
.icon-basic-battery-charge:before {
content: "h";
}
.icon-basic-battery-empty:before {
content: "i";
}
.icon-basic-battery-full:before {
content: "j";
}
.icon-basic-battery-half:before {
content: "k";
}
.icon-basic-bolt:before {
content: "l";
}
.icon-basic-book:before {
content: "m";
}
.icon-basic-book-pen:before {
content: "n";
}
.icon-basic-book-pencil:before {
content: "o";
}
.icon-basic-bookmark:before {
content: "p";
}
.icon-basic-calculator:before {
content: "q";
}
.icon-basic-calendar:before {
content: "r";
}
.icon-basic-cards-diamonds:before {
content: "s";
}
.icon-basic-cards-hearts:before {
content: "t";
}
.icon-basic-case:before {
content: "u";
}
.icon-basic-chronometer:before {
content: "v";
}
.icon-basic-clessidre:before {
content: "w";
}
.icon-basic-clock:before {
content: "x";
}
.icon-basic-clockwise:before {
content: "y";
}
.icon-basic-cloud:before {
content: "z";
}
.icon-basic-clubs:before {
content: "A";
}
.icon-basic-compass:before {
content: "B";
}
.icon-basic-cup:before {
content: "C";
}
.icon-basic-diamonds:before {
content: "D";
}
.icon-basic-display:before {
content: "E";
}
.icon-basic-download:before {
content: "F";
}
.icon-basic-exclamation:before {
content: "G";
}
.icon-basic-eye:before {
content: "H";
}
.icon-basic-eye-closed:before {
content: "I";
}
.icon-basic-female:before {
content: "J";
}
.icon-basic-flag1:before {
content: "K";
}
.icon-basic-flag2:before {
content: "L";
}
.icon-basic-floppydisk:before {
content: "M";
}
.icon-basic-folder:before {
content: "N";
}
.icon-basic-folder-multiple:before {
content: "O";
}
.icon-basic-gear:before {
content: "P";
}
.icon-basic-geolocalize-01:before {
content: "Q";
}
.icon-basic-geolocalize-05:before {
content: "R";
}
.icon-basic-globe:before {
content: "S";
}
.icon-basic-gunsight:before {
content: "T";
}
.icon-basic-hammer:before {
content: "U";
}
.icon-basic-headset:before {
content: "V";
}
.icon-basic-heart:before {
content: "W";
}
.icon-basic-heart-broken:before {
content: "X";
}
.icon-basic-helm:before {
content: "Y";
}
.icon-basic-home:before {
content: "Z";
}
.icon-basic-info:before {
content: "0";
}
.icon-basic-ipod:before {
content: "1";
}
.icon-basic-joypad:before {
content: "2";
}
.icon-basic-key:before {
content: "3";
}
.icon-basic-keyboard:before {
content: "4";
}
.icon-basic-laptop:before {
content: "5";
}
.icon-basic-life-buoy:before {
content: "6";
}
.icon-basic-lightbulb:before {
content: "7";
}
.icon-basic-link:before {
content: "8";
}
.icon-basic-lock:before {
content: "9";
}
.icon-basic-lock-open:before {
content: "!";
}
.icon-basic-magic-mouse:before {
content: "\"";
}
.icon-basic-magnifier:before {
content: "#";
}
.icon-basic-magnifier-minus:before {
content: "$";
}
.icon-basic-magnifier-plus:before {
content: "%";
}
.icon-basic-mail:before {
content: "&";
}
.icon-basic-mail-multiple:before {
content: "'";
}
.icon-basic-mail-open:before {
content: "(";
}
.icon-basic-mail-open-text:before {
content: ")";
}
.icon-basic-male:before {
content: "*";
}
.icon-basic-map:before {
content: "+";
}
.icon-basic-message:before {
content: ",";
}
.icon-basic-message-multiple:before {
content: "-";
}
.icon-basic-message-txt:before {
content: ".";
}
.icon-basic-mixer2:before {
content: "/";
}
.icon-basic-mouse:before {
content: ":";
}
.icon-basic-notebook:before {
content: ";";
}
.icon-basic-notebook-pen:before {
content: "<";
}
.icon-basic-notebook-pencil:before {
content: "=";
}
.icon-basic-paperplane:before {
content: ">";
}
.icon-basic-pencil-ruler:before {
content: "?";
}
.icon-basic-pencil-ruler-pen:before {
content: "@";
}
.icon-basic-photo:before {
content: "[";
}
.icon-basic-picture:before {
content: "]";
}
.icon-basic-picture-multiple:before {
content: "^";
}
.icon-basic-pin1:before {
content: "_";
}
.icon-basic-pin2:before {
content: "`";
}
.icon-basic-postcard:before {
content: "{";
}
.icon-basic-postcard-multiple:before {
content: "|";
}
.icon-basic-printer:before {
content: "}";
}
.icon-basic-question:before {
content: "~";
}
.icon-basic-rss:before {
content: "\\";
}
.icon-basic-server:before {
content: "\e000";
}
.icon-basic-server2:before {
content: "\e001";
}
.icon-basic-server-cloud:before {
content: "\e002";
}
.icon-basic-server-download:before {
content: "\e003";
}
.icon-basic-server-upload:before {
content: "\e004";
}
.icon-basic-settings:before {
content: "\e005";
}
.icon-basic-share:before {
content: "\e006";
}
.icon-basic-sheet:before {
content: "\e007";
}
.icon-basic-sheet-multiple:before {
content: "\e008";
}
.icon-basic-sheet-pen:before {
content: "\e009";
}
.icon-basic-sheet-pencil:before {
content: "\e00a";
}
.icon-basic-sheet-txt:before {
content: "\e00b";
}
.icon-basic-signs:before {
content: "\e00c";
}
.icon-basic-smartphone:before {
content: "\e00d";
}
.icon-basic-spades:before {
content: "\e00e";
}
.icon-basic-spread:before {
content: "\e00f";
}
.icon-basic-spread-bookmark:before {
content: "\e010";
}
.icon-basic-spread-text:before {
content: "\e011";
}
.icon-basic-spread-text-bookmark:before {
content: "\e012";
}
.icon-basic-star:before {
content: "\e013";
}
.icon-basic-tablet:before {
content: "\e014";
}
.icon-basic-target:before {
content: "\e015";
}
.icon-basic-todo:before {
content: "\e016";
}
.icon-basic-todo-pen:before {
content: "\e017";
}
.icon-basic-todo-pencil:before {
content: "\e018";
}
.icon-basic-todo-txt:before {
content: "\e019";
}
.icon-basic-todolist-pen:before {
content: "\e01a";
}
.icon-basic-todolist-pencil:before {
content: "\e01b";
}
.icon-basic-trashcan:before {
content: "\e01c";
}
.icon-basic-trashcan-full:before {
content: "\e01d";
}
.icon-basic-trashcan-refresh:before {
content: "\e01e";
}
.icon-basic-trashcan-remove:before {
content: "\e01f";
}
.icon-basic-upload:before {
content: "\e020";
}
.icon-basic-usb:before {
content: "\e021";
}
.icon-basic-video:before {
content: "\e022";
}
.icon-basic-watch:before {
content: "\e023";
}
.icon-basic-webpage:before {
content: "\e024";
}
.icon-basic-webpage-img-txt:before {
content: "\e025";
}
.icon-basic-webpage-multiple:before {
content: "\e026";
}
.icon-basic-webpage-txt:before {
content: "\e027";
}
.icon-basic-world:before {
content: "\e028";
}
/* FONT AWESOME START */
/*!
* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
/* FONT AWESOME END */
/* LINE ICON FONTS */
/*
@font-face {
font-family: 'fpslineicons';
src: url('../fonts/fpslineicons.eot?98281823');
src: url('../fonts/fpslineicons.eot?98281823#iefix') format('embedded-opentype'),
url('../fonts/fpslineicons.woff?98281823') format('woff'),
url('../fonts/fpslineicons.ttf?98281823') format('truetype'),
url('../fonts/fpslineicons.svg?98281823#fpslineicons') 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: 'fpslineicons';
src: url('../font/fpslineicons.svg?98281823#fpslineicons') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fpslineicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .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 - margins should be symmetric */
/* remove if not needed */
margin-left: .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-heart:before { content: '\e800'; } /* '?' */
.icon-clock:before { content: '\e801'; } /* '?' */
.icon-presentation:before { content: '\e802'; } /* '?' */
.icon-camera:before { content: '\e803'; } /* '?' */
.icon-search1:before { content: '\e804'; } /* '?' */
.icon-search2:before { content: '\e805'; } /* '?' */
.icon-search3:before { content: '\e806'; } /* '?' */
.icon-push:before { content: '\e807'; } /* '?' */
.icon-diagram:before { content: '\e808'; } /* '?' */
.icon-setting2:before { content: '\e809'; } /* '?' */
.icon-feedback:before { content: '\e80a'; } /* '?' */
.icon-home:before { content: '\e80b'; } /* '?' */
.icon-calendar:before { content: '\e80c'; } /* '?' */
.icon-diagram2:before { content: '\e80d'; } /* '?' */
.icon-feedback2:before { content: '\e80e'; } /* '?' */
.icon-email:before { content: '\e80f'; } /* '?' */
.icon-twitter1:before { content: '\e810'; } /* '?' */
.icon-facebook:before { content: '\e811'; } /* '?' */
.icon-linkedin:before { content: '\e812'; } /* '?' */
.icon-gplus:before { content: '\e813'; } /* '?' */
.icon-feedback3:before { content: '\e814'; } /* '?' */
.icon-map1:before { content: '\e815'; } /* '?' */
.icon-map2:before { content: '\e816'; } /* '?' */
.icon-map3:before { content: '\e817'; } /* '?' */
.icon-email2:before { content: '\e818'; } /* '?' */
.icon-register:before { content: '\e819'; } /* '?' */
.icon-padlock1:before { content: '\e81a'; } /* '?' */
.icon-download2:before { content: '\e81b'; } /* '?' */
.icon-lecturer:before { content: '\e81c'; } /* '?' */
.icon-theme:before { content: '\e81d'; } /* '?' */
.icon-house:before { content: '\e81e'; } /* '?' */
.icon-download1:before { content: '\e81f'; } /* '?' */
.icon-badge:before { content: '\e820'; } /* '?' */
.icon-trash:before { content: '\e821'; } /* '?' */
.icon-bag:before { content: '\e822'; } /* '?' */
.icon-twitter2:before { content: '\e823'; } /* '?' */
.icon-upload1:before { content: '\e824'; } /* '?' */
.icon-setting3:before { content: '\e825'; } /* '?' */
.icon-padlock2:before { content: '\e826'; } /* '?' */
.icon-chat2:before { content: '\e827'; } /* '?' */
.icon-pipette:before { content: '\e828'; } /* '?' */
.icon-nocloud:before { content: '\e829'; } /* '?' */
.icon-drbag:before { content: '\e82a'; } /* '?' */
.icon-user3:before { content: '\e82b'; } /* '?' */
.icon-upload2:before { content: '\e82c'; } /* '?' */
.icon-eye:before { content: '\e82d'; } /* '?' */
.icon-user1:before { content: '\e82e'; } /* '?' */
.icon-pinterest:before { content: '\e82f'; } /* '?' */
.icon-vimeo:before { content: '\e830'; } /* '?' */
.icon-youtube:before { content: '\e831'; } /* '?' */
.icon-skype:before { content: '\e832'; } /* '?' */
.icon-user2:before { content: '\e833'; } /* '?' */
.icon-chat1:before { content: '\e834'; } /* '?' */
.icon-evernote:before { content: '\e835'; } /* '?' */
.icon-dribbble:before { content: '\e836'; } /* '?' */
.icon-behance:before { content: '\e837'; } /* '?' */
.icon-pen:before { content: '\e838'; } /* '?' */
.icon-pencil:before { content: '\e839'; } /* '?' */
.icon-birdpen:before { content: '\e83a'; } /* '?' */
.icon-users:before { content: '\e83b'; } /* '?' */
.icon-brush:before { content: '\e83c'; } /* '?' */
.icon-paintcylinder:before { content: '\e83d'; } /* '?' */
.icon-flickr:before { content: '\e83e'; } /* '?' */
.icon-deviantart:before { content: '\e83f'; } /* '?' */
.icon-digg:before { content: '\e840'; } /* '?' */
.icon-emoticon1:before { content: '\e841'; } /* '?' */
.icon-emoticon2:before { content: '\e842'; } /* '?' */
.icon-emoticon3:before { content: '\e843'; } /* '?' */
.icon-emoticon4:before { content: '\e844'; } /* '?' */
.icon-emoticon5:before { content: '\e845'; } /* '?' */
.icon-emoticon6:before { content: '\e846'; } /* '?' */
.icon-emoticon7:before { content: '\e847'; } /* '?' */
.icon-emoticon8:before { content: '\e848'; } /* '?' */
.icon-emoticon9:before { content: '\e849'; } /* '?' */
.icon-emoticon10:before { content: '\e84a'; } /* '?' */
.icon-emoticon11:before { content: '\e84b'; } /* '?' */
.icon-emoticon12:before { content: '\e84c'; } /* '?' */
.icon-emoticon13:before { content: '\e84d'; } /* '?' */
.icon-emoticon14:before { content: '\e84e'; } /* '?' */
.icon-emoticon15:before { content: '\e84f'; } /* '?' */
.icon-emoticon16:before { content: '\e850'; } /* '?' */
.icon-emoticon17:before { content: '\e851'; } /* '?' */
.icon-emoticon18:before { content: '\e852'; } /* '?' */
.icon-emoticon19:before { content: '\e853'; } /* '?' */
.icon-emoticon20:before { content: '\e854'; } /* '?' */
.icon-emoticon21:before { content: '\e855'; } /* '?' */
.icon-emoticon22:before { content: '\e856'; } /* '?' */
.icon-emoticon23:before { content: '\e857'; } /* '?' */
.icon-emoticon24:before { content: '\e858'; } /* '?' */
.icon-emoticon25:before { content: '\e859'; } /* '?' */
.icon-emoticon26:before { content: '\e85a'; } /* '?' */
.icon-hammer:before { content: '\e85b'; } /* '?' */
.icon-wrench1:before { content: '\e85c'; } /* '?' */
.icon-screwdriver:before { content: '\e85d'; } /* '?' */
.icon-wrench2:before { content: '\e85e'; } /* '?' */
.icon-cordlessscrewdriver:before { content: '\e85f'; } /* '?' */
.icon-scissors:before { content: '\e860'; } /* '?' */
.icon-weather1:before { content: '\e861'; } /* '?' */
.icon-weather2:before { content: '\e862'; } /* '?' */
.icon-weather3:before { content: '\e863'; } /* '?' */
.icon-weather4:before { content: '\e864'; } /* '?' */
.icon-weather5:before { content: '\e865'; } /* '?' */
.icon-weather6:before { content: '\e866'; } /* '?' */
.icon-weather7:before { content: '\e867'; } /* '?' */
.icon-weather8:before { content: '\e868'; } /* '?' */
.icon-weather9:before { content: '\e869'; } /* '?' */
.icon-weather10:before { content: '\e86a'; } /* '?' */
.icon-weather11:before { content: '\e86b'; } /* '?' */
.icon-weather12:before { content: '\e86c'; } /* '?' */
.icon-weather13:before { content: '\e86d'; } /* '?' */
.icon-weather14:before { content: '\e86e'; } /* '?' */
.icon-weather15:before { content: '\e86f'; } /* '?' */
.icon-weather16:before { content: '\e870'; } /* '?' */
.icon-weather17:before { content: '\e871'; } /* '?' */
.icon-weather18:before { content: '\e872'; } /* '?' */
.icon-weather19:before { content: '\e873'; } /* '?' */
.icon-weather20:before { content: '\e874'; } /* '?' */
.icon-weather21:before { content: '\e875'; } /* '?' */
.icon-weather22:before { content: '\e876'; } /* '?' */
.icon-weather23:before { content: '\e877'; } /* '?' */
.icon-weather24:before { content: '\e878'; } /* '?' */
.icon-weather25:before { content: '\e879'; } /* '?' */
.icon-weather26:before { content: '\e87a'; } /* '?' */
.icon-soundcloud:before { content: '\e87b'; } /* '?' */
.icon-battery1:before { content: '\e87c'; } /* '?' */
.icon-battery2:before { content: '\e87d'; } /* '?' */
.icon-battery3:before { content: '\e87e'; } /* '?' */
.icon-battery4:before { content: '\e87f'; } /* '?' */
.icon-battery5:before { content: '\e880'; } /* '?' */
.icon-battery6:before { content: '\e881'; } /* '?' */
.icon-battery7:before { content: '\e882'; } /* '?' */
.icon-mouse:before { content: '\e883'; } /* '?' */
.icon-imac:before { content: '\e884'; } /* '?' */
.icon-gamepad:before { content: '\e885'; } /* '?' */
.icon-laptop:before { content: '\e886'; } /* '?' */
.icon-printer:before { content: '\e887'; } /* '?' */
.icon-headphone:before { content: '\e888'; } /* '?' */
.icon-keyboard:before { content: '\e889'; } /* '?' */
.icon-monitor:before { content: '\e88a'; } /* '?' */
.icon-telephone:before { content: '\e88b'; } /* '?' */
.icon-ipod:before { content: '\e88c'; } /* '?' */
.icon-mic1:before { content: '\e88d'; } /* '?' */
.icon-bakelitedisk:before { content: '\e88e'; } /* '?' */
.icon-usb1:before { content: '\e88f'; } /* '?' */
.icon-mic2:before { content: '\e890'; } /* '?' */
.icon-calculator:before { content: '\e891'; } /* '?' */
.icon-floppydisk:before { content: '\e892'; } /* '?' */
.icon-cpu:before { content: '\e893'; } /* '?' */
.icon-vlc:before { content: '\e894'; } /* '?' */
.icon-usb2:before { content: '\e895'; } /* '?' */
.icon-classictelephone:before { content: '\e896'; } /* '?' */
.icon-projector:before { content: '\e897'; } /* '?' */
.icon-webcam:before { content: '\e898'; } /* '?' */
.icon-speaker1:before { content: '\e899'; } /* '?' */
.icon-speaker2:before { content: '\e89a'; } /* '?' */
.icon-speaker3:before { content: '\e89b'; } /* '?' */
.icon-speaker4:before { content: '\e89c'; } /* '?' */
.icon-camera3:before { content: '\e89d'; } /* '?' */
.icon-camera2:before { content: '\e89e'; } /* '?' */
.icon-tv:before { content: '\e89f'; } /* '?' */
.icon-polaroid:before { content: '\e8a0'; } /* '?' */
.icon-antenna:before { content: '\e8a1'; } /* '?' */
.icon-camera4:before { content: '\e8a2'; } /* '?' */
.icon-radio:before { content: '\e8a3'; } /* '?' */
.icon-arrow1:before { content: '\e8a4'; } /* '?' */
.icon-arrow2:before { content: '\e8a5'; } /* '?' */
.icon-arrow3:before { content: '\e8a6'; } /* '?' */
.icon-arrow4:before { content: '\e8a7'; } /* '?' */
.icon-arrow5:before { content: '\e8a8'; } /* '?' */
.icon-arrow51:before { content: '\e8a9'; } /* '?' */
.icon-arrow6:before { content: '\e8aa'; } /* '?' */
.icon-arrow7:before { content: '\e8ab'; } /* '?' */
.icon-arrow8:before { content: '\e8ac'; } /* '?' */
.icon-arrow9:before { content: '\e8ad'; } /* '?' */
.icon-arrow10:before { content: '\e8ae'; } /* '?' */
.icon-arrow11:before { content: '\e8af'; } /* '?' */
.icon-arrow12:before { content: '\e8b0'; } /* '?' */
.icon-arrow13:before { content: '\e8b1'; } /* '?' */
.icon-arrow14:before { content: '\e8b2'; } /* '?' */
.icon-arrow15:before { content: '\e8b3'; } /* '?' */
.icon-arrow16:before { content: '\e8b4'; } /* '?' */
.icon-arrow17:before { content: '\e8b5'; } /* '?' */
.icon-arrow18:before { content: '\e8b6'; } /* '?' */
.icon-arrow19:before { content: '\e8b7'; } /* '?' */
.icon-arrow20:before { content: '\e8b8'; } /* '?' */
.icon-arrow21:before { content: '\e8b9'; } /* '?' */
.icon-arrow22:before { content: '\e8ba'; } /* '?' */
.icon-arrow23:before { content: '\e8bb'; } /* '?' */
.icon-arrow24:before { content: '\e8bc'; } /* '?' */
.icon-arrow25:before { content: '\e8bd'; } /* '?' */
.icon-arrow26:before { content: '\e8be'; } /* '?' */
.icon-arrow27:before { content: '\e8bf'; } /* '?' */
.icon-arrow28:before { content: '\e8c0'; } /* '?' */
.icon-arrow29:before { content: '\e8c1'; } /* '?' */
.icon-arrow30:before { content: '\e8c2'; } /* '?' */
.icon-arrow31:before { content: '\e8c3'; } /* '?' */
.icon-arrow32:before { content: '\e8c4'; } /* '?' */
.icon-arrow33:before { content: '\e8c5'; } /* '?' */
.icon-arrow52:before { content: '\e8c6'; } /* '?' */
.icon-arrow34:before { content: '\e8c7'; } /* '?' */
.icon-arrow35:before { content: '\e8c8'; } /* '?' */
.icon-arrow36:before { content: '\e8c9'; } /* '?' */
.icon-arrow37:before { content: '\e8ca'; } /* '?' */
.icon-arrow38:before { content: '\e8cb'; } /* '?' */
.icon-arrow39:before { content: '\e8cc'; } /* '?' */
.icon-arrow40:before { content: '\e8cd'; } /* '?' */
.icon-arrow41:before { content: '\e8ce'; } /* '?' */
.icon-arrow42:before { content: '\e8cf'; } /* '?' */
.icon-arrow43:before { content: '\e8d0'; } /* '?' */
.icon-arrow48:before { content: '\e8d1'; } /* '?' */
.icon-arrow49:before { content: '\e8d2'; } /* '?' */
.icon-arrow50:before { content: '\e8d3'; } /* '?' */
.icon-arrow44:before { content: '\e8d4'; } /* '?' */
.icon-arrow45:before { content: '\e8d5'; } /* '?' */
.icon-arrow46:before { content: '\e8d6'; } /* '?' */
.icon-arrow47:before { content: '\e8d7'; } /* '?' */
.icon-star1:before { content: '\e8d8'; } /* '?' */
.icon-star2:before { content: '\e8d9'; } /* '?' */
.icon-star3:before { content: '\e8da'; } /* '?' */
.icon-cart3:before { content: '\e8db'; } /* '?' */
.icon-cart31:before { content: '\e8dc'; } /* '?' */
.icon-cart32:before { content: '\e8dd'; } /* '?' */
.icon-moneybag:before { content: '\e8de'; } /* '?' */
.icon-moneypig:before { content: '\e8df'; } /* '?' */
.icon-cart:before { content: '\e8e0'; } /* '?' */
.icon-cart2:before { content: '\e8e1'; } /* '?' */
.icon-gift:before { content: '\e8e2'; } /* '?' */
.icon-safe:before { content: '\e8e3'; } /* '?' */
.icon-gold1:before { content: '\e8e4'; } /* '?' */
.icon-gold2:before { content: '\e8e5'; } /* '?' */
.icon-gold3:before { content: '\e8e6'; } /* '?' */
.icon-gold4:before { content: '\e8e7'; } /* '?' */
.icon-gold5:before { content: '\e8e8'; } /* '?' */
.icon-judicialgavel:before { content: '\e8e9'; } /* '?' */
.icon-bankcard:before { content: '\e8ea'; } /* '?' */
.icon-bell:before { content: '\e8eb'; } /* '?' */
.icon-bag2:before { content: '\e8ec'; } /* '?' */
.icon-money1:before { content: '\e8ed'; } /* '?' */
.icon-money2:before { content: '\e8ee'; } /* '?' */
.icon-money3:before { content: '\e8ef'; } /* '?' */
.icon-money4:before { content: '\e8f0'; } /* '?' */
.icon-shop:before { content: '\e8f1'; } /* '?' */
.icon-blogger:before { content: '\e8f2'; } /* '?' */
.icon-lamp:before { content: '\e8f3'; } /* '?' */
.icon-setting1:before { content: '\e8f4'; } /* '?' */
.icon-vote:before { content: '\e8f5'; } /* '?' */
.icon-registration:before { content: '\e8f6'; } /* '?' */
.icon-arrow53:before { content: '\e8f7'; } /* '?' */
.icon-arrow54:before { content: '\e8f8'; } /* '?' */
.icon-arrow55:before { content: '\e8f9'; } /* '?' */
.icon-arrow56:before { content: '\e8fa'; } /* '?' */
.icon-arrow57:before { content: '\e8fb'; } /* '?' */
.icon-arrow58:before { content: '\e8fc'; } /* '?' */
.icon-arrow59:before { content: '\e8fd'; } /* '?' */
.icon-arrow60:before { content: '\e8fe'; } /* '?' */
.icon-arrow61:before { content: '\e8ff'; } /* '?' */
.icon-arrow62:before { content: '\e900'; } /* '?' */
.icon-arrow63:before { content: '\e901'; } /* '?' */
.icon-arrow64:before { content: '\e902'; } /* '?' */
.icon-arrow65:before { content: '\e903'; } /* '?' */
.icon-arrow66:before { content: '\e904'; } /* '?' */
.icon-arrow67:before { content: '\e905'; } /* '?' */
.icon-arrow68:before { content: '\e906'; } /* '?' */
.icon-arrow69:before { content: '\e907'; } /* '?' */
.icon-arrow70:before { content: '\e908'; } /* '?' */
.icon-arrow71:before { content: '\e909'; } /* '?' */
.icon-arrow72:before { content: '\e90a'; } /* '?' */
.icon-arrow73:before { content: '\e90b'; } /* '?' */
.icon-arrow74:before { content: '\e90c'; } /* '?' */
.icon-arrow75:before { content: '\e90d'; } /* '?' */
.icon-arrow76:before { content: '\e90e'; } /* '?' */
.icon-arrow77:before { content: '\e90f'; } /* '?' */
.icon-arrow78:before { content: '\e910'; } /* '?' */
.icon-arrow79:before { content: '\e911'; } /* '?' */
/* DEMO STYLES */
#demo div{
padding: 10px;
}
#demo img{
border: 10px solid #000;
margin-bottom: 30px;
-webkit-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
#demo img:hover{
opacity: 0.8;
}
#demo h4{
color: #333;
padding: 5px;
display: inline-block;
text-transform: uppercase;
margin-bottom: 0
}
#demo span{
letter-spacing: 3px;
}
.demo-intro h4{
color: #999;
font-weight: 300;
letter-spacing: 3px;
/*line-height: 40px;*/
margin-top: 0px;
font-size: 16px;
}
.demo-intro h4 strong{
color: #000;
}
#demo .container{
}