html{width: 100%; display: inline-block;-webkit-font-smoothing: antialiased !important;background: #eee;position: relative;}
body{width: 100%;margin-bottom:0;display: inline-block;background-color: #fff;color: black;background-repeat: repeat;font-family: 'Montserrat', sans-serif;overflow-x:hidden;float: left;}
a, a:hover, a:focus{color: inherit;text-decoration: none;}
a:hover, a:focus{opacity: 0.8;cursor: pointer;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.content{width: 100%;max-width:1000px;margin:auto;}
.stroke-shadow {text-shadow: 1px 1px 4px #111, 0 0 20px #000}

/* HEADER */
header{width: 100%;background: black;padding: 5px 0;color:#816b42;height: 70px;z-index: 9999;position: fixed;top:-80px;left: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;}
header.active{top:0;}
header.animation_1{position: absolute;}
header .content{position: relative; max-width: 1200px;}
header .group{width: 100%;display: inline-block;}
header .logo{display:none;}
header .menu{float: right;margin-top: 20px;width: 100%;text-align: left;}
header .menu ul {margin:0;padding:0;display: inline-block;}
header .menu ul li{float: left;margin:0;padding:0;list-style: none;margin-left: 50px;position: relative;}
header .menu ul li .logo{margin-top: -20px;display: block;}
header .menu ul li .logo img{max-height: 60px;}
header .menu ul li a{text-transform: uppercase;font-size: 15px;font-weight: 500;}
header .menu ul li.active a{color:white;}
header .social{position: absolute;top: 22px;right: 80px;}
header .social ul {padding: 0;margin: 0;list-style: none;}
header .social ul li{float: left;padding: 0;margin: 0;color:#816B46;margin-left: 20px;font-size: 20px;}
header .social ul li i{font-size: 16px;}
header .lang{position: absolute;top: 27px;right: 20px;}
header .lang .activeLang{font-size: 14px;text-transform: uppercase;font-weight: bold;}
header .lang .activeLang i{font-size: 10px;}
header .lang .activeLang:hover{cursor: pointer;opacity: 0.8;}
header .lang ul{display:none;position: absolute;top: 20px;right: -7px;text-align: center;;border-radius: 3px;padding: 0;margin:0;padding-bottom: 4px}
header .lang ul li{padding:0;margin:0;list-style: none;font-size: 12px;color: white;font-weight: bold;margin:0;padding: 0;}
header .lang ul li a{display:inline-block;padding:7px 10px 7px;}
header .lang ul:after{position: absolute;top: -6px;right: 0;content: '';width: 10px;height: 10px;border-bottom:10px solid #816B46;border-right: 10px solid transparent;border-left: 10px solid transparent; }
header .lang:hover ul{display:block;}

.slicknav_menu{display: none;}


/* BANNER - HOMEPAGE */
#bannerHome .img_bg{width: 100%;height: 90vh;background-size: cover;background-position: center;margin-bottom:45px;}
#bannerHome .img_bg .content{height:100%;position:relative;}
#bannerHome .img_bg .content .button{position: absolute;bottom: -30px;right: 0;height: 60px;width:44%;font-size: 11px;padding: 10px 20px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;color:white;-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;}
#bannerHome .img_bg .content .button:after{width: 700px;height:60px;background:#816b42;left: 100%;top:0;content:'';position: absolute;}
#bannerHome .img_bg .content .button:before{width: 3px;height:30px;background:#818183;left: 100%;bottom:-15px;content:'';position: absolute;z-index: 9}
#bannerHome .img_bg .content .button i{margin-left: 10px;}
#bannerHome .img_bg .content .button:hover{bottom: -25px;opacity: 1;color:white!important;}
.carousel-control{background: transparent!important;}
#bannerHome .scroll{position: absolute;bottom: 80px;left: 50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
#bannerHome .scroll .mouse {transform: scale(0.8);position: relative;display: block;width: 26px;height: 40px;margin: 0 auto 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px solid white;border-radius: 23px;}
#bannerHome .scroll .mouse > * {position: absolute;display: block;top: 29%;left: 55%;width: 6px;height: 6px;margin: -4px 0 0 -4px;background: white;border-radius: 50%;-webkit-animation: ani-mouse 2.5s linear infinite;-moz-animation: ani-mouse 2.5s linear infinite;animation: ani-mouse 2.5s linear infinite;}
#bannerHome .scroll .text{font-size: 10px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;transform: rotate(90deg);letter-spacing: 2px;left: -1px;position: relative;}
#bannerHome .scroll .arrow{transform: rotate(90deg); margin: 30px 0;}

@-webkit-keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  } 15% {
    opacity: 1;
    top: 50%;
  }50% {
    opacity: 0;
    top: 50%;
  }100% {
    opacity: 0;
    top: 29%;
  }
}
@-moz-keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  } 15% {
    opacity: 1;
    top: 50%;
  } 50% {
    opacity: 0;
    top: 50%;
  } 100% {
    opacity: 0;
    top: 29%;
  }
}
@keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  } 15% {
    opacity: 1;
    top: 50%;
  } 50% {
    opacity: 0;
    top: 50%;
  } 100% {
    opacity: 0;
    top: 29%;
  }
}

@keyframes ani-mouse {
   0% {
     opacity: 1;
     top: 29%;
   } 15% {
       opacity: 1;
       top: 50%;
     } 50% {
         opacity: 0;
         top: 50%;
       } 100% {
           opacity: 0;
           top: 29%;
         }
 }
#bannerHome .scroll:hover{cursor: pointer;opacity: 0.8;}

@-moz-keyframes touch-scroll-ani {
  0% {
    opacity: 1;
    top: 60%;
  }
  15% {
    opacity: 1;
    top: 40%;
  }
  50% {
    opacity: 0;
    top: 29%;
  }
  100% {
    opacity: 0;
    top: 60%;
  }
}

@-webkit-keyframes touch-scroll-ani {
  0% {
    opacity: 1;
    top: 60%;
  }
  15% {
    opacity: 1;
    top: 40%;
  }
  50% {
    opacity: 0;
    top: 29%;
  }
  100% {
    opacity: 0;
    top: 60%;
  }
}

@keyframes touch-scroll-ani {
  0% {
    opacity: 1;
    top: 60%;
  }
  15% {
    opacity: 1;
    top: 40%;
  }
  50% {
    opacity: 0;
    top: 29%;
  }
  100% {
    opacity: 0;
    top: 60%;
  }
}

.touch-scroll {
  margin: 20px 0;
  height: 100px;
}

.touch-scroll img {
  animation: touch-scroll-ani 2.5s linear infinite;
  position: absolute;
  top: 60%;
  width: 60%;
  left: 20%;
}

/* DEFAULT - HOMEPAGE */
.default .wrapper{width: 100%;text-align: center;margin-top: -45px;}
.default .wrapper .content{background-position: top left;background-repeat: no-repeat;padding-top: 110px;padding-bottom: 80px;}
.default .wrapper .content .image{margin-bottom: 40px;}
.default .wrapper .content .image img{max-height: 130px;}
.default .wrapper .content .synopsis{width: 100%;/*text-align: left;*/font-size: 18px;line-height: 28px;margin-bottom: 80px;position: relative;}
.default .wrapper .content .synopsis:after{width: 30px;height:3px;left: -50px;top:12px;content:'';position: absolute;z-index: 9}
.default .wrapper .content .button{font-size: 11px;letter-spacing: 2px;padding: 12px 30px;border:1px solid #816b42;font-weight: 600;text-transform: uppercase;}


/* SOCIAL - HOMEPAGE */
.section.social{padding:60px 0;background-size: cover;background-position: center;color:white;text-align: center;border-width:0;border-top-width:4px;border-style:solid;}
.section.social ul{margin:0;padding: 0;display: inline-block;}
.section.social ul li{margin:0;padding: 0;float: left;list-style: none;width: 60px;height: 60px;border:2px solid white;text-align: center;border-radius:50%;font-size: 28px;margin: 0 20px;}
.section.social ul li a{display: inline-block;width: 100%;height: 100%;padding-top: 8px;}
.section.social ul li a:focus,
.section.social ul li a:active{color:white;}


/* NEWS - HOMEPAGE */
.news.homepage .wrapper{width: 100%;text-align: center;position: relative}
.news.homepage .wrapper {background-position: top right;background-repeat: no-repeat;text-align: left;padding-top: 20px;}
.news.homepage .wrapper .title{font-size: 40px;font-weight: bold;text-transform: uppercase;display: inline-block;margin-bottom: -100px;float: left;margin-top: 15px;}
.news.homepage .wrapper .item{padding: 20px 0;padding-bottom:0px;}
.news.homepage .wrapper .item .image{position: relative;height:auto;width:100%;float:none;-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;}
.news.homepage .wrapper .item .image img{width:100%}
.news.homepage .wrapper .item:hover .image{-webkit-filter: grayscale(100%);filter: grayscale(100%);transform: scale(1.1);}
.news.homepage .wrapper .item:hover:after{content:'';width:100%;position: absolute;bottom: 0;left: 0;height: 200px;z-index: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}
.news.homepage .wrapper .group{width: 100%;display: inline-block;position: relative;z-index: 99;}
.news.homepage .wrapper .info{float: left;width: 1000px;display: inline-block;position: absolute;z-index:9;bottom: 50px;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);text-shadow: 1px 1px 4px #111, 0 0 20px #000}
.news.homepage .wrapper .info .name{font-size: 26px;font-weight: bold;text-transform: uppercase;color: white;margin-bottom:20px;position: relative;}
.news.homepage .wrapper .info .name:after{width: 30px;height: 3px;left: -50px;top: 12px;content: '';position: absolute;z-index: 9;}
.news.homepage .wrapper .info .description{font-size: 14px;line-height: 24px;margin-bottom:30px;position: relative;color: white;}
.news.homepage .wrapper .info .link{font-size: 11px;color: white;letter-spacing: 2px;text-transform: uppercase;font-weight: bold;position: relative;}
.news.homepage .wrapper .info .link:after{width: 30px;height:3px;left: 0;bottom:-10px;content:'';position: absolute;z-index: 9;}
.news.homepage .wrapper .info .link:hover{color:#7f6c41;}
.news.homepage .wrapper .image{float: right;width: 50%;height: 350px;background-position: center;background-size: cover;box-shadow: 0 0 20px rgba(0,0,0,0.4)}
.news.homepage .wrapper .carousel-indicators {bottom:20px;}
.news.homepage .wrapper .carousel-indicators li{border:none;width: 10px;height: 10px;margin:0 15px;}

/* SOCIALFEED - HOMEPAGE */
.socialarea .listCats {width: 100%;display: inline-block;text-align: center;padding: 40px 0;}
.socialarea .listCats ul{display: inline-block;margin:0;padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center}
.socialarea .listCats ul li{float:left;margin:0;list-style: none;font-size: 16px;text-transform: uppercase;font-weight: 600;border-right:1px solid black;line-height: 16px; padding:0 20px;}
.socialarea .listCats ul li.filters{font-weight: 300;padding-right: 0;border:none;color:#111;}
.socialarea .listCats ul li:last-child{border-right: none;}
.socialarea .listCats ul li.filters:hover{cursor: default;}
.socialarea .listCats ul li:hover{cursor: pointer;opacity: 0.8;}
.socialarea .listCats ul li.active{opacity: 0.6}
.socialarea .listCats ul li.is-checked{opacity: 0.7}
.socialarea .data ul{margin:0;padding:0;width: 100%;display: inline-block;position: relative;padding-bottom: 140px}
.socialarea .data ul li{background:#111111;display: inline-block;margin:0;padding:0;width: 24%;float: left;list-style: none;margin: 0.5%;height: 150px;overflow: hidden;}
.socialarea .data ul li.invert .image{float:right;}
.socialarea .data ul li.invert .data{float:left;text-align: right;padding: 15px 20px 10px 10px;}
.socialarea .data ul li.notSrc .data{text-align: left!important;}
.socialarea .data ul li .image{width: 130px;box-shadow: 0 0 20px rgba(0,0,0,0.2);position: relative;float: left;height: 150px;background-size: cover;background-position: center;-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;}
.socialarea .data ul li .image:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%);transform: scale(1.1);}
.socialarea .data ul li .data{float: left;padding: 15px 10px 10px 20px;width:calc(100% - 130px);}
.socialarea .data ul li .data.full{width: 100%;}
.socialarea .data ul li .data.full .description:after{display: none;}
.socialarea .data ul li .data .name{font-size: 12px;font-weight: bold;text-transform: uppercase;margin-bottom: 5px}
.socialarea .data ul li .data .name i{margin-right: 5px;}
.socialarea .data ul li .data .description{position: relative;display: inline-block;}
.socialarea .data ul li .data .description .text{font-size: 12px;height:80px;line-height:20px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;position: relative;}
.socialarea .data ul li .data .description:after {width: 30px;height: 2px;left: -40px;top: 10px;content: '';position: absolute;z-index: 9;}
.socialarea .data ul li.invert .data .description:after{left: auto;right: -40px;}
.socialarea .data ul li .data .date{font-size: 11px;color: white;position: relative;display: inline-block;}
.socialarea .data ul li .data .date:after {width: 30px;height: 2px;left: 0;bottom: -4px;content: '';position: absolute;z-index: 9;}
.socialarea .data ul li.invert .data .date:after{left: auto;right: 0;}



/* FOOTER */
footer{width: 100%;background: #111;padding: 5px 0;float: left;border:2px solid #fff;}
footer .group{width: 100%;display: inline-block;color: #666;font-size: 11px;font-weight: 400}
footer .left{float: left;width:33.3333%;padding-top:20px;}
footer .center{float: left;width:33.3333%;text-align: center;}
footer .center img{height: 50px;}
footer .right{float: left;width:33.3333%;text-align: right;padding-top:20px;}


/* CMS */
.page.default .wrapper {margin-top:0;}
.page.default .image_highlight{width:100%;text-align: center;height: 300px;background-size: cover;background-position: center;}
.page.default .image_highlight.hasYoutubeVideo{height: auto;}
.page.default .image_highlight .title{width: 100%;top: 50%;width: 100%;text-align: center;font-size: 40px;color: #816b42;text-transform: uppercase;font-weight: bold;position: relative;}
.page.default .image_highlight .title:after{width: 40px;height:4px;background:#816b42;left: 50%;bottom:-10px;content:'';position: absolute;z-index: 9;transform: translateX(-50%);}
.page.default .wrapper{width: 100%;display: inline-block;background-position: top left;background-repeat: no-repeat;padding-top: 80px;}
.page.default .wrapper .synopse,
.page.default .wrapper .description{width: 100%;text-align: center;color: #999;font-size: 16px;line-height: 28px;}
.page.default .wrapper .description{margin-bottom: 60px;}
.page.default .wrapper h1{width: 100%;text-align: center;padding-top: 50px;margin-bottom: 40px;font-size: 40px;color: #816b42;text-transform: uppercase;font-weight: bold;position: relative;}
.page.default .wrapper h1:after{width: 40px;height:4px;background:#816b42;left: 50%;bottom:-10px;content:'';position: absolute;z-index: 9;transform: translateX(-50%);}
.page.default .wrapper p{margin-bottom: 0;}
.page.default .wrapper table tr td{padding: 0 20px;}

.page.hasVideo .image_highlight{height: 100vh;background: black;overflow: hidden;position: relative;}
.page.hasVideo .image_highlight video{width: 100%;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);}

.page .social{padding:60px 0;color:#111;text-align: center;background: #f8f8f8;margin-top: 0;}
.page .social .wrapper, .page.blog .social .wrapper{background: transparent;padding:0!important;}
.page .social .wrapper .content{background: transparent;padding:0;text-align: center;}
.page .social ul{margin:0;padding: 0;display: inline-block;}
.page .social ul li{margin:0;padding: 0;float: left;list-style: none;width: 60px;height: 60px;border:2px solid #111;text-align: center;border-radius:50%;font-size: 28px;margin: 0 20px;}
.page .social ul li a{display: inline-block;width: 100%;height: 100%;padding-top: 8px;}
.page .social ul li a:focus,
.page .social ul li a:active{color:white;}


/* CONTACTS */
.page.contacts .image_highlight{width:100%;text-align: center;height: 300px;background-size: cover;background-position: center;}
.page.contacts .image_highlight .title{width: 100%;left:0;top:50%;text-align:center;font-size: 40px;color: #816b42;text-transform: uppercase;font-weight: bold;position: relative;}
.page.contacts .image_highlight .title:after{width: 40px;height:4px;background:#816b42;left: 50%;bottom:-10px;content:'';position: absolute;z-index: 9;transform: translateX(-50%);}
.page.contacts .wrapper{width: 100%;display: inline-block;background-position: top right;background-repeat: no-repeat;}
.page.contacts .group{padding-top: 100px;}
.page.contacts .group .left{width: 60%;float: left;padding-right: 50px;}
.page.contacts .group .left input{width: 100%;display: inline-block;border:1px solid black;margin-bottom:10px;border-radius: 0;height: 50px;padding-left: 20px;color:#999;}
.page.contacts .group .left textarea{width: 100%;display: inline-block;border:1px solid black;border-radius: 0;height: 150px;padding-left: 20px;color:#999;}
.page.contacts .group .left .action_area{text-align: right;}
.page.contacts .group .left .action_area button{font-size: 11px;color: #111;letter-spacing: 2px;padding: 12px 30px;border: 1px solid #111;font-weight: 600;text-transform: uppercase;}

.page.contacts .group .right{width: 40%;float: right;padding-left: 50px}
.page.contacts .group .right h3{margin-top: 0;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.page.contacts .group .right table{color: #999;font-size: 16px;line-height: 28px;}
.page.contacts .group .right table tr{border-bottom:20px solid transparent;}
.page.contacts .group .right table td{vertical-align: top;padding-right: 20px;}
.page.contacts .group .right table td p{margin-bottom: 0;}

.page.contacts .map{width: 100%;display: inline-block;margin-top:60px;}
.page.contacts .map iframe{width: 100%!important;display: inline-block;height: 400px!important;float: left;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.page contact input:valid {
  border-color: green!important;
}
/* NEWS - PAGE */
.page.news .image_highlight{width:100%;text-align: center;height: 300px;background-size: cover;background-position: center;}
.page.news .image_highlight .title{width: 100%;left:0;top:50%;text-align:center;font-size: 40px;color: #816b42;text-transform: uppercase;font-weight: bold;position: relative;}
.page.news .image_highlight .title:after{width: 40px;height:4px;background:#816b42;left: 50%;bottom:-10px;content:'';position: absolute;z-index: 9;transform: translateX(-50%);}
.news .wrapper{width: 100%;text-align: center;position: relative}
.news .content .wrapper{background-position: top left;background-repeat: no-repeat;text-align: left;padding-top: 100px;padding-bottom: 120px;}
.news .content .wrapper ul{margin:0;padding: 0;width: 100%;display: flex;flex-wrap:wrap;align-items: center;justify-content: left;}
.news .content .wrapper ul li{list-style: none;margin:0;padding: 0;margin-bottom: 60px;width: 23.5%;float: left;margin-right:2%;}
.news .content .wrapper ul li:nth-child(4n){margin-right: 0;}
.news .content .wrapper ul li .picture{overflow: hidden;box-shadow: 0 0 20px rgba(0,0,0,0.2);position: relative;}
.news .content .wrapper ul li .image{height:200px;width: 100%;display: inline-block;background-size: cover;background-position: center;position: relative;float: left;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.news .content .wrapper ul li .image:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%);transform: scale(1.1);}
.news .content .wrapper ul li .picture .date{color: white;text-align: right;display: inline-block;width: 50px;top: 10px;right: 10px;position: absolute;}
.news .content .wrapper ul li .picture .date span{width: 100%;display: inline-block;line-height: 22px;float: left;}
.news .content .wrapper ul li .picture .date .day{font-size: 24px;font-weight: 800;}
.news .content .wrapper ul li .picture .date .month{font-size: 12px;font-weight: 800;text-transform: uppercase;line-height: 14px;}
.news .content .wrapper ul li .picture .date .year{font-size: 10px;font-weight: 800;line-height: 10px;}
.news .content .wrapper ul li .info{display: inline-block;width: 100%;padding: 15px 20px 10px 40px;color:white;height: 200px;position: relative;}
.news .content .wrapper ul li .info .name{font-size: 20px;line-height:22px;font-weight: bold;text-transform: uppercase;margin-bottom:5px;display: inline-block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.news .content .wrapper ul li .info .description{font-size: 12px;line-height: 20px;margin-bottom: 30px;position: relative;position: relative;}
.news .content .wrapper ul li .info .description div{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.news .content .wrapper ul li .info .description:after {width: 40px;height: 2px;left: -50px;top: 10px;content: '';position: absolute;z-index: 9;}
.news .content .wrapper ul li .info .link{font-size: 11px;color: white;letter-spacing: 2px;text-transform: uppercase;font-weight: 600;position: absolute;bottom:25px;left:40px;color: #000;}
.news .content .wrapper ul li .info .link:after{width: 40px;height:2px;left: 0;bottom:-8px;content:'';position: absolute;z-index: 9;}
.news .content .wrapper .action, .blog .content .wrapper .action{text-align: center;width: 100%;margin-top: 20px;display: inline-block;}
.news .content .wrapper .action .button, .blog .content .wrapper .action .button{font-size: 11px;color: #816b42;letter-spacing: 2px;padding: 12px 30px;border: 1px solid #816b42;font-weight: 600;text-transform: uppercase;display: inline-block;}
.news .content .wrapper .action .button:hover, .blog .content .wrapper .action .button:hover{cursor: pointer;opacity: 0.8;}

.news.detail #bannerNews{margin-bottom: 60px;width:50%;float:left;    box-shadow: 0 0 20px rgba(0,0,0,0.4);-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.news.detail #bannerNews .item{padding:0px;}
.news.detail #bannerNews .item .img { width: 100%;height: 300px;background-position: center;background-size: cover;}
.news.detail #bannerNews .item .img img{ width: 100%;}
.news.detail #bannerNews .carousel-indicators {bottom: -40px;}
.news.detail #bannerNews .carousel-indicators li{background: #999;border: none;width: 8px;height: 8px;margin:0 8px;}



/* NEWS - PAGE */
.page.blog .image_highlight{width:100%;text-align: center;height: 300px;background-size: cover;background-position: center;}
.page.blog .image_highlight .title{width: 100%;text-align: center;left:0;top:50%;width:100%;text-align:center;font-size: 40px;color: #816b42;text-transform: uppercase;font-weight: bold;position: relative;}
.page.blog .image_highlight .title:after{width: 40px;height:4px;background:#816b42;left: 50%;bottom:-10px;content:'';position: absolute;z-index: 9;transform: translateX(-50%);}
.page.blog .wrapper{width: 100%;text-align: center;position: relative}
.page.blog .content .wrapper{display: flex;background-position: top left;background-repeat: no-repeat;text-align: left;padding-bottom: 0;}
.page.blog .content .listArticles{flex: 2;float:left;padding-top: 100px;padding-right: 30px;text-align: center;padding-bottom: 100px}
.page.blog .content .listArticles ul{padding: 0;margin: 0;padding-bottom: 50px;}
.page.blog .content .listArticles ul li{padding: 0;margin: 0;width: 100%;display: inline-block;list-style: none;margin-bottom: 50px;text-align: left;}
.page.blog .content .listArticles ul li .image{    -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;width: 50%;height: 200px;display: inline-block;float: left;box-shadow: 0 0 20px rgba(0,0,0,0.2);background-position: center;background-size: cover;} 
.page.blog .content .listArticles ul li .image:hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);transform: scale(1.1);}
.page.blog .content .listArticles ul li .image .date{color: white;text-align: right;display: inline-block;width: 50px;top: 10px;right: 10px;position: absolute;text-shadow: 1px 1px 4px #111, 0 0 20px #000}
.page.blog .content .listArticles ul li .image .date span{width: 100%;display: inline-block;line-height: 22px;float: left;}
.page.blog .content .listArticles ul li .image .date .day{font-size: 24px;font-weight: 800;}
.page.blog .content .listArticles ul li .image .date .month{font-size: 12px;font-weight: 800;text-transform: uppercase;line-height: 14px;}
.page.blog .content .listArticles ul li .image .date .year{font-size: 10px;font-weight: 800;line-height: 10px;}
.page.blog .content .listArticles ul li .data{width: 50%;float: left;padding-left: 30px;height: 200px;}
.page.blog .content .listArticles ul li .data .title{font-size: 20px;line-height: 22px;font-weight: bold;text-transform: uppercase;margin-bottom: 5px;display: inline-block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.page.blog .content .listArticles ul li .data .description{font-size: 12px;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.page.blog .content .listArticles ul li .data .group{position: relative;top: 50%;left: 0;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.page.blog .content .listArticles ul li .data .group:after {width: 30px;height: 3px;left: -45px;top: 50%;content: '';position: absolute;z-index: 9;}
.page.blog .content .listArticles ul li .data .link{margin-top:20px;width: 100%;text-align: left;font-size: 11px;color: #000;letter-spacing: 2px;text-transform: uppercase;font-weight: bold;position: relative;display: inline-block;}
.page.blog .content .listArticles ul li .data .link:after{background-color: rgb(129, 107, 66) !important;width: 30px;height:2px;left: 0;bottom:-10px;content:'';position: absolute;z-index: 9;}
.page.blog .content .listArticles .button {display: inline-block;font-size: 11px;letter-spacing: 2px;padding: 12px 30px;border: 1px solid #816b42;font-weight: 600;text-transform: uppercase;}
.page.blog .content .listArticles .button:hover{cursor: pointer;}

.page.blog .content .sidebar{flex: 1;float:left;padding: 100px 0;background: #f6f5f1;}
.page.blog .content .sidebar:after{position: absolute;top:0;left: 100%;background: #f6f5f1;content: '';width: calc(50vw - 500px);height: 100%;}
.page.blog .content .sidebar form {position: relative;margin-bottom: 40px;display: inline-block;width: 100%;padding: 0 30px;}
.page.blog .content .sidebar form input,
.page.blog .content .sidebar form select{border-radius:0;-webkit-appearance: none;width: 100%;height: 40px;border: 1px solid #c5c2b9;background: transparent;font-size: 14px;padding-left: 15px;font-style: italic;color: #a5a9aa;}
.page.blog .content .sidebar form .icon{position: absolute;top: 7px;right: 40px;font-size: 18px;color: #a5a9aa;}
.page.blog .content .sidebar .nameSection{position:relative;font-size: 20px;line-height: 22px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;padding-left: 40px}
.page.blog .content .sidebar .nameSection:after {width: 30px;height: 3px;left: 0;top: 40%;content: '';position: absolute;z-index: 1;}

.page.blog .content .sidebar .lastArticles .nameSection{margin: 10px 30px;}
.page.blog .content .sidebar .lastArticles ul{margin:0;padding: 0;}
.page.blog .content .sidebar .lastArticles ul li{margin:0;list-style: none;width: 100%;display: inline-block;}
.page.blog .content .sidebar .lastArticles ul li a{padding: 10px 30px;display: inline-block;width: 100%}
.page.blog .content .sidebar .lastArticles ul li .image{-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;width: 40%;height: 80px;display: inline-block;float: left;box-shadow: 0 0 20px rgba(0,0,0,0.2);background-position: center;background-size: cover;} 
.page.blog .content .sidebar .lastArticles ul li .data{width: 60%;float: left;padding-left: 30px;height: 80px;}
.page.blog .content .sidebar .lastArticles ul li .data .group{position: relative;top: 50%;left: 0;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.page.blog .content .sidebar .lastArticles ul li .data .title{position: relative;font-size: 14px;line-height: 14px; height:27px; font-weight: bold;text-transform: uppercase;margin-bottom: 5px;display: inline-block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.page.blog .content .sidebar .lastArticles ul li .data .group{position: relative;}
.page.blog .content .sidebar .lastArticles ul li .data .group:after{width: 30px;height: 3px;left: -45px;top: 50%;content: '';position: absolute;z-index: 9;}
.page.blog .content .sidebar .lastArticles ul li:hover{background:#edece7;}
.page.blog .content .sidebar .lastArticles ul li:hover .data .title{color:rgb(129, 107, 66);}

.page.blog .details #bannerBlog{margin-bottom: 60px;}
.page.blog .details #bannerBlog .item .img { width: 100%; padding-bottom: 70%; background-position: center; background-size: cover;}
.page.blog .details #bannerBlog .carousel-indicators {bottom: -40px;}
.page.blog .details #bannerBlog .carousel-indicators li{background: #999;border: none;width: 8px;height: 8px;margin:0 8px;}



.page.blog .details .image{margin-bottom:50px;width:100%;height: 350px;-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;display: inline-block;float: left;box-shadow: 0 0 20px rgba(0,0,0,0.2);background-position: center;background-size: cover;} 
.page.blog .details .image:hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);transform: scale(1.1);}
.page.blog .details .data{width: 100%;display: inline-block;margin-bottom: 50px;}
.page.blog .details .data .name{font-size: 20px;line-height: 22px;font-weight: bold;text-transform: uppercase;display: inline-block;position: relative;}
/*.page.blog .details .data .name:after{width:90px;height: 2px;right: 100%;top: 8px;content: '';position: absolute;z-index: 9;    margin-right: 10px;}*/

.page.blog .details .data .date{width: 100%;display: inline-block;margin-bottom: 5px;font-size: 12px;font-weight: 500;}
.page.blog .details .data .date span{text-transform: uppercase;}
.page.blog .details .data .description{margin-left:100px; position: relative;}
.page.blog .details .data .description:after{width: 30px;height: 3px;right: 100%;top: 8px;content: '';position: absolute;z-index: 9;margin-right: 10px;}

.page.blog .details .editor_description{position: relative;}
/*.page.blog .details .editor_description:after{width:30px;height: 3px;left:0;top: -8px;content: '';position: absolute;z-index: 9;margin-right: 10px;}*/

.page.blog.details .listArticles{padding-bottom: 0;}
.page.blog .listArticles .related{width: 100%;text-align: left;margin-top: 80px;}
.page.blog .listArticles .related .nameSection {position: relative;font-size: 20px;line-height: 22px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;padding-left: 40px;}
.page.blog .listArticles .related .nameSection:after {width: 30px;height: 3px;left: 0;top: 40%;content: '';position: absolute;z-index: 9;}
.page.blog .listArticles .related ul{margin: 0;padding: 0;display: inline-block;width: 100%;}
.page.blog .listArticles .related ul li{margin: 0;padding: 0;float: left;width: 30%;margin-right: 3.33%;margin-bottom: 20px;}
.page.blog .listArticles .related ul li .image{width: 100%;height: 120px;margin-bottom: 10px;}
.page.blog .listArticles .related ul li .name{width:100%;font-size: 16px;line-height: 18px;font-weight: bold;text-transform: uppercase;display: inline-block;position: relative;margin: 10px 0;    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.page.blog .listArticles .related ul li .description{width:100%;font-size: 12px;line-height: 14px;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}

.page.blog .listArticles .tags{width: 100%;text-align: left;font-size: 12px;margin-top: 20px;display: inline-block;}

.page.blog .listArticles .comments{width: 100%;text-align: left;background: #f8f8f8;margin-top: 40px;padding: 40px 20px;margin-bottom: 80px;border-top:34px solid #f1f1f1;position: relative;}
.page.blog .listArticles .comments:after{width: 3px;height: 34px;left: 0;top: -34px;content: '';position: absolute;z-index: 9;background-color: rgb(129, 107, 66);}
.page.blog .listArticles .comments .nameSection {position: relative;font-size: 20px;line-height: 22px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;padding-left: 40px;}
.page.blog .listArticles .comments .nameSection:after {width: 30px;height: 3px;left: 0;top: 40%;content: '';position: absolute;z-index: 9;}



/* DETAILS NEWS - PAGE */
.blog.detail .wrapper {display: inline-block!important;background-position: top left;background-repeat: no-repeat;text-align: left;padding-top: 100px;padding-bottom: 120px!important;}
.blog.detail .wrapper .data{width: 100%;display: inline-block;}
.blog.detail .wrapper .data .title{font-size: 40px;font-weight: bold;text-transform: uppercase;display: inline-block;margin-bottom: -100px;float: left;margin-top: 15px;}
.blog.detail .wrapper .data .item{padding: 20px 0;}
.blog.detail .wrapper .data .group{width: 100%;display: inline-block;}
.blog.detail .wrapper .data .info{float: left;width: 50%;padding-left: 170px;padding-top: 90px;padding-right: 50px;}
.blog.detail .wrapper .data .info .name{font-size: 26px;font-weight: bold;text-transform: uppercase;color: black;margin-bottom:20px;position: relative;}
.blog.detail .wrapper .data .info .name:after{width: 170px;height:1px;background:#000;left: -190px;top:14px;content:'';position: absolute;z-index: 9}
.blog.detail .wrapper .data .info .description{font-size: 12px;line-height: 20px;margin-bottom:30px;position: relative;}
.blog.detail .wrapper .data .info .description:after{width: 30px;height:3px;left: -50px;top:12px;content:'';position: absolute;z-index: 9}
.blog.detail .wrapper .data .info .link{font-size: 11px;color: #000;letter-spacing: 2px;text-transform: uppercase;font-weight: bold;position: relative;}
.blog.detail .wrapper .data .info .link:after{width: 30px;height:3px;left: 0;bottom:-10px;content:'';position: absolute;z-index: 9;}
.blog.detail .wrapper .data .image{float: right;width: 50%;height: 350px;background-position: center;background-size: cover;box-shadow: 0 0 20px rgba(0,0,0,0.4);-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.blog.detail .wrapper .data .image:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%);transform: scale(1.1);}
.blog.detail .wrapper .data .carousel-indicators {bottom:-80px;}
.blog.detail .wrapper .data .carousel-indicators li{border:none;width: 12px;height: 12px;margin:0 10px;}
.blog.detail .wrapper .editor_description{font-size: 16px;line-height: 28px;position: relative;text-align: center;margin:40px 0;}
.blog.detail .wrapper .editor_description:after{width: 30px;height:3px;left: 0;top:-10px;content:'';position: absolute;z-index: 9}

.shareBlog{position: fixed;left: 0;top: 60%;border-left:3px solid #816b42;z-index: 99;}
.shareBlog .share-dropmenu{border-left: 3px solid #816b42;  z-index: 991;  top: auto;  bottom: 100%;  margin-bottom: 2px;  display: block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;max-height: 300px;position: absolute;opacity: 1;overflow: hidden;left:-3px;}
.shareBlog .shareBlogDropToggle {display: none}
.shareBlog.open .share-dropmenu{
  opacity: 1;
  max-height: 300px;
}
.shareBlog .close-dropmenu {display: none}
.shareBlog .open-dropmenu {display: block}
.shareBlog.open .close-dropmenu {display: block}
.shareBlog.open .open-dropmenu {display: none}
.shareBlog ul{margin: 0;padding: 0;}
.shareBlog ul li{margin: 0;padding: 0;list-style: none;width: 100%;float: left;}
.shareBlog ul li .avatar{margin-left:2px;width: 80px;height: 80px;display: inline-block;border-radius: 50%;overflow: hidden;background-position: center;background-size: cover;border:2px solid #816b42;}
.shareBlog ul li .name{width: 100%;text-align: center;color: #816b42;margin-top: 10px;font-size: 16px;font-weight: bold;letter-spacing: 2px}
.shareBlog a{width: 30px;height: 30px;display: inline-block;overflow: hidden;background-color: #696969;color: white;display: inline-block;float: left;font-size: 14px;white-space: nowrap;padding: 4px 8px;}
.shareBlog ul li a{border-bottom: 1px solid white;}
.shareBlog i{margin-right:10px; margin-top: 3px;font-size: 16px;}
.shareBlog ul li a:hover{width: auto}
.shareBlog ul li.twitter a:hover{background: #08a0e9;}
.shareBlog ul li.facebook a:hover{background: #4267B2;}
.shareBlog ul li.pinterest a:hover{background: #bd081c;}
.shareBlog ul li.googleplus a:hover{background: #dc4538;}


/* PLAYER - PAGE */
.slick-slider .slick-track, .slick-slider .slick-list{min-width: 100%;}
.page.team .image_highlight{width:100%;text-align: center;background-size: cover;background-position: center;position: relative;}
.page.team .image_highlight:after{content:'';width:100%;height:100px;background-color:#f8f8f8;position: absolute;top: 100%;left: 0;z-index: 0;margin-top: -80px;}
.page.team .image_highlight .title{width: 100%;text-align: center;padding-top: 100px;font-size: 40px;color: #816b42;text-transform: uppercase;font-weight: bold;position: relative;}
.page.team .image_highlight .title:after{width: 40px;height:4px;background:#816b42;left: 50%;bottom:-10px;content:'';position: absolute;z-index: 9;transform: translateX(-50%);}
.page.team .listPlayer {position: relative;margin-top: 0;position: relative;z-index: 9;/*min-height:540px;*/}
.page.team .listPlayer .item{/*height:300px;*/padding-bottom: 140%; position: relative;margin: 120px 10px!important;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.page.team .listPlayer .item .description{width: 80%;margin-bottom: -20px;padding: 10px 0;position:absolute;bottom: 0;left: 50%;background-color: white;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%); }
.page.team .listPlayer .item .description .name{text-transform: uppercase;font-size: 16px;font-weight: 500;}
.page.team .listPlayer .item .description .data{font-size: 11px;}
.page.team .listPlayer .item:hover{cursor: pointer;}

.page.team .listPlayer .image{width:100%;display: inline-block;height: 100%;background-size: cover;background-position: center;-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;}
.page.team .listPlayer .owl-item { /*opacity:0;*/ /*margin: 0 10px;*/-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;}
.page.team .listPlayer .owl-item.active{opacity: 1}
.page.team .listPlayer .owl-item .image{-webkit-filter: grayscale(100%);filter: grayscale(100%);    -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: absolute; left: 0}
.page.team .listPlayer .owl-item.center .image{-webkit-filter: grayscale(0%); filter: grayscale(0%)}
.page.team .listPlayer .owl-item.center{opacity: 1!important}
.page.team .listPlayer .owl-item.active .description{display: block;}
.page.team .listPlayer .owl-item.center{transform: scale(1.4);z-index: 99;position: relative;top:30px;}
.page.team .listPlayer .owl-item.center .description{display: none;}
.page.team .listPlayer .owl-item:not(.center):hover .image{transform: scale(1.1);}

.page.team .listPlayer .slick-slide{ /*opacity:0;*/ margin: 0 10px;-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;}
.page.team .listPlayer .slick-slide.slick-active{opacity: 1}
.page.team .listPlayer .slick-slide .image{-webkit-filter: grayscale(100%);filter: grayscale(100%);    -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;}
.page.team .listPlayer .slick-slide.slick-center .image{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.page.team .listPlayer .slick-slide.slick-center{opacity: 1!important}
.page.team .listPlayer .slick-slide.slick-active .description{display: block;}
.page.team .listPlayer .slick-slide.slick-center{transform: scale(1.4);z-index: 99;position: relative;top:30px;}
.page.team .listPlayer .slick-slide.slick-center .description{display: none;}
.page.team .listPlayer .slick-slide:not(.slick-center):hover .image{transform: scale(1.1);}

.page.team .listChoose .arrow { width: calc(2* 100% / 5); margin: 0 calc(1.5 * 100% / 5);  height: 1px;  bottom: 60px;  position: absolute;z-index: 999;}
.page.team .listChoose .arrow .control{font-size:30px;line-height:36px;position: relative; float: left; /*bottom: 20px;z-index: 999;left: 50%;*/width: 40px;height: 40px;border-width: 1px;border-style: solid;/*margin-left: -220px;*/}
.page.team .listChoose .arrow .control.right{/*left:auto;right:50%;margin-right: -220px;margin-left:auto;*/ float:right}
.page.team .listChoose .arrow .control:hover{cursor: pointer;background: rgb(129, 107, 66) !important;color:white;}
.page.team .listChoose .arrow .control:hover i{color:white !important;}

.page.team .teams{background: #fbfbfb;position: relative;z-index: 99;padding: 10px 0;position: relative;}
.page.team .teams .description{float: left;font-size: 20px;text-transform: uppercase;margin-top: 10px;width: 20%;}
.page.team .teams .description:hover{cursor: pointer;}
.page.team .teams .limitArea{text-align: center;width: 78%;display: inline-block;position: relative;}
.page.team .teams .limitArea .showArea{overflow: hidden;display: inline-block;width: 85%;}
.page.team .teams .listTeams{position: relative;display: inline-block;}
.page.team .teams .listTeams .item{float: left;padding:0;-webkit-filter: grayscale(100%);filter: grayscale(100%);width:80px;text-align: center;}
.page.team .teams .listTeams .item img{height:40px;}
.page.team .teams .listTeams .item:hover{cursor: pointer;opacity: 0.8;}
.page.team .teams .listTeams .item.active{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.page.team .teams .limitArea .nav .control{font-size: 30px;line-height: 36px;position: absolute;top: 0;left: 0;}
.page.team .teams .limitArea .nav .control.right{right: 0;left:auto;}
.page.team .teams .limitArea .nav .control:hover{cursor: pointer;opacity: 0.8;}
.page.team .listChoose{width:1200px;}

.page.team .search .content{background-position: top left;background-repeat: no-repeat;min-height: 220px;text-align: center;padding-top: 30px;}
.page.team .search .content .box{display: inline-block;} 
.page.team .search .content .box .filters{float: left;margin-right: 30px;margin-top: 10px;position: relative;padding-bottom: 10px;}
.page.team .search .content .box .filters .select{color:#7c7d81;text-transform: uppercase;font-weight: bold;}
.page.team .search .content .box .filters .select i{color:#7c7d81;font-size: 16px;margin-right: 5px;}
.page.team .search .content .box .filters .select:hover{cursor: pointer;opacity: 0.8;}
.page.team .search .content .box .filters .option{display:none;position: absolute;z-index:999;top: 34px;border-radius:5px;left: -10px;padding: 8px 0;background: white;width: 260px; text-align: left; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.page.team .search .content .box .filters .option ul {margin:0;padding: 0;}
.page.team .search .content .box .filters .option ul li{margin:0;padding: 10px 20px;display: inline-block;width: 100%;font-size: 12px;}
.page.team .search .content .box .filters .option ul li:hover,
.page.team .search .content .box .filters .option ul li.active{cursor: pointer;background: #eee;}
.page.team .search .content .box .filters .option ul li select{width: 100%;display: inline-block;height: 36px;background: transparent;}
.page.team .search .content .box .filters .option:after{position: absolute;top: -6px;left: 5px;content: '';width: 10px;height: 10px;border-bottom: 10px solid #fff;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.page.team .search .content .box .filters .option.active{display: block}

.page.team .search .content .box .form{float: left;}
.page.team .search .content .box .form input{width:290px;float: left;height: 40px;border:1px solid #f1f1f1;color: #aaa;padding: 0 15px;}
.page.team .search .content .box .form .button{float: left;margin: 10px;font-size: 14px;font-weight: bold;}
.page.team .search .content .box .form .button:hover{cursor: pointer;}

/* PLAYER - DETAILS */
.detailsPlayer .group{width: 100%;display: inline-block;text-align: center;float: left;}
/*.detailsPlayer .title{margin-top: -40px;}*/
.detailsPlayer .title .name{ font-size: 30px;font-weight: bold;text-transform: uppercase;position: relative;}
.detailsPlayer .title .name:after{width: 40px;height: 4px;background: #816b42;left: 50%;bottom: -10px;content: '';position: absolute;z-index: 9;transform: translateX(-50%);}
.detailsPlayer .title .data{ color: #8b8b8b;font-size: 14px;margin: 20px 0;font-weight: bold}

.detailsPlayer .reviewData{background:#f8f8f8;min-height:240px;overflow: hidden;}
.detailsPlayer .reviewData .left {width: 65%;display: inline-block;float: left;padding-top: 20px;position: relative;}
.detailsPlayer .reviewData .left ul{margin: 0;padding: 0; z-index: 99;}
.detailsPlayer .reviewData .left ul li{margin: 0;padding: 0;list-style: none;width: 100%;text-align: left;margin: 6px 0;font-size: 16px;display: inline-block;}
.detailsPlayer .reviewData .left ul li .key{float: left;width: 240px;color: #b7b7b7;font-weight: 400;}
.detailsPlayer .reviewData .left ul li .value{color: black;font-weight: bold;}
.detailsPlayer .reviewData .left ul li .value .flag{height:15px;display: inline-block;margin-left: 10px;}
.detailsPlayer .reviewData .left ul li .value .flag img{max-width:100%;max-height:100%;}
.detailsPlayer .reviewData .number{opacity:0;position: absolute;top:0;right: -250px;font-size: 230px;line-height:250px;font-weight: bold;color: #e8e8e8; -webkit-animation-name: numberSlide;-webkit-animation-duration: 4s;animation-name: numberSlide;animation-duration: 4s;-webkit-animation-delay: 1s;animation-delay: 1s;animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
@-webkit-keyframes numberSlide {
    0%   {right:-250px;}
    100% {right:0;}
}

/* Standard syntax */
@keyframes numberSlide {
    0%   {right:-250px;}
    100% {right:0;}
}


.detailsPlayer .reviewData .club{height: 90px;z-index:99;position: absolute;top: 50%;left: 100%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.detailsPlayer .reviewData .club img{max-height: 100%;}
.detailsPlayer .reviewData .club:after{background: black; width: 30px;height: 3px;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);top: -35px;content: '';position: absolute;z-index: 9;}

.detailsPlayer .reviewData .right {width: 35%;display: inline-block;float: right;text-align: left;min-height:240px;color: white;position: relative;padding:15px 0 10px 70px;}
.detailsPlayer .reviewData .right:after{content:'';width: 1000px;height:100%; position: absolute;top: 0;left: 100%;}
.detailsPlayer .reviewData .right .data{width:100%;display: inline-block;margin-top: 5px}
.detailsPlayer .reviewData .right .data .key{float: left;text-transform: uppercase;font-size: 12px;line-height: 14px;margin-right: 5px}
.detailsPlayer .reviewData .right .data .value{float: left;text-transform: uppercase;font-size: 14px;font-weight: 600;line-height: 12px;}
.detailsPlayer .reviewData .right .data.second{opacity: 0.5;} 
.detailsPlayer .reviewData .right .data.first .key{font-size: 14px;} 
.detailsPlayer .reviewData .right .data.first .value{font-size: 16px;} 
.detailsPlayer .reviewData .right .map{position: relative;}
.detailsPlayer .reviewData .right .map img{width: 230px;height: auto;}
.detailsPlayer .reviewData .right .map .position{width: 32px;height: 32px;background: #968865;position: absolute;top: 0;left: 0;border-radius: 50%;text-align: center;}
.detailsPlayer .reviewData .right .map .position:before{content:'';width:12px;height:12px;background:#d6c8ad;border-radius:50%;    position: absolute;top: 10px; left: 10px;z-index: 999;}
.detailsPlayer .reviewData .right .map .position.geral_position{transform: scale(1.4);}
.detailsPlayer .reviewData .right .map .medium{top: 65px;left: 110px;}
.detailsPlayer .reviewData .right .map .goalkeeper{top: 65px;left: 5px;}
.detailsPlayer .reviewData .right .map .central_defense{top: 65px;left: 35px;}
.detailsPlayer .reviewData .right .map .lateral_defense_left{top: 15px;left: 35px;}
.detailsPlayer .reviewData .right .map .lateral_defense_right{top: 115px;left: 35px;}
.detailsPlayer .reviewData .right .map .latch{top: 65px;left: 70px;}
.detailsPlayer .reviewData .right .map .advanced{top: 65px;left: 170px;}
.detailsPlayer .reviewData .right .map .extreme_left{top: 15px;left: 140px;}
.detailsPlayer .reviewData .right .map .extreme_right{top: 115px;left: 140px;}


.detailsPlayer .expandArea{width: 100%;display: inline-block;background: black;text-align: center;padding: 10px 0;position:relative;}
.detailsPlayer .expandArea .button{display: inline-block;border:1px solid white; color:white;font-size: 11px;letter-spacing: 2px;padding: 10px 30px;font-weight: 600;text-transform: uppercase;}
.detailsPlayer .expandArea .button:hover{cursor: pointer;color: rgb(129, 107, 66)!important;border-color:rgb(129, 107, 66)!important;}
.detailsPlayer .detailsCareer .career-container {width: 100%;max-width: 1000px;margin: auto;position: relative;height: calc(100% - 3em);padding: 10em 3em 5em;}
.detailsPlayer .detailsCareer .career-bg {height: 100%;width: 100%;background-size: cover;background-position: center;position: absolute;top:0;left:0;filter: grayscale(100%);}
.detailsPlayer .detailsCareer .overlay {height: 100%;width: 100%;background-color: rgba(1,1,1,0.4);position: absolute;top:0;left:0;}
.detailsPlayer .detailsCareer{display:none;width: 100%/*;height: 100vh*/;background: #444;float: left;/* padding: 2em 0 6em; */position: relative;text-align: left;padding-bottom: 60%;}
.detailsPlayer .detailsCareer .content{padding: 0;height: 100%;position: absolute;max-width: unset;}
.detailsPlayer .detailsCareer .content .group {position: relative;display: flex;width: 100%;/*top: 50%;transform: translateY(-50%);*/color:white;border:1px solid rgb(129, 107, 66);padding:1em;/* margin: 4em 0 0; */height: 100%;align-items: center;}
.detailsPlayer .detailsCareer .content .group .left{width:70%;float:left;text-align: left;padding-left: 30%;display: inline-block;position: relative;}
.detailsPlayer .detailsCareer .content .group .left .title{font-size: 26px;font-weight: bold;margin-bottom: 50px;display: inline-block;width: 100%;position: relative;}
.detailsPlayer .detailsCareer .content .group .left .title:after{width: 90px;height: 2px;right: 100%;top: 18px;content: '';position: absolute;z-index: 9;margin-right: 10px;background-color: rgb(170, 170, 170)!important;}
.detailsPlayer .detailsCareer .content .group .right{width:30%;float:left;text-align: right;padding-right: 10%}
.detailsPlayer .detailsCareer .content .group .right img{height: 140px;}
.detailsPlayer .detailsCareer .content .group .right .image{position: relative;}
.detailsPlayer .detailsCareer .content .group .right .image:after{width: 2px;height: 50%;left: 110%;top: 25%;content: '';position: absolute;z-index: 9;margin-right: 10px;background-color: rgb(170, 170, 170)!important;}
.detailsPlayer .detailsCareer .content .group ul{margin: 0;padding: 0;}
.detailsPlayer .detailsCareer .content .group ul li{margin: 0;padding: 0;list-style: none;width: 100%;text-align: left;font-size: 14px;font-weight: normal;margin-bottom: 5px;position: relative;}
.detailsPlayer .detailsCareer .content .group ul li.active{font-size: 20px;font-weight: bold;}
.detailsPlayer .detailsCareer .content .group ul li.active:after{width: 30px;height: 3px;right: 100%;top: 8px;content: '';position: absolute;background-color: rgb(129, 107, 66)!important;z-index: 9;margin-right: 10px;}
.detailsPlayer .detailsCareer .content .group ul li:hover{cursor: pointer;opacity: 0.8;}
.detailsPlayer .expandArea.remove{display: none;}
.detailsPlayer .expandArea.remove:after{content:'';width: 100%;height: 1px;position: absolute;top: 0;left: 0;background: rgb(129, 107, 66);}
.detailsPlayer .expandArea.remove:before{z-index:9;content:'';width: 60%;height: 1px;position: absolute;top: 0;left: 0;background: white;}
.detailsPlayer .detailsCareer .name{text-align:center;/* padding-bottom:30px; */color:rgb(129, 107, 66);position: relative;/* bottom: 5px; *//*left: 50%;transform: translateX(-50%);*/font-size: 30px;text-transform: uppercase;/* line-height: 22px; */width:100%;}

.detailsPlayer .statistics{width: 100%;display: inline-block;padding-top: 70px;padding-bottom: 20px;}
.detailsPlayer .bio{padding-top: 50px}
.detailsPlayer .statistics .date{display: inline-block;margin-top: 30px;}
.detailsPlayer .statistics .date .carousel .carousel-control{width: 10%; color: inherit;}
.detailsPlayer .statistics .date .carousel .carousel-control i{position: absolute; line-height: 30px; font-size: 30px; top: -10px;}
.detailsPlayer .statistics .date .carousel .carousel-control.left{left:-10%}
.detailsPlayer .statistics .date .carousel .carousel-control.right{right:-10%}
.detailsPlayer .statistics .date .item .season{/*display: inline-block;float: left; padding-right: 10px;*/border-right:2px solid #868686;height: 14px;font-size: 14px;line-height: 14px;/*margin-right: 10px;*/color: #868686}
.detailsPlayer .statistics .date .item .season:last-child{border: none;}
.detailsPlayer .statistics .date .item .season.active{font-weight: bold;}
.detailsPlayer .statistics .date .item .season:hover{cursor: pointer;opacity: 0.8;}
.detailsPlayer .statistics .stat-description .item{display:none; padding:  10px}
.detailsPlayer .statistics .stat-description .item.active{display:block}
.detailsPlayer .statistics .data {text-align: center;margin:15px 0;}
.detailsPlayer .statistics .data ul {display: flex;margin:0;padding: 0; width: 100%; flex-flow: row wrap; align-items: center; justify-content: center }
.detailsPlayer .statistics .data li{display: none;float: left;margin:15px;padding:0;list-style: none;width: 120px;height: 120px;position: relative;}
.detailsPlayer .statistics .data li.active{display: block;}
.detailsPlayer .statistics .data li .group{position: absolute;top: 30px;left: 0;width: 100%;display: inline-block;}
.detailsPlayer .statistics .data li .value{font-size: 46px;font-weight: 400;line-height: 40px;}
.detailsPlayer .statistics .data li .key{font-size: 12px;text-transform: uppercase;line-height: 12px;margin-top: 5px;font-weight: 600;color:#868686;}


.detailsPlayer .bio .data{width: 100%;text-align: center;color: #999;font-size: 16px;line-height: 28px;margin: 30px 0 60px;}
.detailsPlayer .bio .data p{margin:0;}

.detailsPlayer .listGallery{width: 100%;margin-top: 50px;display: inline-block;position: relative;border-bottom:3px solid rgb(129, 107, 66);}
.detailsPlayer .listGallery .item{height: 250px;width: 25%;background-size: cover;background-position: center;float: left;-webkit-filter: grayscale(100%);filter: grayscale(100%);-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;}
.detailsPlayer .listGallery .slick-prev{position: absolute;top: 0;left: 0;background:rgba(129, 107, 66, 0.7);height: 250px;width: 40px;transform: translate(0px, 0);-moz-transform: translate(0px, 0);-webkit-transform: translate(0px, 0);-o-transform: translate(0px, 0);z-index: 99;}
.detailsPlayer .listGallery .slick-prev:before{font-family: FontAwesome;content: "\f104";font-size: 36px;opacity: 1;}
.detailsPlayer .listGallery .slick-next{position: absolute;top: 0;right: 0;background:rgba(129, 107, 66, 0.7);height: 250px;width: 40px;transform: translate(0px, 0);-moz-transform: translate(0px, 0);-webkit-transform: translate(0px, 0);-o-transform: translate(0px, 0);z-index: 99;}
.detailsPlayer .listGallery .slick-next:before{font-family: FontAwesome;content: "\f105";font-size: 36px;opacity: 1;}
.detailsPlayer .listGallery .item:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);cursor: pointer;opacity: 1}
.detailsPlayer .listGallery .item a{width: 100%;display: inline-block;height: 100%;opacity: 1!important}
.detailsPlayer .listGallery .item .icon{display: none;font-size: 45px;top: 50%;position: absolute;left: 50%;transform: translate(-50%, -50%);}
.detailsPlayer .listGallery .item:hover .icon{display: block;}

.detailsPlayer .newsPlayer{width: 100%;padding: 70px 0;background: #f8f8f8;text-align: left;}
.detailsPlayer .newsPlayer .title{text-align:left;font-size: 40px;font-weight: normal;text-transform: uppercase;display: inline-block;margin-bottom: -100px;float: left;margin-top: 15px;}
.detailsPlayer .newsPlayer .item{padding: 20px 0;}
.detailsPlayer .newsPlayer .group{width: 100%;display: inline-block;}
.detailsPlayer .newsPlayer .info{float: left;width: 50%;padding-left: 170px;padding-top: 90px;padding-right: 50px;}
.detailsPlayer .newsPlayer .info .name{text-align:left;font-size: 26px;font-weight: bold;text-transform: uppercase;color: black;margin-bottom:20px;position: relative;}
.detailsPlayer .newsPlayer .info .name:after{width: 150px;height:1px;background:#000;left: -170px;top:14px;content:'';position: absolute;z-index: 9}
.detailsPlayer .newsPlayer .info .description{text-align:left;font-size: 12px;line-height: 20px;margin-bottom:30px;position: relative;}
.detailsPlayer .newsPlayer .info .description:after{background-color: rgb(129, 107, 66)!important;width: 30px;height:3px;left: -50px;top:12px;content:'';position: absolute;z-index: 9}
.detailsPlayer .newsPlayer .info .link{width: 100%;text-align: left;font-size: 11px;color: #000;letter-spacing: 2px;text-transform: uppercase;font-weight: bold;position: relative;display: inline-block;}
.detailsPlayer .newsPlayer .info .link:after{background-color: rgb(129, 107, 66) !important;width: 30px;height:3px;left: 0;bottom:-10px;content:'';position: absolute;z-index: 9;}
.detailsPlayer .newsPlayer .image{float: right;width: 50%;height: 350px;background-position: center;background-size: cover;box-shadow: 0 0 20px rgba(0,0,0,0.4);-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.detailsPlayer .newsPlayer .image:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%);transform: scale(1.1);}
.detailsPlayer .newsPlayer .editor_description{font-size: 16px;line-height: 28px;position: relative;text-align: center;margin:40px 0;}
.detailsPlayer .newsPlayer .editor_description:after{width: 30px;height:3px;left: 0;top:-10px;content:'';position: absolute;z-index: 9}

.detailsPlayer .newsPlayer .action{width: 100%;text-align: center;margin: 50px 0;display: inline-block;}
.detailsPlayer .newsPlayer .action .button {font-size: 11px;color: #816b42;letter-spacing: 2px;padding: 12px 30px;border: 1px solid #816b42;font-weight: 600;text-transform: uppercase;display: inline-block;}

.listPositions{width: 100%;display: inline-block;padding: 30px 0 70px 0;background-color:#f0f0f0;}
.listPositions ul{padding:0;margin:0;display: inline-block;}
.listPositions ul li{width: 25%;float: left;padding:5px;margin:0;list-style: none; flex: auto; text-align: left;min-height:220px;}
.listPositions ul li .title{font-size: 14px;font-weight: bold;text-transform: uppercase;color: #757575;margin-bottom: 5px;}
.listPositions ul li .data{width: 100%;display: inline-block;}
.listPositions ul li .data .link{width: 100%;display: inline-block;font-size: 12px;color: #757575;}
.listPositions ul li .data .link:hover{cursor: pointer;opacity: 0.8;}
.listPositions ul li .data .link:last-child {padding-bottom: 10px;}

/* LOADING */
.loading{width: 100%;position: fixed;top: 0;height: 100%;background: rgba(0,0,0,0.6);z-index: 99999;display: none;}
.loading svg{position: absolute;top: 50%;left: 50%;z-index: 9999;transform: translate(-100%,-100%);-moz-transform: translate(-100%,-100%);-webkit-transform: translate(-100%,-100%);-o-transform: translate(-100%,-100%);transform: scale(2);}
.loading svg path, .loading svg rect{fill:rgb(129, 107, 66) !important;}
.loading.active{display: block;}


/* MEMBER */
/* .page.members .image_highlight{height: 100vh;} */
.page.members .subpage{width: 100%;display: inline-block;margin-bottom: 100px;}
.page.members .subpage ul{margin:0;padding:0;text-align: center;}
.page.members .subpage ul li{margin:0;padding:0;width: 33%;display: inline-block;text-align: center;padding: 0 20px;margin-bottom: 20px;}
.page.members .subpage ul li .border{width: 220px;height: 220px;text-align: center;display: inline-block;border:1px solid #eee;border-radius: 50%;padding-top: 10px;margin-bottom: 20px;position: relative;}
.page.members .subpage ul li .image{width: 200px;height: 200px;border-radius: 50%;background-position: center;background-size: cover;display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,0.2);    -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.page.members .subpage ul li .image:hover{/* -webkit-filter: grayscale(0%); *//* filter: grayscale(0%); */transform: scale(1.1);}
.page.members .subpage ul li .border:after{width: 30px;height:3px;left: 0;bottom:-20px;content:'';position: absolute;z-index: 9;background: rgb(129, 107, 66);left:50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
.page.members .subpage ul li .name{font-size: 22px;font-weight: normal;color: rgb(129, 107, 66);margin-top: 10px;}
.page.members .subpage ul li .text{font-size: 14px;font-weight: normal;}
.page.members .subpage ul li:hover{cursor: pointer;opacity: 0.8;}

.popupMember.active{display: block;}
.popupMember{width: 100%;height:100vh;text-align: center;position: fixed;z-index: 9999;display: inline-block;top: 0;left: 0;padding-top: 10vh;display: none;}
.popupMember .background{width: 100%;display: inline-block;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;z-index: 1}
.popupMember .data{width: 80%;background: white;display: inline-block;position: relative;z-index: 10;padding: 70px 0 0;background-position: 100px 0;background-repeat: no-repeat;}
.popupMember .data .info{width: 100%;background: #fcfcfc;text-align: left;padding: 50px 140px;}
.popupMember .data .info .left{width: 30%;display: inline-block;float: left;text-align: center;}
.popupMember .data .info .left .image{width: 200px;height: 200px;border-radius: 50%;background-position: center;background-size: cover;display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,0.2);    -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.popupMember .data .info .left .image:hover{/* -webkit-filter: grayscale(0%); *//* filter: grayscale(0%); */transform: scale(1.1);}
.popupMember .data .info .left .border{width: 220px;height: 220px;text-align: center;display: inline-block;border:1px solid #eee;border-radius: 50%;padding-top: 10px;margin-bottom: 20px;position: relative;}
.popupMember .data .info .left .border:after{width: 30px;height:3px;left: 0;bottom:-20px;content:'';position: absolute;z-index: 9;background: rgb(129, 107, 66);left:50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
.popupMember .data .info .left .name{font-size: 22px;font-weight: normal;color: rgb(129, 107, 66);margin-top: 10px;}
.popupMember .data .info .left .text{font-size: 14px;font-weight: normal;color:#444;    float: left;width: 100%;text-align: center;}
.popupMember .data .info .left .email{font-size: 16px;font-weight: normal;color:#444;    float: left;width: 100%;text-align: center;}
.popupMember .data .closePopup{font-size: 18px;font-weight: 500;line-height: 70px;text-transform: uppercase;}
.popupMember .data .closePopup:hover{cursor: pointer;opacity: 0.8;}

.popupMember .data .info .right{width: 70%;display: inline-block;float: left;padding-left:30px;font-size: 14px;line-height: 22px;color: #aaa;}
.popupMember .data .info .group{width: 100%;display: inline-block;}