/* @override http://indpack.eu/wp-content/themes/indpack/style.css?ver=3.6.1 */

/*
Theme Name: indPack
Theme URI: http://www.indpack.eu
Description: Theme for the website indpack.eu
Version: 1.0
Author: Studio Haut les Mains
Author URI: http://www.studiohautlesmains.com
Tags: two-columns
*/

/* ==========================================================================
   Table of Contents
   ==========================================================================
:: Images
:: Posts
:: Typography
:: Icons
:: Scrollers
:: Header
:: Shared Styles
:: HOME
:: PAGES
:: PAGES SERVICES
:: FOOTER
*/

body {
    border-top: 3px solid red;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* ==========================================================================
   Images
   ========================================================================== */

.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

.wp-caption { max-width: 100%; }


/* ==========================================================================
   Posts
   ========================================================================== */

.author-box h5 {margin-top:0;}
.author-box .author_gravatar {margin-right:10px;}
.author-box p {font-size:14px; font-size:1.4em;}

article .th {margin-bottom:10px; margin-bottom:1em;}

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin:0 auto;text-align:center;}


/* ==========================================================================
   Typography
   ========================================================================== */

body,h1,h2,h3,h4,h5,h6,p { color: #686868;font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6,a:link {font-weight: 100;}
p { font-size: 0.8em;
    color: #515151;
}
.site-title .subheader {margin-bottom:0;}

a, a:link, a:visited {
    color: red;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

a:hover {
    color: red;
}

.wpb_separator, .vc_text_separator {
    border-bottom: 1px solid #ddd!important;
}

/* 
   H2 Heading
   ========================================================================== */
h2 {
    overflow: hidden;
    color: #5d5d5d;
    text-align: left;
    font-size: 1.8em;
    
}

h2:after {

    position: relative;
    display: inline-block;
    width: 100%;

    height: 1px;

    background-color: #ccc;
    content: '';
    vertical-align: 0;
}

h2:after {
    left: 0.5em;

    margin-right: -80%;
}

.home h4 {
    color: #6d6d6d;
    font-size: 1.3em;
}


/* ==========================================================================
   Icons
   ========================================================================== */

.icon-envelope {
    margin-right: 2px;

    color: red;
}

.icon-external-link {
    margin-right: 2px;

    color: red;
}


/* ==========================================================================
   Scrollers
   ========================================================================== */

.nano {
    position: relative;

    overflow: hidden;
    width: 100%;
    height: 100%;
}
.nano .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: scroll;
    overflow-x: hidden;
}
.nano .content:focus {
    outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
    visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
    visibility: visible;
}
.nano > .pane {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    visibility: hidden\9; /* Target only IE7 and IE8 with this hack */

    width: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    background: rgba(0,0,0,.25);

    opacity: .01;

    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;

    transition: .2s;  
}
.nano > .pane > .slider {
    position: relative;

    margin: 0 1px;
    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;
    border-radius: 3px;

    background: #444;
    background: rgba(0,0,0,.5);  
}
.nano:hover > .pane, .pane.active, .pane.flashed {
    visibility: visible\9; /* Target only IE7 and IE8 with this hack */

    opacity: 0.99;
}


/* ==========================================================================
   Custom Editor Style + General styles
   ========================================================================== */
.indpack-paragraph-red {
    color: red;
}

.main-content ul {
    list-style: none;
}

.main-content li {
  padding-left: 1.1em;
}

.main-content li:before {
    display: inline-block;
    margin-left: -1.1em;
    width: 1.1em;
    color: red;
    content:"\f054";
    font-family: FontAwesome;
}



/* ==========================================================================
   Translation
   ========================================================================== */


.transposh_flags a {
    opacity: .3;
    margin-left: 5px;
}

.transposh_flags a.tr_active {
    opacity: 1;
}

/* ==========================================================================
   Header
   ========================================================================== */

.site-header {margin:-1.875em 0 1.875em 0;padding:1.5rem 0 1rem 0;border-bottom:1px solid #ddd;}
.sidebar ul li {list-style:none;}
.top-bar-section ul li>a {border-right:none;border-left:1px solid #333;}


.header {
    padding-top: 15px;
    min-height: 100px;
}

/* 
   Top Header
   ========================================================================== */

.top-header-separator {
    border-bottom: 2px solid #D6D6D5;
}

.top-header-infos {
    color: #888;
    font-size: 11px;
    line-height: 26px;
}

.top-header-infos a {
    color: #999;

    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -ms-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

.top-header-infos a:hover {
    color: red;
}

.top-header-infos ul {
    display: inline-block;

    margin: 0;
    padding: 0;

    list-style: none;
}

.top-header-infos ul li {
    display: inline-block;

    margin: 0 15px 0 0;
    padding: 0;

    line-height: 26px;
}

.top-header-infos .flag {
    margin: 0;
    padding-left: 20px;
}

.top-header-infos .lang-en {
    background: transparent url(img/flags/gb.png) left center no-repeat;
}


.transposh_flags {
    position: relative;
    top: 6px;
}

.home .transposh_flags {
    top: 2px;
}


/* 
   Logo Header
   ========================================================================== */

.header-logo {
    margin: 15px 0;
}

/* 
   Menu Header
   ========================================================================== */
.header-menu ul {
    margin-top: 25px;
}

.menu-principal {
    list-style: none;
}

.menu-principal li {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    padding-top: 4px;
    font-size: 0.9em;
    background: transparent url(img/menu_top.png) -50px top no-repeat;
    -webkit-transition: background .4s ease-in-out;
    -moz-transition: background .4s ease-in-out;
    -ms-transition: background .4s ease-in-out;
    -o-transition: background .4s ease-in-out;
    transition: background .4s ease-out;
}

.menu-principal a {
    display: inline-block;
    color: #333;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.menu-principal a:hover {
    color: red;
}

.menu-principal li:hover {
    background: transparent url(img/menu_top.png) left top no-repeat;
}

.current-menu-item a {
    color: red;
}

.menu-principal li.current-menu-item {
    background: transparent url(img/menu_top.png) left top no-repeat;
}



/* ==========================================================================
   Shared Styles
   ========================================================================== */
.wp-caption-text {text-align: center;}
.sticky { }
.gallery-caption { }
.bypostauthor{ }
.site-content .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
    max-width: 90%;
    height: auto;

    border: none;
}
.site-content .gallery dd {
    margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

embed,
iframe,
object {
    max-width: 100%;
}


/* ==========================================================================
   HOME
   ========================================================================== */

#home-slider,
.home-slider {
    height: 400px;
}

.home-slider {
    margin-bottom: 35px;
}


.home-block {
    margin-bottom: 35px;
}

.rev_slider_wrapper {
    margin-bottom: 25px!important;
}

/* About Us */
h4>img {
    margin-right: 10px;
}

.home .home-about-us>div {
    border-radius: 8px;
    background-color: transparent;
    cursor: pointer;

    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -ms-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}


/* Services (4 columns) */
.home-services {
    position: relative;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    background-color: transparent;

    -webkit-transition: background-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out;
    -ms-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out;
}

.home-services:hover {
    /*background-color: #f8f8f8;*/
}

.services-title {
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.4em;
    min-height: 2.8em;

    max-width: 185px;
    margin: 20px auto;
}

.lang-fr .services-title {
    min-height: inherit;
}

.page-services-title {
    margin-top: 25px;
    margin-bottom: 30px;
    text-align: left;
    font-size: 1.8em;
}

.services-area {
    position: absolute;

    padding-top: 15px;
    border: transparent 1px solid;
    border-radius: 0;
    background-color: transparent;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    cursor: pointer;
    height: 430px;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.services-area:hover {
    border: #ddd 1px solid;
    border-radius: 6px;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(248,248,248)));
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(248,248,248));
    background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(248,248,248));
    background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(248,248,248));
    background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(248,248,248));
    background-image: linear-gradient(top, rgb(255, 255, 255), rgb(248,248,248));
    box-shadow: 0 0 8px rgba(0,0,0,.05);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#eeeeee');
    
    -o-transform: scale(1.06, 1.06);
    -webkit-transform: scale(1.06, 1.06);
    -moz-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06);
}


.services-area .services-title {
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -ms-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

.services-area:hover .services-title {
    color: red;
}

.services-area:hover p {
    color: #444;
}

.services-area p {
    color: #666;
    text-align: left;
    font-size: .9em;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -ms-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}


/* Services (details) */
.services-area-full {
    position: relative;
    display: none;

    height: 400px;

    box-shadow: 0 0 5px rgba(1,1,1,.2);
}

.services-area-full-left {
    height: 400px;

    background-color: #404040;
    color: #F8F6F5;
}

.services-area-full-right {
    height: 400px;
}

.services-area-full-left .service-diag-bg {
    margin: 30px 20px;
}

.services-title-details {
    margin: 25px 20px 20px;
    color: #eee;

    font-size: 1.4em;
}

.services-area-full-left p {
    margin: auto 20px;
    color: #aaa;
    font-weight: normal;

    font-size: .9em;
}

.services-area-full-right>.content {
    padding: 35px;
}

.btn-close-service {
    position: absolute;
    top: 10px;
    right: 15px;
    opacity: .5;

    cursor: pointer;

    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -ms-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: opacity .3s ease-out;
}

.btn-close-service > span {
    position: relative;
    top: -4px;
    left: 20px;
    font-size: .8em;

    opacity: 0;

    -webkit-transition: opacity .5s ease-out, left .3s ease-out;
    -moz-transition: opacity .5s ease-out, left .3s ease-out;
    -ms-transition: opacity .5s ease-out, left .3s ease-out;
    -o-transition: opacity .5s ease-out, left .3s ease-out;
    transition: opacity .5s ease-out, left .3s ease-out;
}

.btn-close-service:hover {
    opacity: 1;
}

.btn-close-service:hover > span {
    left: 0;

    opacity: 1;
}


/* Products */

.see-all-link {
    margin-top : 0;
    text-align: right;
    text-transform: uppercase;
    font-size: 0.8em;
    position: relative;
    top: -41px;
}

.home-about-us .see-all-link {
    top: 0;
}

.see-all-link a,
.see-all-link a:visited {
    color: #444;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.see-all-link a:hover,
.see-all-link:hover .icon-chevron-sign-right {
    color: red;
}

.see-all-link .icon-chevron-sign-right {
    color: red;
    font-weight: normal;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.home-product-img-li {
    background: transparent url(img/loader.gif) center center no-repeat;
    padding: 0 5px 5px!important;
    margin-bottom: 5px;
    cursor: pointer;
}

.home-product-img {
    opacity: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
    position: relative;
}

.home-product-img .BWfade {
    left: -5px;
    cursor: pointer;
}

.home-products-thumbs {
    margin: 0 -5px!important;
    list-style: none;    
}


.home-product-img .product-new {
    position: absolute;
    top: 0;
    left: 0;
}

.home-product-img-title {
    position: absolute;
    bottom: 0;
    line-height: 1.4em;
    margin-right: 0;
    padding: 10px;
/*    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
*/    width: 100%;
    height: 60px;
    /*border: 1px solid #888;*/
    border-top: none;
    background-color: #eee;
    background-color: rgba(255,255,255,.9);
    border-radius: 0;
    color: #555;
    font-weight: normal;
    font-size: 0.8em;
    opacity: 1;
    display: none;
    cursor: pointer;
}

.home-product-img:hover > .home-product-img-title {

}

.home-product-detail {
    position: relative;
    display: none;

    overflow: hidden;
    padding: 0;

    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.home-product-detail-left {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;

    width: 50%;
}


.home-product-switch {
    background-color: #EDEDED;
    border-radius: 0 4px 4px 0;
    text-align: center;
    list-style: none;
    position: absolute;
    right: -22px;
    bottom: 15px;
    width: 22px;
    height: auto;
    border: 1px solid #CACACA;
    font-size: 12px;
    line-height: auto;
    margin: 0;
    padding: 0;
}

.home-product-switch li {
    border-bottom: 1px solid #CACACA;
    cursor: pointer;
    padding: 0;
    

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-product-switch li i {
    opacity: .4;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.home-product-switch li:hover {
    background-color: #E3E3E3;
}

.home-product-switch li:hover i {
    opacity: 1;
    color: #DD2600;
}


.home-product-switch li.active {
    background-color: #E3E3E3;
}

.home-product-switch li.active i {
    opacity: 1;
}


.home-product-switch li:last-child {
    border: none;
}


.product-video {
    margin: 0;
    line-height: 0;
}

.hideit {
    display: none;
}

/* Slider */
.product-slider {
    margin-bottom: 0;
    list-style: none;
}

.product-slider li {
    display: none;
}

.rslides_nav {
    color: #fff;
}

.rslides {
    position: relative;

    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;

    list-style: none;
}

.rslides li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;

    width: 100%;

    -webkit-backface-visibility: hidden;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    float: left;
    width: 100%;

    height: auto;

    border: 0;
}

.rslides_nav {
    display: inline-block;
    border-radius: 3px;

    background-color: #444;
    background-color: rgba(0,0,0,0.6);
}

.rslides_nav {
    position: absolute;
    bottom: 20px;
    z-index: 3;

    overflow: hidden;
    width: 30px;
    height: 30px;
    background-color: #111;
    color: #999;
    text-align: center;
    text-decoration: none;
    font-family:FontAwesome;
    line-height: 30px;

    opacity: 0.2;

    -webkit-transition: color .3s ease-out, opacity .3s ease-out;
    -moz-transition: color .3s ease-out, opacity .3s ease-out;
    -ms-transition: color .3s ease-out, opacity .3s ease-out;
    -o-transition: color .3s ease-out, opacity .3s ease-out;
    transition: color .3s ease-out, opacity .3s ease-out;
}

.rslides_nav:visited,
.rslides_nav:focus {
    color: #999;
}

.rslides_nav:hover {
    color: #fff;
    opacity: .8;
}

.rslides_nav.prev {
    right: 60px;
    border-radius: 3px 0 0 3px;
    color: #fff;
}
.rslides_nav.prev:before {
    content: "\f104";
}

.rslides_nav.next {
    right: 30px;
    border-radius: 0 3px 3px 0;
    color: #fff;
}
.rslides_nav.next:before {
    content: "\f105";
}

.home-product-detail-left .rslides_nav.next {
    right: 20px;
}

.home-product-detail-left .rslides_nav.prev {
    right: 50px;
}


.home-product-detail-right {
    float: right;
    padding: 25px;

    width: 50%;
}


.home-product-detail-right ul {
    color: #666;
    list-style: none;
    font-size: .8em;
}

.home-product-detail-right ul li {
    padding: 4px 0;

    border-bottom: 1px solid #ddd;
}

.home-product-detail-right ul li>.icon-angle-right {
    font-size: 1.2em;
    color: red;
    font-weight: bold;
}

.home-product-detail-title {
    padding-bottom: 8px;
    border-bottom: 4px solid #ccc;
    color: red;

    font-size: 1.2em;
}

.btn-close-product {
    position: absolute;
    top: 10px;
    right: 15px;
    opacity: .5;

    cursor: pointer;

    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.btn-close-product > span {
    position: relative;
    top: -4px;
    left: 20px;
    font-size: .8em;

    opacity: 0;

    -webkit-transition: opacity .5s ease-out, left .3s ease-out;
    -moz-transition: opacity .5s ease-out, left .3s ease-out;
    -ms-transition: opacity .5s ease-out, left .3s ease-out;
    -o-transition: opacity .5s ease-out, left .3s ease-out;
    transition: opacity .5s ease-out, left .3s ease-out;
}

.btn-close-product:hover {
    opacity: 1;
}

.btn-close-product:hover > span {
    left: 0;

    opacity: 1;
}



/* ==========================================================================
   PAGES
   ========================================================================== */

.content-header-container {
    margin-bottom: 50px;
    background-color: #111;

    opacity: 0;
    -webkit-animation: services_title_fade 1s ease-in-out .5s 1 normal forwards;
    animation: services_title_fade 1s ease-in-out .5s 1 normal forwards;
}

.page-id-100 .content-header-container,
.page-id-106 .content-header-container {
    margin-bottom: 0;
}

.content-header > h1 {
    padding: 40px 0 10px;
    color: #eee;

    font-size: 2.6em;
    line-height: 60px;
    
    position: relative;
    opacity: 0;

    -webkit-animation: services_title_come 1s ease-in-out 1s 1 normal forwards;
    animation: services_title_come 1s ease-in-out 1s 1 normal forwards;
}

@-webkit-keyframes services_title_fade {
    0%{
        opacity: 0; }
    100%{
        opacity: 1; }
}

@-webkit-keyframes services_title_come {
    0%{
        opacity: 0;
        left: -40px; }
    100%{
        opacity: 1;
        left: 0; }
}

@keyframes services_title_fade {
    0%{
        opacity: 0; }
    100%{
        opacity: 1; }
}

@keyframes services_title_come {
    0%{
        opacity: 0;
        left: -40px; }
    100%{
        opacity: 1;
        left: 0; }
}



/* 
   PAGES ABOUT US
   ========================================================================== */

.about-us .main-content h1 {
    font-size: 2.2em;
    line-height: 1.7em;
    text-align: left;
    color: #ff0000;
}

.about-us.lang-fr .main-content h1 {
    font-size: 1.9em;
}


/* 
   PAGES SERVICES
   ========================================================================== */

.our-services .services-content-text h5>img {
    display: none;
}

.home .services-area-full-righservices-area-full-right h5>img {
    margin-right: 5px;
}

.services-scrollmenu {
    text-align: left;
    background-color: #F5F5F5;
    padding: 0;
    z-index: 50;
    box-shadow: 0 5px 15px #ccc;
}

#services-scrollmenu {
    text-align: left;
    background-color: #F5F5F5;
    padding: 0;
    z-index: 50;
    box-shadow: 0 5px 15px #ccc;
}

.services-scrollmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.services-scrollmenu ul li {
    display: inline-block;
    margin-right: 15px;
    font-size: 0.9em;
    border-right: 1px solid #A4A4A4;
    text-transform: uppercase;
    padding: 15px 15px 15px 0;
    min-width: 200px;
    text-align: center;
    color: #A4A4A4;
}

.services-scrollmenu ul li.active > a span {
    color: red;
}

.services-scrollmenu ul li:first-child {
    padding-left: 15px;
    border-left: 1px solid #A4A4A4;
}

.services-scrollmenu ul li a > span {
    display: block;
    margin-top: 5px;
}

.services-scrollmenu ul li img {
    display: block;
    margin: 0 auto;
    opacity: .7;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.services-scrollmenu ul li.active img {
    opacity: 1;
}

.services-scrollmenu a {
    color: #333;
}

.services-scrollmenu ul li:hover a {
    color: red;
}

.services-scrollmenu ul li:hover a > img {
    opacity: 1;
}



.page-services-percent {
    margin: 0 auto;
    width: 139px;
}

.services-separator {
    display: block;
    margin: 35px 0;
    border-bottom: 2px solid #ccc;
}

.services-main-content {
    list-style: none;
    margin-bottom: 0;
}

.services-main-content>li {
    position: relative;
    background-color: #F5F5F5;
    z-index: -1;
}

.services-main-content li .row {
    position: relative;
    min-height: 560px;
}

.services-main-content h3 {
    text-align: left;
}

.services-main-content>li.services-bg-altern {
    background-color: #E6E6E6;
}

.services-img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.services-img-left {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}


.services-content-text {
    margin: 50px 0;
    z-index: 10;
}

.services-content-text:first-child {
    margin: 25px 0;
}

ul .services  {
    list-style: none;
}

li .services  {
    font-size: 13px;
    list-style: none;
    color: #333;
}

li .services :before {
    display: inline-block;
    margin-left: -1em;
    width: 1em;
    color: red;
    content:"\f054";
    font-family: FontAwesome;
    font-size: 0.8em;
    padding-right: 1.7em;
}

/**
 * Services circles
 */

.service-diag-bg {
    position: relative;
    z-index: 1;
    
    margin: 0 auto;
    width: 139px;
    height: 139px;

    background: transparent url(img/services/cercle_services.png) top left no-repeat;
}


.service-diag-bg .percentage {
    position: absolute;
    top: 0;
    right: 10px;
    color: #999;
    font-size: 0.7em;

    opacity: 0;

    animation: showPercent .5s ease-in-out 1.5s 1 forwards;
}

@webkit-keyframes showPercent {
    from {
        opacity: 0;

    }
    to {
        right: 0;

        opacity: 1;
    }
}

@keyframes showPercent {
    from {
        opacity: 0;

    }
    to {
        right: 0;

        opacity: 1;
    }
}

.service-diag-cursor {
    position: absolute;
    z-index: 5;
    width: 139px;

    height: 139px;
    background: transparent url(img/services/red_cursor.png) 70px 16px no-repeat;

    opacity: 0;
}

.service-diag-redcircle {
    position: absolute;
    z-index: 10;
    width: 139px;

    height: 139px;

    opacity: 0;
}

.service-diag-img {
    position: absolute;
    top: 52px;
    left: 52px;
    width: 35px;

    height: 35px;

    border: none;
}

.inViewPort .circle25>.service-diag-redcircle {
    background: transparent url(img/services/cercle_services_25.png) -1px -1px no-repeat;
    -webkit-animation: showfinal 1s linear .75s 1;

    animation: showfinal 1s linear .75s 1;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.inViewPort .circle50>.service-diag-redcircle {
    background: transparent url(img/services/cercle_services_50.png) -1px -1px no-repeat;
    -webkit-animation: showfinal 1s linear .75s 1;

    animation: showfinal 1s linear .75s 1;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.inViewPort .circle75>.service-diag-redcircle {
    background: transparent url(img/services/cercle_services_75.png) -1px -1px no-repeat;
    -webkit-animation: showfinal 1s linear .75s 1;

    animation: showfinal 1s linear .75s 1;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.inViewPort .circle100>.service-diag-redcircle {
    background: transparent url(img/services/cercle_services_100.png) -1px -1px no-repeat;
    -webkit-animation: showfinal 1s linear .75s 1;

    animation: showfinal 1s linear .75s 1;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}


.inViewPort .circle25>.service-diag-cursor {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: turning_25 1s ease-out 1s 1;
    animation: turning_25 1s ease-out 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.inViewPort .circle50>.service-diag-cursor {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: turning_50 1s ease-out 1s 1;
    animation: turning_50 1s ease-out 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.inViewPort .circle75>.service-diag-cursor {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: turning_75 1s ease-out 1s 1;
    animation: turning_75 1s ease-out 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.inViewPort .circle100>.service-diag-cursor {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: turning_100 1s ease-out 1s 1;
    animation: turning_100 1s ease-out 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


@keyframes turning_25 {
    0%{
        transform: rotate(-90deg); }
    15%{
        opacity: 1; 
    }
    66%{
        opacity: 1; 
    }
    100%{
        opacity: 0; 

        transform: rotate(360deg);
    }
}

@-webkit-keyframes turning_25 {
    0%{
        -webkit-transform: rotate(-90deg); }
    15%{
        opacity: 1; 
    }
    66%{
        opacity: 1; 
    }
    100%{
        opacity: 0; 

        -webkit-transform: rotate(360deg);
    }
}

@keyframes turning_50 {
    0%{
        transform: rotate(-90deg); }
    15%{
        opacity: 1; 
    }
    66%{
        opacity: 1; 
    }
    100%{
        opacity: 0; 

        transform: rotate(450deg);
    }
}

@-webkit-keyframes turning_50 {
    0%{
        -webkit-transform: rotate(-90deg); }
    15%{
        opacity: 1; 
    }
    66%{
        opacity: 1; 
    }
    100%{
        opacity: 0; 

        -webkit-transform: rotate(450deg);
    }
}

@keyframes turning_75 {
    0%{
        transform: rotate(-90deg); }
    15%{
        opacity: 1; 
    }
    66%{
        opacity: 1; 
    }
    100%{
        opacity: 0; 

        transform: rotate(540deg);
    }
}

@-webkit-keyframes turning_75 {
    0%{
        -webkit-transform: rotate(-90deg); }
    15%{
        opacity: 1; 
    }
    66%{
        opacity: 1; 
    }
    100%{
        opacity: 0; 

        -webkit-transform: rotate(540deg);
    }
}

@keyframes turning_100 {
    0%{
        transform: rotate(-90deg); }
    15%{
        opacity: 1; 
    }
    66%{
        opacity: 1; 
    }
    100%{
        opacity: 0; 

        transform: rotate(720deg);
    }
}

@-webkit-keyframes turning_100 {
    0%{
        -webkit-transform: rotate(-90deg); }
    15%{
        opacity: 1; 
    }
    66%{
        opacity: 1; 
    }
    100%{
        opacity: 0; 

        -webkit-transform: rotate(720deg);
    }
}


@keyframes showfinal {
    90%{
        opacity: 0; }
    100%{
        opacity: 1; 
    }
}

@-webkit-keyframes showfinal {
    90%{
        opacity: 0; }
    100%{
        opacity: 1; 
    }
}


/* ==========================================================================
   PAGE PRODUCTS
   ========================================================================== */
#list-products .mix{
    display: none;
    position: relative;
    opacity: 0;
}

.product-new {
    position: absolute;
    top: 0;
    left: 5px;
}

.page-product-new {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
}

.page-product-slider-container {
	position: relative;
	padding: 0;
	margin: 0;	
}

.page-product-slider-container > .rslides_nav.prev {
    right: 40px;
    bottom: 10px;
    border-radius: 3px 0 0 3px;
    color: #fff;
}

.page-product-slider-container > .rslides_nav.next {
    right: 10px;
    bottom: 10px;
    border-radius: 0 3px 3px 0;
    color: #fff;
}




/* Filters */
.product-menu-filters {
    text-align: left;
    background-color: #F5F5F5;
    padding: 0;
    margin-bottom: 60px;
    z-index: 50;
    box-shadow: 0 5px 15px #ccc;
}

.menu-product-filter {
    list-style: none;
    cursor: pointer;
    margin: 15px 0;
}

.menu-product-filter li {
    display: inline-block;
    border-right: 1px solid #C5C5C5;
    padding-right: 15px;
    margin-right: 15px;
    text-transform: uppercase;
    font-size: 0.8em;
    cursor: pointer;
}

.menu-product-filter li:hover {
    color: red;
}

.menu-product-filter li:last-child {
    border-right: none;
}

.menu-product-filter li .icon-chevron-sign-right {
    display: inline-block;
    transform: rotate(0deg);
    transition: transform .3s ease-in-out;
}

.menu-product-filter li:hover .icon-chevron-sign-right {
   /*transform: rotate(90deg);*/
}

.menu-last-innovation.selected {
    color: red;
}

.menu-product-filter li.menu-last-innovation.selected .icon-chevron-sign-right {
   /*transform: rotate(90deg);*/
}


.menu-product-filter > .active {
    color: red;
}

.menu-product-filter > .active .icon-chevron-sign-right {
    /*transform: rotate(90deg);*/
}


.filter:hover {
    color: red;
}

/* list */
.product-list>li {
    margin-bottom: 10px;
    padding-top: 10px;
    min-height: 380px;
    /*cursor: pointer;*/
    border-radius: 4px;
}

.product-list>li:hover {
    background-color: #f6f6f6;

    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}


.product-title {
    padding-bottom: 0.5em;
    min-height: 3.4em;
    border-bottom: 2px solid #ebebea;

    color: red;
}

.product-detail {
    margin: 0;
    padding-bottom: 0.5em;

    border-bottom: 2px solid #ebebea;
    list-style-type: none;
}

.product-detail li {
    color: #aaa;
    font-size: .8em;
}

.product-detail li strong {
    color: #555;
    font-weight: normal;
}

.product-list .icon-angle-right {
    color: red;
    font-weight: bold;
}

.product-innovation {
    margin-bottom: 35px;
}

.product-innovation-left {
    position: relative;
}

.product-innovation-right {
    line-height: 1.3em;
}

.product-innovation-right ul {
    list-style: none;
}


/* icons in the dimensions */
.dimension_icon {
    display: inline-block;
    position: relative;
    top: 2px;
    background: transparent url(img/icons/size_signs.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
}

.dimension_diameter {
    background-position: 0 0;
}

.dimension_width {
    background-position: -12px 0;
}

.dimension_height {
    background-position: -24px 0;
    top: 1px;
}

.dimension_diagonal {
    background-position: -36px 0;
}

.dimension_depth {
    background-position: -48px 0;
}


/* Details */
.product-page-detail {
    margin: 0;
}

.product-page-detail .home-product-detail {
    background-color: #323232;
    box-shadow: none;
    /*margin: 0 10px;*/
    display: inherit;
}

.product-page-detail h6 {
    color: #F2F0F0;
    border: none;
}

.product-page-detail ul {
    color: #ACABAA;
}

.product-page-detail ul li {
    border-bottom-color: #464545;
}



/* ==========================================================================
   INNOVATIONS
   ========================================================================== */
.innovations {
    margin-bottom: 35px;
    position: relative;
}

.innovations h4 {
    color: red;
    margin-bottom: 10px;
}

.innovations-content {

}

.innovations-spec {
    display: none;
}

.innovations-spec ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.innovations-spec li {
    padding-left: 1em;
    font-size: 0.8em;
}

.innovations-spec li:before {
    display: inline-block;
    margin-left: -1em;
    width: 1em;
    color: red;
    content:"\f054";
    font-family: FontAwesome;
    font-size: 0.8em;
}

.innovations-spec ul.spec-infos {
    list-style: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.innovations-spec ul.spec-infos li {
    padding: 0;
    display: inline-block;
    border-right: 0;
    padding-right: 10px;
    margin-left: 10px;
}

.innovations-spec ul.spec-infos li:first-child {
    margin-left: 0;
}

.innovations-spec ul.spec-infos li:last-child {
    border-right: none;
}

.innovations-spec ul.spec-infos li:before {
    display: none;
}

.innovations-content .see-all-link {
    position: absolute;
    top: -10px;
    right: 15px;
}

.innovation-details {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 0.9em;
}

.innovation-details li {
    display: inline-block;
    margin-right: 10px;
    line-height: .9em;
}


/* Button */
/*.innovation-toggle {
    cursor: pointer;
    padding: 0;
    font-weight: bold;
    font-size: .8em;
    border: none;
    border-radius: 4px 4px 0 0;
}
*/
.innovation-toggle {
    background-color: #eee;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:    -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:     -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:      -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:         linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    border: none;
    border-radius: .5em;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,0.1),
                inset 0 -.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.25em 0 hsla(0,0%,0%,.25),
                0 .25em .25em hsla(0,0%,0%,.05);
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: .8em;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 0.8em 1.5em .75em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.25);
    vertical-align: middle;

    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;

    cursor: pointer;
}

.innovation-toggle:hover {
    outline: none;
}

.innovation-toggle:hover,
.innovation-toggle:focus {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.25em 0 hsla(0,0%,0%,.25),
                inset 0 0 0 3em hsla(0,0%,100%,.2),
                0 .25em .25em hsla(0,0%,0%,.05);
}

.innovation-toggle:active {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.1),
                inset 0 0 0 3em hsla(0,0%,100%,.2),
                inset 0 .25em .5em hsla(0,0%,0%,.05),
                0 -1px 1px hsla(0,0%,0%,.1),
                0 1px 1px hsla(0,0%,100%,.25);
    margin-top: .25em;
    outline: none;
    padding-bottom: .5em;
}




.innovation-details li > .icon-resize-horizontal {
    font-size: 0.8em;
    color: #bbb;
}


/* ==========================================================================
   SIDEBARS
   ========================================================================== */

/* Home */
.siderbar-home ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.siderbar-home li {
    border-bottom: 1px solid #eee;
    font-size: 0.7em;
    line-height: 2.4em;
}

.siderbar-home h4 {
    color: red;
    font-size: 1.1em;
}

.siderbar-home .icon-angle-right {
    color: red;
    font-weight: bold;
}



/* ==========================================================================
   CONTACT
   ========================================================================== */
.iphorm-submit-wrap button {
    border: none;
    background: none repeat scroll 0% 0% transparent;
    background-color: #444;
    text-align: center;
    width: auto;
    overflow: visible;
    white-space: nowrap;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    height: auto;
    cursor: pointer;
    font-weight: normal;
    font-size: 0.9em;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 15px;
    color: #EEE;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.iphorm-theme-light-rounded .iphorm-submit-wrap button span {
    font-weight: normal;
    border: none;
    background: none;
    border: 1px solid rgb(185, 185, 185);
    box-shadow: 1px 1px 1px rgb(238, 238, 238);
    border-radius: 4px 4px 4px 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #EEE;
}

.iphorm-theme-light-rounded .iphorm-submit-wrap button:hover {
    border: none;
    color: #EEE;
    background-color: #666;
}

.iphorm-theme-light-rounded .iphorm-submit-wrap button span, .iphorm-theme-light-rounded .iphorm-submit-wrap button em {
    color: #EEE;
    border: none;
    font-weight: normal;
    text-shadow: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.iphorm-theme-light-rounded .iphorm-submit-wrap button:hover span {
    color: #EEE;
    background: none;
    border: none;
}

.iphorm-theme-light-rounded .iphorm-submit-wrap button:hover em {
    background: none;
    color: #EEE;
}


.iphorm-edit-form {
    display: none;
}

/* ==========================================================================
   PAGE 404
   ========================================================================== */

.page-404 {
}

img.page-404-image {
    margin-top: 50px;
}


.page-404-description {
    margin: 50px 0 75px;
    padding: 25px 10px;
    border-radius: 8px;

    background-color: #555;
    color: #eee;
    text-align: center;
}

.red {
    color: red;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

/*
   Google Maps
   ========================================================================== */

.map-container {
    position: relative;
    margin-top: -20px;
}

.google-maps-container {
    z-index: 1;

    height: 400px;
}

.map-shadow {
    position: relative;
    top: 20px;
    z-index: 5;

    height: 20px;

    box-shadow: inset 0 10px 10px rgba(0,0,0,.3);
}

.google-maps-container img {
    max-width: none!important;

}


/*
   Footer
   ========================================================================== */

.footer-full {
    background-color: #333333;
}

.footer-full a,
.footer-full a:visited {
    color: #888;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.footer-full a:hover {
    color: red;
}

.footer-text p,
.footer-menu li {
    line-height: 140px;
}

.footer-text p {
    margin: 0;
    color: #999;
    font-size: .8em;
}

.footer-menu ul {
    list-style: none;
    margin: 0;
}

.footer-menu li {
    float: right;
    margin: 0 10px;
    font-size: 12px;
}

.footer-menu a {
    border-bottom: 2px solid transparent;
    color: #999;
    -webkit-transition: border-bottom .3s ease-out;
    -moz-transition: border-bottom .3s ease-out;
    -ms-transition: border-bottom .3s ease-out;
    -o-transition: border-bottom .3s ease-out;
    transition: border-bottom .3s ease-out;
}

.footer-menu a:hover {
    border-bottom: 2px solid red;
}