/*HOME PAGE*/

@media (min-width: 1037px) {.carouselback {box-shadow: 0 0 8px 0px #000; border: 2px solid #999; border-top: none;}}
@media (max-width: 560px) and (min-width: 305px) {#bodyhead span {display: block;}}
@media (max-width: 400px) {h2 span {display: block;}}

/*-----------------------------------------------*/

/*Service boxes*/

/*Default format - service name under box pic*/

#svcbox img {width: 100%;} #svcbox p {display: none;} #svcbox {display: table;}
#svcbox .box {display: table-cell; text-align: center; width: 32.5%;} #svcbox a {text-decoration: none;}
#svcbox .spacer {display: table-cell;} #svcbox img {display: block;}
.box h1 {font-size: 16px; line-height: 1.25; font-weight: 500; margin: 0 !important; padding: 6px 0 8px 0;}
#svcbox img, .box h1 {transition: 0.25s;}

@media (min-width: 1037px) {
#svcbox {margin-top: 15px; margin-bottom: 10px;}
#svcbox .box {box-shadow: 0 0 8px 0px #000; border: 2px solid #999;} #svcbox .spacer {width: 15px;}
}
@media (max-width: 1036px) {#svcbox {margin-top: 9px; margin-bottom: 8px;} #svcbox .spacer {width: 10px;}}
@media (min-width: 576px) {#toparea {background: #858585 url('../back.jpg') repeat;}}
@media (max-width: 575px) {
#svcbox {margin-top: 5px; margin-bottom: 0;} #svcbox .spacer {width: 5px;} .box h1 {font-size: 15px; padding: 4px 0 6px 0;}
}
@media (max-width: 530px) {#svcbox span {display: block;} #svcbox img {height: 18vw;}}
@media (max-width: 380px) {#svcbox img {height: 21vw;}}

.box, .box h1, .box a {color: #FFF !important;}
.box:hover img, .box:hover h1 {filter: saturate(100%) brightness(115%); -webkit-transform: translate3d(0,0,0);}

/*-----------------------------------------------*/

/*Rightbox*/

#rightbox {padding: 10px; background-color: #F3EBE2; border-radius: 3px;}
.rbhead {text-align: center; font-weight: 600;}
#rightbox ul {margin: 10px 5px 0 -20px; text-align: left;}
#rightbox li {font-size: 18px; line-height: 23px; padding-bottom: 14px;}
@media (min-width: 860px) {.rb-dsk {width: 230px;}}
@media (max-width: 859px) and (min-width: 603px) {.rb-dsk {width: 30%; margin: 5px 0 15px 12px}}
@media (min-width: 603px) {.rb-ph {display: none;} .rb-dsk {float: right; margin: 32px 0px 25px 20px;}}
@media (max-width: 602px) {
.rb-dsk {display: none;} .rb-ph {padding: 0; margin: 25px auto 20px auto; width: 95%; max-width: 270px;}
}

/*-----------------------------------------------*/

/*Top Slider - OWL CAROUSEL*/

/*Core*/

.no-js .owl-carousel {display: block;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block; width: 100%;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {background: none; color: inherit; border: none; padding: 0 !important; font: inherit;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}

.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;}

.owl-height {transition: height 500ms ease-in-out;}


/*TBC Code*/

.carouselback {position: relative; overflow: hidden; z-index: 0;} /*z-index: 0 allows bottom of mobile nav to cover carousel slightly*/
.carousel-wrap {position: relative; height: 100%; top: 0px; background-size: cover !important;}

.owl-carousel .owl-item img {position: relative; margin-top: 0;}
@media (min-width: 500px) {.carousel-wrap {max-height: 600px;}}
.owl-carousel .owl-item img {width: 100%;}
.owl-carousel .owl-prev, .owl-carousel .owl-next {display: block;} /*Removes blank space under carousel*/
.owl-carousel .nav-btn {height: 50px; position: absolute; width: 27px; cursor: pointer; top: 37%;}
.owl-carousel .prev-slide {background: url(../images/toppics/nav.png) no-repeat scroll 1px 0; left: 7px;}
.owl-carousel .next-slide {background: url(../images/toppics/nav.png) no-repeat scroll -24px 0px; right: 7px;}
.owl-carousel .prev-slide:hover, .owl-carousel .next-slide:hover {opacity: 0.83; -webkit-opacity: 0.83; filter: alpha(opacity=83); -webkit-filter: opacity(0.83);}

@media (min-width: 481px) {#toppic {display: none;}}
@media (max-width: 480px) {
.owl-carousel {display: none !important;} #toppic img {width: 100%; display: block; margin: 0; padding: 0;}
.carouselback {height: 100% !important;}
}


/*specific animation*/
@keyframes slideOutLeft {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
}
.slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft; -webkit-animation-duration: 1.3s !important;
    animation-duration: 1.3s !important;}

@media (max-width: 650px) {
.owl-carousel .nav-btn {height: 41px; width: 22px; cursor: pointer; top: 35%;}
.owl-carousel .prev-slide {background: url(../images/toppics/nav.png) no-repeat scroll 2px 0; left: 7px;}
.owl-carousel .next-slide {background: url(../images/toppics/nav.png) no-repeat scroll -16px 0px; right: 7px;}
.owl-carousel .prev-slide, .owl-carousel .next-slide {background-size: 35px 40px;}
}