.ares.tparrows {
  cursor : pointer;
  background : #fff;
  min-width : 60px;
  min-height : 60px;
  position : absolute;
  display : block;
  z-index : 100;
  border-radius : 50%
}
  .ares.tparrows : hover{}.ares.tparrows : before {
  font-family : revicons;
  font-size : 25px;
  color : #aaa;
  display : block;
  line-height : 60px;
  text-align : center;-webkit-transition : color .3s;-moz-transition : color .3s;
  transition : color .3s;
  z-index : 2;
  position : relative
}
  .ares.tparrows.tp-leftarrow : before {
  content : "\e81f"
}
  .ares.tparrows.tp-rightarrow : before {
  content : "\e81e"
}
  .ares.tparrows : hover : before {
  color : #000
}
.ares .tp-title-wrap {
  position : absolute;
  z-index : 1;
  display : inline-block;
  background : #fff;
  min-height : 60px;
  line-height : 60px;
  top : 0;
  margin-left : 30px;
  border-radius : 0 30px 30px 0;
  overflow : hidden;-webkit-transition : -webkit-transform .3s;
  transition : transform .3s;
  transform : scaleX(0);-webkit-transform : scaleX(0);
  transform-origin : 0% 50%;-webkit-transform-origin : 0% 50%
}
.ares.tp-rightarrow .tp-title-wrap {
  right : 0;
  margin-right : 30px;
  margin-left : 0;-webkit-transform-origin : 100% 50%;
  border-radius : 30px 0 0 30px
}
  .ares.tparrows : hover .tp-title-wrap {
  transform : scaleX(1) scaleY(1);-webkit-transform : scaleX(1) scaleY(1)
}
.ares .tp-arr-titleholder {
  position : relative;-webkit-transition : -webkit-transform .3s;
  transition : transform .3s;
  transform : translateX(200px);
  text-transform : uppercase;
  color : #000;
  font-weight : 400;
  font-size : 14px;
  line-height : 60px;
  white-space : nowrap;
  padding : 0 20px;
  margin-left : 10px;
  opacity : 0
}
.ares.tp-rightarrow .tp-arr-titleholder {
  transform : translateX(-200px);
  margin-left : 0;
  margin-right : 10px
}
  .ares.tparrows : hover .tp-arr-titleholder {
  transform : translateX(0px);-webkit-transform : translateX(0px);
  transition-delay : .1s;
  opacity : 1
}
  .ares.tp-bullets{}.ares.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : 0 0;
  padding : 10px;
  margin-left : -10px;
  margin-top : -10px;
  box-sizing : content-box
}
.ares .tp-bullet {
  width : 13px;
  height : 13px;
  position : absolute;
  background : #e5e5e5;
  border-radius : 50%;
  cursor : pointer;
  box-sizing : content-box
}
  .ares .tp-bullet : hover, .ares .tp-bullet.selected {
  background : #fff
}
.ares .tp-bullet-title {
  position : absolute;
  color : #888;
  font-size : 12px;
  padding : 0 10px;
  font-weight : 600;
  right : 27px;
  top : -4px;
  background : #fff;
  background : rgba(255, 255, 255, .75);
  visibility : hidden;
  transform : translateX(-20px);-webkit-transform : translateX(-20px);
  transition : transform .3s;-webkit-transition : transform .3s;
  line-height : 20px;
  white-space : nowrap
}
  .ares .tp-bullet-title : after {
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 10px 0 10px 10px;
  border-color : transparent transparent transparent rgba(255, 255, 255, .75);
  content : " ";
  position : absolute;
  right : -10px;
  top : 0
}
  .ares .tp-bullet : hover .tp-bullet-title {
  visibility : visible;
  transform : translateX(0px);-webkit-transform : translateX(0px)
}
  .ares .tp-bullet.selected : hover .tp-bullet-title {
  background : #fff
}
  .ares .tp-bullet.selected : hover .tp-bullet-title : after {
  border-color : transparent transparent transparent #fff
}
  .ares.tp-bullets : hover .tp-bullet-title {
  visibility : hidden
}
  .ares.tp-bullets : hover .tp-bullet : hover .tp-bullet-title {
  visibility : visible
}
.ares .tp-tab {
  opacity : 1;
  padding : 10px;
  box-sizing : border-box;
  font-family : roboto, sans-serif;
  border-bottom : 1px solid #e5e5e5
}
.ares .tp-tab-image {
  width : 60px;
  height : 60px;
  max-height : 100%;
  max-width : 100%;
  position : relative;
  display : inline-block;
  float : left
}
.ares .tp-tab-content {
  background : transparent;
  position : relative;
  padding : 15px 15px 15px 85px;
  left : 0;
  overflow : hidden;
  margin-top : -15px;
  box-sizing : border-box;
  color : #333;
  display : inline-block;
  width : 100%;
  height : 100%;
  position : absolute
}
.ares .tp-tab-date {
  display : block;
  color : #aaa;
  font-weight : 500;
  font-size : 12px;
  margin-bottom : 0
}
.ares .tp-tab-title {
  display : block;
  text-align : left;
  color : #333;
  font-size : 14px;
  font-weight : 500;
  text-transform : none;
  line-height : 17px
}
  .ares .tp-tab : hover, .ares .tp-tab.selected {
  background : #eee
}
  .ares .tp-tab-mask{}@media only screen and (max-width : 960px){}@media only screen and (max-width : 768px){}.custom.tparrows {
  cursor : pointer;
  background : #000;
  background : rgba(0, 0,0, .5);
  width : 40px;
  height : 40px;
  position : absolute;
  display : block;
  z-index : 10000
}
  .custom.tparrows : hover {
  background : #000
}
  .custom.tparrows : before {
  font-family : revicons;
  font-size : 15px;
  color : #fff;
  display : block;
  line-height : 40px;
  text-align : center
}
  .custom.tparrows.tp-leftarrow : before {
  content : "\e824"
}
  .custom.tparrows.tp-rightarrow : before {
  content : "\e825"
}
  .custom.tp-bullets{}.custom.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : 0 0;
  padding : 10px;
  margin-left : -10px;
  margin-top : -10px;
  box-sizing : content-box
}
.custom .tp-bullet {
  width : 12px;
  height : 12px;
  position : absolute;
  background : #aaa;
  background : rgba(125, 125, 125, .5);
  cursor : pointer;
  box-sizing : content-box
}
  .custom .tp-bullet : hover, .custom .tp-bullet.selected {
  background : #7d7d7d
}
.custom .tp-bullet-image{}.custom .tp-bullet-title{}.dione.tparrows {
  height : 100%;
  width : 100px;
  background : 0 0;
  background : transparent;
  line-height : 100%;
  transition : all .3s;-webkit-transition : all .3s
}
  .dione.tparrows : hover {
  background : rgba(0, 0,0, .45)
}
.dione .tp-arr-imgwrapper {
  width : 100px;
  left : 0;
  position : absolute;
  height : 100%;
  top : 0;
  overflow : hidden
}
.dione.tp-rightarrow .tp-arr-imgwrapper {
  left : auto;
  right : 0
}
.dione .tp-arr-imgholder {
  background-position : center center;
  background-size : cover;
  width : 100px;
  height : 100%;
  top : 0;
  visibility : hidden;
  transform : translateX(-50px);-webkit-transform : translateX(-50px);
  transition : all .3s;-webkit-transition : all .3s;
  opacity : 0;
  left : 0
}
.dione.tparrows.tp-rightarrow .tp-arr-imgholder {
  right : 0;
  left : auto;
  transform : translateX(50px);-webkit-transform : translateX(50px)
}
  .dione.tparrows : before {
  position : absolute;
  line-height : 30px;
  margin-left : -22px;
  top : 50%;
  left : 50%;
  font-size : 30px;
  margin-top : -15px;
  transition : all .3s;-webkit-transition : all .3s
}
  .dione.tparrows.tp-rightarrow : before {
  margin-left : 6px
}
  .dione.tparrows : hover : before {
  transform : translateX(-20px);-webkit-transform : translateX(-20px);
  opacity : 0
}
  .dione.tparrows.tp-rightarrow : hover : before {
  transform : translateX(20px);-webkit-transform : translateX(20px)
}
  .dione.tparrows : hover .tp-arr-imgholder {
  transform : translateX(0px);-webkit-transform : translateX(0px);
  opacity : 1;
  visibility : visible
}
.dione .tp-bullet {
  opacity : 1;
  width : 50px;
  height : 50px;
  padding : 3px;
  background : #000;
  background-color : rgba(0, 0,0, .25);
  margin : 0;
  box-sizing : border-box;
  transition : all .3s;-webkit-transition : all .3s
}
.dione .tp-bullet-image {
  display : block;
  box-sizing : border-box;
  position : relative;-webkit-box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);-moz-box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);
  box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);
  width : 44px;
  height : 44px;
  background-size : cover;
  background-position : center center
}
.dione .tp-bullet-title {
  position : absolute;
  bottom : 65px;
  display : inline-block;
  left : 50%;
  background : #000;
  background : rgba(0, 0,0, .75);
  color : #fff;
  padding : 10px 30px;
  border-radius : 4px;-webkit-border-radius : 4px;
  opacity : 0;
  transition : all .3s;-webkit-transition : all .3s;
  transform : translateZ(0.001px) translateX(-50%) translateY(14px);
  transform-origin : 50% 100%;-webkit-transform : translateZ(0.001px) translateX(-50%) translateY(14px);-webkit-transform-origin : 50% 100%;
  opacity : 0;
  white-space : nowrap
}
  .dione .tp-bullet : hover .tp-bullet-title {
  transform : rotateX(0deg) translateX(-50%);-webkit-transform : rotateX(0deg) translateX(-50%);
  opacity : 1
}
  .dione .tp-bullet.selected, .dione .tp-bullet : hover {
  background : #fff;
  background : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(119, 119, 119, 1)));
  background : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  filter : progid : DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 )
}
  .dione .tp-bullet-title : after {
  content : " ";
  position : absolute;
  left : 50%;
  margin-left : -8px;
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 8px 8px 0;
  border-color : rgba(0, 0,0, .75) transparent transparent transparent;
  bottom : -8px
}
.erinyen.tparrows {
  cursor : pointer;
  background : #000;
  background : rgba(0, 0,0, .5);
  min-width : 70px;
  min-height : 70px;
  position : absolute;
  display : block;
  z-index : 1000;
  border-radius : 35px
}
  .erinyen.tparrows : before {
  font-family : revicons;
  font-size : 20px;
  color : #fff;
  display : block;
  line-height : 70px;
  text-align : center;
  z-index : 2;
  position : relative
}
  .erinyen.tparrows.tp-leftarrow : before {
  content : "\e824"
}
  .erinyen.tparrows.tp-rightarrow : before {
  content : "\e825"
}
.erinyen .tp-title-wrap {
  position : absolute;
  z-index : 1;
  display : inline-block;
  background : #000;
  background : rgba(0, 0,0, .5);
  min-height : 70px;
  line-height : 70px;
  top : 0;
  margin-left : 0;
  border-radius : 35px;
  overflow : hidden;
  transition : opacity .3s;-webkit-transition : opacity .3s;-moz-transition : opacity .3s;-webkit-transform : scale(0);-moz-transform : scale(0);
  transform : scale(0);
  visibility : hidden;
  opacity : 0
}
  .erinyen.tparrows : hover .tp-title-wrap {
  -webkit-transform : scale(1);-moz-transform : scale(1);
  transform : scale(1);
  opacity : 1;
  visibility : visible
}
.erinyen.tp-rightarrow .tp-title-wrap {
  right : 0;
  margin-right : 0;
  margin-left : 0;-webkit-transform-origin : 100% 50%;
  border-radius : 35px;
  padding-right : 20px;
  padding-left : 10px
}
.erinyen.tp-leftarrow .tp-title-wrap {
  padding-left : 20px;
  padding-right : 10px
}
.erinyen .tp-arr-titleholder {
  letter-spacing : 3px;
  position : relative;-webkit-transition : -webkit-transform .3s;
  transition : transform .3s;
  transform : translateX(200px);
  text-transform : uppercase;
  color : #fff;
  font-weight : 600;
  font-size : 13px;
  line-height : 70px;
  white-space : nowrap;
  padding : 0 20px;
  margin-left : 11px;
  opacity : 0
}
.erinyen .tp-arr-imgholder {
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0;
  background-position : center center;
  background-size : cover
}
.erinyen .tp-arr-img-over {
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0;
  background : #000;
  background : rgba(0, 0,0, .5)
}
.erinyen.tp-rightarrow .tp-arr-titleholder {
  transform : translateX(-200px);
  margin-left : 0;
  margin-right : 11px
}
  .erinyen.tparrows : hover .tp-arr-titleholder {
  transform : translateX(0px);-webkit-transform : translateX(0px);
  transition-delay : .1s;
  opacity : 1
}
  .erinyen.tp-bullets{}.erinyen.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : #555;
  background : -moz-linear-gradient(top, #555555 0%, #222222 100%);
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #222222));
  background : -webkit-linear-gradient(top, #555555 0%, #222222 100%);
  background : -o-linear-gradient(top, #555555 0%, #222222 100%);
  background : -ms-linear-gradient(top, #555555 0%, #222222 100%);
  background : linear-gradient(to bottom, #555555 0%, #222222 100%);
  filter : progid : dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222", gradienttype=0 );
  padding : 10px 15px;
  margin-left : -15px;
  margin-top : -10px;
  box-sizing : content-box;
  border-radius : 10px;
  box-shadow : 0 0 2px 1px rgba(33, 33, 33, .3)
}
.erinyen .tp-bullet {
  width : 13px;
  height : 13px;
  position : absolute;
  background : #111;
  border-radius : 50%;
  cursor : pointer;
  box-sizing : content-box
}
  .erinyen .tp-bullet : hover, .erinyen .tp-bullet.selected {
  background : #e5e5e5;
  background : -moz-linear-gradient(top, #e5e5e5 0%, #999999 100%);
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #999999));
  background : -webkit-linear-gradient(top, #e5e5e5 0%, #999999 100%);
  background : -o-linear-gradient(top, #e5e5e5 0%, #999999 100%);
  background : -ms-linear-gradient(top, #e5e5e5 0%, #999999 100%);
  background : linear-gradient(to bottom, #e5e5e5 0%, #999999 100%);
  filter : progid : dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999", gradienttype=0 );
  border : 1px solid #555;
  width : 12px;
  height : 12px
}
.erinyen .tp-bullet-image{}.erinyen .tp-bullet-title{}.erinyen .tp-thumb {
  opacity : 1
}
.erinyen .tp-thumb-over {
  background : #000;
  background : rgba(0, 0,0, .25);
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0;
  z-index : 1;-webkit-transition : all .3s;
  transition : all .3s
}
  .erinyen .tp-thumb-more : before {
  font-family : revicons;
  font-size : 12px;
  color : #aaa;
  color : rgba(255, 255, 255, .75);
  display : block;
  line-height : 12px;
  text-align : left;
  z-index : 2;
  position : absolute;
  top : 20px;
  right : 20px;
  z-index : 2
}
  .erinyen .tp-thumb-more : before {
  content : "\e825"
}
.erinyen .tp-thumb-title {
  font-family : raleway;
  letter-spacing : 1px;
  font-size : 12px;
  color : #fff;
  display : block;
  line-height : 15px;
  text-align : left;
  z-index : 2;
  position : absolute;
  top : 0;
  left : 0;
  z-index : 2;
  padding : 20px 35px 20px 20px;
  width : 100%;
  height : 100%;
  box-sizing : border-box;
  transition : all .3s;-webkit-transition : all .3s;
  font-weight : 500
}
  .erinyen .tp-thumb.selected .tp-thumb-more : before, .erinyen .tp-thumb : hover .tp-thumb-more : before {
  color : #aaa
}
  .erinyen .tp-thumb.selected .tp-thumb-over, .erinyen .tp-thumb : hover .tp-thumb-over {
  background : #fff
}
  .erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb : hover .tp-thumb-title {
  color : #000
}
.erinyen .tp-tab-title {
  color : #a8d8ee;
  font-size : 13px;
  font-weight : 700;
  text-transform : uppercase;
  font-family : "Roboto Slab" margin-bottom : 5px
}
.erinyen .tp-tab-desc {
  font-size : 18px;
  font-weight : 400;
  color : #fff;
  line-height : 25px;
  font-family : roboto slab
}
  .gyges.tp-bullets{}.gyges.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : #777;
  background : -moz-linear-gradient(top, #777777 0%, #666666 100%);
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #666666));
  background : -webkit-linear-gradient(top, #777777 0%, #666666 100%);
  background : -o-linear-gradient(top, #777777 0%, #666666 100%);
  background : -ms-linear-gradient(top, #777777 0%, #666666 100%);
  background : linear-gradient(to bottom, #777777 0%, #666666 100%);
  filter : progid : DXImageTransform.Microsoft.gradient( startColorstr="#777777", endColorstr="#666666", GradientType=0 );
  padding : 10px;
  margin-left : -10px;
  margin-top : -10px;
  box-sizing : content-box;
  border-radius : 10px
}
.gyges .tp-bullet {
  width : 12px;
  height : 12px;
  position : absolute;
  background : #333;
  border : 3px solid #444;
  border-radius : 50%;
  cursor : pointer;
  box-sizing : content-box
}
  .gyges .tp-bullet : hover, .gyges .tp-bullet.selected {
  background : #fff;
  background : -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1e1e1));
  background : -webkit-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
  background : -o-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
  background : -ms-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
  background : linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%);
  filter : progid : DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e1e1e1", GradientType=0 )
}
.gyges .tp-bullet-image{}.gyges .tp-bullet-title{}.gyges .tp-thumb {
  opacity : 1
}
.gyges .tp-thumb-img-wrap {
  padding : 3px;
  background : #000;
  background-color : rgba(0, 0,0, .25);
  display : inline-block;
  width : 100%;
  height : 100%;
  position : relative;
  margin : 0;
  box-sizing : border-box;
  transition : all .3s;-webkit-transition : all .3s
}
.gyges .tp-thumb-image {
  padding : 3px;
  display : block;
  box-sizing : border-box;
  position : relative;-webkit-box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);-moz-box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);
  box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25)
}
.gyges .tp-thumb-title {
  position : absolute;
  bottom : 100%;
  display : inline-block;
  left : 50%;
  background : rgba(255, 255, 255, .8);
  padding : 10px 30px;
  border-radius : 4px;-webkit-border-radius : 4px;
  margin-bottom : 20px;
  opacity : 0;
  transition : all .3s;-webkit-transition : all .3s;
  transform : translateZ(0.001px) translateX(-50%) translateY(14px);
  transform-origin : 50% 100%;-webkit-transform : translateZ(0.001px) translateX(-50%) translateY(14px);-webkit-transform-origin : 50% 100%;
  white-space : nowrap
}
  .gyges .tp-thumb : hover .tp-thumb-title {
  transform : rotateX(0deg) translateX(-50%);-webkit-transform : rotateX(0deg) translateX(-50%);
  opacity : 1
}
  .gyges .tp-thumb : hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap {
  background : #fff;
  background : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(119, 119, 119, 1)));
  background : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  filter : progid : DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 )
}
  .gyges .tp-thumb-title : after {
  content : " ";
  position : absolute;
  left : 50%;
  margin-left : -8px;
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 8px 8px 0;
  border-color : rgba(255, 255, 255, .8) transparent transparent transparent;
  bottom : -8px
}
.gyges .tp-tab {
  opacity : 1;
  padding : 10px;
  box-sizing : border-box;
  font-family : roboto, sans-serif;
  border-bottom : 1px solid rgba(255, 255, 255, .15)
}
.gyges .tp-tab-image {
  width : 60px;
  height : 60px;
  max-height : 100%;
  max-width : 100%;
  position : relative;
  display : inline-block;
  float : left
}
.gyges .tp-tab-content {
  background : transparent;
  position : relative;
  padding : 15px 15px 15px 85px;
  left : 0;
  overflow : hidden;
  margin-top : -15px;
  box-sizing : border-box;
  color : #333;
  display : inline-block;
  width : 100%;
  height : 100%;
  position : absolute
}
.gyges .tp-tab-date {
  display : block;
  color : rgba(255, 255, 255, .25);
  font-weight : 500;
  font-size : 12px;
  margin-bottom : 0
}
.gyges .tp-tab-title {
  display : block;
  text-align : left;
  color : #fff;
  font-size : 14px;
  font-weight : 500;
  text-transform : none;
  line-height : 17px
}
  .gyges .tp-tab : hover, .gyges .tp-tab.selected {
  background : rgba(0, 0,0, .5)
}
  .gyges .tp-tab-mask{}@media only screen and (max-width : 960px){}@media only screen and (max-width : 768px){}.hades.tparrows {
  cursor : pointer;
  background : #000;
  background : rgba(0, 0,0, .15);
  width : 100px;
  height : 100px;
  position : absolute;
  display : block;
  z-index : 1000
}
  .hades.tparrows : before {
  font-family : revicons;
  font-size : 30px;
  color : #fff;
  display : block;
  line-height : 100px;
  text-align : center;
  transition : background .3s, color .3s
}
  .hades.tparrows.tp-leftarrow : before {
  content : "\e824"
}
  .hades.tparrows.tp-rightarrow : before {
  content : "\e825"
}
  .hades.tparrows : hover : before {
  color : #aaa;
  background : #fff;
  background : #fff
}
.hades .tp-arr-allwrapper {
  position : absolute;
  left : 100%;
  top : 0;
  background : #888;
  width : 100px;
  height : 100px;-webkit-transition : all .3s;
  transition : all .3s;-ms-filter : "progid : dximagetransform.microsoft.alpha(opacity=0)";
  filter : alpha(opacity=0);-moz-opacity : 0;-khtml-opacity : 0;
  opacity : 0;-webkit-transform : rotatey(-90deg);
  transform : rotatey(-90deg);-webkit-transform-origin : 0% 50%;
  transform-origin : 0% 50%
}
.hades.tp-rightarrow .tp-arr-allwrapper {
  left : auto;
  right : 100%;-webkit-transform-origin : 100% 50%;
  transform-origin : 100% 50%;-webkit-transform : rotatey(90deg);
  transform : rotatey(90deg)
}
  .hades : hover .tp-arr-allwrapper {
  -ms-filter : "progid : dximagetransform.microsoft.alpha(opacity=100)";
  filter : alpha(opacity=100);-moz-opacity : 1;-khtml-opacity : 1;
  opacity : 1;-webkit-transform : rotatey(0deg);
  transform : rotatey(0deg)
}
.hades .tp-arr-iwrapper{}.hades .tp-arr-imgholder {
  background-size : cover;
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%
}
  .hades .tp-arr-titleholder{}.hades .tp-arr-subtitleholder{}.hades.tp-bullets{}.hades.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : 0 0;
  padding : 10px;
  margin-left : -10px;
  margin-top : -10px;
  box-sizing : content-box
}
.hades .tp-bullet {
  width : 3px;
  height : 3px;
  position : absolute;
  background : #888;
  cursor : pointer;
  border : 5px solid #fff;
  box-sizing : content-box;
  box-shadow : 0 0 3px 1px rgba(0, 0,0, .2);-webkit-perspective : 400;
  perspective : 400;-webkit-transform : translatez(0.01px);
  transform : translatez(0.01px)
}
  .hades .tp-bullet : hover, .hades .tp-bullet.selected {
  background : #555
}
.hades .tp-bullet-image {
  position : absolute;
  top : -80px;
  left : -60px;
  width : 120px;
  height : 60px;
  background-position : center center;
  background-size : cover;
  visibility : hidden;
  opacity : 0;
  transition : all .3s;-webkit-transform-style : flat;
  transform-style : flat;
  perspective : 600;-webkit-perspective : 600;
  transform : rotatex(-90deg);-webkit-transform : rotatex(-90deg);
  box-shadow : 0 0 3px 1px rgba(0, 0,0, .2);
  transform-origin : 50% 100%;-webkit-transform-origin : 50% 100%
}
  .hades .tp-bullet : hover .tp-bullet-image {
  display : block;
  opacity : 1;
  transform : rotatex(0deg);-webkit-transform : rotatex(0deg);
  visibility : visible
}
.hades .tp-bullet-title{}.hades .tp-thumb {
  opacity : 1
}
.hades .tp-thumb-img-wrap {
  border-radius : 50%;
  padding : 3px;
  display : inline-block;
  background : #000;
  background-color : rgba(0, 0,0, .25);
  width : 100%;
  height : 100%;
  position : relative;
  margin : 0;
  box-sizing : border-box;
  transition : all .3s;-webkit-transition : all .3s
}
.hades .tp-thumb-image {
  padding : 3px;
  border-radius : 50%;
  display : block;
  box-sizing : border-box;
  position : relative;-webkit-box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);-moz-box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);
  box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25)
}
  .hades .tp-thumb : hover .tp-thumb-img-wrap, .hades .tp-thumb.selected .tp-thumb-img-wrap {
  background : #fff;
  background : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(119, 119, 119, 1)));
  background : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  filter : progid : DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 )
}
  .hades .tp-thumb-title : after {
  content : " ";
  position : absolute;
  left : 50%;
  margin-left : -8px;
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 8px 8px 0;
  border-color : rgba(0, 0,0, .75) transparent transparent transparent;
  bottom : -8px
}
.hades .tp-tab {
  opacity : 1
}
.hades .tp-tab-title {
  display : block;
  color : #333;
  font-weight : 600;
  font-size : 18px;
  text-align : center;
  line-height : 25px
}
.hades .tp-tab-price {
  display : block;
  text-align : center;
  color : #999;
  font-size : 16px;
  margin-top : 10px;
  line-height : 20px
}
.hades .tp-tab-button {
  display : inline-block;
  margin-top : 15px;
  text-align : center;
  padding : 5px 15px;
  color : #fff;
  font-size : 14px;
  background : #219bd7;
  border-radius : 4px;
  font-weight : 400
}
.hades .tp-tab-inner {
  text-align : center
}
.hebe.tparrows {
  cursor : pointer;
  background : #fff;
  min-width : 70px;
  min-height : 70px;
  position : absolute;
  display : block;
  z-index : 1000
}
  .hebe.tparrows : hover{}.hebe.tparrows : before {
  font-family : revicons;
  font-size : 30px;
  color : #aaa;
  display : block;
  line-height : 70px;
  text-align : center;-webkit-transition : color .3s;-moz-transition : color .3s;
  transition : color .3s;
  z-index : 2;
  position : relative;
  background : #fff;
  min-width : 70px;
  min-height : 70px
}
  .hebe.tparrows.tp-leftarrow : before {
  content : "\e824"
}
  .hebe.tparrows.tp-rightarrow : before {
  content : "\e825"
}
  .hebe.tparrows : hover : before {
  color : #000
}
.hebe .tp-title-wrap {
  position : absolute;
  z-index : 0;
  display : inline-block;
  background : #000;
  background : rgba(0, 0,0, .75);
  min-height : 60px;
  line-height : 60px;
  top : -10px;
  margin-left : 0;-webkit-transition : -webkit-transform .3s;
  transition : transform .3s;
  transform : scaleX(0);-webkit-transform : scaleX(0);
  transform-origin : 0% 50%;-webkit-transform-origin : 0% 50%
}
.hebe.tp-rightarrow .tp-title-wrap {
  right : 0;-webkit-transform-origin : 100% 50%
}
  .hebe.tparrows : hover .tp-title-wrap {
  transform : scaleX(1);-webkit-transform : scaleX(1)
}
.hebe .tp-arr-titleholder {
  position : relative;
  text-transform : uppercase;
  color : #fff;
  font-weight : 600;
  font-size : 12px;
  line-height : 90px;
  white-space : nowrap;
  padding : 0 20px 0 90px
}
.hebe.tp-rightarrow .tp-arr-titleholder {
  margin-left : 0;
  padding : 0 90px 0 20px
}
  .hebe.tparrows : hover .tp-arr-titleholder {
  transform : translateX(0px);-webkit-transform : translateX(0px);
  transition-delay : .1s;
  opacity : 1
}
.hebe .tp-arr-imgholder {
  width : 90px;
  height : 90px;
  position : absolute;
  left : 100%;
  display : block;
  background-size : cover;
  background-position : center center;
  top : 0;
  right : -90px
}
.hebe.tp-rightarrow .tp-arr-imgholder {
  right : auto;
  left : -90px
}
  .hebe.tp-bullets{}.hebe.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : 0 0;
  padding : 10px;
  margin-left : -10px;
  margin-top : -10px;
  box-sizing : content-box
}
.hebe .tp-bullet {
  width : 3px;
  height : 3px;
  position : absolute;
  background : #fff;
  cursor : pointer;
  border : 5px solid #222;
  border-radius : 50%;
  box-sizing : content-box;-webkit-perspective : 400;
  perspective : 400;-webkit-transform : translateZ(0.01px);
  transform : translateZ(0.01px);
  transition : all .3s
}
  .hebe .tp-bullet : hover, .hebe .tp-bullet.selected {
  background : #222;
  border-color : #fff
}
.hebe .tp-bullet-image {
  position : absolute;
  top : -90px;
  left : -40px;
  width : 70px;
  height : 70px;
  background-position : center center;
  background-size : cover;
  visibility : hidden;
  opacity : 0;
  transition : all .3s;-webkit-transform-style : flat;
  transform-style : flat;
  perspective : 600;-webkit-perspective : 600;
  transform : scale(0);-webkit-transform : scale(0);
  transform-origin : 50% 100%;-webkit-transform-origin : 50% 100%;
  border-radius : 6px
}
  .hebe .tp-bullet : hover .tp-bullet-image {
  display : block;
  opacity : 1;
  transform : scale(1);-webkit-transform : scale(1);
  visibility : visible
}
.hebe .tp-bullet-title{}.hebe .tp-tab-title {
  color : #a8d8ee;
  font-size : 13px;
  font-weight : 700;
  text-transform : uppercase;
  font-family : "Roboto Slab" margin-bottom : 5px
}
.hebe .tp-tab-desc {
  font-size : 18px;
  font-weight : 400;
  color : #fff;
  line-height : 25px;
  font-family : roboto slab
}
.hephaistos.tparrows {
  cursor : pointer;
  background : #000;
  background : rgba(0, 0,0, .5);
  width : 40px;
  height : 40px;
  position : absolute;
  display : block;
  z-index : 1000;
  border-radius : 50%
}
  .hephaistos.tparrows : hover {
  background : #000
}
  .hephaistos.tparrows : before {
  font-family : revicons;
  font-size : 18px;
  color : #fff;
  display : block;
  line-height : 40px;
  text-align : center
}
  .hephaistos.tparrows.tp-leftarrow : before {
  content : "\e82c";
  margin-left : -2px
}
  .hephaistos.tparrows.tp-rightarrow : before {
  content : "\e82d";
  margin-right : -2px
}
  .hephaistos.tp-bullets{}.hephaistos.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : 0 0;
  padding : 10px;
  margin-left : -10px;
  margin-top : -10px;
  box-sizing : content-box
}
.hephaistos .tp-bullet {
  width : 12px;
  height : 12px;
  position : absolute;
  background : #999;
  border : 3px solid #f5f5f5;
  border-radius : 50%;
  cursor : pointer;
  box-sizing : content-box;
  box-shadow : 0 0 2px 1px rgba(130, 130, 130, .3)
}
  .hephaistos .tp-bullet : hover, .hephaistos .tp-bullet.selected {
  background : #fff;
  border-color : #000
}
.hephaistos .tp-bullet-image{}.hephaistos .tp-bullet-title{}.hermes.tparrows {
  cursor : pointer;
  background : #000;
  background : rgba(0, 0,0, .5);
  width : 30px;
  height : 110px;
  position : absolute;
  display : block;
  z-index : 1000
}
  .hermes.tparrows : before {
  font-family : revicons;
  font-size : 15px;
  color : #fff;
  display : block;
  line-height : 110px;
  text-align : center;
  transform : translateX(0px);-webkit-transform : translateX(0px);
  transition : all .3s;-webkit-transition : all .3s
}
  .hermes.tparrows.tp-leftarrow : before {
  content : "\e824"
}
  .hermes.tparrows.tp-rightarrow : before {
  content : "\e825"
}
  .hermes.tparrows.tp-leftarrow : hover : before {
  transform : translateX(-20px);-webkit-transform : translateX(-20px);
  opacity : 0
}
  .hermes.tparrows.tp-rightarrow : hover : before {
  transform : translateX(20px);-webkit-transform : translateX(20px);
  opacity : 0
}
.hermes .tp-arr-allwrapper {
  overflow : hidden;
  position : absolute;
  width : 180px;
  height : 140px;
  top : 0;
  left : 0;
  visibility : hidden;-webkit-transition : -webkit-transform .3s .3s;
  transition : transform .3s .3s;-webkit-perspective : 1000px;
  perspective : 1000px
}
.hermes.tp-rightarrow .tp-arr-allwrapper {
  right : 0;
  left : auto
}
  .hermes.tparrows : hover .tp-arr-allwrapper {
  visibility : visible
}
.hermes .tp-arr-imgholder {
  width : 180px;
  position : absolute;
  left : 0;
  top : 0;
  height : 110px;
  transform : translateX(-180px);-webkit-transform : translateX(-180px);
  transition : all .3s;
  transition-delay : .3s
}
.hermes.tp-rightarrow .tp-arr-imgholder {
  transform : translateX(180px);-webkit-transform : translateX(180px)
}
  .hermes.tparrows : hover .tp-arr-imgholder {
  transform : translateX(0px);-webkit-transform : translateX(0px)
}
.hermes .tp-arr-titleholder {
  top : 110px;
  width : 180px;
  text-align : left;
  display : block;
  padding : 0 10px;
  line-height : 30px;
  background : #000;
  background : rgba(0, 0,0, .75);
  color : #fff;
  font-weight : 600;
  position : absolute;
  font-size : 12px;
  white-space : nowrap;
  letter-spacing : 1px;-webkit-transition : all .3s;
  transition : all .3s;-webkit-transform : rotateX(-90deg);
  transform : rotateX(-90deg);-webkit-transform-origin : 50% 0;
  transform-origin : 50% 0;
  box-sizing : border-box
}
  .hermes.tparrows : hover .tp-arr-titleholder {
  -webkit-transition-delay : .6s;
  transition-delay : .6s;-webkit-transform : rotateX(0deg);
  transform : rotateX(0deg)
}
.hermes.tp-bullets{}.hermes .tp-bullet {
  overflow : hidden;
  border-radius : 50%;
  width : 16px;
  height : 16px;
  background-color : transparent;
  box-shadow : inset 0 0 0 2px #fff;-webkit-transition : background .3s ease;
  transition : background .3s ease;
  position : absolute
}
  .hermes .tp-bullet : hover {
  background-color : rgba(0, 0,0, .2)
}
  .hermes .tp-bullet : after {
  content : ' ';
  position : absolute;
  bottom : 0;
  height : 0;
  left : 0;
  width : 100%;
  background-color : #fff;
  box-shadow : 0 0 1px #fff;-webkit-transition : height .3s ease;
  transition : height .3s ease
}
  .hermes .tp-bullet.selected : after {
  height : 100%
}
.hermes .tp-tab {
  opacity : 1;
  padding-right : 10px;
  box-sizing : border-box
}
.hermes .tp-tab-image {
  width : 100%;
  height : 60%;
  position : relative
}
.hermes .tp-tab-content {
  background : #363636;
  position : absolute;
  padding : 20px 20px 20px 30px;
  box-sizing : border-box;
  color : #fff;
  display : block;
  width : 100%;
  min-height : 40%;
  bottom : 0;
  left : -10px
}
.hermes .tp-tab-date {
  display : block;
  color : #888;
  font-weight : 600;
  font-size : 12px;
  margin-bottom : 10px
}
.hermes .tp-tab-title {
  display : block;
  color : #fff;
  font-size : 16px;
  font-weight : 800;
  text-transform : uppercase;
  line-height : 19px
}
  .hermes .tp-tab.selected .tp-tab-title : after {
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 30px 0 30px 10px;
  border-color : transparent transparent transparent #363636;
  content : " ";
  position : absolute;
  right : -9px;
  bottom : 50%;
  margin-bottom : -30px
}
.hermes .tp-tab-mask {
  padding-right : 10px!important
}
  @media only screen and (max-width : 960px) {
  .hermes .tp-tab .tp-tab-title{font-size : 14px;
  line-height : 16px
}
.hermes .tp-tab-date {
  font-size : 11px;
  line-height : 13px;
  margin-bottom : 10px
}
.hermes .tp-tab-content {
  padding : 15px 15px 15px 25px
}
  }@media only screen and (max-width : 768px) {
  .hermes .tp-tab .tp-tab-title{font-size : 12px;
  line-height : 14px
}
.hermes .tp-tab-date {
  font-size : 10px;
  line-height : 12px;
  margin-bottom : 5px
}
.hermes .tp-tab-content {
  padding : 10px 10px 10px 20px
}
}.hesperiden.tparrows {
  cursor : pointer;
  background : #000;
  background : rgba(0, 0,0, .5);
  width : 40px;
  height : 40px;
  position : absolute;
  display : block;
  z-index : 1000;
  border-radius : 50%
}
  .hesperiden.tparrows : hover {
  background : #000
}
  .hesperiden.tparrows : before {
  font-family : revicons;
  font-size : 20px;
  color : #fff;
  display : block;
  line-height : 40px;
  text-align : center
}
  .hesperiden.tparrows.tp-leftarrow : before {
  content : "\e82c";
  margin-left : -3px
}
  .hesperiden.tparrows.tp-rightarrow : before {
  content : "\e82d";
  margin-right : -3px
}
  .hesperiden.tp-bullets{
      display : none !important;
  }
  .hesperiden.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : 0 0;
  padding : 10px;
  margin-left : -10px;
  margin-top : -10px;
  box-sizing : content-box;
  border-radius : 8px
}
.hesperiden .tp-bullet {
  width : 12px;
  height : 12px;
  position : absolute;
  background : #999;
  background : -moz-linear-gradient(top, #999999 0%, #e1e1e1 100%);
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #e1e1e1));
  background : -webkit-linear-gradient(top, #999999 0%, #e1e1e1 100%);
  background : -o-linear-gradient(top, #999999 0%, #e1e1e1 100%);
  background : -ms-linear-gradient(top, #999999 0%, #e1e1e1 100%);
      background: linear-gradient(to bottom, #999999 0%, #dc0b14 100%);
  filter : progid : dximagetransform.microsoft.gradient( startcolorstr="#999999", endcolorstr="#e1e1e1", gradienttype=0 );
  border : 3px solid #e5e5e5;
  border-radius : 50%;
  cursor : pointer;
  box-sizing : content-box
}
  .hesperiden .tp-bullet : hover, .hesperiden .tp-bullet.selected {
  background : #666
}
.hesperiden .tp-bullet-image{}.hesperiden .tp-bullet-title{}.hesperiden .tp-thumb {
  opacity : 1;-webkit-perspective : 600px;
  perspective : 600px
}
.hesperiden .tp-thumb .tp-thumb-title {
  font-size : 12px;
  position : absolute;
  margin-top : -10px;
  color : #fff;
  display : block;
  z-index : 10000;
  background-color : #000;
  padding : 5px 10px;
  bottom : 0;
  left : 0;
  width : 100%;
  box-sizing : border-box;
  text-align : center;
  overflow : hidden;
  white-space : nowrap;
  transition : all .3s;-webkit-transition : all .3s;
  transform : rotatex(90deg) translatez(0.001px);
  transform-origin : 50% 100%;-webkit-transform : rotatex(90deg) translatez(0.001px);-webkit-transform-origin : 50% 100%;
  opacity : 0
}
  .hesperiden .tp-thumb : hover .tp-thumb-title {
  transform : rotatex(0deg);-webkit-transform : rotatex(0deg);
  opacity : 1
}
.hesperiden .tp-tab {
  opacity : 1;
  padding : 10px;
  box-sizing : border-box;
  font-family : roboto, sans-serif;
  border-bottom : 1px solid #e5e5e5
}
.hesperiden .tp-tab-image {
  width : 60px;
  height : 60px;
  max-height : 100%;
  max-width : 100%;
  position : relative;
  display : inline-block;
  float : left
}
.hesperiden .tp-tab-content {
  background : transparent;
  position : relative;
  padding : 15px 15px 15px 85px;
  left : 0;
  overflow : hidden;
  margin-top : -15px;
  box-sizing : border-box;
  color : #333;
  display : inline-block;
  width : 100%;
  height : 100%;
  position : absolute
}
.hesperiden .tp-tab-date {
  display : block;
  color : #aaa;
  font-weight : 500;
  font-size : 12px;
  margin-bottom : 0
}
.hesperiden .tp-tab-title {
  display : block;
  text-align : left;
  color : #333;
  font-size : 14px;
  font-weight : 500;
  text-transform : none;
  line-height : 17px
}
  .hesperiden .tp-tab : hover, .hesperiden .tp-tab.selected {
  background : #eee
}
  .hesperiden .tp-tab-mask{}@media only screen and (max-width : 960px){}@media only screen and (max-width : 768px){}.metis.tparrows {
  background : #fff;
  padding : 10px;
  transition : all .3s;-webkit-transition : all .3s;
  width : 60px;
  height : 60px;
  box-sizing : border-box
}
  .metis.tparrows : hover {
  background : #fff;
  background : rgba(255, 255, 255, .75)
}
  .metis.tparrows : before {
  color : #000;
  transition : all .3s;-webkit-transition : all .3s
}
  .metis.tparrows : hover : before {
  transform : scale(1.5)
}
.metis .tp-bullet {
  opacity : 1;
  width : 50px;
  height : 50px;
  padding : 3px;
  background : #000;
  background-color : rgba(0, 0,0, .25);
  margin : 0;
  box-sizing : border-box;
  transition : all .3s;-webkit-transition : all .3s;
  border-radius : 50%
}
.metis .tp-bullet-image {
  border-radius : 50%;
  display : block;
  box-sizing : border-box;
  position : relative;-webkit-box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);-moz-box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);
  box-shadow : inset 5px 5px 10px 0 rgba(0, 0,0, .25);
  width : 44px;
  height : 44px;
  background-size : cover;
  background-position : center center
}
.metis .tp-bullet-title {
  position : absolute;
  bottom : 65px;
  display : inline-block;
  left : 50%;
  background : #000;
  background : rgba(0, 0,0, .75);
  color : #fff;
  padding : 10px 30px;
  border-radius : 4px;-webkit-border-radius : 4px;
  opacity : 0;
  transition : all .3s;-webkit-transition : all .3s;
  transform : translateZ(0.001px) translateX(-50%) translateY(14px);
  transform-origin : 50% 100%;-webkit-transform : translateZ(0.001px) translateX(-50%) translateY(14px);-webkit-transform-origin : 50% 100%;
  opacity : 0;
  white-space : nowrap
}
  .metis .tp-bullet : hover .tp-bullet-title {
  transform : rotateX(0deg) translateX(-50%);-webkit-transform : rotateX(0deg) translateX(-50%);
  opacity : 1
}
  .metis .tp-bullet.selected, .metis .tp-bullet : hover {
  background : #fff;
  background : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(119, 119, 119, 1)));
  background : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  background : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(119, 119, 119, 1) 100%);
  filter : progid : DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 )
}
  .metis .tp-bullet-title : after {
  content : " ";
  position : absolute;
  left : 50%;
  margin-left : -8px;
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 8px 8px 0;
  border-color : rgba(0, 0,0, .75) transparent transparent transparent;
  bottom : -8px
}
.metis .tp-tab-number {
  color : #fff;
  font-size : 40px;
  line-height : 30px;
  font-weight : 400;
  font-family : playfair display;
  width : 50px;
  margin-right : 17px;
  display : inline-block;
  float : left
}
.metis .tp-tab-mask {
  padding-left : 20px;
  left : 0;
  max-width : 90px!important;
  transition : .4s padding-left, .4s left, .4s max-width
}
  .metis : hover .tp-tab-mask {
  padding-left : 0;
  left : 50px;
  max-width : 500px!important
}
.metis .tp-tab-divider {
  border-right : 1px solid transparent;
  height : 30px;
  width : 1px;
  margin-top : 5px;
  display : inline-block;
  float : left
}
.metis .tp-tab-title {
  color : #fff;
  font-size : 20px;
  line-height : 20px;
  font-weight : 400;
  font-family : playfair display;
  position : relative;
  padding-top : 10px;
  padding-left : 30px;
  display : inline-block;
  transform : translateX(-100%);
  transition : .4s all
}
.metis .tp-tab-title-mask {
  position : absolute;
  overflow : hidden;
  left : 67px
}
  .metis : hover .tp-tab-title {
  transform : translateX(0)
}
.metis .tp-tab {
  opacity : .15;
  transition : .4s all
}
  .metis .tp-tab : hover, .metis .tp-tab.selected {
  opacity : 1
}
.metis .tp-tab.selected .tp-tab-divider {
  border-right : 1px solid #cdb083
}
.metis.tp-tabs {
  max-width : 118px!important;
  padding-left : 50px
}
  .metis.tp-tabs : before {
  content : " ";
  height : 100%;
  width : 88px;
  background : rgba(0, 0,0, .15);
  border-right : 1px solid rgba(255, 255, 255, .1);
  left : 0;
  top : 0;
  position : absolute;
  transition : .4s all
}
  .metis.tp-tabs : hover : before {
  width : 118px
}
  @media(max-width : 499px) {
  .metis.tp-tabs : before{background : rgba(0, 0,0, .75)
}
}.persephone.tparrows {
  cursor : pointer;
  background : #aaa;
  background : rgba(200, 200, 200, .5);
  width : 40px;
  height : 40px;
  position : absolute;
  display : block;
  z-index : 100;
  border : 1px solid #f5f5f5
}
  .persephone.tparrows : hover {
  background : #333
}
  .persephone.tparrows : before {
  font-family : revicons;
  font-size : 15px;
  color : #fff;
  display : block;
  line-height : 40px;
  text-align : center
}
  .persephone.tparrows.tp-leftarrow : before {
  content : "\e824"
}
  .persephone.tparrows.tp-rightarrow : before {
  content : "\e825"
}
  .persephone.tp-bullets{}.persephone.tp-bullets : before {
  content : " ";
  position : absolute;
  width : 100%;
  height : 100%;
  background : #transparent;
  padding : 10px;
  margin-left : -10px;
  margin-top : -10px;
  box-sizing : content-box
}
.persephone .tp-bullet {
  width : 12px;
  height : 12px;
  position : absolute;
  background : #aaa;
  border : 1px solid #e5e5e5;
  cursor : pointer;
  box-sizing : content-box
}
  .persephone .tp-bullet : hover, .persephone .tp-bullet.selected {
  background : #222
}
.persephone .tp-bullet-image{}.persephone .tp-bullet-title{}.uranus.tparrows {
  width : 50px;
  height : 50px;
  background : 0 0
}
  .uranus.tparrows : before {
  width : 50px;
  height : 50px;
  line-height : 50px;
  font-size : 40px;
  transition : all .3s;-webkit-transition : all .3s
}
  .uranus.tparrows : hover : before {
  opacity : .75
}
.uranus .tp-bullet {
  border-radius : 50%;
  box-shadow : 0 0 0 2px transparent;-webkit-transition : box-shadow .3s ease;
  transition : box-shadow .3s ease;
  background : 0 0
}
  .uranus .tp-bullet.selected, .uranus .tp-bullet : hover {
  box-shadow : 0 0 0 2px #fff;
  border : none;
  border-radius : 50%;
  background : 0 0
}
.uranus .tp-bullet-inner {
  background-color : rgba(255, 255, 255, .7);-webkit-transition : background-color .3s ease, -webkit-transform .3s ease;
  transition : background-color .3s ease, transform .3s ease;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
  outline : none;
  border-radius : 50%;
  background-color : #fff;
  background-color : rgba(255, 255, 255, .3);
  text-indent : -999em;
  cursor : pointer;
  position : absolute
}
  .uranus .tp-bullet.selected .tp-bullet-inner, .uranus .tp-bullet : hover .tp-bullet-inner {
  transform : scale(.4);-webkit-transform : scale(.4);
  background-color : #fff
}
.zeus.tparrows {
  cursor : pointer;
  min-width : 70px;
  min-height : 70px;
  position : absolute;
  display : block;
  z-index : 100;
  border-radius : 35px;
  overflow : hidden;
  background : rgba(0, 0,0, .1)
}
  .zeus.tparrows : before {
  font-family : revicons;
  font-size : 20px;
  color : #fff;
  display : block;
  line-height : 70px;
  text-align : center;
  z-index : 2;
  position : relative
}
  .zeus.tparrows.tp-leftarrow : before {
  content : "\e824"
}
  .zeus.tparrows.tp-rightarrow : before {
  content : "\e825"
}
.zeus .tp-title-wrap {
  background : #000;
  background : rgba(0, 0,0, .5);
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  position : absolute;
  opacity : 0;
  transform : scale(0);-webkit-transform : scale(0);
  transition : all .3s;-webkit-transition : all .3s;-moz-transition : all .3s;
  border-radius : 50%
}
.zeus .tp-arr-imgholder {
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0;
  background-position : center center;
  background-size : cover;
  border-radius : 50%;
  transform : translateX(-100%);-webkit-transform : translateX(-100%);
  transition : all .3s;-webkit-transition : all .3s;-moz-transition : all .3s
}
.zeus.tp-rightarrow .tp-arr-imgholder {
  transform : translateX(100%);-webkit-transform : translateX(100%)
}
  .zeus.tparrows : hover .tp-arr-imgholder {
  transform : translateX(0);-webkit-transform : translateX(0);
  opacity : 1
}
  .zeus.tparrows : hover .tp-title-wrap {
  transform : scale(1);-webkit-transform : scale(1);
  opacity : 1
}
.zeus .tp-bullet {
  box-sizing : content-box;-webkit-box-sizing : content-box;
  border-radius : 50%;
  background-color : transparent;-webkit-transition : opacity .3s ease;
  transition : opacity .3s ease;
  width : 13px;
  height : 13px;
  border : 2px solid #fff
}
  .zeus .tp-bullet : after {
  content : "";
  position : absolute;
  width : 100%;
  height : 100%;
  left : 0;
  border-radius : 50%;
  background-color : #fff;-webkit-transform : scale(0);
  transform : scale(0);-webkit-transform-origin : 50% 50%;
  transform-origin : 50% 50%;-webkit-transition : -webkit-transform .3s ease;
  transition : transform .3s ease
}
  .zeus .tp-bullet : hover : after, .zeus .tp-bullet.selected : after {
  -webkit-transform : scale(1.2);
  transform : scale(1.2)
}
.zeus .tp-bullet-image, .zeus .tp-bullet-imageoverlay {
  width : 135px;
  height : 60px;
  position : absolute;
  background : #000;
  background : rgba(0, 0,0, .5);
  bottom : 25px;
  left : 50%;
  margin-left : -65px;
  box-sizing : border-box;
  background-size : cover;
  background-position : center center;
  visibility : hidden;
  opacity : 0;-webkit-backface-visibility : hidden;
  backface-visibility : hidden;-webkit-transform-origin : 50% 50%;
  transform-origin : 50% 50%;-webkit-transition : all .3s ease;
  transition : all .3s ease;
  border-radius : 4px
}
.zeus .tp-bullet-title, .zeus .tp-bullet-imageoverlay {
  z-index : 2;-webkit-transition : all .5s ease;
  transition : all .5s ease
}
.zeus .tp-bullet-title {
  color : #fff;
  text-align : center;
  line-height : 15px;
  font-size : 13px;
  font-weight : 600;
  z-index : 3;
  visibility : hidden;
  opacity : 0;-webkit-backface-visibility : hidden;
  backface-visibility : hidden;-webkit-transform-origin : 50% 50%;
  transform-origin : 50% 50%;-webkit-transition : all .3s ease;
  transition : all .3s ease;
  position : absolute;
  bottom : 45px;
  width : 135px;
  vertical-align : middle;
  left : -57px
}
  .zeus .tp-bullet : hover .tp-bullet-title, .zeus .tp-bullet : hover .tp-bullet-image, .zeus .tp-bullet : hover .tp-bullet-imageoverlay {
  opacity : 1;
  visibility : visible;-webkit-transform : translateY(0px);
  transform : translateY(0px)
}
.zeus .tp-thumb {
  opacity : 1
}
.zeus .tp-thumb-over {
  background : #000;
  background : rgba(0, 0,0, .25);
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0;
  z-index : 1;-webkit-transition : all .3s;
  transition : all .3s
}
  .zeus .tp-thumb-more : before {
  font-family : revicons;
  font-size : 12px;
  color : #aaa;
  color : rgba(255, 255, 255, .75);
  display : block;
  line-height : 12px;
  text-align : left;
  z-index : 2;
  position : absolute;
  top : 20px;
  right : 20px;
  z-index : 2
}
  .zeus .tp-thumb-more : before {
  content : "\e825"
}
.zeus .tp-thumb-title {
  font-family : raleway;
  letter-spacing : 1px;
  font-size : 12px;
  color : #fff;
  display : block;
  line-height : 15px;
  text-align : left;
  z-index : 2;
  position : absolute;
  top : 0;
  left : 0;
  z-index : 2;
  padding : 20px 35px 20px 20px;
  width : 100%;
  height : 100%;
  box-sizing : border-box;
  transition : all .3s;-webkit-transition : all .3s;
  font-weight : 500
}
  .zeus .tp-thumb.selected .tp-thumb-more : before, .zeus .tp-thumb : hover .tp-thumb-more : before {
  color : #aaa
}
  .zeus .tp-thumb.selected .tp-thumb-over, .zeus .tp-thumb : hover .tp-thumb-over {
  background : #000
}
  .zeus .tp-thumb.selected .tp-thumb-title, .zeus .tp-thumb : hover .tp-thumb-title {
  color : #fff
}
.zeus .tp-tab {
  opacity : 1;
  box-sizing : border-box
}
.zeus .tp-tab-title {
  display : block;
  text-align : center;
  background : rgba(0, 0,0, .25);
  font-family : roboto slab, serif;
  font-weight : 700;
  font-size : 13px;
  line-height : 13px;
  color : #fff;
  padding : 9px 10px
}
  .zeus .tp-tab : hover .tp-tab-title, .zeus .tp-tab.selected .tp-tab-title {
  color : #000;
  background : #fff
}
.post-tabs .tp-thumb {
  opacity : 1
}
.post-tabs .tp-thumb-over {
  background : #252525;
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0;
  z-index : 1;-webkit-transition : all .3s;
  transition : all .3s
}
  .post-tabs .tp-thumb-more : before {
  font-family : revicons;
  font-size : 12px;
  color : #aaa;
  color : rgba(255, 255, 255, .75);
  display : block;
  line-height : 12px;
  text-align : left;
  z-index : 2;
  position : absolute;
  top : 15px;
  right : 15px;
  z-index : 2
}
  .post-tabs .tp-thumb-more : before {
  content : "\e825"
}
.post-tabs .tp-thumb-title {
  font-family : raleway;
  letter-spacing : 1px;
  font-size : 12px;
  color : #fff;
  display : block;
  line-height : 15px;
  text-align : left;
  z-index : 2;
  position : absolute;
  top : 0;
  left : 0;
  z-index : 2;
  padding : 15px 30px 15px 15px;
  width : 100%;
  height : 100%;
  box-sizing : border-box;
  transition : all .3s;-webkit-transition : all .3s;
  font-weight : 500
}
  .post-tabs .tp-thumb.selected .tp-thumb-more : before, .post-tabs .tp-thumb : hover .tp-thumb-more : before {
  color : #aaa
}
  .post-tabs .tp-thumb.selected .tp-thumb-over, .post-tabs .tp-thumb : hover .tp-thumb-over {
  background : #fff
}
  .post-tabs .tp-thumb.selected .tp-thumb-title, .post-tabs .tp-thumb : hover .tp-thumb-title {
  color : #000
}