/*----------------------------------------------------------------------------- - kenburn slider - Screen Stylesheet version: 1.0 date: 09/18/11 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .tp-simpleresponsive.caption{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;position:absolute}.tp-simpleresponsive img{max-width:none} /****************************** - SHADOWS - ******************************/ .tp-bannershadow{position:absolute;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(../img/shadow1.png) no-repeat;background-size:100%;width:890px;height:30px;bottom:-30px}.tp-bannershadow.tp-shadow2{background:url(../img/shadow2.png) no-repeat;background-size:100%;width:890px;height:60px;bottom:-60px}.tp-bannershadow.tp-shadow3{background:url(../img/shadow3.png) no-repeat;background-size:100%;width:890px;height:60px;bottom:-60px} /************************* - CAPTIONS - **************************/ .caption.big_white{position: absolute;color: #fff;text-shadow: none;font-weight: 700;font-size: 36px;line-height: 36px;font-family: Arial;padding: 0 4px;padding-top: 1px;margin: 0;border-width: 0;border-style: none;background-color:#000;letter-spacing: -1.5px}.caption.big_orange{position: absolute;color: #ff7302;text-shadow: none;font-weight: 700;font-size: 36px;line-height: 36px;font-family: Arial;padding: 0 4px;margin: 0;border-width: 0;border-style: none;background-color:#fff;letter-spacing: -1.5px}.caption.big_black{position: absolute;color: #000;text-shadow: none;font-weight: 700;font-size: 36px;line-height: 36px;font-family: Arial;padding: 0 4px;margin: 0;border-width: 0;border-style: none;background-color:#fff;letter-spacing: -1.5px}.caption.medium_grey{position: absolute;color: #fff;text-shadow: none;font-weight: 700;font-size: 20px;line-height: 20px;font-family: Arial;padding: 2px 4px;margin: 0;border-width: 0;border-style: none;background-color:#888;white-space:nowrap;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)}.caption.small_text{position: absolute;color: #fff;text-shadow: none;font-weight: 700;font-size: 14px;line-height: 20px;font-family: Arial;margin: 0;border-width: 0;border-style: none;white-space:nowrap;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)}.caption.medium_text{position: absolute;color: #fff;text-shadow: none;font-weight: 700;font-size: 20px;line-height: 20px;font-family: Arial;margin: 0;border-width: 0;border-style: none;white-space:nowrap;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)}.caption.large_text{position: absolute;color: #fff;text-shadow: none;font-weight: 700;font-size: 40px;line-height: 40px;font-family: Arial;margin: 0;border-width: 0;border-style: none;white-space:nowrap;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)}.caption.very_large_text{position: absolute;color: #fff;text-shadow: none;font-weight: 700;font-size: 60px;line-height: 60px;font-family: Arial;margin: 0;border-width: 0;border-style: none;white-space:nowrap;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);letter-spacing: -2px}.caption.very_big_white{position: absolute;color: #fff;text-shadow: none;font-weight: 700;font-size: 60px;line-height: 60px;font-family: Arial;margin: 0;border-width: 0;border-style: none;white-space:nowrap;padding: 0 4px;padding-top: 1px;background-color:#000}.caption.very_big_black{position: absolute;color: #000;text-shadow: none;font-weight: 700;font-size: 60px;line-height: 60px;font-family: Arial;margin: 0;border-width: 0;border-style: none;white-space:nowrap;padding: 0 4px;padding-top: 1px;background-color:#fff}.caption.boxshadow{-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)}.caption.black{color: #000;text-shadow: none}.caption.noshadow{text-shadow: none}.caption a{color: #ff7302;text-shadow: none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out}.caption a:hover{color: #ffa902} /****************************** - BUTTONS - *******************************/ .button{padding:6px 13px 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;height:30px;cursor:pointer;color:#fff !important;text-shadow:0 1px 1px rgba(0, 0, 0, 0.6) !important;font-size:15px;line-height:45px !important;background:url(../img/gradient/g30.png) repeat-x top;font-family: arial, sans-serif;font-weight: bold;letter-spacing: -1px}.button.big{color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.6);font-weight:bold;padding:9px 20px;font-size:19px;line-height:57px !important;background:url(../img/gradient/g40.png) repeat-x top}.purchase:hover,.button:hover,.button.big:hover{background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px){} @media only screen and (min-width: 480px) and (max-width: 767px){.button{padding:4px 8px 3px;line-height:25px !important;font-size:11px !important;font-weight:normal} a.button{-webkit-transition: none;-moz-transition: none;-o-transition: none;-ms-transition: none}} @media only screen and (min-width: 0) and (max-width: 479px){.button{padding:2px 5px 2px;line-height:20px !important;font-size:10px !important} a.button{-webkit-transition: none;-moz-transition: none;-o-transition: none;-ms-transition: none}} /* BUTTON COLORS */ .button.green,.button:hover.green,.purchase.green,.purchase:hover.green{background-color:#21a117;-webkit-box-shadow: 0 3px 0 0 #104d0b;-moz-box-shadow: 0 3px 0 0 #104d0b;box-shadow: 0 3px 0 0 #104d0b}.button.blue,.button:hover.blue,.purchase.blue,.purchase:hover.blue{background-color:#1d78cb;-webkit-box-shadow: 0 3px 0 0 #0f3e68;-moz-box-shadow: 0 3px 0 0 #0f3e68;box-shadow: 0 3px 0 0 #0f3e68}.button.red,.button:hover.red,.purchase.red,.purchase:hover.red{background-color:#cb1d1d;-webkit-box-shadow: 0 3px 0 0 #7c1212;-moz-box-shadow: 0 3px 0 0 #7c1212;box-shadow: 0 3px 0 0 #7c1212}.button.orange,.button:hover.orange,.purchase.orange,.purchase:hover.orange{background-color:#ff7700;-webkit-box-shadow: 0 3px 0 0 #a34c00;-moz-box-shadow: 0 3px 0 0 #a34c00;box-shadow: 0 3px 0 0 #a34c00}.button.darkgrey,.button.grey,.button:hover.darkgrey,.button:hover.grey,.purchase.darkgrey,.purchase:hover.darkgrey{background-color:#555;-webkit-box-shadow: 0 3px 0 0 #222;-moz-box-shadow: 0 3px 0 0 #222;box-shadow: 0 3px 0 0 #222}.button.lightgrey,.button:hover.lightgrey,.purchase.lightgrey,.purchase:hover.lightgrey{background-color:#888;-webkit-box-shadow: 0 3px 0 0 #555;-moz-box-shadow: 0 3px 0 0 #555;box-shadow: 0 3px 0 0 #555} /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tp-bullets{z-index:100;position:absolute;bottom:10px}.tp-bullets.simplebullets{bottom:10px}.tp-bullets.simplebullets.navbar{bottom:-20px;background:url(../img/navigdots_bgtile.png);height:35px;padding:0 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px ;margin-top:-17px}.tp-bullets.simplebullets.bullet{cursor:pointer;position:relative;background:url(../img/bullets.png) no-Repeat bottom left;width:23px;height:23px;margin-right:0;float:left;margin-top:-12px}.tp-bullets.simplebullets.bullet.last{margin-right:0} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square.bullet{cursor:pointer;position:relative;background:url(../img/bullets2.png) no-Repeat bottom left;width:19px;height:19px;margin-right:0;float:left;margin-top:-10px}.tp-bullets.simplebullets.square.bullet.last{margin-right:0} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar.bullet{cursor:pointer;position:relative;background:url(../img/navigdots.png) no-Repeat bottom left;width:15px;height:15px;margin-left:5px !important;margin-right:5px !important;float:left;margin-top:10px}.tp-bullets.simplebullets.navbar.bullet.first{margin-left:30px !important}.tp-bullets.simplebullets.navbar.bullet.last{margin-right:30px !important}.tp-bullets.simplebullets.bullet:hover,.tp-bullets.simplebullets.bullet.selected{background-position:top left} /************************************* - TP ARROWS - **************************************/ .tp-leftarrow{z-index:100;cursor:pointer;position:relative;width:26px;height:26px;margin-right:0;float:left;margin-top:-13px} .tp-rightarrow{z-index:100;cursor:pointer;position:relative;width:26px;height:26px;margin-right:0;float:left;margin-top:-13px} .tp-leftarrow.navbar{z-index:100;cursor:pointer;position:relative;background:url(../img/arrowleft.png) no-Repeat top left;width:9px;height:16px;float:left;margin-right:-20px;margin-top:-8px}.tp-rightarrow.navbar{z-index:100;cursor:pointer;position:relative;background:url(../img/arrowright.png) no-Repeat top left;width:9px;height:16px;float:left;margin-left:-20px;margin-top:-8px}.tp-leftarrow.navbar.thumbswitharrow{margin-right:10px}.tp-rightarrow.navbar.thumbswitharrow{margin-left:0}.tp-leftarrow.square{z-index:100;cursor:pointer;position:relative;background:url(../img/arrow_left2.png) no-Repeat top left;width:12px;height:17px;float:left;margin-right:0;margin-top:-9px}.tp-rightarrow.square{z-index:100;cursor:pointer;position:relative;background:url(../img/arrow_right2.png) no-Repeat top left;width:12px;height:17px;float:left;margin-left:0;margin-top:-9px}.tp-leftarrow.large{z-index:100;cursor:pointer;position:relative;background:url(../img/arrow_large_left.png) no-Repeat top left;width:46px;height:46px;margin-left:20px;margin-top:-23px}.tp-rightarrow.large{z-index:100;cursor:pointer;position:relative;background:url(../img/arrow_large_right.png) no-Repeat top left;width:46px;height:46px;margin-left:-20px;margin-top:-23px}.tp-leftarrow:hover,.tp-rightarrow:hover{background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) -.bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs{z-index:100;position:absolute;padding:0 2px 2px;background-color:#fff;width:500px;height:50px;/* THE DIMENSIONS OF THE THUMB CONTAINER */}.fullwidthbanner-container.tp-thumbs{padding:2px}.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;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*filter: alpha(opacity=50);*/-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out}.tp-bullets.tp-thumbs.bullet:hover,.tp-bullets.tp-thumbs.bullet.selected{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}.tp-thumbs img{width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer{width:100%;height:10px;position:absolute;z-index:200} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 768px) and (max-width: 959px){} @media only screen and (min-width: 480px) and (max-width: 767px){.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: 0) and (max-width: 479px){.responsive.tp-bullets{display:none}.responsive.tparrows{display:none}} /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img{-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none}.tp-simpleresponsive ul{list-style:none;padding:0;margin:0}.tp-simpleresponsive >ul li{list-stye:none;position:absolute;visibility:hidden} /* CAPTION SLIDELINK **/ .caption.slidelink a div{width:10000px;height:10000px}.tp-loader{background:url(../img/loader.gif) no-repeat 10px 10px;background-color:#fff;margin:-22px -22px;top:50%;left:50%;z-index:10000;position:absolute;width:44px;height:44px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px}