@import url(//fonts.googleapis.com/css?family=Roboto:400,900,500,300,100,700);
/* $gray-lighter:        lighten($gray-base, 93.5%) !default; // #eee */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/**
 * Product Item Selectors
 */
/***********************************************************************/
/* RIGHT TO LEFT */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* DOUBLE BORDERS */
/* TRIPLE BORDERS */
/* FONT FACE */
/* OPACITY */
/* TEXT SHADOW */
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/**parallax**/
/**absolute**/
/*  
 * LAYOUT VARIABLES 
 */
/** CHECKOUT BY STEP */
.layerslider-wrapper {
  position: relative;
  z-index: 9;
}

.rev_slider {
  position: relative;
  overflow: hidden;
  height: 300px;
  width: 985px;
  z-index: 9;
}

.bannercontainer {
  position: relative;
  margin: 0px auto;
  overflow: hidden;
}
.bannercontainer .banner-fullwidth {
  width: 100% !important;
  max-height: 500px !important;
}
.bannercontainer .fullwidthbanner {
  max-height: 500px !important;
  overflow: hidden!important;
  padding: 0;
  position: relative;
}
.bannercontainer .banner-fullwidth {
  width: 100% !important;
}

.tp-hide-revslider {
  visibility: hidden !important;
  display: none !important;
}

.tp-caption {
  z-index: 1;
}
.tp-caption.tp-hidden-caption {
  visibility: hidden !important;
  display: none !important;
}
.tp-caption.big_white {
  position: absolute;
  text-shadow: none;
  font-weight: 900;
  font-size: 60px;
  line-height: 64px;
  padding: 1px 4px 3px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  color: white;
  letter-spacing: 0px;
  font-family: "roboto", serif;
}
.tp-caption.big_orange {
  position: absolute;
  text-shadow: none;
  font-weight: 400;
  font-size: 36px;
  line-height: 36px;
  padding: 0px 4px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  letter-spacing: -1.5px;
  color: white;
  background-color: #fb7354;
}
.tp-caption.big_black {
  font-weight: normal;
  color: #eeeeee;
  background-color: none;
  border: 1px solid white;
  padding: 10px;
  text-transform: uppercase;
}
.tp-caption.big_black:hover {
  background: #666666;
  border: 1px solid white;
  text-transform: uppercase;
}
.tp-caption.medium_grey {
  position: absolute;
  text-shadow: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  padding: 2px 4px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  color: white;
  background-color: #555555;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.small_text {
  position: absolute;
  color: white;
  text-shadow: none;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-align: right;
}
.rtl .tp-caption.small_text {
  text-align: left;
}
.tp-caption.medium_text {
  position: absolute;
  color: white;
  text-shadow: none;
  font-weight: normal;
  font-size: 14px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-shadow: none;
  text-align: center;
}
.tp-caption.large_text {
  position: absolute;
  color: #eeeeee;
  text-shadow: none;
  font-weight: bold;
  font-size: 54px;
  line-height: 36px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-shadow: none;
  text-transform: uppercase;
  font-family: "roboto", serif;
  text-align: center;
}
.tp-caption.large_black_text {
  position: absolute;
  color: black;
  text-shadow: none;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-transform: uppercase;
}
.tp-caption.very_large_text {
  position: absolute;
  color: white;
  text-shadow: none;
  font-weight: 800;
  font-size: 60px;
  line-height: 60px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  letter-spacing: 0px;
}
.tp-caption.very_large_black_text {
  position: absolute;
  color: black;
  text-shadow: none;
  font-weight: 800;
  font-size: 72px;
  line-height: 72px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
}
.tp-caption.bold_red_text {
  position: absolute;
  color: #d31e00;
  text-shadow: none;
  font-weight: 400;
  font-size: 24px;
  line-height: 20px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
}
.tp-caption.bold_brown_text {
  position: absolute;
  color: #a04606;
  text-shadow: none;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
}
.tp-caption.bold_green_text {
  position: absolute;
  color: #5b9830;
  text-shadow: none;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
}
.tp-caption.very_big_red {
  position: absolute;
  color: #fd020b;
  text-shadow: none;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  margin: 0px;
  border-width: 0px;
  text-transform: uppercase;
  border-style: none;
  padding: 0px 4px;
  padding-top: 1px;
  background-color: transparent;
  font-family: "roboto", serif;
}
.tp-caption.very_big_white {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 900;
  font-size: 80px;
  line-height: 84px;
  margin: 0px;
  border-width: 0px;
  text-transform: uppercase;
  border-style: none;
  padding: 0px 4px;
  padding-top: 1px;
  background-color: transparent;
  font-family: "roboto", serif;
}
.tp-caption.very_big_black {
  position: absolute;
  color: black;
  text-shadow: none;
  font-weight: 100;
  font-size: 70px;
  line-height: 60px;
  margin: 0px;
  border-width: 0px;
  text-transform: uppercase;
  border-style: none;
  white-space: nowrap;
  padding: 0px 4px;
  padding-top: 1px;
  background-color: transparent;
  font-family: "roboto", serif;
}
.tp-caption.very_big_blue {
  position: absolute;
  color: #44c4cc;
  text-shadow: none;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  margin: 0px;
  border-width: 0px;
  text-transform: uppercase;
  border-style: none;
  white-space: nowrap;
  padding: 0px 4px;
  padding-top: 1px;
  background-color: transparent;
  font-family: "roboto", serif;
}
.tp-caption.larger_white {
  position: absolute;
  color: #fff;
  font-size: 40px;
  line-height: 44px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "roboto", serif;
}
.tp-caption.larger_black {
  position: absolute;
  color: #000;
  font-size: 30px;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "roboto", serif;
}
.tp-caption.medium_yellow {
  position: absolute;
  color: #ffcc00;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "roboto", serif;
}
.tp-caption.medium_white {
  color: #fff;
  text-shadow: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  font-family: "roboto", serif;
  text-transform: uppercase;
}
.tp-caption.small_white {
  color: #fff;
  text-shadow: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  position: absolute;
  font-family: "roboto", serif;
  text-transform: uppercase;
}
.tp-caption.small_black {
  color: #000;
  text-shadow: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  position: absolute;
  font-family: "roboto", serif;
  text-transform: uppercase;
}
.tp-caption.light_black {
  color: #666;
  text-shadow: none;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  font-family: "roboto", serif;
}
.tp-caption.white {
  color: #fff;
  text-shadow: none;
  font-weight: 300;
  line-height: 18px;
  position: absolute;
  font-family: "roboto", serif;
}
.tp-caption.cus_black {
  position: absolute;
  color: #000;
  font-size: 70px;
  line-height: 74px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "roboto", serif;
}
.tp-caption.cus_color {
  position: absolute;
  color: #5f9a7b;
  font-weight: 700;
  font-size: 64px;
  line-height: 64px;
  text-transform: uppercase;
}
.tp-caption.black {
  color: black;
  text-shadow: none;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
}
.tp-caption .red {
  color: #ee6262;
  font-weight: 700;
}
.tp-caption .orange {
  color: #ffe345;
}
.tp-caption .pure {
  color: #f09500;
}
.tp-caption .pink {
  color: #ff1c84;
}
.tp-caption .text_center {
  text-align: center;
}
.tp-caption hr {
  border: 2px solid #fff;
  width: 30px;
  height: 0;
  margin: 0;
}
.tp-caption.noshadow {
  text-shadow: none;
  color: #eee;
  width: 500px;
  white-space: normal !important;
  font-size: 26px;
}

.tp_inner_padding {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: none !important;
}

.tp-button {
  padding: 0 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 35px;
  cursor: pointer;
  color: white !important;
  font-size: 15px;
  line-height: 35px !important;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.button.big {
  color: white;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  padding: 9px 20px;
  font-size: 19px;
  line-height: 57px !important;
  background: url(../images/gradient/g40.png) repeat-x top;
}

.purchase:hover, .button:hover, .button.big:hover {
  background-position: bottom, 15px 11px;
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
  a.button {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
  a.button {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.button.green, .button.green:hover, .purchase.green, .purchase.green:hover {
  background-color: #21a117;
  -webkit-box-shadow: 0px 3px 0px 0px #104d0b;
  box-shadow: 0px 3px 0px 0px #104d0b;
}
.button.blue, .button.blue:hover, .purchase.blue, .purchase.blue:hover {
  -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
  box-shadow: 0px 3px 0px 0px #0f3e68;
}
.button.red, .button.red:hover, .purchase.red, .purchase.red:hover {
  -webkit-box-shadow: 0px 3px 0px 0px #7c1212;
  box-shadow: 0px 3px 0px 0px #7c1212;
}
.button.orange, .button.orange:hover, .purchase.orange, .purchase.orange:hover {
  -webkit-box-shadow: 0px 3px 0px 0px #a34c00;
  box-shadow: 0px 3px 0px 0px #a34c00;
}
.button.darkgrey, .button.darkgrey:hover, .button.grey, .button.grey:hover, .purchase.darkgrey, .purchase.darkgrey:hover, .purchase.grey, .purchase.grey:hover {
  background-color: #555;
  -webkit-box-shadow: 0px 3px 0px 0px #222222;
  box-shadow: 0px 3px 0px 0px #222222;
}
.button.lightgrey, .button.lightgrey:hover, .purchase.lightgrey, .purchase.lightgrey:hover {
  background-color: #888;
  -webkit-box-shadow: 0px 3px 0px 0px #555555;
  box-shadow: 0px 3px 0px 0px #555555;
}

.tp-simpleresponsive .slotholder * {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.tp-simpleresponsive img {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  max-width: none;
}
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.noFilterClass {
  filter: none !important;
}

.tp-bannershadow {
  margin-left: auto;
  margin-right: auto;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tp-bannershadow.tp-shadow1 {
  background: url(../images/shadow1.png) no-repeat;
  background-size: 100%;
  width: 890px;
  height: 60px;
  bottom: -30px;
}
.tp-bannershadow.tp-shadow2 {
  background: url(../images/shadow2.png) no-repeat;
  background-size: 100%;
  width: 890px;
  height: 110px;
  bottom: -60px;
}
.tp-bannershadow.tp-shadow3 {
  background: url(../images/shadow3.png) no-repeat;
  background-size: 100%;
  width: 890px;
  height: 60px;
  bottom: -60px;
}

.caption.fullscreenvideo, .tp-caption.fullscreenvideo {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe {
  width: 100% !important;
  height: 100% !important;
}
.caption .btn-default, .tp-simpleresponsive .tp-caption .btn-default {
  padding-left: 20px;
  padding-right: 20px;
}

.tp-caption iframe {
  width: 100% !important;
  height: 100% !important;
}

.tp-thumbs img {
  width: 100%;
}

.tp-bullets.tp-thumbs {
  z-index: 1000;
  position: absolute;
  padding: 3px;
  background-color: #3a3a3a;
  height: 60px;
  /* THE DIMENSIONS OF THE THUMB CONTAINER */
  margin-top: -50px;
}
.tp-bullets.tp-thumbs .tp-mask {
  width: 500px;
  height: 50px;
  /* THE DIMENSIONS OF THE THUMB CONTAINER */
  overflow: hidden;
  position: relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
  width: 5000px;
  position: absolute;
}
.tp-bullets.tp-thumbs .bullet {
  width: 100px;
  height: 50px;
  /* THE DIMENSION OF A SINGLE THUMB */
  cursor: pointer;
  overflow: hidden;
  background: none;
  margin: 0;
  float: left;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.rtl .tp-bullets.tp-thumbs .bullet {
  float: right;
}
.tp-bullets.tp-thumbs .bullet.selected, .tp-bullets.tp-thumbs .bullet:hover {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.fullwidthbanner-container .tp-thumbs {
  padding: 3px;
}

.tp-bannertimer {
  width: 100%;
  height: 10px;
  background: url(../images/timer.png) red;
  position: absolute;
  z-index: 200;
}
.tp-bannertimer.tp-bottom {
  bottom: 0px !important;
  height: 5px;
}

@media only screen and (min-width: 480px) and (max-width: 768px -1) {
  .responsive .tp-bullets.tp-thumbs {
    width: 300px !important;
    height: 30px !important;
  }
  .responsive .tp-bullets.tp-thumbs .tp-mask {
    width: 300px !important;
    height: 30px !important;
  }
  .responsive .tp-bullets.tp-thumbs .bullet {
    width: 60px !important;
    height: 30px !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 480px -1) {
  .responsive .tp-bullets {
    display: none;
  }

  .responsive .tparrows {
    display: none;
  }
}
.tp-simpleresponsive img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tp-simpleresponsive a {
  text-decoration: none;
}
.tp-simpleresponsive ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tp-simpleresponsive > ul > li {
  list-stye: none;
  position: absolute;
  visibility: hidden;
}

.caption.slidelink a div, .tp-simpleresponsive .slidelink.tp-caption a div, .tp-caption.slidelink a div {
  width: 10000px;
  height: 10000px;
  background: url(../images/coloredbg.png) repeat;
}

.tp-loader {
  background: url(../images/loader.gif) no-repeat 10px 10px;
  background-color: white;
  margin: -22px -22px;
  top: 50%;
  left: 50%;
  z-index: 10000;
  position: absolute;
  width: 44px;
  height: 44px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.tp-transparentimg {
  content: "url(../images/transparent.png)";
}

.tp-3d {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.link_detailsl {
  background: #D8D8D8;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  color: #1F192F;
  font-size: 13px;
  padding: 5px 15px;
  text-transform: uppercase;
}

.text-right {
  text-align: right;
}

.tp-caption .btn:after {
  display: inline-block;
  content: "\f061";
  font-weight: 300;
  margin-left: 10px;
  font-family: "FontAwesome";
}