.rad-left {float:left;}
.rad-right {float:right;}
.tabs-content .tab-row {display: none;}
.tab-row.tab-1-content {display: block;}
#contentwrapper .tabs-list ul {/* border-bottom: 1px solid #dfdfdf; */float: left;width: 100%;padding: 0 20px;}

.tabs-list {float: left;padding-bottom: 20px;width: 100%;}
#contentwrapper .tabs-list li {border-bottom: none;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;float: left;font-size: 1.125em;padding-bottom: 0;padding-left: 0;position: relative;padding: 0px;border: 1px solid #dfdfdf;margin-left: -1px;text-align: center;border-radius: 35px 35px 0 0;}
.top-txt p{font-size: 20px;line-height: 25px;display: inline-block;text-align: left;color: #666666;}
.top-txt {text-align: center;width: 42%;padding: 45px 62px;display: table;}


.top-image {width: 58%;padding: 45px 0;}
.bx-title.ttl-1 {color: #00b5e3;font-weight: bold;}
.bx-title.ttl-3 {color: #f9b001;font-weight: bold;}
.bx-title.ttl-4 {color: #b7c301;font-weight: bold;}
.bx-title.ttl-2 {color: #ae1f7d;font-weight: bold;}
.rad-highlight {color: #fbb002;font-weight: bold;}
#contentwrapper .tabs-list li a span {color: #fff;display: block;font-weight: bold;font-size: 22px;padding: 0px 17px;line-height: 32px;}
/*#contentwrapper .tabs-list li#tab-3 a span {color: #b2007f;}
#contentwrapper .tabs-list li#tab-2 a span {color: #fbb002;}
#contentwrapper .tabs-list li#tab-1 a span {color: #009bdc;}*/

#contentwrapper .tabs-list li#tab-3 { background-color: #b2007f;}
#contentwrapper .tabs-list li#tab-2 { background-color: #fbb002;}
#contentwrapper .tabs-list li#tab-1 { background-color: #009bdc;}

.box-title {color: #354a55;font-weight: bold;line-height: 22px;margin-bottom: 20px;}
.tab-2-content .top-content .top-txt { float: right;}
.tab-2-content .top-content .top-image { float: left;}
.tab-box {padding-right: 40px;}
.rad-big {color:#007bc8;font-size:23px;line-height:38px;font-weight:bold;}
.tab-content-boxes-item {color: #666666;font-weight: bold;margin-bottom: 30px;text-align: center;}
.tab-content-box-item {display: table;margin-bottom: 2px;margin-right: 2px;padding: 36px;text-align: center;width: 33%; border: 1px solid #354a55; min-height:260px;}
.tab-content-box-item p {padding-bottom: 10px;display: table-cell;vertical-align: middle;}

.mission-box-1 p strong, .mission-box-5 p strong, .mission-box-9 p strong {color:#009bdc;}
.mission-box-2 p strong, .mission-box-4 p strong, .mission-box-6 p strong, .mission-box-8 p strong {color:#fbb002;}
.mission-box-3 p strong, .mission-box-7 p strong {color:#b2007f;}

/*.mission-box-1, .mission-box-5, .mission-box-9 {border: 2px solid #009bdc;}
.mission-box-2, .mission-box-4, .mission-box-6, .mission-box-8 {border: 2px solid #fbb002;}
.mission-box-3, .mission-box-7 {border: 2px solid #b2007f;}*/

.tab-content-box-item:hover {background-color: #007acb;color: #fff;}
.tab-content-box-item:hover p strong {color: #fff;}

#mission-vision-and-values .tabs-content .tab-row .snapdown-title::after {background-image: url("/~/media/Images/R/Rentokil/css/sprite.png?1");background-position: 10px -265px;background-repeat: no-repeat;content: " ";display: inline-block;height: 50px;position: absolute;right: 0;top: 0;width: 50px;}

#mission-vision-and-values .tabs-content .tab-row .snapdown-title {display: none;position:relative; margin-bottom: 8px;background-color: #354a55;color: #fff;cursor: pointer;font-weight: bold;line-height: 1.375em;padding: 15px 50px 15px 23px;position: relative;}
#mission-vision-and-values .tabs-content .tab-row .snapdown-title.active::after {background-position: 10px -189px;}
#mission-vision-and-values .tabs-content .tab-row .snapdown-title.active {background-color: #0e202f;}
#mission-vision-and-values .tabs-content .tab-row .snapdown-cont {display: block;}
.tab-top-wrap .top-content .desk-content {display:table;}
.tab-top-wrap .top-content .mob-content {display: none;padding: 10px 10px 20px;width: 100%;}
.values-page .intro-text-wrap {margin-bottom: 30px;}
.tab-title a {display: inline-block;padding:17px 20px 15px 20px /*15px 20px*/;width: 100%;}
.mob-top-content .top-txt {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding: 20px;text-align: left;}

#contentwrapper .tabs-list li.last::after {right: -20px;width: 20px; height: 10px;border-bottom: 1px solid #dfdfdf;bottom: -1px;content: " ";display: inline-block;position: absolute;}
#contentwrapper .tabs-list li.first::after {left: -20px;width: 20px; height: 10px;border-bottom: 1px solid #dfdfdf;bottom: -1px;content: " ";display: inline-block;position: absolute;}
#contentwrapper .tabs-list li.tab-title.active {border-bottom: medium none;}
.top-content .tbl-cl { display: table-cell;vertical-align: middle;}

.tab-1-content .top-txt.desk-content {padding: 45px 0px;}
.tab-1-content .top-txt.desk-content .tbl-cl {padding: 0px 62px; background: #354a55;}
.tab-1-content .top-txt.desk-content .tbl-cl .rad-big {color: #fff;}

.tab-1-content .top-txt.mob-content {background: #354a55; margin-bottom: 30px;}
.tab-1-content .top-txt.mob-content .tbl-cl .rad-big {color: #fff;}
.tab-1-content .top-txt.mob-content .tbl-cl p {padding-bottom: 0;}

.tab-title {opacity: 0.6; filter: alpha(opacity=60);}
.tab-title.active {opacity: 1.0; filter: alpha(opacity=100);}
.tab-title.active a:after {content: '';position: absolute;width: 15px;height: 15px;left: 50%;background-color:#0e202f;bottom: -7px; z-index:1;display: block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin-left:-7px;}

#contentwrapper .tabs-list li#tab-3.active a:after { background-color: #b2007f;}
#contentwrapper .tabs-list li#tab-2.active a:after { background-color: #fbb002;}
#contentwrapper .tabs-list li#tab-1.active a:after { background-color: #009bdc;}
/*#mission-vision-and-values .single-player {text-indent: 0;}*/
#mission-vision-and-values .single-player {text-indent: -9999px;}

body#mission-vision-and-values .vid-button {bottom: 37%; max-width: 85%; padding: 33px 25px 7px 115px; font-size: 1.6em;}
body#mission-vision-and-values .vid-button::before { margin: -8px 0 18px -80px;}




/*
.valueIcon img {
  -webkit-transition: 0.6s ease-out;
  -moz-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}
.valueIcon:hover img {
  -webkit-transform: rotateZ(1800deg) !important;
  -moz-transform: rotateZ(1800deg) !important;
  transform: rotateZ(1800deg) !important;
}
.iconRotate img {
  -webkit-transform: rotateZ(1080deg) !important;
  -moz-transform: rotateZ(1080deg) !important;
  transform: rotateZ(1080deg) !important;
}
*/
/* Ipad Landscap */
@media all and (min-width: 992px) and (max-width: 1200px) {
.top-content .top-txt { width: 55%;}
.top-content .top-image { width: 45%;}
body#mission-vision-and-values .vid-button {padding: 15px 25px 2px 75px; bottom: 37%;}
body#mission-vision-and-values .vid-button::before {margin: 0px 0 25px -58px;}
}

/*--------- iPad Portrait and large Tablets Portrait ---------*/
@media all and (min-width: 768px) and (max-width: 991px) {
	.top-image {
    padding-bottom: 10px;
    width: 100%;
}
.tab-top-wrap .top-content .desk-content {display:none;}
.tab-top-wrap .top-content .mob-content {display:block;}
body#mission-vision-and-values .vid-button {padding: 33px 25px 7px 0px; bottom: 37%; position: absolute; background: rgba(14, 32, 47, 0.8);}
body#mission-vision-and-values .vid-button::before {margin: 0px; position: relative; background-color: transparent; top: -12px;}
}

@media all and (min-width: 768px) {
	#mission-vision-and-values .tabs-content .tab-row .snapdown-cont {display: block !important;}
}
/*--------- All Small Tablets and Large Phones Global CSS ---------*/
@media all and (max-width: 767px) {
	.top-image {
    padding-bottom: 10px;
    width: 100%;
}
.tab-top-wrap .top-content .desk-content {display:none;}
.tab-top-wrap .top-content .mob-content {display:block;}
#mission-vision-and-values .tab-content-box-item {width: 100%;}
#mission-vision-and-values .tabs-content .tab-row .snapdown-cont {display: none;}
#mission-vision-and-values .tabs-content .tab-row .snapdown-title {display: block;}
.tabs-content .tab-row {display: block !important;}
.tabs-list {display: none;}
.top-image {float: left;width: 100%;}
.top-image {float: left;width: 100%;}
	
body#mission-vision-and-values .vid-button {padding: 33px 25px 7px 0px; bottom: 37%; position: absolute; background: rgba(14, 32, 47, 0.8);}
body#mission-vision-and-values .vid-button::before {margin: 0px; position: relative; background-color: transparent; top: -12px;}
	
}

@media all and (max-width: 500px) {
	body#mission-vision-and-values .vid-button {padding: 15px 25px 0px 0px; bottom: 30%; font-size: 1.0em; height: 50px;}
	body#mission-vision-and-values .vid-button::before { height: 45px; top: -18px;}

}

@media all and (min-width: 0px) and (max-width: 360px) {

}