@font-face {
 font-family:Rajdhani;
 font-style:normal;
 font-weight:300;
 src:local('Rajdhani Light'),local('Rajdhani-Light'),url(https://fonts.gstatic.com/s/rajdhani/v5/em1T6bxBT1C9Ui5lcPwYd50EAVxt0G0biEntp43Qt6E.ttf) format('truetype')
}
@font-face {
 font-family:Rajdhani;
 font-style:normal;
 font-weight:400;
 src:local('Rajdhani'),local('Rajdhani-Regular'),url(https://fonts.gstatic.com/s/rajdhani/v5/DG8mXG-5TR8cZWqlGcHP5PesZW2xOQ-xsNqO47m55DA.ttf) format('truetype')
}
@font-face {
 font-family:Rajdhani;
 font-style:normal;
 font-weight:500;
 src:local('Rajdhani Medium'),local('Rajdhani-Medium'),url(https://fonts.gstatic.com/s/rajdhani/v5/fMdPRPskyY3ckg8ymVQ5Np0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')
}
@font-face {
 font-family:Rajdhani;
 font-style:normal;
 font-weight:600;
 src:local('Rajdhani Semibold'),local('Rajdhani-Semibold'),url(https://fonts.gstatic.com/s/rajdhani/v5/kA7V7gLI3uMMlXWrnQ_35Z0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')
}
@font-face {
 font-family:Rajdhani;
 font-style:normal;
 font-weight:700;
 src:local('Rajdhani Bold'),local('Rajdhani-Bold'),url(https://fonts.gstatic.com/s/rajdhani/v5/kcO_Mk7pjy8jlu86STaVz50EAVxt0G0biEntp43Qt6E.ttf) format('truetype')
}
@font-face {
 font-family:'PT Sans';
 font-style:normal;
 font-weight:400;
 src:local('PT Sans'),local('PTSans-Regular'),url(https://fonts.gstatic.com/s/ptsans/v8/FUDHvzEKSJww3kCxuiAo2A.ttf) format('truetype')
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
 display:block
}
a {
 background-color:transparent
}
a:active,a:hover {
 outline:0
}
b,strong {
 font-weight:700
}
dfn {
 font-style:italic
}
mark {
 background:#ff0;
 color:#000
}
sub,sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
hr {
 box-sizing:content-box;
 height:0
}
pre {
 overflow:auto
}
code,kbd,pre,samp {
 font-family:monospace,monospace;
 font-size:1em
}
optgroup {
 font-weight:700
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
 *,:after,:before {
  background:0 0!important;
  color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important
 }
 a,a:visited {
  text-decoration:underline
 }
 a[href]:after {
  content:" (" attr(href) ")"
 }
 abbr[title]:after {
  content:" (" attr(title) ")"
 }
 a[href^="#"]:after,a[href^="javascript:"]:after {
  content:""
 }
 blockquote,pre {
  border:1px solid #999;
  page-break-inside:avoid
 }
 thead {
  display:table-header-group
 }
 img,tr {
  page-break-inside:avoid
 }
 img {
  max-width:100%!important
 }
 h2,h3,p {
  orphans:3;
  widows:3
 }
 h2,h3 {
  page-break-after:avoid
 }
}
*,:after,:before {
 box-sizing:border-box
}
html {
 font-size:10px;
 -webkit-tap-highlight-color:transparent
}
body {
 line-height:1.42857143;
 color:#333;
 background-color:#fff
}
a {
 color:#337ab7;
 text-decoration:none
}
a:focus,a:hover {
 color:#23527c;
 text-decoration:underline
}
a:focus {
 outline:dotted thin;
 outline:-webkit-focus-ring-color auto 5px;
 outline-offset:-2px
}
figure {
 margin:0
}
img {
 vertical-align:middle
}
.img-responsive {
 display:block;
 max-width:100%;
 height:auto
}
.img-rounded {
 border-radius:6px
}
.img-thumbnail {
 padding:4px;
 line-height:1.42857143;
 background-color:#fff;
 border:1px solid #ddd;
 border-radius:4px;
 -webkit-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
 display:inline-block;
 max-width:100%;
 height:auto
}
.img-circle {
 border-radius:50%
}
hr {
 margin-top:20px;
 margin-bottom:20px;
 border:0;
 border-top:1px solid #eee
}
.sr-only {
 position:absolute;
 width:1px;
 height:1px;
 margin:-1px;
 padding:0;
 overflow:hidden;
 clip:rect(0,0,0,0);
 border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
 position:static;
 width:auto;
 height:auto;
 margin:0;
 overflow:visible;
 clip:auto
}
.container,.container-fluid {
 margin-top: 5em;
 margin-right:auto;
 margin-left:auto;
 padding-right:15px;
 padding-left: 15px;
}
.actu-list-page .container-fluid
{
	padding: 0;
}

@media (min-width:768px) {
 .container {
  width:750px
 }
}
@media (min-width:992px) {
 .container {
  width:970px;
  display: flex;
  flex-direction: row
 }
}
@media (min-width:1200px) {
 .container {
  width:1200px
 }
}

.main-container {
    width: 100%;
}
.white {
    color: white;
}
.filter-white{
    width: 32px;
    height: 32px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(20deg) brightness(100%) contrast(100%);
}
.information-title > p {
    width: 80%;
    margin-top: 18px;
}
.information-title > img {
    width: 20%;
    margin-top: 12px;
    margin-left: 26px;
}
.information-title {
    margin-top: 1em;
    margin-bottom: 1em;
    display: flex;
    flex-direction: row;
}
.information-figure-title {
    position:absolute;
    text-transform:uppercase
   }
.information-figure-title h3 {
    position:absolute;
    top:0;
    right:0;
    left:0;
    width:100%;
    margin-top:45px;
    font-family:'Rajdhani',sans-serif,arial;
    font-size:28px;
    font-weight:400;
    line-height:30px;
    text-align:center
}
.information .information .information-mask-title {
 fill:#1e384a;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.information-text {
    margin-top: 3em;
    color: #707070;
    text-align: left;
    letter-spacing: 0px;
}
.information-text > p {
    font: normal normal 500 22px/32px 'Rajdhani';
    margin-top:4px;
}
.information-text > h3 {
    font: normal normal 600 28px/32px 'Rajdhani';
    margin-top:4px;
}
.information-mark {
    display: flex;
    align-items: center;
    margin-top: 2em;
    text-align: left;
    font: normal normal 600 21px/29px 'Rajdhani';
    letter-spacing: 0px;
    color: #A7C6E7;
    opacity: 1;
}
.information-mark>p::after {
    display: inline-block;
    content: url("data:image/svg+xml,%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.9 16.7' style='enable-background:new 0 0 22.9 16.7;' xml:space='preserve'%3E%3Cpath d='M1.5,9.8h16.5l-4.4,4.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l6.9-6.9c0,0,0,0,0,0c0.1-0.1,0.1-0.1,0.2-0.2 c0,0,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0,0,0-0.1,0-0.2c0,0,0-0.1,0-0.1c0-0.2,0-0.4,0-0.6c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0-0.2 c0,0,0-0.1-0.1-0.1c0,0,0-0.1-0.1-0.1c-0.1-0.1-0.1-0.1-0.2-0.2c0,0,0,0,0,0l-6.9-6.9c-0.3-0.3-0.7-0.4-1-0.4c-0.4,0-0.7,0.1-1,0.4 C13,1,13,1.9,13.5,2.5l4.4,4.4H1.5C0.7,6.9,0,7.5,0,8.3C0,9.1,0.7,9.8,1.5,9.8z' fill='%23A7C6E7'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 5px;
    margin-left: 12px;
}
.information-number {
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.main-container {
    margin: auto;
    width: 80%;
}
@media (min-width:992px) {
    .information-text {
        margin-top: 4em;
    }
    .main-container {
        width: 80%;
        margin-left:2em;
        margin-top:2em;
    }
    .information-text > h3 {
        font: normal normal 600 32px/42px 'Rajdhani';
    }
}
@media (min-width: 1200px) {
    .main-container {
        width: 40%;
    }
}
@media (min-width: 1300px) {
    .main-container {
        margin:0;
        margin-top:3em;
    }
}
@media (min-width: 1500px) {
    .information-mark {
        font: normal normal 600 21px/29px 'Rajdhani';
    }
    .main-container {
        width: 51%;
    }
    .container {
        width:1400px
    }
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
 color:#000
}
.h1,.h2,h1,h2 {
 margin:60px 0 0
}
.h3,.h4,.h5,.h6,h3,h4,h5,h6 {
 margin:40px 0 0
}
.h1,h1 {
 font-size:2.25em
}
.h2,h2 {
 font-size:1.75em
}
.h3,h3 {
 font-size:1.3125em
}
.h4,h4 {
 font-size:1.125em
}
.h5,h5 {
 font-size:1.0625em
}
.h6,h6 {
 font-size:1em
}
body {
 font-family:'PT Sans',sans-serif,arial;
 font-size:18px
}
p {
 margin:10px 0 0;
 line-height:25px
}
@media (min-width:992px) {
 p {
  line-height:20px
 }
}
.description {
 margin-bottom:20px!important
}
.cat {
 text-transform:none
}
.dots {
 height:20px;
 font-size:28px;
 line-height:10px
}
.p {
 font-size:18px
}
@media (min-width:992px) {
 .p {
  font-size:14px
 }
}
.ttu {
 text-transform:uppercase
}
.right {
 text-align:right
}
.left {
 text-align:left
}
.center {
 text-align:center
}
@media (min-width:992px) {
 .opened {
  margin-top:70px!important;
  -webkit-transition:all .5s;
  transition:all .5s
 }
 .article-page .opened {
  -webkit-transition:none;
  transition:none
 }
}
.brand {
 z-index:1;
 width:250px;
 height:60px;
 margin-top:-70px;
 font-family:Rajdhani,sans-serif,arial;
 font-size:24px;
 font-weight:500;
 line-height:60px;
 color:#fff;
 text-align:center;
 text-transform:uppercase
}
.brand a {
 color:#fff
}
.brand a:focus,.brand a:hover {
 text-decoration:none
}
.brand:after,.brand:before {
 position:absolute;
 left:0;
 width:0;
 height:0
}
.brand .brand-arrow-down,.brand .brand-arrow-up {
 position:absolute;
 left:0;
 right:0
}
.brand .brand-arrow-up {
 top:-9px
}
.brand .brand-arrow-down {
 bottom:-9px
}
.brand-header {
 bottom:-10px;
 z-index:2
}
.brand {
 position:relative
}
.brand a {
 position:absolute;
 right:0;
 left:0
}
.article-title {
 margin-top:0;
 font-family:Rajdhani,sans-serif,arial;
 font-size:48px;
 font-weight:500;
 line-height:45px
}
.article-cat {
 font-family:Rajdhani,sans-serif,arial;
 font-size:24px;
 font-weight:600
}
.article-chapo {
 margin-top:40px;
 font-family:Helvetica,sans-serif,arial;
 font-size:16px;
 font-weight:700
}
.pagination {
 float:left;
 width:100%;
 height:40px;
 margin-top:60px;
 margin-bottom:40px;
 line-height:40px;
 border-radius:8px
}
.pagination ul {
 width:100%;
 padding-left:0;
 margin:0 auto;
 overflow:auto;
 text-align:center
}
.pagination ul li {
 display:inline-block;
 text-align:center;
 list-style-type:none
}
.pagination ul li+li {
 margin-left:20px
}
.pagination ul li a {
 font-family:Rajdhani,sans-serif,arial;
 font-size:19px;
 font-weight:300;
 color:#000
}
.pagination .active {
 position:relative;
 width:40px;
 top:-5px;
 background-color:#fff;
 border-radius:8px
}
.pagination .active a {
 font-weight:700
}
.flag {
 display:none;
 width:50%!important;
 height:60px!important
}
.promo .flag {
 display:block
}
.actu-list-page .promo .flag {
 -webkit-transform:rotate(6deg);
 -ms-transform:rotate(6deg);
 transform:rotate(6deg);
 top:-8px
}
.product-aside .flag {
 height:auto!important;
 max-width:217px!important
}
@media (min-width:768px) {
 .product-aside .flag {
  max-width:98px!important
 }
}
@media (min-width:992px) {
 .product-aside .flag {
  max-width:178px!important
 }
}
@media (min-width:1200px) {
 .product-aside .flag {
  max-width:217px!important
 }
}
.product-list-item-img .flag {
 height:33px!important
}
.nav-tabs>.active>a,.nav-tabs>.active>a:focus,.nav-tabs>.active>a:hover {
 font-family:Rajdhani,sans-serif,arial;
 font-size:19px;
 font-weight:500;
 border-color:#000 #000 transparent
}
.nav-tabs>li>a,.nav-tabs>li>a:focus,.nav-tabs>li>a:hover {
 font-family:Rajdhani,sans-serif,arial;
 font-size:19px;
 font-weight:300;
 color:#000
}
.nav-tabs {
 border-color:#000
}
.header-home {
 position:relative;
 margin-bottom:-80px
}
.header-home-mask img {
 display:none
}
.header-home-img {
 position:relative;
 bottom:0;
 width:100%
}
.header-home-logo {
 position:relative;
 height:100px;
 text-align:center
}
.header-home-logo img {
 display:block;
 width:100%;
 height:auto
}
.header-home-logo-box {
 position:relative;
 display:block;
 width:200px;
 height:100px;
 margin:0 auto
}
.header-home-logo-back,.header-home-logo-front {
 position:absolute;
 top:-90px;
 right:0;
 left:0;
 margin:0 auto
}
.header-home-logo-front {
 z-index:1;
 padding-top:20px
}
.header-home-logo-link {
 position:absolute;
 right:0;
 bottom:50px;
 left:0;
 margin:0 auto;
 font-family:Rajdhani,sans-serif,arial;
 font-size:16px;
 font-weight:600;
 color:#000;
 text-transform:uppercase
}
@media (min-width:768px) {
 .header-home {
  position:relative
 }
 .header-home-mask {
  margin-right:auto;
  margin-left:auto;
  position:relative;
  z-index:1;
  top:-40px;
  height:40px;
  width:100%;
  padding:0
 }
 .header-home-mask img {
  display:block;
  width:100%;
  height:40px
 }
 .header-home:after,.header-home:before {
  content:'';
  position:absolute;
  z-index:1;
  bottom:40px;
  height:40px;
  width:33%;
  background-color:#fff
 }
 .header-home:before {
  left:0
 }
 .header-home:after {
  right:0
 }
 .header-home-logo {
  position:absolute;
  bottom:70px;
  left:0;
  right:0;
  height:200px
 }
 .header-home-logo-box {
  width:200px;
  height:200px
 }
 .header-home-logo-back,.header-home-logo-front {
  top:30px
 }
 .header-home-logo-front {
  padding-top:20px
 }
 .child .header-home-logo-box {
  margin-top:-40px
 }
 .child .header-home-logo-link {
  bottom:20px;
  font-family:Rajdhani,sans-serif,arial;
  font-size:16px;
  font-weight:600
 }
}
@media (min-width:768px) and (min-width:768px) {
 .header-home-mask {
  width:750px
 }
}
@media (min-width:768px) and (min-width:992px) {
 .header-home-mask {
  width:970px
 }
}
@media (min-width:768px) and (min-width:1200px) {
 .header-home-mask {
  width:1170px
 }
}
@media (min-width:1200px) {
 .header-home-logo {
  bottom:130px
 }
 .header-home-logo-box {
  width:280px;
  height:200px
 }
 .header-home-logo-back,.header-home-logo-front {
  top:30px
 }
 .header-home-logo-front {
  padding-top:40px
 }
 .child .header-home-logo-box {
  margin-top:-40px
 }
 .child .header-home-logo-link {
  bottom:-40px;
  font-family:Rajdhani,sans-serif,arial;
  font-size:21px;
  font-weight:600
 }
}
.footer {
 padding:10px 0;
 margin-top:120px;
 line-height:40px
}
.footer ul {
 padding-left:40px;
 margin-left:0
}
.footer li {
 list-style-type:none
}
.footer li a {
 font-family:Rajdhani,sans-serif,arial;
 font-size:19px;
 font-weight:300;
 text-transform:uppercase
}
.footer p {
 font-family:Rajdhani,sans-serif,arial;
 font-size:16px;
 font-weight:300;
 color:#fff;
 clear:both
}
.sites-footer .bottom {
 display:none
}
@media (min-width:768px) {
 .footer {
  min-height:100px
 }
 .footer ul {
  padding-left:0;
  margin:20px 0 0
 }
 .footer li {
  float:left
 }
 .footer li+li {
  margin-left:20px
 }
 .sites-footer .bottom {
  display:block;
  position:relative;
  top:60px;
  left:0;
  height:0
 }
}
.metiers {
 text-align:center
}
.metiers .title-1 {
 margin-top:40px
}
.metiers-items {
 display:inline-block;
 margin-top:40px;
 margin-right:-10px;
 margin-left: -10px;
 overflow:auto
}
.metiers-item {
 display:block;
 width:300px;
 padding:0 10px;
 margin:0 auto 50px;
 text-align:left
}
.metiers-item img {
 display:block;
 height:auto;
 max-width:100%
}
.metiers-item .p {
 font-family:Helvetica,sans-serif,arial;
 font-size:14px;
 font-weight:400
}
.metiers-figure {
 position:relative;
 margin-bottom:20px
}
.metiers-figure-title {
 position:absolute;
 right:20px;
 bottom:65px;
 left:20px;
 height:60px;
 margin-bottom:30px;
 text-align:center;
 text-transform:uppercase
}
.metiers-figure-title h3 {
 position:absolute;
 top:0;
 right:0;
 left:0;
 width:100%;
 margin-top:45px;
 font-family:Rajdhani,sans-serif,arial;
 font-size:28px;
 font-weight:400;
 line-height:30px;
 text-align:center;
 color: white;
}
.metiers-figure-title a {
 color:#fff;
 text-decoration:none
}
.metiers-figure-title svg {
 width:100%
}
.metiers .floconnage .metiers-figure-title:hover .metiers-mask-title {
 fill:#bca409;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.metiers .floconnage .metiers-mask-title {
 fill:#dec20b;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.metiers .floconnage .plus {
 color:#dec20b
}
.metiers .animal .metiers-figure-title:hover .metiers-mask-title {
 fill:#006b45;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.metiers .animal .metiers-mask-title {
 fill:#008f5c;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.metiers .animal .plus {
 color:#008f5c
}
.metiers .pet .metiers-figure-title:hover .metiers-mask-title {
 fill:#00939d;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.metiers .pet .metiers-mask-title {
 fill:#00b4c1;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.metiers .pet a.plus {
 color:#00b4c1
}
.metiers-mask {
 position:absolute;
 right:-3%;
 bottom:0;
 left:-3%;
 min-width:106%
}
@media (min-width:768px) {
 .metiers .title-1 {
  margin-top:20px
 }
 .metiers-item {
  float:left;
  width:45%
 }
 .metiers-item .plus .title-2 {
  font-size:13px
 }
 .metiers-figure-title {
  margin-bottom:10px
 }
 .metiers-figure-title h3 {
  font-size:23px;
  line-height:23px
 }
}
@media (min-width:992px) {
 .metiers .title-1 {
  margin-top:40px
 }
 .metiers-item {
  display:inline-block;
  float:inherit;
  vertical-align:top;
  width:316px
 }
 .information-item {
  display:inline-block;
  float:inherit;
  vertical-align:top;
  width:512px
 }
 .metiers-item .plus .title-2 {
  font-size:18px
 }
 .metiers-figure-title {
  margin-bottom:40px
 }
 .metiers-figure-title h3 {
  font-size:28px;
  line-height:30px
 }
}
.header {
 width:100%
}
.header-container {
 position:relative;
 height:90px;
 overflow:hidden
}
.header-img {
 position:absolute;
 top:0;
 display:block;
 width:100%;
 height:auto
}
@media (min-width:768px) {
 .header-container {
  height:200px
 }
}
@media (max-width:992px) {
 .hide-hamburger {
  opacity:0;
  -webkit-transition:all .4s;
  transition:all .4s
 }
 .show-close {
  opacity:1;
  -webkit-transition:all .4s;
  transition:all .4s
 }
}
.breadcrumb {
 padding-top:20px;
 margin-bottom:60px;
 font-family:Helvetica,sans-serif,arial;
 font-size:13px;
 font-weight:400;
 -webkit-transition:all .5s;
 transition:all .5s
}
.breadcrumb ul {
 margin-top:0
}
.breadcrumb ul li {
 float:left;
 margin-right:10px;
 list-style-type:none
}
.breadcrumb ul li+li:before {
 display:inline-block;
 margin-right:10px;
 content:'  ›  '
}
.breadcrumb ul li a {
 color:#000
}
@media (min-width:768px) {
 .article-page .article-content {
  float:left;
  width:100%
 }
}
@media (min-width:992px) {
 .article-page .sibbling-articles {
  float:left;
  width:25%
 }
 .article-page .article-content {
  float:right;
  width:80%
 }
}

.home .brand,.home-child .brand {
 background-color:#1e384a;
 margin-bottom: 2em;
}
.home .brand .brand-arrow-down,.home .brand .brand-arrow-up,.home-child .brand .brand-arrow-down,.home-child .brand .brand-arrow-up {
 fill:#1e384a
}
.home .brand:before,.home-child .brand:before {
 border-bottom-color:#1e384a;
 content:''
}
.home .brand:after,.home-child .brand:after {
 border-top-color:#1e384a;
 content:''
}
.home .brand:hover,.home-child .brand:hover {
 background-color:#172a38;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.home .brand:hover .brand-arrow-down,.home .brand:hover .brand-arrow-up,.home-child .brand:hover .brand-arrow-down,.home-child .brand:hover .brand-arrow-up {
 fill:#172a38;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.home .footer .brand {
 background-color:#a7c6e7
}
.home .footer .brand .brand-arrow-down,.home .footer .brand .brand-arrow-up {
 fill:#a7c6e7
}
.home .footer .brand:before {
 border-bottom-color:#a7c6e7;
 content:''
}
.home .footer .brand:after {
 border-top-color:#a7c6e7;
 content:''
}
.home .footer .brand:hover {
 background-color:#93b9e2;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.home .footer .brand:hover .brand-arrow-down,.home .footer .brand:hover .brand-arrow-up {
 fill:#93b9e2;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.brand {
 background-color:#82aedd
}
.brand .brand-arrow-down,.brand .brand-arrow-up {
 fill:#82aedd
}
.brand:before {
 border-bottom-color:#82aedd;
 content:''
}
.brand:after {
 border-top-color:#82aedd;
 content:''
}
.brand:hover {
 background-color:#6ea1d8;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.brand:hover .brand-arrow-down,.brand:hover .brand-arrow-up {
 fill:#6ea1d8;
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}