@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,300italic,300,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Playball);
*{box-sizing: border-box;}
html {height: 100%;}
body {
  background: #f1f1f1;
  font-size: 15px;
  line-height:24px;
  color: #777777;
  min-height: 100%;
  font-family: 'Lato', sans-serif;
  position: relative;}
#page { min-height: 100%;}
.wrap {
  width: 1200px;
  margin: 0 auto;}

.wrap-sidebar{width: 935px;float:left;}
#sidebar{float:right;width:240px;}
#sidebar h2{font-size:17px;color: #4e4e4e;}
#content {
       padding: 60px 0;
    padding-bottom: 430px;
    min-height: 200px;}
.wrapped{
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 22px rgba(157,184,209,.19);}
h2{
    position: relative;
    font-size: 28px;
    color: #484848;
    line-height: 1em;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 40px;
    padding-left: 50px;
}

h2:after {
    content: '';
    /* width: 100%; */
    height: 1px;
    position: absolute;
    bottom: -10px;
    left: 50px;
    right: 0;
    background: #34a853;
}

h2:before {
        content: '';
    background: url(https://www.masetfils.com/wp-content/themes/triplew/public/img/icon-crops.png);
    width: 38px;
    height: 38px;
    display: block;
    position: absolute;
    left: 0;
    background-size: 38px;
    top: -5px;
}


h3 {
    font-size:26px;
    line-height: 1.3;
    padding: 0 0 0 0;
    color: #396352;
    display: block;
    padding-top: 10px;
    font-weight: normal;
    margin-bottom:15px;
}

a{color: #34a853;}

.button{    
    background: #8eb198;
    color: #fff;
    padding: 8px 12px;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;}
.button:hover{background: #fe8c28;}

button.menu-responsive {
    display: none;
}

#menu .menu-secondary-nav-responsive{display:none;}
body .page-banner{  position:relative; height:245px; z-index:10; overflow:hidden;}
body .page-banner .entry-thumbnail{ 
    background-color:#fff;
    background-position:center center;
    background-repeat: no-repeat;
    background-size:cover;
    height:100%;
    display:block;
    z-index:5;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
body .breadcrumbs{position:absolute; left:0; right:0; bottom:0; padding:0 0 0 0; overflow:hidden; z-index:30;}
body .breadcrumbs .wrap:after{
    position:absolute; 
    content:""; 
    width:200%;
    left:-200%;
    top:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.44);
    display:block;
    z-index:20;
}
body .breadcrumbs .wrap{z-index:10;    position: relative;}
body .breadcrumbs .wrap nav > span{
    letter-spacing:0.01em;
    display:inline-block;
    color:#fff;
    font-size:11px;
    padding:5px 30px 5px 0px;
    font-weight:800;
    background-color:rgba(0, 0, 0, 0.44);
    text-transform: uppercase;
        border-radius: 0 4px 0 0;
}
body .breadcrumbs .wrap nav > span:last-child {color:#ffffff; font-weight:800;}
body .breadcrumbs .wrap nav > span a{color:#d6d6d6; font-weight:400; text-decoration: none;}

#home-about .col-left{width:710px;float:left;}
#home-about  img{
    background: #f9f9f9;
    margin-top: 15px;
    margin-left:30px;
    margin-bottom: 10px;
    border:10px solid #fff;
    box-shadow: 0 0px 6px rgba(0, 65, 116,0.14), 0 3px 6px rgba(0, 65, 116,0.14);}
#home-about .col-right img{display:block}

#home-product{}
#home-product .col-left {float:right;width:860px;}
#home-product .col-right {float:left;}
#home-product .col-right img{width: 306px;margin-top:30px;}

/*=============================================
 * Class generique *
=============================================*/
[class*="c1-"]{box-sizing: border-box;}
.c1-2{width: 48.7%;margin-bottom:15px;}
.c1-2:nth-child(2n){float:right;}
.c1-2:last-child, .c1-2:nth-last-child(-n + 2):nth-child(odd){margin-bottom:0!important;}
.c1-3{width: 31.666%;margin-left:2.5%;margin-bottom:26px;}
.c1-3:first-child{margin-left:0%}
.c1-3:nth-child(4n){margin-left:0;}
.c2-3{width: 65.833%;margin-left:2.5%;margin-bottom:26px;}
.c1-4{width: 22.12%;margin-left: 3.8%;}
.c1-4:nth-child(4n + 1), .c1-4-t2:nth-child(4n + 1){margin-left:0;}
.c1-5{width: 18.40%;margin-left: 2%;margin-bottom: 20px;}
.c1-5:nth-child(5n + 1){margin-left:0;}

p{padding-bottom:15px;}
div.intro{line-height:20px;font-size:15px;}
.float-left{float:left}
.float-right{float:right}
section#container{}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product{
    overflow: hidden;position: relative;}
.product img{
  width: 100%;
    display: block;
    border-bottom: 0;
    box-sizing: border-box;}
.product .name {
        color: #333;
    text-align: center;
    font-size: 15px;
    
    font-weight: bold;
    width: 100%;
    display: table;
    bottom: 0;}

.product .name span {
    padding: 9px;
    display:block;
    display: table-cell; /* comportement visuel de cellule */
    vertical-align: middle;}
.product.archive .name{height: 50px;font-size: 13px;}

select#redirect_product {
    width: auto;
    height: 32px;
    padding-right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 38px 0 12px;
    font-size: 14px;
}


  #timeline{margin-top:50px;    padding: 50px;background:#fff;}

  #timeline .items{ position:relative; display:block; padding-top:30px; padding-bottom:30px;} 
  #timeline .items .item img{width:100%;}
  #timeline .items .item span.title{
  line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 0.01rem;
    text-transform: uppercase;
    color: #020202;
    text-decoration: none;
    position: relative;}

  #timeline .items:after{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:3px;
    content:"";
    display:block;
    background-color:#002138;
    margin:auto;}

  #timeline .items .item{position:relative; display:block; padding-top:15px; padding-bottom:15px;}
  #timeline .items .item .item-wrap{width:50%; position:relative;}
  #timeline .items .item:nth-child(2n + 1) .item-wrap{ text-align:right; padding-right:30px;}
  #timeline .items .item:nth-child(2n + 2) .item-wrap{ float:right; padding-left:30px;}
  #timeline .items .item:nth-child(2n + 1) .item-wrap h3{ text-align:right;}

  #timeline .items .item .circle{
    height:21px;
    width:21px;
    background-color:#fff;
    border-radius:20px;
    border:5px solid #002138;
    display:block;
    position:absolute; 
    display:block;  
    top:5px;
    margin:0 auto 0 auto;
    z-index:100;}
  #timeline .items .item:nth-child(2n + 1) .circle{right:-10px;}
  #timeline .items .item:nth-child(2n + 2) .circle{left:-11px;}



#fiche-technique{
    margin-top:20px;
    width: 100%;
    background: #fff;}
#fiche-technique tr{}
#fiche-technique tr th{
    text-align: left;
    background: #f27201;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #ff8316;}
#fiche-technique tr td{
    padding: 5px 10px;
    border: 1px solid #eaeaea;}

.card_member{    padding: 20px;
        border-radius: 6px;
    box-shadow: 1px 1px 22px rgba(157,184,209,.19);
    height:136px;
    float: left;
    background: #fff;
    width: 32%;
    margin-bottom:15px;
    margin-left: 2%;}
.card_member:nth-child(3n + 1){margin-left:0;}
.card_member h4{}


.single-news-preview:after {
    background: linear-gradient(180deg,transparent 25%,#000);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
}

/****************************************************************/
/**************************** HEADER ****************************/
/****************************************************************/
header {padding: 5px 0 0px 0;background: #fff}
header h1 {text-align: center;}
header h1 img {width: 300px;}
header .first-nav {float: left;padding-top: 5px;}
header .first-nav li {float: left;}
header .first-nav li:last-child a {border-right: 0;}
header .first-nav li a {
      line-height: 9px;
  color: #000;
  font-size: 10px;
  font-weight: 700;
  padding: 0px 10px 0px 10px;
  border-right: 1px solid #000000;
  text-transform: uppercase;
  display: inline-block;}
header .second-nav {
  background: #F27201;
  margin-top: 20px;
  text-align: center;}
header .second-nav div > ul {display: inline-block;}
header .second-nav div > ul > li {display: inline-block;}
header .second-nav div > ul > li > a {
  color: #fff;
  font-size: 16px;
  padding: 15px 25px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  font-family: 'Lato', serif;}
header .second-nav div#menu:not(.responsive) ul > li:hover {background: #fe8214;}
header .second-nav div#menu:not(.responsive) ul > li:hover ul {
  display: block;
  z-index: 999;
  position: absolute;}
header .second-nav div > ul > li ul {
  position: absolute;
  display: none;
  background-color: #fe8214;}
header .second-nav div > ul > li ul li a {
  font-family: 'Lato', serif;
  min-width: 150px;
  padding: 10px 25px 10px 25px;
  display: block;
  color: #fff;
  text-align: left;
  font-size: 15px;}
header .second-nav div > ul > li ul li a:hover,
header .second-nav div > ul > li ul li a.active {background-color: #fe8c28;}
header .search {
  float: left;
  position: relative;}
header .search a.search-click {
  color: #000;
  display: inline-block;
  vertical-align: middle;}
header .search .searchform {
  width: 0;
  overflow: hidden;
  padding-left: 0px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}
header .search .searchform.active {
  width: 193px;
  padding-left: 6px;}
header .search .searchform input {
  border-radius: 0px;
  transition: all 0.3s ease-out 0s;
  padding: 5px 10px 5px 10px;
  background: #fff;
  width: 170px;
  border: 1px solid #e7e7e7;}
header #slider {
  z-index: 127;
  
  height: 350px;
  border-bottom: 2px solid #DCDCDC;}

body.home #content{background:#fff;}
#home-product{padding:80px 0 0 0;}

#content .wrap{position: relative}

.association-logo{display:inline-block;padding:30px 20px;}
.association-logo img{height: 100px;}


/*--------------------------------------------------------------------*/
/*--- ACCUEIL - NOUVELLES --------------------------------------------*/
/*--------------------------------------------------------------------*/
.block-nouvelles{
    position: relative;
    z-index: 6;
    padding: 80px 0px;
    background-color: #fff9e9;
    margin-top: 90px;
    background-image: url(https://c.pxhere.com/photos/c4/e6/field_farmland_rut_arable_furrow_earth_ground_agriculture_symmetry-1278493.jpg!d);
    background-color: #1f4b73;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 -7px 14px rgba(95, 72, 46, 0.47), 0 7px 14px rgba(95, 72, 46, 0.47);
}
.block-nouvelles h2{color:#fff;padding-left: 0px}
.block-nouvelles h2:before {background:transparent;}
.block-nouvelles h2:after {left: 0px;}
.block-nouvelles .wrap-news article:first-child{ float:left; width:49%; position:relative;}
.block-nouvelles .wrap-news article:last-child{ float:right; width:49%; position:relative;}
.block-nouvelles .wrap-news article:first-child .wrap{margin-right:15px; position: relative;width: 100%;}
.block-nouvelles .wrap-news article:last-child .wrap{position: relative;width: 100%;}
.block-nouvelles .wrap-news article .wrap{
    -webkit-box-shadow: 0 3px 6px rgba(9, 39, 62,0.14), 0 3px 6px rgba(9, 39, 62,0.21);
    -moz-box-shadow: 0 3px 6px rgba(9, 39, 62,0.14), 0 3px 6px rgba(9, 39, 62,0.21);
    box-shadow: 0 3px 6px rgba(9, 39, 62,0.14), 0 3px 6px rgba(9, 39, 62,0.21);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position:relative; 
    bottom:0;
}
.block-nouvelles .wrap-news article .wrap:hover{bottom: 8px;}
.block-nouvelles .wrap-news article .article-left{
    background-color:#003d6e; 
    color:#fff; 
    float:left; 
    width:18%;
    position:absolute; 
    top:0; 
    bottom:0;
    background:#f27201;
}
.block-nouvelles .wrap-news article .article-left .article-date{padding:28px 10px 28px 10px;}
.block-nouvelles .wrap-news article .article-left .article-date .article-day{font-size:50px; font-weight:600; line-height:50px; display:block; text-align: center; }
.block-nouvelles .wrap-news article .article-left .article-date .article-month{font-size:12px; line-height:14px; text-transform: uppercase; display:block; text-align: center;}
.block-nouvelles .wrap-news article .article-right{background-color:#fff; width:82%; float:right; position:relative; }
.block-nouvelles .wrap-news article .article-right .article-content{ padding:30px 22px 28px 22px; }
.block-nouvelles .wrap-news article .article-right h3{margin-bottom:14px; line-height: 1.22;}
.block-nouvelles .wrap-news article .article-right h3 a{text-decoration: none; font-size: 1.44rem; line-height: 1.22; font-weight:400; color:#19354b; padding:0px; margin:0px; }
.block-nouvelles .cta{padding-top:30px; display:block; text-align:right;}
.block-nouvelles .cta{padding-top:30px; display:inline-block; text-align:right; float:right;}
.block-nouvelles .cta a{

    display:block;
   background:#207d3a;
    -webkit-box-shadow: -4px 10px 22px rgba(0, 40, 73, 0.2), 0 6px 6px rgba(0, 40, 73, 0.2);
    -moz-box-shadow: -4px 10px 22px rgba(0, 40, 73, 0.2), 0 6px 6px rgba(0, 40, 73, 0.2);
    box-shadow: -4px 10px 22px rgba(0, 40, 73, 0.2), 0 6px 6px rgba(0, 40, 73, 0.2);
}
.block-nouvelles .cta{margin-bottom:0px;}
.block-nouvelles .wrap-news article .article-right .article-content ul.post-categories{ margin-bottom:5px; }
.block-nouvelles .wrap-news article .article-right .article-content ul.post-categories li{ margin:0px; padding:0px;font-size:12px; display:inline-block; line-height:14px;}
.block-nouvelles .wrap-news article .article-right .article-content ul.post-categories li a{text-decoration:none; color:#016ebc; font-weight:400;}
.block-nouvelles .wrap-news article .article-right .article-content ul.post-categories li a:after{content:" -";}
.block-nouvelles .wrap-news article .article-right .article-content ul.post-categories li:last-child a:after{content:"";}
.block-nouvelles .wrap-news article .article-right .article-content .article-excerpt p{margin-bottom:15px;}
.block-nouvelles .wrap-news article .article-right .article-content a.savoir-plus{
    margin-top:3px;
    display:inline-block; 
    border:1px solid #014e8c;
    text-decoration: none; 
    font-size:11px; 
    text-transform: uppercase; 
    font-weight:600; 
    padding:3px 6px;
    line-height:18px;
}
.block-nouvelles .wrap-news article .article-right .article-content a.savoir-plus span{font-family: Arial,Helvetica,sans-serif; font-size:15px; font-weight:400; position:relative; top:1px;}
.block-nouvelles .wrap-news article .article-right .txt-height{height:185px; overflow:hidden; position:relative; margin-bottom:14px;}


.page-id-19 #content, .page-id-1633 #content{background: #fff;}


/*--------------------------------------------------------------------*/
/*--- CTA ------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
.cta{  
    position:relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.cta a{
    text-align:center;
    background:#f27201;
    text-decoration: none;
    font-size:12px;
    font-weight:400;
    color:#fff;
    text-transform: uppercase;
    display:inline-block;
    line-height: normal;
    padding: 13px 28px;
    position:relative;
    z-index:5;
    overflow:hidden;
    bottom:0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.cta-right{text-align:right;}
.cta a:after{
    content:"";
    display:block;
    position:absolute;
    left:4px;
    top:4px;    
    bottom:100%;
    right:100%;
    z-index:10;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.cta a:before{
    content:"";
    display:block;
    position:absolute;
    right:4px;
    bottom:4px;    
    top:100%;
    left:100%;
    z-index:1;
    border-bottom:1px solid transparent;
    border-right:1px solid transparent;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.cta a:hover:after{ bottom:4px; right:4px; border-top:1px solid #fff; border-left:1px solid #fff;}
.cta a:hover:before{ top:4px; left:4px; border-bottom:1px solid #fff; border-right:1px solid #fff;}


.cta-small-2{  
    display:inline-block;
    position:relative;
    bottom:0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index:1;
}
.cta-small-2:after{
    content:""; 
    position:absolute;
    top:0; 
    bottom:0; 
    left:0; 
    right:0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background:#207d3a;
    opacity:0;
}
.cta-small-2 a{
    text-align:center;
    border:1px solid #31a250;
    text-decoration: none;
    font-size: 0.7rem;
    line-height: 1.6;
    font-weight:400;
    color:#207d3a;
    text-transform: uppercase;
    display:inline-block;
    padding: 3px 6px;
    position:relative;
    z-index:5;
    display:block;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.cta-small-2:hover:after{opacity:1;}
.cta-small-2:hover a{color:#fff;}
.cta-small-2 a:after{
    content:"";
    display:block;
    position:absolute;
    left:-4px;
    top:-4px;    
    bottom:100%;
    right:100%;
    z-index:10;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.cta-small-2 a:before{
    content:"";
    display:block;
    position:absolute;
    right:-4px;
    bottom:-4px;    
    top:100%;
    left:100%;
    z-index:1;
    border-bottom:1px solid transparent;
    border-right:1px solid transparent;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.cta-small-2 a:hover:after{ bottom:-4px; right:-4px; border-top:1px solid #31a250; border-left:1px solid #31a250;}
.cta-small-2 a:hover:before{ top:-4px; left:-4px; border-bottom:1px solid#31a250; border-right:1px solid #31a250;}




/****************************************************************/
/**************************** FOOTER ****************************/
/****************************************************************/
footer {
  position: absolute;
  bottom: 0;
  width: 100%;}
footer .wrapper {position: relative;}
footer .wrapper .contact-info {
  text-align: center;
  padding: 50px 0;
  color: #AFAFAF;
  position: relative;
  z-index: 2;
  background: rgba(21, 11, 3, 0.85);}
footer .wrapper .contact-info h3 {
  font-weight: normal;
  color: #fff;
  padding-bottom: 20px;
  font-size: 48px;
  font-family: 'Playball', cursive;}
footer .wrapper .contact-info div {padding: 4px 0;}
footer .wrapper .contact-info a {color: #fff;}
footer .wrapper .contact-info i {color: #fff;padding-right: 8px;}
footer .wrapper .contact-info .sep {width: 15px;display: inline-block;}
footer #map {position: absolute;top: 0;bottom: 0;width: 100%;z-index: 1;}
footer #footer-more {background: #F27201;}
footer #footer-more #sitemap {float: left;width: 480px;}
footer #footer-more #sitemap ul li {font-size: 16px;display: inline-block;}
footer #footer-more #sitemap ul li a {font-size: 14px;color: #fff;text-decoration: none;padding: 12px 12px;display: block;}
footer #footer-more #sitemap ul li a:hover,
footer #footer-more #sitemap ul li a.active{background: #fe8214;}
footer #footer-more #copyright{float: right;color: #fff;padding-top: 12px;}



.jcarousel {
    position: relative;
    height:250px;
    overflow: hidden;}
.jcarousel #slides {
    width: 20000em;
    position: relative;
    height:100%;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;}


#single_product h3{font-size:17px;color:#252525;margin-bottom:10px;}
#single_product ul{padding-left: 15px;}
#single_product ul li{font-size:15px;margin-bottom: 8px;line-height:15px;color: #252525;list-style: initial;}
#single_product ul li span{font-weight: bold;display:inline-block;}

#single_product #sidebar h2{padding-left:20px;position:relative;}
#single_product #sidebar h2 i{font-size:14px;position:absolute;left:0;top:2px;}
#single_product #sidebar ul{padding-left:0px;}
#single_product #sidebar ul li{list-style: none;position:relative;margin-bottom:15px;border: 1px solid #e2e2e2}
#single_product #sidebar ul li img{display:block;}
#single_product #sidebar ul li div.name{position: absolute;width: 100%;text-align: center;bottom: 0;padding: 5px;background: rgba(13, 84, 32, 0.45);box-sizing: border-box;color: #fff;}

#single_product h1{font-size:22px;;}
#single_product .c1-2:first-child{width:32%;}
#single_product .c1-2:last-child{width:65%;}
#single_product .block-nav{position:absolute;width:100%;height: 100%;top: 0;}
#single_product .block-nav span{position:absolute;top:50%;cursor:pointer;padding:10px;background:rgba(242, 114, 1, 0.71);color:#fff;padding: 6px 12px 6px 9px;font-size:18px;border-radius:0px 2px 2px 0px;margin-top:-15px;;}
#single_product .block-nav span:last-child{right:0;padding: 6px 9px 6px 12px;border-radius:2px 0px 0px 2px}
#single_product .block-nav span:hover{background:rgb(242, 114, 1);}
#single_product .slide{position: relative;float: left;    width: 286px;height:100%;font-size: 15px;color: #464646;line-height: 18px;}
#single_product .jcarousel{    border: 8px solid #fff;border-radius: 6px;box-shadow: 1px 1px 22px rgba(157,184,209,.19);}



/*--------------------------------------------------------------------*/
/*--- ADD TO ANY -----------------------------------------------------*/
/*--------------------------------------------------------------------*/

 .addtoany .addtoany_list{ display:inline-block;}
 .addtoany .addtoany_list:after{clear:both;display: table;line-height: 0;content: "";}
 .addtoany .addtoany_list > a{height:26px; width:26px; line-height:26px; display:block; float:left; padding:0 0 0 0; margin:0 2px;}
 .addtoany .addtoany_list span{
    width: 100%;
    line-height: 26px!important;
    height: 26px!important;
    width: 26px!important;
    background-size: 26px!important;
    border-radius: 4px;
    fill:blue!important;
}


/*--------------------------------------------------------------------*/
/*--- ARCHIVE NEWS ---------------------------------------------------*/
/*--------------------------------------------------------------------*/
.archive-cat{border-top-width: 0;
    padding-top: 10px;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 22px rgba(157,184,209,.19);
    margin-bottom: 15px;}

.archive-cat .article-wrap{position:relative; }
.archive-cat .new-date-content{
    padding-top:16px; 
    display:block; 
    width:100px; 
    height:100px; 
    position:absolute;
    top:0;
    left:0;
    border: 1px solid #e7e7e7;
}

.archive-cat .new-date-content .date-top{position:relative; z-index:30; font-size: 50px; font-weight: 600; line-height: 50px; display: block; text-align: center; color:#616161; padding-bottom:0;}
.archive-cat .new-date-content .date-bot{position:relative; z-index:30; font-size: 12px; line-height: 14px; text-transform: uppercase; display: block; text-align: center; color:#616161;}
.archive-cat .new-content-content{ padding-left:130px;}
body .archive-cat .new-content-content h3{padding-top:10px;margin-bottom: 5px;}
body .archive-cat .new-content-content h3 a{ 

    color: #484848;

}

.archive-cat .new-content-content .txt-cat a{font-size: 16px; line-height: 22px; text-decoration:none; color: #55606e; display: block; }
.archive-cat .cta-small-2 a{padding:4px 10px;}
.nav-previous{float:left; font-size:17px; margin-top:20px;}
.nav-next{float:right; font-size:17px; margin-top:20px;}

/*--------------------------------------------------------------------*/
/*--- SINGLE NEWS ----------------------------------------------------*/
/*--------------------------------------------------------------------*/
.one-sidebar #content{width:100%!important; padding:0;}
body .content-area .main-content.article.entry-content{ float: left; padding-left:0px; padding-top:0; padding-right:75px;}
body .content-area .sidebar-news{    
    position: relative;
    float: right;
    width: 24%;
    padding-top: 40px;
    padding-bottom:30px;
    background-color:#e5f4fb;
}
 .sidebar-news h2{
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 8px 20px;
    font-weight: 400;
    font-size: 19px;
    display: inline-block;
    line-height: normal;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: -10px 10px 18px rgba(0, 40, 73, 0.1), 0 6px 6px rgba(0, 40, 73, 0.1);
    -moz-box-shadow: -10px 10px 18px rgba(0, 40, 73, 0.1), 0 6px 6px rgba(0, 40, 73, 0.1);
    box-shadow: -10px 10px 18px rgba(0, 55, 100, 0.09), 0 6px 6px rgba(0, 55, 100, 0.09);
    background: -webkit-linear-gradient(-135deg, #0d95ce, #0d71bd);
    background: -o-linear-gradient(-135deg, #0d95ce, #0d71bd);
    background: -moz-linear-gradient(-135deg, #0d95ce, #0d71bd);
    background: linear-gradient(-135deg, #0d95ce, #0d71bd);
}
 .sidebar-news .latest-news{
    border-left: 1px solid #0d95ce;
    position: relative;
    z-index: 10;
    background-color: #fff;
    padding: 0px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 65, 116,0.12), 0 2px 3px rgba(0, 65, 116,0.18);
    -moz-box-shadow: 0 2px 4px rgba(0, 65, 116,0.12), 0 2px 3px rgba(0, 65, 116,0.18);
    box-shadow: 0 2px 4px rgba(0, 65, 116,0.12), 0 2px 3px rgba(0, 65, 116,0.18);
}
 .sidebar-news .sidebar-news-wrap{ text-align: right; position: relative; right: 35px; z-index: 10; }
 .sidebar-news .sidebar-news-wrap article{ text-align:left; position:relative; display:block; padding: 15px 20px; border-bottom: 1px solid rgba(0, 42, 84, 0.08);}
 .sidebar-news .sidebar-news-wrap article h3 a{color: #014e8c; font-size: 16px; line-height: 20px;}
 .sidebar-news .sidebar-news-wrap article h3 {color: #014e8c; font-size: 16px; line-height: 20px; margin-bottom:0; padding-bottom:0;}
 .sidebar-news .sidebar-news-wrap article .article-date{color:rgba(0, 42, 84, 0.5); text-transform: uppercase; font-size:11px; line-height:16px; font-weight:400;}
 .sidebar-news .sidebar-news-wrap article:before{
    width:0%;
    height:1px;
    content:"";
    display:block;
    position:absolute;
    right:50%;
    bottom:-1px;
    background-color:#0d95ce;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
 .sidebar-news .sidebar-news-wrap article:after{
    width:0%;
    height:1px;
    content:"";
    display:block;
    position:absolute;
    left:50%;
    bottom:-1px;
    background-color:#0d95ce;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
 .sidebar-news .sidebar-news-wrap article:hover:before{ width:50%; }
 .sidebar-news .sidebar-news-wrap article:hover:after{ width:50%; }
 .sidebar-news .link-all{display:block; text-align:right; padding-right:35px; font-size:14px; margin-top:10px; }
 .sidebar-news .link-all a{color:#0d92cd;}
 .entry-head{border-bottom: 1px solid #d9d9d9; padding:12px 0 4px 0; position:relative; margin-bottom:20px; }

#list-formats{}
#list-formats div.format{margin-bottom:10px;}
#list-formats div.format .format-name:hover{background:#808080;cursor:pointer;color:#fff;}
#list-formats div.format.active .format-name{background:#f27201;color:#fff;}
#list-formats div.format span{float: right;}
#list-formats div.format div.details{display:none;background:#fff;padding:20px 15px;}
#list-formats div.format div.details ul{padding-left: 0px;float:left;width:330px;}
#list-formats div.format div.details ul li{list-style-type: none}
#list-formats div.format div.details ul li > i{padding-right: 5px;}
#list-formats div.format div.details .images{float:right;width:550px;padding:10px;background: #ececec;border: 1px solid #d9d9d9;}
#list-formats div.format div.details .images img{width:32%;margin-right:2%;display:block;float:left;}
#list-formats div.format div.details .images img:last-child{margin-right:0%;}