/*
  Theme Name: White - Minimal Portfolio Template
  Author: basictheme
  Description: Portfolio template.
  Version: 1.0
*/

/* Css Index 
-----------------------------------
1. Theme default css
2. header
3. basic slider
4. portfolio
5. vin
5. service
6. testimonial
7. footer
8. blog
9. pricing
10. process
11. team
11. breadcrumb
12. contact
13. about
14. Page -dist de SPIP
15. Vins
*/


@import url('css/font-awesome.min.css');
@import url('css/text-headline.css');
@import url('css/owl.carousel.min.css');
@import url('css/hamburgers.min.css');
@import url('css/animate.css');

/*-------------------------------------------------------
1. Theme default css
---------------------------------------------------------*/
/* quicksand-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/quicksand-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/quicksand-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* quicksand-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/quicksand-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* quicksand-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/quicksand-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/quicksand-v30-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* quicksand-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/quicksand-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/quicksand-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* dosis-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/dosis-v32-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/dosis-v32-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* dosis-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dosis-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/dosis-v32-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* dosis-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/dosis-v32-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/dosis-v32-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* dosis-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/dosis-v32-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/dosis-v32-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* dosis-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dosis-v32-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/dosis-v32-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


html {
    min-height: 1000px;
}
body {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #000;
    line-height: 20px;
    font-size: 14px;
}
/*.container, .main {
    max-width: 1024px;
}*/
.img, img {
    max-width: 100%;
	height: auto;
    transition: all 0.3s ease-out 0s;
}
a, .button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus, .button:focus {
    text-decoration: none;
    outline: none;
}
a:focus, a:hover, .portfolio-cat a:hover, .footer-menu li a:hover {
    color: #999;
    text-decoration: none;
}
a, button {
    color: #21409a;
    outline: medium none;
}
h2 a:hover {
    color: #999;
}
.work-tag > a:hover {
    color: #999;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .subtitle {
    font-family: 'Dosis', sans-serif;
    color: #232332;
    margin-top: 0px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #21409a;
}
h1, h1.title, .h1 {
    font-size: 28px;
}
/*h1::after {
    border-bottom: 2px solid #666;
    content: "";
    display: block;
    margin: 20px auto 25px 0;
    position: relative;
    width: 35px;
    z-index: 1;
}
.title {
    position: relative;
margin-top: 0;
}
.title::before {
    border-bottom: 1px solid #fff;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
}*/

h3, .h3 {
    font-size: 22px;
}
h4, .h4,.h4 p {
    font-size: 16px;
}
h5, .h5 {
    font-size: 16px;
    font-weight: 600;
}
h6, .h6 {
    font-size: 14px;
    font-weight: 600;
}
.description::after {
    border-bottom: 2px solid #666;
    content: "";
    display: block;
    margin: 20px auto 25px 0;
    position: relative;
    width: 35px;
    z-index: 1;
}
ul {
    margin: 0px;
    padding: 0px;
}
li {
    list-style: none
}
.post ul {
    margin-left: 25px;
    padding: 0px;
}
.post li {
    list-style: initial;
}
p {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}
.slider-content div {
    font-size: 16px;
}
.strong, strong {
    font-weight: 700;
}
.nomargin {
    margin: 0;
}
.nopadding {
    padding: 0;
}
hr {
    padding: 0px;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}
label {
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
*::-moz-selection {
 background: #d6b161;
 color: #fff;
 text-shadow: none;
}
::-moz-selection {
 background: #555;
 color: #fff;
 text-shadow: none;
}
::selection {
    background: #555;
    color: #fff;
    text-shadow: none;
}
*::-moz-placeholder {
 color: #555555;
 font-size: 14px;
 opacity: 1;
}
*::placeholder {
 color: #555555;
 font-size: 14px;
 opacity: 1;
}
/* Css Color 
----------------------------------- */
.blue {
    color: #21409a;
}
.white {
    color: #fff;
}
.eperluette {
    font-weight: 500;
    color: #21409a;
}
/* button style */
.btn {
    -moz-user-select: none;
    background: transparent;
    border-color: #444;
    border-radius: 2px;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: dosis;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
}
.btn:hover {
    background: #444 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
}
.btn.btn-large {
    padding: 10px 25px;
}
.btn-lg {
    font-weight: 700;
    padding: 13px 31px;
}
.btn.white-btn:hover {
    border-color: #ddd;
    color: #ddd
}
.btn-blue {
    color: #21409a;
    border-color: #21409a;
}
.btn-sm {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}
/* bg img part */
.bg-1 {
    background: url(img/bg/bg-1.jpg);
}
.bg-2 {
    background: url(img/bg/bg-2.jpg);
}
.bg-3 {
    background: url(img/bg/bg-3.jpg);
}
.bg-4 {
    background: url(img/bg/12.jpg);
}
.bg-5 {
    background: url(img/bg/15.jpg);
}
.bg-6 {
    background: url(img/bg/bg-video.png);
}
.color-white {
    color: #ffffff !important;
}
.white-bg {
    background: #fff;
}
.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10 {
    background-attachment: fixed;
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}
/* opacity */
.bg-black-alfa-5::before, .bg-black-alfa-10::before, .bg-black-alfa-15::before, .bg-black-alfa-20::before, .bg-black-alfa-25::before, .bg-black-alfa-30::before, .bg-black-alfa-35::before, .bg-black-alfa-40::before, .bg-black-alfa-45::before, .bg-black-alfa-50::before, .bg-black-alfa-55::before, .bg-black-alfa-60::before, .bg-black-alfa-65::before, .bg-black-alfa-70::before, .bg-black-alfa-75::before, .bg-black-alfa-80::before, .bg-black-alfa-85::before, .bg-black-alfa-90::before, .bg-black-alfa-95::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-black-alfa-5::before, .bg-black-alfa-10::before, .bg-black-alfa-15::before, .bg-black-alfa-20::before, .bg-black-alfa-25::before, .bg-black-alfa-30::before, .bg-black-alfa-35::before, .bg-black-alfa-40::before, .bg-black-alfa-45::before, .bg-black-alfa-50::before, .bg-black-alfa-55::before, .bg-black-alfa-60::before, .bg-black-alfa-65::before, .bg-black-alfa-70::before, .bg-black-alfa-75::before, .bg-black-alfa-80::before, .bg-black-alfa-85::before, .bg-black-alfa-90::before, .bg-black-alfa-95::before {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
}
.bg-black-alfa-40::before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
}
.owl-carousel .owl-nav div {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    height: 40px;
    left: 20px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 40px;
    border: 1px solid #21409a;
    border-radius: 2px;
}
.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 20px;
}
.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible
}
.owl-carousel .owl-item img {
    display: inherit;
}
.clients-area {
    max-width: 98%;
}
.basic-clients {
    text-align: center;
}
/*.owl-dots {
    display: inline-block;
}
.owl-dots span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}*/
/* 2. header */
.header-area {
    background-color: rgba(255,255,255,0.9) !important;
    border-bottom: 1px solid #fff;
}
.header-fixed {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1030;
}
.header-transparent {
    background: transparent none repeat scroll 0 0;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0s ease-out 0s;
}
.sticky {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 -1px 0 #f5f5f5 inset;
    transition: height 0.3s ease-out 0s, background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s;
    z-index: 1030;
}
.breadcrumb-2-area {
    background-position: 50% 0;
    height: 70vh;
    overflow: hidden;
    padding: 0;
}
.hero-caption {
    display: table;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 80%;
    z-index: 2;
}
.hero-text {
    display: table-cell;
    height: 100%;
    position: relative;
    vertical-align: middle;
}
h1.breadcrumb-2 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 5px;
}
.logo {
    padding: 15px 0 0 0;
    transition: all 0.3s ease 0s;
}
.logo h4 {
    margin: 0;
}
.header-transparent .logo h4 {
    color: #fff;
}
.sticky .logo h4 {
    color: #222;
}
.sticky .logo {
    padding: 7px 0 0 0;
}
.sticky .logo h6, .sticky .logo h4 {
    margin-bottom: 0;
}
.basic-area {
    position: relative;
}
.basic-menu {
    float: right;
}

@media print {
.basic-menu, .basic-menu2 {
    display: none;
}
}
.basic-menu li {
    float: left;
    margin-left: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.basic-menu2 {
    float: none;
    text-align: center;
}
.basic-menu2 li {
    float: none;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    transition: all 0.3s ease 0s;
    display: inline-block;
}
/* .basic-menu > li::after {
  background: #d7d7d7 none repeat scroll 0 0;
  content: "";
  height: 15px;
  position: absolute;
  right: -16px;
  top: 32px;
  transform: rotate(45deg);
  transition: all 0.3s ease 0s;
  width: 1px;
} */
.basic-menu > li:last-child:after {
    display: none
}
.basic-menu li a {
    color: #232332;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
}
.basic-menu > li > a::before {
    background: #666666 none repeat scroll 0 0;
    bottom: 23px;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    width: 0px;
}
.basic-menu > li > a {
    padding: 30px 0;
}
.basic-menu li:hover > a, .basic-menu li a.on {
    color: #999;
}
.basic-menu li:hover > a:before {
    opacity: 1;
    width: 15px;
}
.basic-menu li ul {
    background: #222 none repeat scroll 0 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: none;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 110%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: 11;
}
.basic-menu li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.basic-menu li ul li {
    border-bottom: 1px solid rgba(51, 51, 51, 0.5);
    display: block;
    float: none;
    margin: 0;
}
.basic-menu li ul li:last-child {
    border-bottom: 0 none;
    margin: 0;
}
.basic-menu li ul li a i {
    float: right
}
/* --------------------------
  Child Sub menu
-----------------------------*/
.basic-menu li ul li ul {
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 10%;
    visibility: hidden;
    z-index: 999;
}
.basic-menu li ul li:hover > ul {
    opacity: 1;
    top: 0;
    visibility: visible;
}
.basic-menu li ul li a {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 11px;
    padding: 10px 15px;
}
.basic-menu li ul li:hover > a, .basic-menu li ul li:hover > a.on {
    background: rgba(51, 51, 51, 0.5) none repeat scroll 0 0;
    color: #fff;
}
.basic-menu li ul li a span {
    float: right;
}
.member-img img {
    width: 100%;
}
.menu-area .menu-p-right ul {
    left: auto;
    right: 0;
}
.basic-menu .menu-p-right ul li ul {
    right: 100%;
}
.headroom {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
.headroom--pinned {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 -1px 0 #f5f5f5 inset;
    transform: translateY(0px);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
.headroom {
    transition: transform 0.25s ease-in-out 0s;
    will-change: transform;
}
.basic-space {
    height: 78px
}
.header-transparent .basic-menu li a {
    color: #fff;
}
.header-transparent.sticky .basic-menu > li > a {
    color: #232332;
}
.sticky .basic-menu > li > a {
    padding: 23px 0;
}
.sticky .basic-menu > li::after {
    top: 25px;
}
.header-transparent .basic-menu > li > a::before {
    background: #f6f6f6 none repeat scroll 0 0;
}
.header-transparent.sticky .basic-menu > li > a::before {
    background: #666 none repeat scroll 0 0;
}
.sticky .basic-menu > li > a::before {
    bottom: 17px;
}
.hamburger {
    float: right;
    margin-left: 20px;
    margin-top: 24px;
    padding: 0;
    transition: all 0.3s ease 0s;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    height: 2px;
    width: 30px;
}
.hamburger-inner::before {
    top: -8px;
}
.hamburger--collapse .hamburger-inner::after {
    top: -16px;
}
.hamburger-menu {
    float: right;
    margin-right: -30px;
    opacity: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
nav.nav-menu-show {
    margin-right: 0;
    opacity: 1;
    visibility: visible;
}
.sticky .hamburger {
    margin-top: 17px;
}
.basic-mobile-menu .form-control {
    padding: 0 5px;
    height: 34px;
}
.basic-mobile-menu .search-form button {
    height: 80%;
    position: absolute;
    right: 5px;
}
#mobile-nav li {padding: 0.5em 0;}
/* 3. basic slider */
.basic-slider {
    position: relative;
}
.height-100-vh {
    height: 100vh
}
.slide-1 {
    background: rgba(0, 0, 0, 0) url("img/slider/slider-1.jpg") repeat scroll center top / cover;
}
.slide-2 {
    background: rgba(0, 0, 0, 0) url("img/slider/slider-2.jpg") repeat scroll center center / cover;
}
.slide-3 {
    background: rgba(0, 0, 0, 0) url("img/slider/sss.jpg") repeat scroll right top / cover;
}
.slide-4 {
    background: rgba(0, 0, 0, 0) url("img/slider/slider-5.jpg") repeat scroll right top / cover;
}
.slide-5 {
    background: rgba(0, 0, 0, 0) url("img/slider/slider-6.jpg") repeat scroll right top / cover;
}
.slide-6 {
    background: rgba(0, 0, 0, 0) url("img/slider/slider-7.jpg") repeat scroll right top / cover;
}
.slide-7 {
    background: rgba(0, 0, 0, 0) url("img/slider/bg-video.png") repeat scroll right top / cover;
}
.slider-content h2 {
    font-weight: 500;
    letter-spacing: 5px;
}
.dot {
    background: #444 none repeat scroll 0 0;
    display: inline-block;
    height: 5px;
    width: 5px;
}
.slider-content.text-white h2 {
    color: #ddd;
}
.slider-content.text-white p {
    color: #ddd;
}
.slider-content.black-bg-opacity {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    display: inline-block;
    padding: 70px 50px;
    text-align: center;
    outline: 1px solid rgba(0, 0, 0, 0.2);
    outline-offset: -15px;
    position: relative;
}
.slider-content.white-bg-opacity {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    display: inline-block;
    outline: 1px solid rgba(255, 255, 255, 0.3);
    outline-offset: 10px;
    padding: 50px;
    position: relative;
    text-align: center;
}
.slider-content.black-bg-opacity > h2 {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    color: #000
}
.slider-content.white-bg-opacity > h4 {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.slider-content.text-white.black-bg-opacity::before {
    border: 1px solid #888;
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 10px;
}
.slider-white {
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    padding: 140px 0;
}
.slider-white .slider-content {
}
.slider-white .slider-content h3 {
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 50px;
    margin: 0;
}
.single-slider-home {
    background: rgba(0, 0, 0, 0) none repeat scroll center center / cover;
    padding: 0;
}
.single-slider-home .slider-content {
    margin: 80px 0;
    height: 300px;
    text-align: center;
}
.single-slider-home .slider-content .premier {
    padding-top: 20px;
    text-transform: uppercase;
}
.single-slider-home .slider-content .dernier {
    padding-bottom: 20px;
}
.single-slider-home2 {
    background: rgba(0, 0, 0, 0) none repeat scroll center center / cover;
    padding: 30px 0;
}
.single-slider {
    background: rgba(0, 0, 0, 0) none repeat scroll center center / cover;
    padding: 200px 0;
}
.border-t-b {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5
}
.slider-screen {
    background-position: center center;
    background-size: cover;
    height: 100vh;
    padding: 0;
    position: relative;
}
.slider-screen .b {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.basic-slider .container {
    height: 100%
}
.hero-caption {
    display: table;
    height: 100%;
    width: 100%;
}
.hero-text {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.bg-white-opacity::before {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/* 4. portfolio */
.basic-portfolio-area {
}
.page, .page-pays-italie {
    background-image: url("../IMG/logo/arton2154.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.page-vins {
    background-image:none;
    background-color:#21409a;
}
.fond-blanc, .main {
    background: rgba(255,255,255,0.9);
    outline: 1px solid rgba(255, 255, 255, 0.3);
    outline-offset: 10px;
}
.filter-menu, .entete {
    padding: 15px;
    border-bottom: 1px solid #21409a;
}
.filter-menu button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    font-family: dosis;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 0 2px;
    padding: 6px 15px;
    position: relative;
    text-transform: uppercase;
}
.filter-menu button::before {
    background: #d7d7d7 none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    right: -2px;
    top: 10px;
    transform: rotate(45deg);
    width: 1px;
}
.filter-menu button:last-child:before {
    display: none
}
.filter-menu button::after {
    background: #777 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 4px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    width: 4px;
}
.filter-menu button.active:after, .filter-menu button:hover:after {
    opacity: 1
}
/*.row-portfolio{margin:0 -10px}*/
.row-portfolio .portfolio-item{padding: 0 10px;}

.portfolio-wrapper {
    position: relative;
}
.portfolio-item {
    width: 33.33%;
    float: left;
    margin-bottom: 20px;
}
.portfolio-grid-6 .portfolio-item {
    width: 16.665%
}
.portfolio-thumb img {
    width: 100%;
}
.portfolio-thumb {
    position: relative;
}
.portfolio-thumb::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.portfolio-wrapper:hover .portfolio-thumb::before {
    opacity: .8
}
.view-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: .3s;
    transform: scale(1.3);
    margin-top: -20px;
}
.portfolio-wrapper:hover .view-icon {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.view-icon > a {
    background: #222 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 41px;
    width: 40px;
}
.view-icon > a:hover {
    background: #666;
}
.portfolio-item ul, .sous-sous {
	margin-left:14px;
}
.portfolio-item .sous-sous-sous {
	margin-left:24px;
}
.portfolio-caption {
    padding: 15px;
}
.portfolio-caption h2, .portfolio-caption .h2 {
	font-size:22px;
}
.portfolio-caption h3, .portfolio-caption .h3 {
	font-size:16px;
} 
.portfolio-caption h3 {
	margin-top:0;
	margin-bottom:0;
}

.portfolio-caption h4 {
	margin-top:10px;
}
/* .portfolio-caption > h4::before {
  bottom: -7px;
  content: "• • • •";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
} */
.work-tag > a {
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
	display: inline-block;
	padding:0;
}
.portfolio-caption {
    padding: 15px;
}
.portfolio-caption {
    padding: 15px;
}
.caption-border {
    border: 1px solid #f6f6f6;
}
/* portfolio style 2 */
.portfolio-style-2 {
}
.portfolio-style-2 .portfolio-caption {
    left: 0;
    opacity: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 10px;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
.portfolio-wrapper:hover .portfolio-caption {
    opacity: 1;
    visibility: visible;
    top: 0
}
/* call to action */
.call-to-action > h3 {
    font-weight: 500;
    letter-spacing: 1.5px;
}
.call-to-action > p {
    margin: 0;
}
.call-to-action a {
    margin-top: 12px;
}
/* portfolio-style-3 */
.portfolio-style-3 {
}
.portfolio-style-3 .portfolio-caption {
    bottom: 20px;
    top: inherit;
}
.portfolio-style-3 .portfolio-wrapper:hover .portfolio-caption {
    bottom: 0;
    top: inherit;
}
.row-portfolio.m-0 {
    margin: 0;
}
.portfolio-style-4 .portfolio-thumb::before {
    background: #000 none repeat scroll 0 0;
}
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-thumb::before {
    opacity: 0.7;
}
.portfolio-style-4 .portfolio-caption > h4 {
    color: #fff;
}
.portfolio-style-4 .work-tag > a {
    color: #fff;
}
.portfolio-style-4 .portfolio-caption {
    bottom: 50%;
    top: inherit;
}
.portfolio-style-4 .portfolio-wrapper:hover .portfolio-caption {
    transform: translateY(50%);
    bottom: 50%;
}
.portfolio-grid-2 .portfolio-item {
    width: 50%;
}
.portfolio-grid-4 .portfolio-item {
    width: 25%
}
.no-space .portfolio-item {
    margin-bottom: 0;
}
.width-8 {
    width: 66.6667%;
}
#related-active .portfolio-item {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 0;
}
.basic-separator {
    border-top: 1px solid #ddd
}
/* portfolio details */
.portfolio-full-img img {
    width: 100%;
}
.project-details li {
    padding: 0 0 10px;
    font-family: "Dosis", sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
}
/* 5. Vin */
.fa-envira::before { color:#71820b; }
.fa-leaf::before { color:#774212; }
.bouteille {
    text-align: center;
    min-height: 500px;
}
.bouteille img.spip_logo {
    float: none;
    padding: 0;
    margin: 0;
    height: auto;
    text-align: center;
}
.etiquette img.spip_logo {
    float: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

@media print {
.etiquette img.spip_logo {
    width: 300px;
}
.revue_de_presse {
    display: block !important;
}
}
.cf {
    position: relative;
}
.cf > img {
    position: absolute;
    left: 0;
    /* transitions */
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -ms-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}
/*     solution 1: css3 solution, it depends of <img>'s order */

.cf > img:nth-child(1) { /* first <img> child of <div> */
    filter: alpha(opacity=100); /* IE stuff */
    opacity: 1;
    z-index: 2;
}
.cf > img:nth-child(2) { /* second <img> child of <div> */
    filter: alpha(opacity=0); /* IE stuff */
    opacity: 0;
    z-index: 1;
}
/* hover */
.cf:hover > img:nth-child(1) {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
}
.cf:hover > img:nth-child(2) {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 2;
}
.revue_de_presse {
    display: none;
}
.revue_de_presse2 {
    max-height: 160px;
    overflow: hidden;
}
/* 5. service */
.service-box {
    padding: 49px 40px 32px;
}
.area-title {
    margin: 0 auto 0;
    width: 60%;
}
.area-title h2 {
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
}
.area-title h2::after {
    background: #444444 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    font-size: 20px;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 50px;
}
.area-title p {
    margin: 0;
}
.service-icon {
}
.service-icon span {
    background-color: #e6e6e6;
    border-radius: 50%;
    color: #3e3e3e;
    height: 46px;
    line-height: 46px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 46px;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 17px;
}
.service-box:hover .service-icon span {
    background: #555;
    color: #fff
}
.service-content {
}
.service-content h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.service-content p {
    margin: 0;
}
/* 6. testimonial */
.testimonial-box {
    margin: auto;
    max-width: 700px;
}
.testimonial-box blockquote {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    font-size: 17px;
    font-style: normal;
    line-height: 1.6;
    margin: 0;
    padding: 50px;
    position: relative;
}
.testimonial-box blockquote:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: -16px;
    content: "";
    display: block;
    height: 0;
    left: 20px;
    position: absolute;
    right: 0;
    width: 0;
}
.testimonial-content {
    margin-top: 20px;
    position: relative;
}
.testimonial-name {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.testimonial-pos {
    color: #ffffff;
    display: block;
    font-size: 14px;
    margin-top: 5px;
}
.testimonial-pos > a {
    color: #ffffff;
}
/* 7. footer */
footer {
}
.footer-logo h3 {
    font-weight: 600;
    margin: 0;
}
.social-icon {
}
.social-icon a {
    background: #252525 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 34px;
    margin: 0 5px;
    text-align: center;
    width: 35px;
}
.social-icon a:hover {
    background: #999;
}
.footer-menu li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
}
.footer-menu a {
    color: #444;
    font-family: dosis;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.footer-menu li::before {
    background: #666 none repeat scroll 0 0;
    bottom: 8px;
    content: "";
    height: 4px;
    left: -5px;
    margin-right: 6px;
    position: absolute;
    width: 4px;
}
.footer-menu li:first-child:before {
    display: none
}
.copyright {
    text-align: center;
}
.copyright p {
    font-family: 'Dosis', sans-serif;
    margin-bottom: 0;
}
.copyright.mt-20 a {
    color: #000;
}
.bg-soft {
    background: #f9f9f9 none repeat scroll 0 0;
}
.footer-info {
}
.socile-2 a {
}
.socile-2 a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 50%;
    color: #444;
    display: inline-block;
    font-size: 16px;
    height: inherit;
    line-height: inherit;
    margin: 0 5px;
    text-align: center;
    width: inherit;
}
.socile-2 a:hover {
    color: #999
}
.post-thumbnail > img {
    width: 100%;
}
/* Tooltip */
.tooltip .tooltip-font-size, .tooltip { font-size:12px;}
/* 8. blog */
.post {
    margin: 0;
}
.post-title, .post-title a, .page_sommaire h3.spip, .page_sommaire h3.spip a {
    color: #111;
    font-size: 22px;
    font-weight: 500;
    margin: 10px 0 15px;
}
.post-title a, .page_sommaire h3.spip a {
    color: #21409a;
}
.post-title a:hover, .page_sommaire h3.spip a:hover {
    color: #999
}
.post-thumbnail {
    margin: 0 0 25px;
}
.widget {
    margin: 0 0 40px;
}
.post .petit, .post .petit p, .post .petit p ul li {
    font-size: 13px;
}
.post .petit p + ul.spip {
    margin-top: -15px;
}
.partager {
    border-top: 1px solid #21409a;
    margin-top: 15px;
    padding-top: 15px;
    font-size: 13px;
	line-height: 24px;
}
.blog-item {
    padding-bottom: 10px;
} 
/* Search Form */
.search-form {
    position: relative
}
.form-recherche .form-control {
    border: 1px solid #000;
}
.form-control {
    border: 2px solid #eee;
    border-radius: 2px;
    box-shadow: none;
    color: #000;
    font-size: 14px;
    height: 39px;
}
.form-control:focus {
    border-color: #bbb;
}
.search-form input {
    width: 100%;
}
.search-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #000;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    padding: 0 10px;
}
.search-form.form-recherche button {
    right: -2px;
}
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.widget-title {
    font-weight: 600;
    position: relative;
    margin-top: 0;
}
.widget-title::before {
    /*border-bottom: 2px solid #eeeeee;*/
    border-bottom: 1px solid #fff;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
}
.widget-title::after {
    border-bottom: 2px solid #666;
    content: "";
    display: block;
    margin: 20px auto 25px 0;
    position: relative;
    width: 35px;
    z-index: 1;
}
.icons-list > li {
    /*border-top: 1px solid #eee;*/
    border-top: 1px solid #fff;
    padding: 10px 0;
}
.icons-list > li:first-child {
    border: 0 none;
    padding-top: 0;
}
.icons-list a {
    color: #21409a;
    font-weight: 500;
}
.icons-list a.strong {
    color: #21409a;
    font-weight: 700;
}
.icons-list a:hover {
    color: #444;
}
.widget-posts-image {
    float: left;
    width: 44px;
}
.widget-posts-body {
    margin-left: 58px;
}
.widget .recent-posts > li {
    /* border-top: 1px solid #eee;*/
    border-top: 1px solid #fff;
    overflow: hidden;
    padding: 10px 0;
}
.widget-posts-image img {
    max-width: 100%;
}
.widget .recent-posts > li:first-child {
    border: 0 none;
    padding-top: 0;
}
.widget-posts-title {
    font-size: 12px;
    font-weight: 600;
    margin: 2px 0 3px;
}
.widget-posts-meta {
    font-size: 12px;
    opacity: 0.7;
}
ul.tags {
}
ul.tags li {
    display: inline-block;
}
ul.tags li a {
    background: #f8f8f8 none repeat scroll 0 0;
    border-radius: 2px;
    color: #666;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 6px;
    padding: 8px 12px;
    text-transform: capitalize;
}
ul.tags li a:hover {
    background: #444;
    color: #fff
}
.post-content {
    text-align: justify;
}
.post-content blockquote {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    padding: 30px 25px;
    border: 0;
}
.post-content blockquote i {
    display: block;
    font-size: 24px;
    margin: 0 0 20px;
}
.post.format-quote .post-content {
    background: #444 none repeat scroll 0 0;
    padding: 30px 25px;
}
.format-quote .post-content p {
    color: #fff;
    font-size: 18px;
    line-height: 34px;
}
.post-content footer {
    color: #fff;
}
/* single posts */
blockquote.single-blockquote {
    background: #444;
}
blockquote.single-blockquote p {
    color: #fff;
}
.comments, .comment-form {
    margin-bottom: 70px;
}
.comment, .comment-content {
    position: relative;
}
.comment-avatar {
    float: left;
    margin: 5px 0 0;
    max-width: 70px;
    position: relative;
    z-index: 1;
}
.comment-avatar::after {
    background: #f5f5f5 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 70px;
    position: absolute;
    top: 34px;
    width: 20px;
    z-index: -1;
}
.comment-avatar img {
    border-radius: 50%;
    height: 70px;
    width: 70px;
}
.comment-tools {
    padding: 0 30px;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1;
}
.comment-tools a {
    color: #666;
    margin: 0 0 0 15px;
}
.comment-content {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 2px;
    margin: 0 0 35px 90px;
    padding: 30px;
    position: relative;
}
.comment-content h5 {
    font-size: 16px;
    font-weight: 600;
}
.comment-reply {
    margin-left: 90px;
}
/*------------------------------------------------------------------
[Pagination]
*/
.pagination > li {
    display: inline-block;
    margin-right: 2px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 3px;
}
.pagination > li > a, .pagination > li > span {
    border: 2px solid #eeeeee;
    border-radius: 3px;
    color: #777777;
    display: block;
    float: none;
    padding: 8px 15px;
}
.pagination > .active > a, .pagination > .active > span {
    background: #27cbc0 none repeat scroll 0 0;
    border-color: #27cbc0;
    color: #ffffff;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    background: #444 none repeat scroll 0 0;
    border-color: #444;
    color: #ffffff;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #444;
    border-color: #444;
    color: #fff;
    cursor: default;
    z-index: 3;
}
/* 9. pricing */
.pricing-table {
    background: #fff;
    box-shadow: 0 0 1px 1px #eee;
    position: relative;
    text-align: center;
}
.pricing-title, .pricing-action {
    padding: 25px 0;
}
.pricing-title h6 {
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.pricing-price {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    padding: 20px 0;
}
.pricing-price .price-unit {
    text-transform: uppercase;
    font-size: 54px;
    color: #222222;
}
.price-unit > span {
    vertical-align: top;
    letter-spacing: 2px;
    line-height: 3.5;
    font-size: 22px;
}
.pricing-features ul {
    list-style: none;
    padding: 0 0;
    margin: 0;
}
.pricing-features ul li {
    border-bottom: 1px solid #f5f5f5;
    padding: 8px 0;
}
.pricing-features ul li:nth-child(odd) {
    background: #f8f8f8;
}
.pricing-table {
    margin: 10px 0 0;
}
.pricing-table.best-value {
    z-index: 1;
    margin: 0 0 0;
}
.pricing-table.best-value .pricing-title, .pricing-table.best-value .pricing-action {
    padding: 30px 0;
}
/* 10. process */
.process-item {
    margin-top: 30px
}
.process-item img {
    max-width: 100%;
    height: auto
}
.process-item-icon {
    font-size: 50px;
    line-height: 60px;
    padding: 60px 30px 80px;
    text-align: center;
}
.process-item-content {
    border-top: 1px solid #f2f2f2;
    position: relative;
    padding: 30px
}
.process-item-number {
    background-color: #444;
    border: 5px solid #fff;
    border-radius: 40px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 60px;
    left: 50%;
    line-height: 45px;
    position: absolute;
    text-align: center;
    top: -30px;
    transform: translateX(-50%);
    width: 60px;
}
.process-item-title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 15px 0;
    text-transform: uppercase;
}
.process-item.highlight {
    -webkit-box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 31px 0 rgba(0, 0, 0, .1)
}
.process-item.process-item-alt .process-item-icon {
    padding: 30px 30px 50px
}
.process-item.process-item-alt .process-item-number {
    top: -23px;
    width: 46px;
    height: 46px;
    font-size: 16px;
    line-height: 35px
}
.process-item.process-item-alt .process-item-title {
    font-size: 14px
}
.process-item.process-item-alt .process-item-content {
    padding: 20px
}
/* 11. team */
.team-item {
    display: block;
    position: relative;
    margin-bottom: 30px;
    text-align: center
}
.team-item-image {
    display: block;
    margin: 0 auto 20px;
    overflow: hidden;
    position: relative;
}
.team-item-image::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
    -moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
    -ms-transition: all .27s cubic-bezier(0, 0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, 0, .58, 1);
    transition: all .27s cubic-bezier(0, 0, .58, 1)
}
.team-item-image:hover::after {
    background-color: rgba(255, 255, 255, .9)
}
.team-item-image:hover .team-item-detail {
    opacity: 1
}
.team-item-image img {
    max-width: 100%;
    height: auto
}
.team-item-detail {
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 100%;
    z-index: 2;
}
.team-item-title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 24px;
    text-transform: uppercase;
}
.team-item-name {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.team-item-role {
    display: block;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 1px;
    color: #858899
}
.team-social-icon {
}
.team-social-icon a {
    background: #252525 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 34px;
    margin: 0 5px;
    text-align: center;
    width: 35px;
}
.team-social-icon a:hover {
    background: #999
}
/* 11. breadcrumb */
.basic-breadcrumb-area {
}
.basic-breadcrumb > h3 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 6px;
}
.breadcrumb {
    border-radius: 0px;
    margin-bottom: 0;
}
/* 12. contact */
.contact-person > h4 {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
#map {
    height: 420px;
    width: 100%
}
.input-lg {
    font-size: 14px;
    height: 47px;
}
/* 13. about */
.about-text > h5 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 25px;
}
.about-text > p {
    line-height: 26px;
    margin-bottom: 25px;
}
.signature > img {
    margin-left: -12px;
}
.counter-box {
    background: #eee none repeat scroll 0 0;
    float: left;
    padding: 80px 30px;
    text-align: center;
    width: 25%;
}
.counter-box:nth-child(2n+1) {
    background: #f6f6f6 none repeat scroll 0 0;
}
.counter-icon span {
    font-size: 30px;
}
.counter-text h3 {
    color: #444;
    font-size: 34px;
    font-weight: 300;
    margin: 15px 0;
}
.counter-text > h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 0;
}
.owl-carousel .owl-item .basic-clients img {
    width: inherit;
    max-height: 130px;
    border: 1px solid rgba(204,204,204,1.00);
    float:none !important;
    margin:0;
    padding:0;
}
.progress-title {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}
.progress {
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    height: 2px;
    margin-bottom: 20px;
    overflow: visible;
}
.progress-bar {
    background-color: #444;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    position: relative;
}
.video-area {
    position: relative;
}
.video-area:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-icon-view.text-center {
    margin: 60px 0;
    text-align: center;
}
.play-btn {
    animation: 1.2s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running pulse;
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(194, 244, 246, 0.7);
    display: inline-block;
    font-size: 18px;
    height: 75px;
    line-height: 72px;
    margin: 0 20px;
    padding: 0 0 0 5px;
    position: relative;
    text-align: center;
    width: 75px;
    color: #ffffff;
}
@-webkit-keyframes pulse {
 to {
 box-shadow: 0 0 0 45px rgba(194, 244, 246, 0);
}
}
 @keyframes pulse {
 to {
 box-shadow: 0 0 0 45px rgba(194, 244, 246, 0);
}
}
/* scrollUp */
a#scrollUp {
    background: #444 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 65px;
    text-align: center;
    width: 40px;
}
/***********************************
15. Vins
*/
.basic-etiquette img {
    width: inherit;
    max-height: 90px;
    border: 1px solid rgba(204,204,204,1.00);
    margin: 10px auto;
}
.invisible {position: absolute;
top: -5000px;}
/*------------------------------------------------------------------
[17.Preloader]
*/

.page-loader {
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9998;
}
.loader {
    background: #666;
    position: absolute;
    display: inline-block;
    height: 40px;
    width: 40px;
    left: 50%;
    top: 50%;
    width: 100%;
    margin: -20px 0 0 -20px;
    text-indent: -9999em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite;
}
 @-webkit-keyframes ball-scale {
 0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes ball-scale {
 0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}

/* css end here */

/*--- short navigation ---*/
@media print {
.noprint {
    display: none;
}
a:link:after, a:visited:after {
    content: "" !important;
}
}
/**************************
Page -dist de SPIP
*************************/
.arbo {
    display: none;
}
.main {
    margin: 0 auto;
    margin-top: 40px;
    padding: 15px;
    min-height: 900px;
}
.wrapper {
}