#wrapper { background: rgb(255, 255, 255); position: relative; z-index: 1; }
.fullwidthbanner-container { padding: 0px; width: 100% !important; overflow: hidden; position: relative; max-height: 445px !important; }
    .fullwidthbanner-container .fullwidthabnner { width: 100% !important; position: relative; max-height: 445px !important; }

@media only screen and (max-width:959px) and (min-width:768px) {
    .banner { width: 768px; height: 309px; }
    .bannercontainer { width: 768px; height: 309px; }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .banner { width: 480px; height: 193px; }
    .bannercontainer { width: 480px; height: 193px; }
}

@media only screen and (max-width:479px) and (min-width:320px) {
    .banner { width: 320px; height: 129px; }
    .bannercontainer { width: 320px; height: 129px; }
}

@media only screen and (max-width:319px) {
    .banner { width: 240px; height: 97px; }
    .bannercontainer { width: 240px; height: 97px; }
}

.round.simplebullets.tp-bullets .bullet:hover { background: url("../images/dothover.png") no-repeat center !important; }
.round.simplebullets.tp-bullets .selected.bullet { background: url("../images/dothover.png") no-repeat center !important; }
.navbar.simplebullets.tp-bullets .bullet:hover { background: url("../images/dothover.png") no-repeat center !important; }
.navbar.simplebullets.tp-bullets .selected.bullet { background: url("../images/dothover.png") no-repeat center !important; }
.tp-leftarrow:hover { background-color: rgb(225, 71, 47) !important; }
.tp-rightarrow:hover { background-color: rgb(225, 71, 47) !important; }
.tp-bullets { background: url("../images/bannerLine.png") repeat-x left; bottom: 30px !important; position: absolute; z-index: 1001; }
.round.simplebullets.tp-bullets .bullet { background: url("../images/dot.png") no-repeat center; transition: color, background 0.1s linear; width: 16px; height: 16px; margin-right: 15px; float: left; position: relative; cursor: pointer; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; }
.round.simplebullets.tp-bullets .last.bullet { margin: 0px; }
.large.tp-leftarrow { background: url("../images/slider-left-arrow.png") no-repeat rgb(57, 57, 57); transition: color, background 0.1s linear; width: 42px; height: 43px; margin-top: -21px; margin-left: 0px; display: none; position: relative; z-index: 2000; cursor: pointer; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; }
.large.tp-rightarrow { background: url("../images/slider-right-arrow.png") no-repeat 0px 0px rgb(57, 57, 57); transition: color, background 0.1s linear; width: 42px; height: 43px; margin-top: -21px; margin-left: 0px; display: none; position: relative; z-index: 2000; cursor: pointer; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; }
.tp-thumbs.tp-bullets { padding: 3px; width: 500px; height: 50px; margin-top: -50px; position: absolute; z-index: 100; background-color: rgb(255, 255, 255); }
.fullwidthbanner-container .tp-thumbs { padding: 3px; }
.tp-thumbs.tp-bullets .tp-mask { width: 500px; height: 50px; overflow: hidden; position: relative; }
    .tp-thumbs.tp-bullets .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; }
.tp-thumbs.tp-bullets .bullet { background: none; margin: 0px; transition: 0.2s ease-out; width: 100px; height: 50px; overflow: hidden; float: left; cursor: pointer; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-opacity: 0.5; -khtml-opacity: 0.5; }
    .tp-thumbs.tp-bullets .bullet:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; }
.tp-thumbs.tp-bullets .selected.bullet { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; }
.tp-thumbs img { width: 100%; }
.tp-bannertimer { width: 100%; height: 10px; position: absolute; z-index: 5000; }
.tp-bottom.tp-bannertimer { height: 5px; bottom: 0px !important; }

@media only screen and (max-width:767px) and (min-width:480px) {
    .responsive .tp-thumbs.tp-bullets { width: 300px !important; height: 30px !important; }
        .responsive .tp-thumbs.tp-bullets .tp-mask { width: 300px !important; height: 30px !important; }
        .responsive .tp-thumbs.tp-bullets .bullet { width: 60px !important; height: 30px !important; }
}

@media only screen and (max-width:479px) and (min-width:0px) {
    .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; margin: 0px; padding: 0px; }
.tp-simpleresponsive > ul > li { visibility: hidden; position: absolute; list-stye: none; }
.slidelink.caption a div { width: 10000px; height: 10000px; }
.slidelink.tp-caption a div { width: 10000px; height: 10000px; }
.tp-loader { background: url("../images/loading.gif") no-repeat 10px 10px rgb(255, 255, 255); margin: -22px; border-radius: 3px; left: 50%; top: 50%; width: 44px; height: 44px; position: absolute; z-index: 10000; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
