/*----------------------------------------------------------------------------- - Revolution Slider 1.5.3 - Screen Stylesheet version: 2.1 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- - Revolution Slider 2.0 Captions - Screen Stylesheet version: 1.4.5 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /*************************************************** Mixins Themes /***************************************************/ /* Mixin Normal*/ /* Mixin Clear */ /* Mixin Border */ /*background RGBA ============================================*/ /*************************************************** Mixins RTL Themes /***************************************************/ /************************************ Override Bootstrap *************************************/ /** * Web Application Prefix Apply For Making Owner Styles */ /** * Blocks Layout Selectors */ /***********************************************************************/ .layerslider-wrapper { margin: 0 auto; position: relative; z-index: 9; } .rev_slider { position: relative; overflow: hidden; height: 300px; width: 940px; z-index: 9; } .bannercontainer { position: relative; margin: 0px auto; overflow: hidden; clear: both; /* BUTTONS */ /* BUTTON COLORS */ /* SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID */ /* SOME CAPTION MODIFICATION AT START */ /* IE8 HACKS */ /* SHADOWS */ /* FULLSCREEN VIDEO */ /* NAVIGATION */ /** BULLETS **/ /** SQUARE BULLETS **/ /** SQUARE BULLETS **/ /** navbar NAVIGATION VERSION **/ /** navbar NAVIGATION VERSION **/ /* TP ARROWS */ /* TP THUMBS */ /* TP BANNER TIMER */ /* RESPONSIVE SETTINGS */ /* BASIC SETTINGS FOR THE BANNER */ /* CAPTION SLIDELINK **/ } .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; } .bannercontainer div.caption { cursor: pointer; } .bannercontainer .tp-hide-revslider, .bannercontainer .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .bannercontainer .tp-caption { z-index: 1; position: absolute; text-shadow: none; border: none; font-weight: 400; margin: 0; white-space: nowrap; } .bannercontainer .tp-caption.border-top { border-top: 1px solid; } .bannercontainer .tp-caption.border-bottom { border-bottom: 1px solid; } .bannercontainer .tp-caption.lh-10 { line-height: 1; } .bannercontainer .tp-caption.lh-11 { line-height: 1.1; } .bannercontainer .tp-caption.lh-12 { line-height: 1.2; } .bannercontainer .tp-caption.lh-13 { line-height: 1.3; } .bannercontainer .tp-caption.lh-14 { line-height: 1.4; } .bannercontainer .tp-caption.lh-15 { line-height: 1.5; } .bannercontainer .tp-caption.lh-16 { line-height: 1.6; } .bannercontainer .tp-caption.lh-17 { line-height: 1.7; } .bannercontainer .tp-caption.lh-18 { line-height: 1.8; } .bannercontainer .tp-caption.lh-19 { line-height: 1.9; } .bannercontainer .tp-caption.lh-20 { line-height: 2; } .bannercontainer .tp-caption.fw-300 { font-weight: 300; } .bannercontainer .tp-caption.fw-400 { font-weight: 400; } .bannercontainer .tp-caption.fw-500 { font-weight: 500; } .bannercontainer .tp-caption.fw-600 { font-weight: 600; } .bannercontainer .tp-caption.fw-700 { font-weight: 700; } .bannercontainer .tp-caption.fw-800 { font-weight: 800; } .bannercontainer .tp-caption.fw-900 { font-weight: 900; } .bannercontainer .tp-caption.italic { font-style: italic; } .bannercontainer .tp-caption.ls-1 { letter-spacing: 0.1em; } .bannercontainer .tp-caption.ls-2 { letter-spacing: 0.2em; } .bannercontainer .tp-caption.ls-3 { letter-spacing: 0.3em; } .bannercontainer .tp-caption.ls-4 { letter-spacing: 0.41em; } .bannercontainer .tp-caption.ls-5 { letter-spacing: 0.5em; } .bannercontainer .tp-caption.ls-6 { letter-spacing: 0.6em; } .bannercontainer .tp-caption.ls-7 { letter-spacing: 0.7em; } .bannercontainer .tp-caption.ls-8 { letter-spacing: 0.8em; } .bannercontainer .tp-caption.ls-9 { letter-spacing: 0.9em; } .bannercontainer .tp-caption.center { text-align: center; width: 100% !important; } .bannercontainer .tp-caption.center.btn, .bannercontainer .tp-caption.center.btn2, .bannercontainer .tp-caption.center.btn3 { pointer-events: none; } .bannercontainer .tp-caption.center.btn .caption-layer, .bannercontainer .tp-caption.center.btn .caption-contain, .bannercontainer .tp-caption.center.btn2 .caption-layer, .bannercontainer .tp-caption.center.btn2 .caption-contain, .bannercontainer .tp-caption.center.btn3 .caption-layer, .bannercontainer .tp-caption.center.btn3 .caption-contain { display: inline-block; pointer-events: auto; } .bannercontainer .tp-caption.width-20 { width: 20% !important; } .bannercontainer .tp-caption.width-30 { width: 30% !important; } .bannercontainer .tp-caption.width-40 { width: 40% !important; } .bannercontainer .tp-caption.width-50 { width: 50% !important; } .bannercontainer .tp-caption.width-60 { width: 60% !important; } .bannercontainer .tp-caption.width-70 { width: 70% !important; } .bannercontainer .tp-caption.width-80 { width: 80% !important; } .bannercontainer .tp-caption.width-90 { width: 90% !important; } .bannercontainer .tp-caption.width-100 { width: 100% !important; } .bannercontainer .tp-caption.slide-video { height: 100% !important; } .bannercontainer .tp-caption.slide-video .caption-layer, .bannercontainer .tp-caption.slide-video .caption-contain { height: 100% !important; } .bannercontainer .tp-caption.slide-video .caption-layer iframe, .bannercontainer .tp-caption.slide-video .caption-contain iframe { width: 100%; height: 100%; } .bannercontainer .tp-caption.btn { background: none !important; padding: 0; border: 0 !important; } .bannercontainer .tp-caption.btn .caption-layer, .bannercontainer .tp-caption.btn .caption-contain { height: 45px; line-height: 45px; font-size: 14px; font-weight: 600; padding: 0 40px; color: #fff; background: #282828; border: 0; } .bannercontainer .tp-caption.btn .caption-layer:hover, .bannercontainer .tp-caption.btn .caption-contain:hover { background: #666; color: #fff; } .bannercontainer .tp-caption.btn2 { background: #fff; } .bannercontainer .tp-caption.btn2:after { content: ''; background-color: #a20401; height: 100%; width: 0; position: absolute; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); top: 0; left: auto; right: 0; z-index: -1; } .bannercontainer .tp-caption.btn2:hover:after { width: 100%; right: auto; left: 0; } .bannercontainer .tp-caption.btn2 .caption-layer, .bannercontainer .tp-caption.btn2 .caption-contain { height: 50px; line-height: 50px; padding: 0 50px; color: #000; border: 0; } .bannercontainer .tp-caption.btn2 .caption-layer:hover, .bannercontainer .tp-caption.btn2 .caption-contain:hover { color: #fff; } .bannercontainer .tp-caption.btn3 .caption-layer, .bannercontainer .tp-caption.btn3 .caption-contain { display: inline-block; position: relative; padding: 10px 10px 10px 70px; } .bannercontainer .tp-caption.btn3 .caption-layer:before, .bannercontainer .tp-caption.btn3 .caption-contain:before { content: ""; position: absolute; border-top: 2px solid; width: 50px; left: 0; top: 46%; transition: all .4s; } .bannercontainer .tp-caption.btn3 .caption-layer:hover:before, .bannercontainer .tp-caption.btn3 .caption-contain:hover:before { left: 5px; } .bannercontainer .tp-caption.big_white { color: #FFF; font-weight: 700; font-size: 18px; line-height: 18px; letter-spacing: 5px; } .bannercontainer .tp-caption.big_orange { color: #fff; font-weight: 400; font-size: 13px; line-height: 13px; padding: 5px 12px; background-color: #e0525c; } .bannercontainer .tp-caption.big_black { color: #000; font-size: 50px; line-height: 50px; font-weight: 700; } .bannercontainer .tp-caption.medium_grey { color: #555; font-size: 14px; line-height: 25px; text-transform: none; } .bannercontainer .tp-caption.slide_label { font-size: 14px; line-height: 30px; padding: 0 15px; text-transform: uppercase; font-weight: normal; background-color: #d8a17b; color: #fff; } .bannercontainer .tp-caption.small_text { color: #000; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 11px; } .bannercontainer .tp-caption.medium_text { color: #fff; font-weight: 400; font-size: 36px; line-height: 30px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75); } .bannercontainer .tp-caption.large_text { color: #fff; font-weight: normal; font-size: 16px; line-height: 16px; } .bannercontainer .tp-caption.large_text:before { content: ""; position: absolute; left: 0; width: 50px; height: 2px; bottom: 40px; background-color: #FFFFFF; } .bannercontainer .tp-caption.large_black_text { color: #000; font-weight: 400; font-size: 24px; line-height: 24px; text-transform: none; } .bannercontainer .tp-caption.very_large_text { color: #fff; font-weight: 600; font-size: 60px; line-height: 60px; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); letter-spacing: 0.2em; } .bannercontainer .tp-caption.very_large_black_text { color: #000; font-size: 60px; line-height: 60px; } .bannercontainer .tp-caption.bold_red_text { color: #d31e00; font-weight: 400; font-size: 24px; line-height: 20px; } .bannercontainer .tp-caption.bold_brown_text { color: #a04606; font-weight: 800; font-size: 20px; line-height: 20px; } .bannercontainer .tp-caption.bold_green_text { color: #5b9830; font-weight: 800; font-size: 20px; line-height: 20px; } .bannercontainer .tp-caption.very_big_white { color: #FFFFFF; font-size: 65px; font-weight: 400; text-transform: none; line-height: 65px; } .bannercontainer .tp-caption.very_big_black { color: #000; font-weight: 700; font-size: 84px; line-height: 84px; } .bannercontainer .tp-caption.cus_black { color: #232323; font-weight: 700; font-size: 54px; line-height: 54px; } .bannercontainer .tp-caption.cus_color { color: #fff; font-weight: 400; font-size: 16px; line-height: 25px; text-transform: none; width: 570px; text-align: center; white-space: inherit; } .bannercontainer .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .bannercontainer .tp-caption.black { color: #000; font-weight: 700; font-size: 14px; line-height: 14px; letter-spacing: 5px; } .bannercontainer .tp-caption.black:before { background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: ""; height: 218px; left: 37px; position: absolute; top: -66px; width: 11px; z-index: -1; } .bannercontainer .tp-caption.white { font-size: 14px; color: #FFFFFF; letter-spacing: 1px; font-weight: 400; text-transform: none; line-height: 30px; } .bannercontainer .tp-caption.noshadow { text-shadow: none; } .bannercontainer .tp-caption.btn-shopnow { text-align: center; line-height: 24px; min-width: 220px; min-height: 44px; } .bannercontainer .tp-caption.btn-shopnow .fa { margin-right: 5px; } .bannercontainer .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .bannercontainer .tp-caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; } .bannercontainer .tp-caption .caption-layer, .bannercontainer .tp-caption .caption-contain { width: auto !important; } .bannercontainer .tp_inner_padding { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: none !important; } .bannercontainer .tp-button { padding: 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 35px; cursor: pointer; color: #fff !important; font-size: 15px; line-height: 35px !important; letter-spacing: -1px; text-transform: uppercase; } .bannercontainer .button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: 600; padding: 9px 20px; font-size: 19px; line-height: 57px !important; } .bannercontainer .purchase:hover, .bannercontainer .button:hover, .bannercontainer .button.big:hover { background-position: bottom, 15px 11px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .bannercontainer .button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } .bannercontainer a.button { -webkit-transition: none; -o-transition: none; transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .bannercontainer .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } .bannercontainer a.button { -webkit-transition: none; -o-transition: none; transition: none; } } .bannercontainer .button.green, .bannercontainer .button:hover.green, .bannercontainer .purchase.green, .bannercontainer .purchase:hover.green { background-color: #21a117; -moz-box-shadow: 0px 3px 0px 0px #104d0b; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -o-box-shadow: 0px 3px 0px 0px #104d0b; -ms-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .bannercontainer .button.blue, .bannercontainer .button:hover.blue, .bannercontainer .purchase.blue, .bannercontainer .purchase:hover.blue { background-color: #1d78cb; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -o-box-shadow: 0px 3px 0px 0px #0f3e68; -ms-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .bannercontainer .button.red, .bannercontainer .button:hover.red, .bannercontainer .purchase.red, .bannercontainer .purchase:hover.red { background-color: #cb1d1d; -moz-box-shadow: 0px 3px 0px 0px #7c1212; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -o-box-shadow: 0px 3px 0px 0px #7c1212; -ms-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .bannercontainer .button.orange, .bannercontainer .button:hover.orange, .bannercontainer .purchase.orange, .bannercontainer .purchase:hover.orange { background-color: #ff7700; -moz-box-shadow: 0px 3px 0px 0px #a34c00; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -o-box-shadow: 0px 3px 0px 0px #a34c00; -ms-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .bannercontainer .button.darkgrey, .bannercontainer .button.grey, .bannercontainer .button:hover.darkgrey, .bannercontainer .button:hover.grey, .bannercontainer .purchase.darkgrey, .bannercontainer .purchase:hover.darkgrey { background-color: #555; -moz-box-shadow: 0px 3px 0px 0px #222; -webkit-box-shadow: 0px 3px 0px 0px #222; -o-box-shadow: 0px 3px 0px 0px #222; -ms-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .bannercontainer .button.lightgrey, .bannercontainer .button:hover.lightgrey, .bannercontainer .purchase.lightgrey, .bannercontainer .purchase:hover.lightgrey { background-color: #888; -moz-box-shadow: 0px 3px 0px 0px #555; -webkit-box-shadow: 0px 3px 0px 0px #555; -o-box-shadow: 0px 3px 0px 0px #555; -ms-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } .bannercontainer .tp-simpleresponsive .slotholder *, .bannercontainer .tp-simpleresponsive img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .bannercontainer .tp-simpleresponsive .caption, .bannercontainer .tp-simpleresponsive .tp-caption { opacity: 0; filter: alpha(opacity=0); position: absolute; visibility: hidden; } .bannercontainer .tp-simpleresponsive img { max-width: none; } .bannercontainer .noFilterClass { filter: none !important; } .bannercontainer .tp-bannershadow { margin-left: auto; margin-right: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bannercontainer .tp-bannershadow.tp-shadow1 { background-size: 100%; width: 890px; height: 60px; bottom: -30px; } .bannercontainer .tp-bannershadow.tp-shadow2 { background-size: 100%; width: 890px; height: 110px; bottom: -60px; } .bannercontainer .tp-bannershadow.tp-shadow3 { background-size: 100%; width: 890px; height: 60px; bottom: -60px; } .bannercontainer .caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .bannercontainer .caption iframe { width: 100% !important; height: 100% !important; } .bannercontainer .tpclear { clear: both; } .bannercontainer .tp-bullets { z-index: 25; position: absolute; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .bannercontainer .tp-bullets.hidebullets { opacity: 0; filter: alpha(opacity=0); } .bannercontainer .tp-bullets.simplebullets.navbar { border: 1px solid #666; border-bottom: 1px solid #444; height: 40px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .bannercontainer .tp-bullets.simplebullets.navbar-old { height: 35px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .bannercontainer .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; width: 20px; height: 20px; margin-right: 0px; float: left; margin-top: -10px; margin-left: 3px; } .bannercontainer .tp-bullets.simplebullets.round .bullet.last { margin-right: 3px; } .bannercontainer .tp-bullets.simplebullets.round-old .bullet { cursor: pointer; position: relative; width: 23px; height: 23px; margin-right: 0px; float: left; margin-top: -12px; } .bannercontainer .tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0px; } .bannercontainer .tp-bullets.simplebullets.square .bullet { cursor: pointer; position: relative; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: -10px; } .bannercontainer .tp-bullets.simplebullets.square .bullet.last { margin-right: 0px; } .bannercontainer .tp-bullets.simplebullets.square-old .bullet { cursor: pointer; position: relative; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: -10px; } .bannercontainer .tp-bullets.simplebullets.square-old .bullet.last { margin-right: 0px; } .bannercontainer .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 10px; } .bannercontainer .tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0px !important; } .bannercontainer .tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0px !important; } .bannercontainer .tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; width: 15px; height: 15px; margin-left: 5px !important; margin-right: 5px !important; float: left; margin-top: 10px; } .bannercontainer .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left: 0px !important; } .bannercontainer .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0px !important; } .bannercontainer .tp-bullets.simplebullets .bullet:hover, .bannercontainer .tp-bullets.simplebullets .bullet.selected { background-position: top left; } .bannercontainer .tp-bullets.simplebullets.round .bullet:hover, .bannercontainer .tp-bullets.simplebullets.round .bullet.selected, .bannercontainer .tp-bullets.simplebullets.navbar .bullet:hover, .bannercontainer .tp-bullets.simplebullets.navbar .bullet.selected { background-position: bottom left; } .bannercontainer .tparrows { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .bannercontainer .tparrows.hidearrows { opacity: 0; filter: alpha(opacity=0); } .bannercontainer .tp-leftarrow { z-index: 100; cursor: pointer; position: relative; width: 40px; height: 40px; } .bannercontainer .tp-rightarrow { z-index: 100; cursor: pointer; position: relative; width: 40px; height: 40px; } .bannercontainer .tp-leftarrow.round { z-index: 100; cursor: pointer; position: relative; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: -7px; } .bannercontainer .tp-rightarrow.round { z-index: 100; cursor: pointer; position: relative; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: -7px; } .bannercontainer .tp-leftarrow.round-old { z-index: 100; cursor: pointer; position: relative; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: -13px; } .bannercontainer .tp-rightarrow.round-old { z-index: 100; cursor: pointer; position: relative; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: -13px; } .bannercontainer .tp-leftarrow.navbar { z-index: 100; cursor: pointer; position: relative; width: 20px; height: 15px !important; min-height: 15px !important; float: left; margin-right: 6px; margin-top: 12px; } .bannercontainer .tp-rightarrow.navbar { z-index: 100; cursor: pointer; position: relative; width: 20px; height: 15px !important; min-height: 15px !important; float: left; margin-left: 6px; margin-top: 12px; } .bannercontainer .tp-leftarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; } .bannercontainer .tp-rightarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; width: 9px; height: 16px; float: left; margin-left: 6px; margin-top: 10px; } .bannercontainer .tp-leftarrow.navbar-old:hover, .bannercontainer .tp-rightarrow.navbar-old:hover { background-position: left -16px; } .bannercontainer .tp-leftarrow.navbar-old.thumbswitharrow { margin-right: 10px; } .bannercontainer .tp-rightarrow.navbar-old.thumbswitharrow { margin-left: 0px; } .bannercontainer .tp-leftarrow.square { z-index: 100; cursor: pointer; position: relative; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: -9px; } .bannercontainer .tp-rightarrow.square { z-index: 100; cursor: pointer; position: relative; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: -9px; } .bannercontainer .tp-leftarrow.square-old { z-index: 100; cursor: pointer; position: relative; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: -9px; } .bannercontainer .tp-rightarrow.square-old { z-index: 100; cursor: pointer; position: relative; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: -9px; } .bannercontainer .tp-leftarrow.square-old:hover, .bannercontainer .tp-rightarrow.square-old:hover { background-position: left -17px; } .bannercontainer .tp-leftarrow.default { z-index: 20; cursor: pointer; position: relative; width: 40px; height: 40px; left: 0; } .bannercontainer .tp-rightarrow.default { z-index: 20; cursor: pointer; position: relative; width: 40px; height: 40px; right: 0; } .bannercontainer .tp-leftarrow.default:hover, .bannercontainer .tp-rightarrow.default:hover { background-position: left -40px; } .bannercontainer .tp-leftarrow:hover, .bannercontainer .tp-rightarrow:hover { background-position: left -14px; } .bannercontainer .tp-bullets.tp-thumbs { z-index: 1000; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top: -50px; } .bannercontainer .fullwidthbanner-container .tp-thumbs { padding: 3px; } .bannercontainer .tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow: hidden; position: relative; } .bannercontainer .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .bannercontainer .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; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .bannercontainer .tp-bullets.tp-thumbs .bullet:hover, .bannercontainer .tp-bullets.tp-thumbs .bullet.selected { opacity: 1; filter: alpha(opacity=100); } .bannercontainer .tp-thumbs img { width: 100%; } .bannercontainer .tp-bannertimer { width: 100%; height: 10px; position: absolute; z-index: 200; } .bannercontainer .tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .bannercontainer .responsive .tp-bullets.tp-thumbs { width: 300px !important; height: 30px !important; } .bannercontainer .responsive .tp-bullets.tp-thumbs .tp-mask { width: 300px !important; height: 30px !important; } .bannercontainer .responsive .tp-bullets.tp-thumbs .bullet { width: 60px !important; height: 30px !important; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .bannercontainer .responsive .tp-bullets { display: none; } .bannercontainer .responsive .tparrows { display: none; } } .bannercontainer .tp-simpleresponsive img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bannercontainer .tp-simpleresponsive a { text-decoration: none; } .bannercontainer .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .bannercontainer .tp-simpleresponsive > ul > li { list-stye: none; position: absolute; visibility: hidden; } .bannercontainer .caption.slidelink a div, .bannercontainer .tp-caption.slidelink a div { width: 10000px; height: 10000px; } .bannercontainer .tp-loader { background-color: #fff; margin: -22px -22px; top: 50%; left: 50%; z-index: 10000; position: absolute; width: 44px; height: 44px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .bannercontainer .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .bannercontainer .tp-caption.text1-slide > div { display: flex; align-items: center; } .bannercontainer .tp-caption.text1-slide > div i { margin-right: 12px; color: #000; background-color: #fff; border-radius: 50%; font-size: 17px; width: 40px; height: 40px; line-height: 40px; text-align: center; } /*# sourceMappingURL=typo.css.map */