/**Hero Carousel with Swipe function**/
.icon {
    display: block;
}

.btn {
    font-size: 84.6%;
    text-transform: uppercase;
    color: #fff;
    background-color: #fff;
    display: inline-block;
    position: relative;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    padding: 10px 18px 6px;
}

#rotator .btn-inv,
.slab-carousel .btn-inv{
    background-color: #fff;
    color: #000;
}

#rotator .hero-carousel .btn-inv,
.slab-carousel .btn-inv{
    font-size: 11px;
    line-height: 18px;
    padding: 3px 16px;
}

#rotator .hero-carousel .btn-inv .symbols,
.slab-carousel .btn-inv .symbols{
    margin-left: 5px;
}

#rotator {
    position: relative;
    background-color: #fff;
}

#preloader {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    display: none;
}

.hero-carousel {
    overflow-x: hidden;
    position: relative;
    margin: 20px 0;
    background-color: #fff;
}

.hero-carousel .fadeLayer {
    background-color: #fff;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    opacity: 0.6;
    height: 368px;
    width: 1024px;
    position: absolute;
    top: 20px;
    left: 50%;
}

.hero-carousel .fadeLeft {
    margin-left: -1544px;
}

.hero-carousel .fadeRight {
    margin-left: 520px;
}

.hero-carousel ul {
    width: 100%;
    height: 400px;
}

.hero-carousel ul li {
    width: 1020px;
    overflow: hidden;
    height: 400px;
    float: left;
    position: relative;
}

.hero-carousel ul li .carousel-desc h2 {
    font: 60px/50px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
}

.lt-ie9 .hero-carousel ul li .carousel-desc h2 {
    line-height: 52px!important;
    padding-top: 20px;
}

.hero-carousel ul li .carousel-desc p {
    padding-right: 25%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
}

.hero-carousel ul li .carousel-desc {
    font: 20px/20px;
    color: #fff;
    display: block;
    position: absolute;
    left: 50px;
    bottom: 40px;
    width: 685px;
}

.hero-carousel ul li .carousel-desc .btn-inv {
    margin-top: 14px;
}

.hero-carousel ul li img {
    width: 1000px;
    display: block;
    margin: 0 auto;
}

.hero-carousel .carousel-pager, .slab-carousel .carousel-pager {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: 370px;
}

.lt-ie8 .hero-carousel .carousel-pager, .slab-carousel hero-sr .carousel-pager {
    margin-left: 381px;
}

.hero-carousel .carousel-pager a, .slab-carousel .carousel-pager a {
    background: #fff;
    line-height: 26px;
    height: 26px;
    width: 59px;
    text-align: center;
    display: block;
    float: left;
    background-color: rgba(0, 0, 0, .6);
    padding: 0;
}

.icon-leftwhite {
    width: 16px;
    height: 13px;
    background: transparent url('images/icons/carousel_prev.png') no-repeat center;
}

.icon-rightwhite {
    width: 16px;
    height: 13px;
    background: transparent url('images/icons/carousel_next.png') no-repeat center;
}

#rotator .hero-carousel .carousel-pager a, .slab-carousel .carousel-pager a {
    height: 19px;
    width: 39px;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 396px;
    left: 731px;
    text-align: left;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    padding: 7px 0 0 20px;
}

#rotator .hero-carousel .carousel-pager a, .slab-carousel .carousel-pager a {
    position: relative;
    top: auto;
    left: auto;
}

.iosfix {
    height: 101%;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
}

#rotator a:hover,
#brand_slider a:hover {
    color: #333;
}

#rotator .btn-large:hover, #rotator .btn:hover, #rotator .hero-carousel li a:hover .btn, #rotator a:hover .center-quote .btn{
    background-color: #333;
    color: #fff;
}

#rotator .btn-inv:hover, #rotator .hero-carousel li a:hover .btn-inv,
.slab-carousel .btn-inv:hover, .slab-carousel li a:hover .btn-inv{
    color: #fff;
}

.hero-carousel ul li .carousel-desc h2, .hero-carousel ul li .carousel-desc p, .hero-carousel ul li .carousel-desc span, .controller-spaces .caroufredsel_wrapper {
    -webkit-backface-visibility: hidden;
}

#rotator .carousel-pager a:hover, .carousel-pager a, #rotator .hero-carousel .carousel-pager a:hover,
.slab-carousel .carousel-pager a:hover {
    background-color: #000;
}
/* Thumbnail Carousel #1-----------*/

.slab {
    width: 190px;
    float: left;
    height: 135px;
    position: relative;
    margin: 0 0 0 15px;
}

.slab-info {
    height: 80px;
    color: #3a3a3a;
    display: block;
}

.slab-info h3 {
    text-transform: uppercase;
    color: #568983;
    padding-bottom: 10px;
}

.slab .image {
    margin-bottom: 0;
    overflow: hidden;
    max-height: 170px;
}

.slab-info .title {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 3px;
    overflow: hidden;
    height: 50px;
    text-overflow: ellipsis;
    display: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient :vertical;
}

.slab-info, .slab-info h3, .slab-info .by-line, .slab-info .title, .slab-carousel .slab {
    -webkit-transition: background, color .2s ease-in-out;
    -moz-transition: background, color .2s ease-in-out;
    -o-transition: background, color .2s ease-in-out;
    -ms-transition: background, color .2s ease-in-out;
    transition: background, color .2s ease-in-out;
}

/* Thumbnail Carousel #2-----------*/
.slab-carousel {
    position: relative;
    height: 135px;
}

.slab-carousel-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

#brand_slider .slab-info {
    color: #3a3a3a;
    border-bottom: 0;
    position: relative;
    height: 135px;
    margin: 0 15px;
}

.slab-carousel .slab-img-link img {
    max-width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -webkit-transition: all.3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.slab-carousel .slab-img-link img:hover {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

.slab-carousel .slab {
    width: 190px;
    border: 0;
    height: 135px;
    margin: 0 15px 0 0;
}

.slab-carousel .title {
    margin-bottom: 5px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    height: auto;
    overflow: visible;
}

.slab-carousel .callout {
    font-size: 12px;
    padding-right: 0;
    display: block;
}

.slab-carousel .slab-info-inner p {
    margin-bottom: 7px;
}

.slab-carousel .carousel-pager {
    position: absolute;
    top: -50px;
    right: 0;
}

.lt-ie9 .slab-carousel .carousel-pager {
    top: 10px;
}

#brand_slider .slab-info .slab-info-inner {
    display: block;
    padding: 14px 20px 7px;
}

/* Responsive CSS -----------*/
@media only screen and min-width480px{
}

@media only screen and max-width1080px{
.home .global_wrap, {
width: 98%;
padding: 0;
}

.hero-carousel ul {
margin-left: 0;
}

.hero-carousel .carousel-pager {
margin-left: 0;
left: auto;
right: 14px;
}
}
@media only screen and max-width1080px and orientationlandscape{
}

@media only screen and max-device-width1080px{    
}

@media only screen and max-width1024px{
}

@media only screen and max-width920px{
#top, #header, #rotator {
width: 920px;
margin: 0!important;
padding: 0!important;
}
}

@media only screen and -webkit-min-device-pixel-ratio15, only screen and -o-min-device-pixel-ratio32, only screen and min--moz-device-pixel-ratio15, only screen and min-device-pixel-ratio15{


}

@media print{
* {
background: transparent!important;
color: #000!important;
text-shadow: none!important;
filter: none!important;
-ms-filter: none!important;
}

abbr[title]: after {
content: " (" attr(title) ")";
}

.ir a: after, a[href^="javascript: "]: after, a[href^="#"]: after {
content: "";
}

pre, blockquote {
page-break-inside: avoid;
}

thead {
display: table-header-group;
}

tr, img {
page-break-inside: avoid;
}

img {
max-width: 100%!important;
}

@page {
margin: .5cm;
}

p, h2, h3 {
orphans: 3;
widows: 3;
}

h2, h3 {
page-break-after: avoid;
}
}