/*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       ARES SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   .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 0.3s;       -moz-transition: color 0.3s;       transition: color 0.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:0px;     margin-left:30px;     border-radius:0px 30px 30px 0px;     overflow:hidden;     -webkit-transition: -webkit-transform 0.3s;     transition: transform 0.3s;     transform:scaleX(0);       -webkit-transform:scaleX(0);       transform-origin:0% 50%;       -webkit-transform-origin:0% 50%;   }    .ares.tp-rightarrow .tp-title-wrap {       right:0px;      margin-right:30px;margin-left:0px;      -webkit-transform-origin:100% 50%;   border-radius:30px 0px 0px 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 0.3s;     transition: transform 0.3s;     transform:translateX(200px);       text-transform:uppercase;     color:#000;     font-weight:400;     font-size:14px;     line-height:60px;     white-space:nowrap;     padding:0px 20px;     margin-left:10px;     opacity:0;   }      .ares.tp-rightarrow .tp-arr-titleholder {      transform:translateX(-200px);       margin-left:0px; margin-right:10px;         }      .ares.tparrows:hover .tp-arr-titleholder {      transform:translateX(0px);      -webkit-transform:translateX(0px);     transition-delay: 0.1s;     opacity:1;   }      /* BULLETS */   .ares.tp-bullets {   }   .ares.tp-bullets:before {   	content:" ";   	position:absolute;   	width:100%;   	height:100%;   	background:transparent;   	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:0px 10px;     font-weight:600;     right:27px;     top:-4px;     background:#fff;     background:rgba(255,255,255,0.75);     visibility:hidden;     transform:translateX(-20px);     -webkit-transform:translateX(-20px);     transition:transform 0.3s;     -webkit-transition:transform 0.3s;     line-height:20px;     white-space:nowrap;   }           .ares .tp-bullet-title:after {       width: 0px;   	height: 0px;   	border-style: solid;   	border-width: 10px 0 10px 10px;   	border-color: transparent transparent transparent rgba(255,255,255,0.75);   	content:" ";       position:absolute;       right:-10px;   	top:0px;   }          .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;         }      /* TABS */   .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:rgba(0,0,0,0);        position:relative;       padding:15px 15px 15px 85px;    left:0px;    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:0px;     }   .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 QUERIES */   @media only screen and (max-width: 960px) {      }   @media only screen and (max-width: 768px) {      }      /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       CUSTOM SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .custom.tparrows {   	cursor:pointer;   	background:#000;   	background:rgba(0,0,0,0.5);   	width:40px;   	height:40px;   	position:absolute;   	display:block;   	z-index:100;   }   .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";   }            /* BULLETS */   .custom.tp-bullets {   }   .custom.tp-bullets:before {   	content:" ";   	position:absolute;   	width:100%;   	height:100%;   	background:transparent;   	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,0.5);   	cursor: pointer;   	box-sizing:content-box;   }   .custom .tp-bullet:hover,   .custom .tp-bullet.selected {   	background:rgb(125,125,125);   }   .custom .tp-bullet-image {   }   .custom .tp-bullet-title {   }         /* THUMBS */         /* TABS */         /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       DIONE SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .dione.tparrows {     height:100%;     width:100px;     background:transparent;     background:rgba(0,0,0,0);     line-height:100%;     transition:all 0.3s;   -webkit-transition:all 0.3s;   }      .dione.tparrows:hover {    background:rgba(0,0,0,0.45);    }   .dione .tp-arr-imgwrapper {    width:100px;    left:0px;    position:absolute;    height:100%;    top:0px;    overflow:hidden;    }   .dione.tp-rightarrow .tp-arr-imgwrapper {   left:auto;   right:0px;   }      .dione .tp-arr-imgholder {   background-position:center center;   background-size:cover;   width:100px;   height:100%;   top:0px;   visibility:hidden;   transform:translateX(-50px);   -webkit-transform:translateX(-50px);   transition:all 0.3s;   -webkit-transition:all 0.3s;   opacity:0;   left:0px;   }      .dione.tparrows.tp-rightarrow .tp-arr-imgholder {     right:0px;     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 0.3s;   -webkit-transition:all 0.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;   }            /* BULLETS */   .dione .tp-bullet {        opacity:1;       width:50px;       height:50px;           padding:3px;       background:#000;       background-color:rgba(0,0,0,0.25);       margin:0px;       box-sizing:border-box;       transition:all 0.3s;       -webkit-transition:all 0.3s;        }      .dione .tp-bullet-image {      display:block;      box-sizing:border-box;      position:relative;       -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);     -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);     box-shadow: inset 5px 5px 10px 0px rgba(0,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,0.75);        color:#fff;        padding:10px 30px;        border-radius:4px;      -webkit-border-radius:4px;        opacity:0;         transition:all 0.3s;       -webkit-transition:all 0.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: rgba(255,255,255,1);     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 8px;       border-color: rgba(0,0,0,0.75) transparent transparent transparent;           bottom:-8px;      }         /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       ERINYEN SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .erinyen.tparrows {     cursor:pointer;     background:#000;     background:rgba(0,0,0,0.5);     min-width:70px;     min-height:70px;     position:absolute;     display:block;     z-index:100;     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,0.5);     min-height:70px;     line-height:70px;     top:0px;     margin-left:0px;     border-radius:35px;     overflow:hidden;      transition: opacity 0.3s;     -webkit-transition:opacity 0.3s;     -moz-transition:opacity 0.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:0px;      margin-right:0px;margin-left:0px;      -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 0.3s;     transition: transform 0.3s;     transform:translateX(200px);       text-transform:uppercase;     color:#fff;     font-weight:600;     font-size:13px;     line-height:70px;     white-space:nowrap;     padding:0px 20px;     margin-left:11px;     opacity:0;     }      .erinyen .tp-arr-imgholder {     width:100%;     height:100%;     position:absolute;     top:0px;     left:0px;     background-position:center center;     background-size:cover;       }    .erinyen .tp-arr-img-over {      width:100%;     height:100%;     position:absolute;     top:0px;     left:0px;      background:#000;      background:rgba(0,0,0,0.5);           }   .erinyen.tp-rightarrow .tp-arr-titleholder {      transform:translateX(-200px);       margin-left:0px; margin-right:11px;         }      .erinyen.tparrows:hover .tp-arr-titleholder {      transform:translateX(0px);      -webkit-transform:translateX(0px);     transition-delay: 0.1s;     opacity:1;   }      /* BULLETS */   .erinyen.tp-bullets {   }   .erinyen.tp-bullets:before {   	content:" ";   	position:absolute;   	width:100%;   	height:100%;   	background: #555555; /* old browsers */       background: -moz-linear-gradient(top,  #555555 0%, #222222 100%); /* ff3.6+ */       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* chrome,safari4+ */       background: -webkit-linear-gradient(top,  #555555 0%,#222222 100%); /* chrome10+,safari5.1+ */       background: -o-linear-gradient(top,  #555555 0%,#222222 100%); /* opera 11.10+ */       background: -ms-linear-gradient(top,  #555555 0%,#222222 100%); /* ie10+ */       background: linear-gradient(to bottom,  #555555 0%,#222222 100%); /* w3c */       filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222",gradienttype=0 ); /* ie6-9 */   	padding:10px 15px;   	margin-left:-15px;margin-top:-10px;   	box-sizing:content-box;      border-radius:10px;      box-shadow:0px 0px 2px 1px rgba(33,33,33,0.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; /* old browsers */   background: -moz-linear-gradient(top,  #e5e5e5 0%, #999999 100%); /* ff3.6+ */   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#999999)); /* chrome,safari4+ */   background: -webkit-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* chrome10+,safari5.1+ */   background: -o-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* opera 11.10+ */   background: -ms-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* ie10+ */   background: linear-gradient(to bottom,  #e5e5e5 0%,#999999 100%); /* w3c */   filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999",gradienttype=0 ); /* ie6-9 */     border:1px solid #555;     width:12px;height:12px;   }   .erinyen .tp-bullet-image {   }   .erinyen .tp-bullet-title {   }         /* THUMBS */   .erinyen .tp-thumb {   opacity:1   }      .erinyen .tp-thumb-over {     background:#000;     background:rgba(0,0,0,0.25);     width:100%;     height:100%;     position:absolute;     top:0px;     left:0px;     z-index:1;     -webkit-transition:all 0.3s;     transition:all 0.3s;   }      .erinyen .tp-thumb-more:before {     font-family: "revicons";     font-size:12px;     color:#aaa;     color:rgba(255,255,255,0.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:0px;     left:0px;     z-index:2;     padding:20px 35px 20px 20px;     width:100%;     height:100%;     box-sizing:border-box;     transition:all 0.3s;     -webkit-transition:all 0.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;      }         /* TABS */   .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";   }               /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       GYGES SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */         /* BULLETS */   .gyges.tp-bullets {   }   .gyges.tp-bullets:before {   	content:" ";   	position:absolute;   	width:100%;   	height:100%;   	background: #777777; /* Old browsers */       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: #ffffff; /* Old browsers */       background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */       background: -webkit-gradient(linear, left top, left bottom,        color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */       background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */       background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */       background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* IE10+ */       background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%); /* W3C */       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff",        endColorstr="#e1e1e1",GradientType=0 ); /* IE6-9 */      }   .gyges .tp-bullet-image {   }   .gyges .tp-bullet-title {   }   	      /* THUMBS */   .gyges .tp-thumb {          opacity:1     }   .gyges .tp-thumb-img-wrap {     padding:3px;       background:#000;     background-color:rgba(0,0,0,0.25);     display:inline-block;        width:100%;     height:100%;     position:relative;     margin:0px;     box-sizing:border-box;       transition:all 0.3s;       -webkit-transition:all 0.3s;   }   .gyges .tp-thumb-image {      padding:3px;       display:block;      box-sizing:border-box;      position:relative;       -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);     -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);     box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);    }     .gyges .tp-thumb-title {         position:absolute;         bottom:100%;         display:inline-block;        left:50%;        background:rgba(255,255,255,0.8);        padding:10px 30px;        border-radius:4px;   	 -webkit-border-radius:4px;        margin-bottom:20px;        opacity:0;         transition:all 0.3s;       -webkit-transition:all 0.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: rgba(255,255,255,1);     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 8px;   		border-color: rgba(255,255,255,0.8) transparent transparent transparent;           bottom:-8px;      }         /* TABS */   .gyges .tp-tab {      opacity:1;           padding:10px;     box-sizing:border-box;     font-family: "Roboto", sans-serif;     border-bottom: 1px solid rgba(255,255,255,0.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:rgba(0,0,0,0);        position:relative;       padding:15px 15px 15px 85px;    left:0px;     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,0.25);     font-weight:500;     font-size:12px;     margin-bottom:0px;     }   .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,0.5);    }      .gyges .tp-tab-mask {   }      /* MEDIA QUERIES */   @media only screen and (max-width: 960px) {      }   @media only screen and (max-width: 768px) {      }      /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       HADES SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .hades.tparrows {   	cursor:pointer;   	background:#000;   	background:rgba(0,0,0,0.15);   	width:100px;   	height:100px;   	position:absolute;   	display:block;   	z-index:100;   }      .hades.tparrows:before {   	font-family: "revicons";   	font-size:30px;   	color:#fff;   	display:block;   	line-height: 100px;   	text-align: center;     transition: background 0.3s, color 0.3s;   }   .hades.tparrows.tp-leftarrow:before {   	content: "\e824";   }   .hades.tparrows.tp-rightarrow:before {   	content: "\e825";   }      .hades.tparrows:hover:before {      color:#aaa;      background:#fff;      background:rgba(255,255,255,1);    }   .hades .tp-arr-allwrapper {     position:absolute;     left:100%;     top:0px;     background:#888;      width:100px;height:100px;     -webkit-transition: all 0.3s;     transition: all 0.3s;     -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";     filter: alpha(opacity=0);     -moz-opacity: 0.0;     -khtml-opacity: 0.0;     opacity: 0.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:0px;left:0px;     width:100%;height:100%;   }   .hades .tp-arr-titleholder {   }   .hades .tp-arr-subtitleholder {   }         /* BULLETS */   .hades.tp-bullets {   }   .hades.tp-bullets:before {   	content:" ";   	position:absolute;   	width:100%;   	height:100%;   	background:transparent;   	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:0px 0px 3px 1px rgba(0,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 0.3s;     -webkit-transform-style:flat;     transform-style:flat;     perspective:600;     -webkit-perspective:600;     transform: rotatex(-90deg);     -webkit-transform: rotatex(-90deg);     box-shadow:0px 0px 3px 1px rgba(0,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 {   }         /* THUMBS */   .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,0.25);     width:100%;     height:100%;     position:relative;     margin:0px;     box-sizing:border-box;       transition:all 0.3s;       -webkit-transition:all 0.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 0px rgba(0,0,0,0.25);     -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);     box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);    }           .hades .tp-thumb:hover .tp-thumb-img-wrap,   .hades .tp-thumb.selected .tp-thumb-img-wrap {           background: rgba(255,255,255,1);     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 8px;   		border-color: rgba(0,0,0,0.75) transparent transparent transparent;           bottom:-8px;      }         /* TABS */   .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;   }                          /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       HEBE SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .hebe.tparrows {     cursor:pointer;     background:#fff;     min-width:70px;       min-height:70px;     position:absolute;     display:block;     z-index:100;   }   .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 0.3s;     -moz-transition: color 0.3s;     transition: color 0.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,0.75);     min-height:60px;     line-height:60px;     top:-10px;     margin-left:0px;     -webkit-transition: -webkit-transform 0.3s;     transition: transform 0.3s;     transform:scaleX(0);       -webkit-transform:scaleX(0);       transform-origin:0% 50%;       -webkit-transform-origin:0% 50%;   }    .hebe.tp-rightarrow .tp-title-wrap {       right:0px;      -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:0px 20px 0px 90px;   }      .hebe.tp-rightarrow .tp-arr-titleholder {      margin-left:0px;       padding:0px 90px 0px 20px;    }      .hebe.tparrows:hover .tp-arr-titleholder {      transform:translateX(0px);      -webkit-transform:translateX(0px);     transition-delay: 0.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:0px; right:-90px;       }   .hebe.tp-rightarrow .tp-arr-imgholder{           right:auto;left:-90px;         }      /* BULLETS */   .hebe.tp-bullets {   }   .hebe.tp-bullets:before {     content:" ";     position:absolute;     width:100%;     height:100%;     background:transparent;     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 0.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 0.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 {   }         /* TABS */   .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";   }         /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       HEPHAISTOS SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .hephaistos.tparrows {   	cursor:pointer;   	background:#000;   	background:rgba(0,0,0,0.5);   	width:40px;   	height:40px;   	position:absolute;   	display:block;   	z-index:100;       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;   }            /* BULLETS */   .hephaistos.tp-bullets {   }   .hephaistos.tp-bullets:before {   	content:" ";   	position:absolute;   	width:100%;   	height:100%;   	background:transparent;   	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: 0px 0px 2px 1px rgba(130,130,130, 0.3);      }   .hephaistos .tp-bullet:hover,   .hephaistos .tp-bullet.selected {   	background:#fff;       border-color:#000;   }   .hephaistos .tp-bullet-image {   }   .hephaistos .tp-bullet-title {   }         /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       HERMES SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .hermes.tparrows {   	cursor:pointer;   	background:#000;   	background:rgba(0,0,0,0.5);   	width:30px;   	height:110px;   	position:absolute;   	display:block;   	z-index:100;   }      .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 0.3s;       -webkit-transition:all 0.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:0px;       left:0px;       visibility:hidden;         -webkit-transition: -webkit-transform 0.3s 0.3s;     transition: transform 0.3s 0.3s;     -webkit-perspective: 1000px;     perspective: 1000px;       }   .hermes.tp-rightarrow .tp-arr-allwrapper {      right:0px;left:auto;         }   .hermes.tparrows:hover .tp-arr-allwrapper {      visibility:visible;             }   .hermes .tp-arr-imgholder {     width:180px;position:absolute;     left:0px;top:0px;height:110px;     transform:translateX(-180px);     -webkit-transform:translateX(-180px);     transition:all 0.3s;     transition-delay:0.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:0px 10px;     line-height:30px; background:#000;     background:rgba(0,0,0,0.75);color:#fff;     font-weight:600; position:absolute;     font-size:12px;     white-space:nowrap;     letter-spacing:1px;     -webkit-transition: all 0.3s;     transition: all 0.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: 0.6s;     transition-delay: 0.6s;     -webkit-transform: rotateX(0deg);     transform: rotateX(0deg);   }         /* BULLETS */   .hermes.tp-bullets {   }      .hermes .tp-bullet {       overflow:hidden;       border-radius:50%;       width:16px;       height:16px;       background-color: rgba(0, 0, 0, 0);       box-shadow: inset 0 0 0 2px #FFF;       -webkit-transition: background 0.3s ease;       transition: background 0.3s ease;       position:absolute;   }      .hermes .tp-bullet:hover {   	  background-color: rgba(0, 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 0.3s ease;     transition: height 0.3s ease;   }   .hermes .tp-bullet.selected:after {     height:100%;   }         /* TABS */   .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:rgb(54,54,54);        position:absolute;       padding:20px 20px 20px 30px;       box-sizing:border-box;       color:#fff;     display:block;     width:100%;     min-height:40%;     bottom:0px;     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: 0px;   	height: 0px;   	border-style: solid;   	border-width: 30px 0 30px 10px;   	border-color: transparent transparent transparent rgb(54,54,54);   	content:" ";       position:absolute;       right:-9px;       bottom:50%;       margin-bottom:-30px;   }   .hermes .tp-tab-mask {        padding-right:10px !important;             }      /* MEDIA QUERIES */   @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;}   }      /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       HESPERIDEN SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .hesperiden.tparrows {   	cursor:pointer;   	background:#000;   	background:rgba(0,0,0,0.5);   	width:40px;   	height:40px;   	position:absolute;   	display:block;   	z-index:100;       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;   }      /* BULLETS */   .hesperiden.tp-bullets {   }   .hesperiden.tp-bullets:before {   	content:" ";   	position:absolute;   	width:100%;   	height:100%;   	background:transparent;   	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: #999999; /* old browsers */       background: -moz-linear-gradient(top,  #999999 0%, #e1e1e1 100%); /* ff3.6+ */       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999),        color-stop(100%,#e1e1e1)); /* chrome,safari4+ */       background: -webkit-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* chrome10+,safari5.1+ */       background: -o-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* opera 11.10+ */       background: -ms-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* ie10+ */       background: linear-gradient(to bottom,  #999999 0%,#e1e1e1 100%); /* w3c */       filter: progid:dximagetransform.microsoft.gradient(        startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 ); /* ie6-9 */   	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 {   }         /* THUMBS */   .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:1000;       background-color:#000;       padding:5px 10px;        bottom:0px;       left:0px;       width:100%;     box-sizing:border-box;       text-align:center;       overflow:hidden;       white-space:nowrap;       transition:all 0.3s;       -webkit-transition:all 0.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;   }      /* TABS */   .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:rgba(0,0,0,0);        position:relative;       padding:15px 15px 15px 85px;    left:0px;    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:0px;     }   .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 QUERIES */   @media only screen and (max-width: 960px) {      }   @media only screen and (max-width: 768px) {      }      /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       METIS SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .metis.tparrows {     background:#fff;     padding:10px;     transition:all 0.3s;     -webkit-transition:all 0.3s;     width:60px;     height:60px;     box-sizing:border-box;    }        .metis.tparrows:hover {      background:#fff;      background:rgba(255,255,255,0.75);    }        .metis.tparrows:before {     color:#000;        transition:all 0.3s;     -webkit-transition:all 0.3s;    }        .metis.tparrows:hover:before {      transform:scale(1.5);     }          /* BULLETS */   .metis .tp-bullet {        opacity:1;       width:50px;       height:50px;           padding:3px;       background:#000;       background-color:rgba(0,0,0,0.25);       margin:0px;       box-sizing:border-box;       transition:all 0.3s;       -webkit-transition:all 0.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 0px rgba(0,0,0,0.25);     -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);     box-shadow: inset 5px 5px 10px 0px rgba(0,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,0.75);        color:#fff;        padding:10px 30px;        border-radius:4px;   	 -webkit-border-radius:4px;        opacity:0;         transition:all 0.3s;       -webkit-transition:all 0.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: rgba(255,255,255,1);     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 8px;   		border-color: rgba(0,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: 0px;           max-width: 90px !important;           transition: 0.4s padding-left, 0.4s left, 0.4s max-width;       }       .metis:hover .tp-tab-mask {           padding-left: 0px;           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: 0.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: 0.15;           transition: 0.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, 0.15);           border-right: 1px solid rgba(255, 255, 255, 0.10);           left: 0px;           top: 0px;           position: absolute;           transition: 0.4s all;       }       .metis.tp-tabs:hover:before {           width: 118px;       }       @media (max-width: 499px) {           .metis.tp-tabs:before {               background: rgba(0, 0, 0, 0.75);           }       }      /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       PERSEPHONE SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .persephone.tparrows {   	cursor:pointer;   	background:#aaa;   	background:rgba(200,200,200,0.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";   }            /* BULLETS */   .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 {   }         /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       URANUS SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .uranus.tparrows {     width:50px;     height:50px;     background:transparent;    }    .uranus.tparrows:before {    width:50px;    height:50px;    line-height:50px;    font-size:40px;    transition:all 0.3s;   -webkit-transition:all 0.3s;    }         .uranus.tparrows:hover:before {       opacity:0.75;     }      /* BULLETS */   .uranus .tp-bullet{   	border-radius: 50%;     box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);     -webkit-transition: box-shadow 0.3s ease;     transition: box-shadow 0.3s ease;     background:transparent;   }   .uranus .tp-bullet.selected,   .uranus .tp-bullet:hover {     box-shadow: 0 0 0 2px #FFF;     border:none;     border-radius: 50%;         background:transparent;   }            .uranus .tp-bullet-inner {     background-color: rgba(255, 255, 255, 0.7);     -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;     transition: background-color 0.3s ease, transform 0.3s ease;     top: 0;     left: 0;     width: 100%;     height: 100%;     outline: none;     border-radius: 50%;     background-color: #FFF;     background-color: rgba(255, 255, 255, 0.3);     text-indent: -999em;     cursor: pointer;     position: absolute;   }      .uranus .tp-bullet.selected .tp-bullet-inner,   .uranus .tp-bullet:hover .tp-bullet-inner{    transform: scale(0.4);    -webkit-transform: scale(0.4);    background-color:#fff;   }      /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       ZEUS SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/   /* ARROWS */   .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,0.10);   }      .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,0.5);     width:100%;     height:100%;     top:0px;     left:0px;     position:absolute;     opacity:0;     transform:scale(0);     -webkit-transform:scale(0);      transition: all 0.3s;     -webkit-transition:all 0.3s;     -moz-transition:all 0.3s;      border-radius:50%;    }   .zeus .tp-arr-imgholder {     width:100%;     height:100%;     position:absolute;     top:0px;     left:0px;     background-position:center center;     background-size:cover;     border-radius:50%;     transform:translateX(-100%);     -webkit-transform:translateX(-100%);      transition: all 0.3s;     -webkit-transition:all 0.3s;     -moz-transition:all 0.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;   }          /* BULLETS */   .zeus .tp-bullet {        box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:50%;         background-color: rgba(0, 0, 0, 0);         -webkit-transition: opacity 0.3s ease;         transition: opacity 0.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 0.3s ease;     transition: transform 0.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,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 0.3s ease;     		transition: all 0.3s ease;           border-radius:4px;      }                   .zeus .tp-bullet-title,   .zeus .tp-bullet-imageoverlay {           z-index:2;           -webkit-transition: all 0.5s ease;   	  	transition: all 0.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 0.3s ease;     		transition: all 0.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);                }      /* THUMBS */   .zeus .tp-thumb {   opacity:1   }      .zeus .tp-thumb-over {     background:#000;     background:rgba(0,0,0,0.25);     width:100%;     height:100%;     position:absolute;     top:0px;     left:0px;     z-index:1;     -webkit-transition:all 0.3s;     transition:all 0.3s;   }      .zeus .tp-thumb-more:before {     font-family: "revicons";     font-size:12px;     color:#aaa;     color:rgba(255,255,255,0.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:0px;     left:0px;     z-index:2;     padding:20px 35px 20px 20px;     width:100%;     height:100%;     box-sizing:border-box;     transition:all 0.3s;     -webkit-transition:all 0.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;      }         /* TABS */   .zeus .tp-tab {      opacity:1;           box-sizing:border-box;   }      .zeus .tp-tab-title {    display: block;   text-align: center;   background: rgba(0,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:rgba(255,255,255,1);    }            /*-----------------------------------------------------------------------------      - Revolution Slider 5.0 Navigatin Skin Style  -       ZEUS SKIN      author:  ThemePunch   email:      info@themepunch.com   website:    http://www.themepunch.com   -----------------------------------------------------------------------------*/         .post-tabs .tp-thumb {   opacity:1   }      .post-tabs .tp-thumb-over {     background:#252525;     width:100%;     height:100%;     position:absolute;     top:0px;     left:0px;     z-index:1;     -webkit-transition:all 0.3s;     transition:all 0.3s;   }      .post-tabs .tp-thumb-more:before {     font-family: "revicons";     font-size:12px;     color:#aaa;     color:rgba(255,255,255,0.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:0px;     left:0px;     z-index:2;     padding:15px 30px 15px 15px;     width:100%;     height:100%;     box-sizing:border-box;     transition:all 0.3s;     -webkit-transition:all 0.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;      }