/*
Theme Name: Perth Vet Specialists
Author: Slick Design
Author URI: http://www.slickdesign.com.au
Description: Website template for Perth Vet Specialists
Version: 1.0
*/
/* Purple = rgba(98,65,116,1) #624174 */
/* D Purple = rgba(65,0,62,1) #41003e */
/* Green = rgba(102,149,32,1) */
/* Light Green = rgba(101,174,159,1) #65ae9f */
/* Light Blue = rgba(43,127,188,1) #2b7fbc */
/* Dark Green = rgba(0,64,66,1) #004042 */
/* Orange = rgba(237,117,73,1) #ed7549 */
/* Gold = rgba(191,151,93,1) #bf975d */


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


@import url(//fonts.googleapis.com/css?family=Raleway:400,200,700,600,500);
html {zoom:1;}
body, div, article, section, header, footer {padding:0;margin:0;font-family: 'Raleway', sans-serif;font-weight:400;color:rgba(0,0,0,1);}
body{background-color: #fff;}
input, textarea {font-family: 'Raleway', sans-serif;font-weight:400;}
input:disabled {opacity:0.2;}
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
a, a:hover {-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;color:rgba(0,0,0,0.8);}
.nolink-style {text-decoration:none;color:currentColor;}
.nolink-style:hover {color:currentColor;}
.full-width-wrapper {width:100%;}
header, footer, .wrapper, .rslidesholder {
	width:960px;
	position:relative;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.hidden-input {display:none !important;}
p {margin:10px 0;line-height:1.4em;}
h1 {color:#624174;margin:0 0 10px 0;font-size:2em;}
h2 {color:#624174;margin:0 0 8px 0;font-size:1.3em;font-weight:600;}
.purple-strip {width:100%;height:53px;position:absolute;top:30px;background:#624174;}
.purple_txt {color:#41003e}
.logo-holder {width:307px;margin-top:13px;float:left;}

.wrapper ul, .wrapper ol {margin:0;padding:0;}
.wrapper ul li, .wrapper ol li {margin:8px 0 0 18px;padding:0;}

nav {width:630px;float:right;height:53px;margin-top:30px;}
nav ul {padding:0;margin:0;list-style:none;}
nav ul li {float:right;margin:0;}
nav ul li a {font-weight:300;display:block;padding:17px 12px;height:100%;text-align:center;color:#FFFFFF;text-decoration:none;}
nav ul li a:hover, nav ul li a.active {background:rgba(255,255,255,0.2);color:#FFFFFF;}
nav ul li a.active {font-weight:400;}

.menu-tabs-holder {width:100%;float:left;}
.menu-tab {width:154px;height:116px;float:left;position:relative;margin-right:7px;}
.menu-tab:last-of-type {margin-right:0;}
.menu-text {line-height:1.1em;position: absolute;bottom: 8px;z-index: 2;font-size: 0.7em;width: 100%;height:100%;text-align: center;font-weight: 700;padding-top:86px;background-repeat:no-repeat;background-position:center 30px;}
.menu-tab a {display:block;width:100%;height:100%;text-decoration:none;text-align:center;padding-top:40px;color:rgba(0,0,0,0.7);}
.menu-tab a:hover .menu-text, .menu-tab a.active .menu-text {color:#FFFFFF !important;}
.menu-tab a:hover .tab-background, .menu-tab a.active .tab-background {height:112px;}
.tab-background {position:absolute;bottom:0;left:0;height:5px;width:100%;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}

.icon1 {background-image:url('images/menu1.png');}
.icon2 {background-image:url('images/menu2.png');}
.icon3 {background-image:url('images/menu3.png');}
.icon4 {background-image:url('images/menu4.png');}
.icon5 {background-image:url('images/menu5.png');}
.icon6 {background-image:url('images/menu6.png');}

.purple_bg {background:#624174;}
.dpurple_bg {background:#41003e;}
.lightgreen_bg {background:#65ae9f;}
.lightblue_bg {background:#2b7fbc;}
.dgreen_bg {background:#004042;}
.bgreen_bg {background:#669520;}
.gold_bg {background:#bf975d;}
.dorange_bg {background:#ed7549;}
.purple_txt {color:#624174;}
.dpurple_txt {color:#41003e;}
.lightgreen_txt {color:#65ae9f;}
.lightblue_txt {color:#2b7fbc;}
.dgreen_txt {color:#004042;}
.bgreen_txt {color:#669520;}
.gold_txt {color:#bf975d;}
.dorange_txt {color:#ed7549;}
.red_txt {color:rgba(213,24,39,1);}

/* HOME 
/******************************************************************************************************************/
.download-form-holder {width:316px;height:40px;float:left;margin-top:15px;margin-bottom: 15px;}
.download-form-holder a {display:block;width:100%;height:100%;border:1px solid #624174;text-align:center;padding-top:10px;text-decoration:none;text-transform:uppercase;}
.download-form-holder a:hover {background:#624174;color:#FFFFFF;font-weight:400;}

.purple-download-form-holder {width:316px;height:41px;float:left;margin-top:31px;}
.purple-download-form-holder a, .purple-maps a {color:#FFFFFF;background:#624174;display:block;width:100%;height:100%;border:1px solid #624174;text-align:center;padding-top:10px;text-decoration:none;text-transform:uppercase;}
.purple-download-form-holder a:hover, .purple-maps a:hover {background:#FFFFFF;color:#624174;font-weight:400;}

.purple-maps {width:100%;height:41px;float:left;margin:0 0 10px 0;}

.open-times-holder {float:right;margin-top:15px;height: 40px;line-height: 40px;text-align:center;font-weight:400;color:rgba(0,0,0,0.6);width:637px;}
.open-times-holder span {font-weight:600;}

<!-- Slider -->
.rslides {margin:0;padding:0;}
.rslidesholder ul {margin:0;padding:0;  position: relative;  list-style: none;  overflow: hidden;  width: 100%;}
.rslides ul li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;}
.rslides ul li:first-child {  position: relative;  display: block;  float: left;}
.rslides ul li img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;}
.nav-container .next {position:absolute;top:0;right:8px;height:100%;width:20px;background:url('images/right.png') no-repeat center center;color:transparent;z-index:99;}
.nav-container .prev {position:absolute;top:0;left:8px;height:100%;width:20px;background:url('images/left.png') no-repeat center center;color:transparent;z-index:99;}

.rslidesholder {
	margin-top:20px;
	height:345px;
}

.box-holder {width:100%;float:left;}
.thin-box1, .thin-box2, .thin-box3 {width:316px;height:168px;float:left;position:relative;display:block;margin-bottom:6px;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.thin-box1:hover .text-holder, .thin-box2:hover .text-holder, .thin-box3:hover .text-holder {bottom:24px;padding:16px 0;}
.thin-box1:hover, .thin-box2:hover, .thin-box3:hover {background-position: center 70px;}
.thin-box1, .thin-box2 {margin-right:6px;}
.thin-box1 {background:rgba(98,65,116,0.86) url('images/icon-cross.png') no-repeat center 11px;background-size:42px;}
.thin-box2 {background:rgba(102,149,32,0.86) url('images/icon-paw.png') no-repeat center 11px;background-size:42px;}
.thin-box3 {background:rgba(237,117,73,0.86) url('images/icon-heart.png') no-repeat center 11px;background-size:42px;}
.text-holder {min-height: 95px;color:#FFFFFF;text-align:center;font-size:1.1em;position:absolute;width:100%;bottom:6px;padding:6px 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.text-holder h2 {color:#FFFFFF;}
.text-holder p {margin:0;padding:0;}
.text-holder h2 {margin:4px;}

.tall-box1, .tall-box2, .tall-box3 {width:316px;height:312px;float:left;position:relative;display:block;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.tall-box2 {background:rgba(0,0,0,0.1) url('images/icon-red-paw.png') no-repeat center 12px;background-size:42px;text-align:center;padding:72px 10px 20px 10px;color:rgba(0,0,0,0.7);border-bottom:6px solid rgba(0,0,0,0.3);}
.tall-box2 p {margin:6px 0;}
.tall-box3 {background:rgba(98,65,116,0.5);padding:0 23px 20px 25px;border-bottom:6px solid rgba(98,65,116,1);}
.tall-box1, .tall-box2 {margin-right:6px;}
.tall-box2 h2 {margin:10px 0;}
.tall-box3 h2 {width:100%;text-align:center;color:rgba(98,65,116,1);margin:18px 0 9px 0;}
.find-out-more {display:block;border:1px solid rgba(0,0,0,0.3);padding:8px;width:153px;margin:20px auto 0 auto;text-decoration:none;color:rgba(0,0,0,0.7);text-transform:uppercase;}
.find-out-more:hover {border:1px solid #FFFFFF;background:rgba(0,0,0,0.3);color:#FFFFFF;font-weight:700;}
.tall-box1 span.we-are-here{position: absolute;width: 60px;height: 60px;background-color: #624174;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;font-size: 0.8em;color: #fff;text-align: center;padding-top: 7px;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;}

.tall-box3 article {border-bottom:1px solid rgba(255,255,255,0.4);float:left;margin-bottom:8px;width:100%;}
.tall-box3 article:hover .date-holder {background:rgba(255,255,255,0.5);color:rgba(98,65,116,1);}
.date-holder {padding:6px 2px 0 2px;margin:0 10px 6px 0;width:45px;height:45px;border-radius:45px;background:rgba(98,65,116,1);float:left;text-align:center;color:#FFFFFF;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.month {font-size:0.7em;font-weight:600;}
.day {font-size:1.1em;line-height:0.9em;margin: 0 10px;}
.excerpt {display:block;width:200px;float:left;color:#FFFFFF;text-decoration:none;padding-bottom: 5px;}
.excerpt p {margin:0;font-size:0.9em;}

/* ABOUT 
/******************************************************************************************************************/
.left-menu, .archive-holder {width:141px;float:left;margin-top:50px;}
.left-menu a {display:block;width:100%;border-bottom:1px solid #624174;text-decoration:none;font-weight:700;color:rgba(0,0,0,0.7);margin-bottom:8px;}
/* The standard active link needs to go first */
.left-menu a.active {color:#624174;border-bottom:1px solid #624174;}
/* Dim all links */
.left-menu:hover > a, .left-menu:hover > a.active {color:rgba(0,0,0,0.4);}
/* The hover state needs to go last */
.left-menu a:hover, .left-menu a.active:hover {color:#624174;}

/* Archive links */
.archive-holder {background:rgba(98,65,116,0.1);}
.archive-holder .archive-title {display:block;color:#FFFFFF;background:rgba(98,65,116,0.7);padding:4px;font-weight:400;margin-bottom:6px;}
.archive-holder a {display:block;width:100%;border-bottom:1px solid #624174;text-decoration:none;font-weight:300;color:rgba(0,0,0,0.7);margin-bottom:8px;padding-left:4px;}
.archive-holder a:hover {font-weight:700;}
.archive-holder a:last-of-type {margin-bottom:0;}

.main-content {width:800px;float:right;margin-top:50px;}

/* VETENAIRIANES? 
/******************************************************************************************************************/
.seminars-holder {margin-top:50px;}
.seminar-holder {position:relative;margin:10px 0 60px 0;border-top:1px solid currentColor;padding-top:10px;}
.seminar-holder h1 {padding-bottom:8px;margin-top:50px;display:block;}
.seminar-date-holder {position:absolute;top:-47px;right:0;width:59px;height:46px;background:#624174;color:#FFFFFF;border-top-right-radius:6px;border-top-left-radius:6px;text-align:center;padding-top:6px;}
.vet-page{position: relative;}
.vet-page .purple-download-form-holder{position: absolute;top: -10px;right: 0px;margin-top: 0px;}

/* PET OWNERS
/******************************************************************************************************************/
.expandable {position:relative;text-decoration:underline;padding-left:20px;cursor:pointer;margin-top:20px;}
.expandable:before {content:">";font-size:1em;position:absolute;top:0;left:0;}
.hidden {display:none;width:800px;height:auto;}

/* NEWS 
/******************************************************************************************************************/
.blog-post-holder {position:relative;margin-top:10px;margin-bottom:50px;overflow:hidden;}
.blog-post-holder h1 {padding:0 60px 8px 0;}
.blog-date-holder {position:absolute;top:-46px;right:0;width:59px;height:46px;background:#624174;color:#FFFFFF;border-top-right-radius:6px;border-top-left-radius:6px;text-align:center;padding-top:6px;}
.post-wrapper {position:relative;width:100%;border-top:1px solid currentColor;}
.post-image-holder {width:100px;float:left;margin:15px 15px 15px 0;}
.post-image-holder img {width:100%;}
.post-text-with-img {width:685px;float:right;}
.post-text {width:100%;float:left;}
.read-more {display:block;border:1px solid rgba(0,0,0,0.3);padding:8px;width:153px;margin:20px auto 0 auto;text-decoration:none;color:rgba(0,0,0,0.7);text-transform:uppercase;text-align:center;float:left;}
.read-more:hover {border:1px solid #FFFFFF;background:rgba(0,0,0,0.3);color:#FFFFFF;font-weight:700;}

.page-numbers {display:block;width:24px;height:24px;text-align:center;float:left;margin-right:2px;text-decoration:none;border:1px solid rgba(0,0,0,0.6);}
.page-numbers:hover, .page-numbers.current {background:#624174;color:#FFFFFF;}

/* Blog images fix */
.post-text > p > a > img {display:block;margin-bottom:10px;}

/* REFERRAL FORM 
/******************************************************************************************************************/
.service-box {width:110px;height:84px;float:left;position:relative;margin-right:7px;text-align:center;font-size:0.5em;font-weight:700;}
.service-box:last-of-type {margin-right:0;}
.service-checkbox {width:22px;height:22px;margin:10px auto 14px auto;border:1px solid rgba(0,0,0,0.6);font-size:2em;color:#FFFFFF;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.service-checkbox:hover, .service-checkbox.active {color:#000000;cursor:pointer;}

.comm-checkbox, .overnight-contact-checkbox, .overnight-vet-checkbox, .overnight-vet-checkbox, .invoice-checkbox, .lab-results-checkbox, .radiographs-checkbox, .patient-history-checkbox, .further-assesment-checkbox, .iv-checkbox, .iv-fluids-checkbox, .overnight-checkbox, .sex-checkbox, .desexed-checkbox, .add-history-checkbox, .lab-checkbox, .rad-checkbox, .overnight-checkbox, .opinion-checkbox, .image-checkbox, .radio-checkbox, .ultra-checkbox {margin:0 6px 0 30px;display:inline;text-align:center;padding:0 5px;width:18px;height:18px;border:1px solid rgba(0,0,0,0.6);font-size:1em;color:transparent;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.comm-checkbox:first-of-type, .sex-checkbox:first-of-type, .desexed-checkbox:first-of-type, .add-history-checkbox:first-of-type, .lab-checkbox:first-of-type, .rad-checkbox:first-of-type, .overnight-checkbox:first-of-type, .opinion-checkbox:first-of-type, .image-checkbox:first-of-type, .radio-checkbox:first-of-type, .ultra-checkbox:first-of-type {margin:0 6px 0 0;}
.comm-checkbox:hover, .overnight-contact-checkbox:hover, .overnight-vet-checkbox:hover, .invoice-checkbox:hover, .radiographs-checkbox:hover, .lab-results-checkbox:hover, .patient-history-checkbox:hover, .further-assesment-checkbox:hover, .iv-checkbox:hover, .iv-fluids-checkbox:hover, .overnight-checkbox:hover, .sex-checkbox:hover, .desexed-checkbox:hover, .add-history-checkbox:hover, .lab-checkbox:hover, .rad-checkbox:hover, .overnight-checkbox:hover, .opinion-checkbox:hover, .image-checkbox:hover, .radio-checkbox:hover, .ultra-checkbox:hover {color:#000000;cursor:pointer;}

.overnight-contact-checkbox, .overnight-vet-checkbox, .iv-checkbox, .iv-fluids-checkbox, .invoice-checkbox, .further-assesment-checkbox {margin-left:0;float:left;}
.patient-history-checkbox, .lab-results-checkbox, .radiographs-checkbox {margin-left:12;float:left;}

.overnight-contact-number {float:right !important;width:382px !important;}
.overnight-checkbox {margin-left:0 !important;}

.aec_referral_message {display:none;width:100%;float:left;margin:12px 0 0 0;}

.form-section {width:100%;float:left;margin-top:20px;display:none;}
.aec-form-section {width:100%;float:left;margin-top:20px;}
.table-label {float:left;}

.form-section p, .aec-form-section p {margin:4px 0;overflow:hidden;width:100%;display:block;}
.form-section section {width:100%;float:left;}
.form-section .standard, .aec-form-section .standard {display:block;width:200px;float:left;padding-top:2px;}
.form-section .long, .aec-form-section .long {display:block;width:290px;float:left;padding-top:0;}
.form-section .short, .aec-form-section .short {display:block;width:76px;float:left;margin-left:17px;padding-top:3px;}
.form-section .long-input, .aec-form-section .long-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:493px;}
.aec-form-section .short-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:300px;}
.aec-form-section .shorter-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:244px;}
.aec-form-section .mini-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:110px;}
.aec-form-section .digit-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:50px;}
.aec-form-section .table-input {border:0;padding:4px;width:100%;margin:0;}
.aec-form-section textarea {height:50px;width:493px;}

.aec-form-section span.further-assesment-checkbox, .aec-form-section span.patient-history-checkbox {display:none;}

.overnight-table {width:690px;}
.overnight-table tr th {border:2px solid #000000;border-left:0;}
.overnight-table tr th:first-of-type {border-left:2px solid #000000;}
.overnight-table tr td {border-bottom:1px solid #000000;border-right:2px solid #000000;min-height:32px;}
.overnight-table tr td:first-of-type {border-left:2px solid #000000;}
.overnight-table tr:last-of-type td {text-align:center;border-bottom:2px solid #000000;}

.margin-top {margin-top:20px !important;}

.line-break {margin:3px 0;}
div[rel="MUSCULO-SKELETAL"] {float:left;margin-left:0;}
.interest-holder {width:479px;float:left;margin-bottom:20px;}
.short-interest-holder {width:392px;float:left;margin-bottom:20px;}
.interest-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:325px;margin-left:10px;background: transparent;}
.short-interest-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:231px;margin-left:10px;background: transparent;}
.interest-standard {float:left;}

.form-section .short-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:200px;float:left;}
.checkbox-group-holder, .checkbox-group-holder > div {float:left;}
.label-wrapper {min-width:60px;float:left;margin-right:20px;}
.checkbox-block {display:block;clear:both;height:24px;padding-top:3px;}
.overnight-checkbox {float:left;}
.contact-holder {float:right;}
.secret-file {display:none;}
.attach-button {color:#FFFFFF;background:#624174;padding:2px 6px;text-decoration:none;}
.attach-button:hover {color:#624174;background:#FFFFFF;}

.purple-form-section {float:left;height:100%;width:691px;margin-top:20px;padding:20px;background:rgba(98,65,116,0.2);display:none;}
.purple-form-section h1 img {float:right;}
.inner-form-section {margin-top:20px;}
.inner-form-section .standard {display:block;width:150px;float:left;padding-top:2px;}
.inner-form-section .long {display:block;width:290px;float:left;padding-top:0;}
.inner-form-section .short {display:block;width:76px;float:left;margin-left:17px;padding-top:3px;}
.inner-form-section .long-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:493px;background:transparent;}
.inner-form-section .short-input {border:1px solid rgba(0,0,0,0.4);padding:4px;width:200px;float:left;}
.small-print {font-size:0.8em;}

.aec-submit-holder {width:100%;float:left;}
.submit-holder {display:none;}
.submit-button {font-size:1em;font-family: 'Raleway', sans-serif;font-weight:200;float:left;width:204px;height:40px;padding-top:6px;display:block;margin:20px 0;border:1px solid #624174;text-align:center;background:#624174;color:#FFFFFF;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.submit-button:hover {color:#624174;background:#FFFFFF;cursor:pointer;}

.wpcf7-mail-sent-ok {width:100%;float:left;}
.screen-reader-response {display:none;}
.wpcf7-validation-errors {width: 100%;float: left;margin: 0 !important;border:2px solid #A80000 !important;}
.wpcf7-mail-sent-ok {width: 100%;float: left;margin: 0 !important;}


/* responsive textareas */
.form-section textarea.long-input {
	/*height: 23px;*/
}
.form-section textarea.long-input.aht1{
	-webkit-margin-before:4px;
}

.interest-holder.reg-interest-inline{
	width: 100%;
}
.reg-interest-inline span{
	display: inline-block;
}
.reg-interest-inline label{
	display: inline-block;
	margin-left: 15px;
	float: none;
}  
.reg-interest-inline input[type="text"]{
	width: 282px;
}


/* CONTACT 
/******************************************************************************************************************/
.contact-box {border-bottom:1px solid rgba(98,65,116,0.2);width:477px;padding-bottom:20px;margin-bottom:20px;overflow:hidden;}
.contact-form-box {width:477px;overflow:hidden;}
.contact-map {float:right;width:298px;height:294px;position: relative;}
.contact-map img{width:100%;height: auto;}
.contact-map span.we-are-here{position: absolute;width: 60px;height: 60px;background-color: #624174;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;font-size: 0.8em;color: #fff;text-align: center;padding-top: 7px;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;}
.contact-page h1 img{max-width: 200px;height: auto;}

.contact-form-box label {display:block;width:150px;height:24px;float:left;}
.contact-form-box p {overflow:hidden;margin:2px 0;}
.contact-form-box input, .contact-form-box textarea {float:right;width:304px;border:1px solid rgba(98,65,116,0.2);padding:4px;}
.contact-form-box textarea {height:95px;}

/* AEC
/******************************************************************************************************************/
.aec-page .details-holder{padding-right: 340px;}
.logo-details-holder {width:100%;float:left;margin-bottom:16px;}
.details-holder {float:right;width:100%;font-size:1.1em;}
.aec-top-right{position: absolute;	width: 320px;right: 0px;top: 50px;}
.aec-top-right .blood-bank-tile{display: block;text-decoration: none;text-align: right;background-color: rgba(0,0,0,0.1);padding: 10px 20px;height: 80px;}
.aec-top-right .blood-bank-tile img{width: 40px;float: left;}
.aec-top-right .blood-bank-tile span{display: block;color: #624174;font-size: 1.3em;font-weight: 600;height: 60px;line-height: 60px;}
.aec-top-right .blood-bank-tile:hover{background-color: #624173;}
.aec-top-right .blood-bank-tile:hover span{color: #fff;}
.aec-top-right .purple-download-form-holder{margin-top: 10px;width: 320px;}


/* PAS
/******************************************************************************************************************/
.sub-left-menu {width:141px;float:left;margin-top:50px;}
.sub-left-menu a {display:block;width:100%;border-bottom:1px solid #624174;text-decoration:none;font-weight:700;color:rgba(0,0,0,0.7);margin-bottom:8px;}
.sub-left-menu a:hover, .sub-left-menu a.active {color:#624174;border-bottom:1px solid #624174;}
/* Dim all links */
.sub-left-menu:hover > .main-menu-item {color:rgba(0,0,0,0.4);}
/* The hover state needs to go last */
.sub-left-menu .main-menu-item:hover {color:#624174;}

.sub-menu {display:none;}
.sub-menu a, .download-sub-menu a {border-bottom:1px solid rgba(0,0,0,0.6);display:block;width:100%;padding-bottom:4px;font-weight:100;font-size:0.9em;}
.intro img {float:left;margin:0 20px 10px 0;}

.pas-section {display:none;width:100%;}
.pas-section .content-section {position:relative;padding-bottom:40px;border-bottom:1px solid #624174;margin-bottom:30px;overflow:hidden;}
.to-top {position:absolute;bottom:10px;right:0;width:22px;height:17px;cursor:pointer;}
.pas-image-box {width:188px;height:250px;float:left;margin:10px 15px 0 0;}
.pas-image-box:nth-of-type(4n) {margin:10px 0 0 0;}
.pas-image {width:100%;height:167px;background-size:cover;}
.pas-image-box .description {font-weight:400;font-size:0.8em;margin-top:10px;}

.purple_line {width:100%;display:block;border-bottom:1px solid #624174;margin:20px 0;}

.team-member-holder {width:100%;overflow:hidden;position:relative;}
.team-member-holder .team-image {position:relative;width:96px;height:117px;float:left;background-size:contain;background-position:top center;background-repeat:no-repeat;margin:0 10px 0 0;}
.team-member-holder .text-holder {position:relative;width:685px;color:#000000;float:right;font-size:1em;text-align:left;}
.team-member-holder .text-holder p {margin:10px 0;}
.team-member-holder .text-holder .name {font-weight:700;color:#624174;font-size:1.1em;}
.team-member-holder .text-holder .spacer {margin:0 10px;font-weight:400;color:#624174;}
.team-member-holder .text-holder .qualifications {font-size:0.8em;}

/* VMS */
.banner-holder {width:100%;float:left;margin-top:20px;}

/* FOOTER 
/******************************************************************************************************************/
.footer-holder {border-bottom:10px solid rgba(98,65,116,1);overflow:hidden;margin-top:67px;padding-bottom:6px;}
.footer-links {width:319px;float:left;}
.footer-links ul {link-style:none;padding:0;margin:0;}
.footer-links ul li {margin-bottom:3px;}
.footer-links ul li a {text-decoration:none;font-weight:400;font-size:0.9em;}
.footer-links ul li a:hover {color:rgba(0,0,0,0.7);}

.copyright {font-size:0.7em;margin-top:10px;}
.author {width:100%;text-align:right;margin-top:16px;position:relative;}
.author a {text-decoration:none;color:rgba(0,0,0,0.6);font-size:0.8em;}
.address-holder {width:300px;float:left;font-size:0.9em;}
.address-holder a {text-decoration:none;color:rgba(0,0,0,0.7);}
.address-holder a:hover {text-decoration:none;color:rgba(0,0,0,1);}
.footer-animals {width:344px;height:210px;position:absolute;bottom:22px;right:0;}

/* Flipping service CSS - David Walsh */
/* entire container, keeps perspective */
.flip-container {-webkit-perspective: 1000;-moz-perspective: 1000;-o-perspective: 1000;-ms-perspective: 1000;perspective: 1000;margin-left:10px;}
/* flip the pane when hovered */
.flip-container.hover .flipper, .flip-container.flip .flipper {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
.flip-container, .front, .back {width:20px;height:22px;background-size:cover;background-repeat:no-repeat;float:right;margin-right:6px;}
/* flip speed goes here */
.flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;-o-transform-style: preserve-3d;-ms-transition: 0.6s;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
/* hide back of pane during swap */
.front, .back {-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top:-3px;left: 0;}
/* back, initially hidden pane */
.back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 2;}
.desktop-hide, .mob-only {display:none;}
/* Ipads (portrait) ----------- */
@media only all and (max-width: 980px) and (min-width: 768px){
    html{zoom: 0.76;}
}
/* Smartphones (portrait and landscape) ----------- */
.mob-menu, .mob-menu-icon, .sub-mob-menu-icon {display:none;}
@media only all and (max-width: 767px){
	.desktop-hide {display:inline;}
	.mob-only {display:block;}
	.mob-hide, .menu-tabs-holder, nav, .purple-strip {display:none;}
	header, footer, .wrapper {width:100%;}
	header, footer {padding:0 5%;}
	.main-content, .mob-padding {padding:0 5%;}
	.mob-menu {
		display:none;
		width:100%;
		height:100%;
		background-color:#624174;
		box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.6), inset 0px -11px 8px -10px rgba(0,0,0,0.6);
	}
	.mob-menu a {
		width:100%;
		display:block;
		clear:both;
		text-align:right;		
		padding:12px 16% 12px 0;	
		text-transform:uppercase;
		text-decoration:none;
		color:#FFFFFF;
		font-size: 0.8em;
		font-weight:600;
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	.sub-left-menu a {margin:0;background-color:#BBAEC5;position:relative;padding:14px 5%;}	
	.mob-menu-icon {background:#624174 url('images/mobile-menu.svg') no-repeat 95% center;background-size:30px;}	
	.sub-mob-menu-icon {background:#BBAEC5 url('images/mobile-menu.svg') no-repeat 95% center;background-size:30px;}
	.mob-menu-icon, .sub-mob-menu-icon {
		display:block;
		width:100%;
		cursor:pointer;			
		height:44px;
		text-align:right;
		padding:13px 16% 0 0;
		color:#FFFFFF;
		font-weight:600;
	}
	.menu-icon {
		background-repeat:no-repeat;
		background-position:12px 7px;
		background-size:36px;
	}
	.icon1.menu-icon {
		background-size:25px;
		background-position:18px 7px;
	}
	.logo-holder {
		width:90%;
		margin:20px auto;
		float:none;
	}
	
	/* HOME */
	.rslidesholder {display:none;}
	.download-form-holder {width:100%;margin:10px 0 0 0;font-size:0.9em;}
	.open-times-holder {width:100%;float: left;height: auto;line-height: 1em;margin-bottom: 15px;}
	
	.thin-box1, .thin-box2, .thin-box3, .tall-box1, .tall-box2, .tall-box3 {width:100%;}
	.tall-box1, .tall-box2, .tall-box3 {margin-bottom:12px;}
	.tall-box2, .tall-box3 {height:auto;}
	.excerpt {width:140px;}
	.tall-box1{height: auto;}
	.tall-box1 img{width:100%;height:auto;}
	
	/* ABOUT */
	.left-menu {display:none;}
	.main-content {width:100%;}
	
	/* REFERRAL FORM */
	.service-box {width:48%;margin-right:4%;}
	.service-box:nth-of-type(2n) {margin-right:0;}
	.form-section .long-input, .form-section .short-input, .purple-form-section, .inner-form-section .long-input, .contact-holder {width:100%;}
	.overnight-contact-number {width:100% !important;margin:0px 0 4px 0;}
	.label-wrapper {min-width:initial;margin:0;}
	.purple-form-section img {display:none;}
	.small-print, .inner-form-section, .mob-block {clear:both;}
	.mob-block {margin:20px 0 0 0;}
	.interest-holder, .interest-input, .short-interest-holder, .short-interest-input {width:100%;margin:0;}

	/* AEC REFERRAL FORM */
	.margin-top {margin-top:0px !important;}
	.aec-form-section .long-input, .aec-form-section .short-input, .aec-form-section .shorter-input, .aec-form-section .mini-input, .aec-form-section .current-problems textarea {width:100%;}
	.overnight-contact-checkbox {margin-top:12px;}
	
	.add-history-checkbox, .lab-checkbox, .rad-checkbox, .overnight-checkbox, .opinion-checkbox, .image-checkbox, .radio-checkbox, .ultra-checkbox {clear:both;margin:0 6px 6px 0;}
	.add-history-checkbox:first-of-type, .lab-checkbox:first-of-type, .rad-checkbox:first-of-type, .overnight-checkbox:first-of-type, .opinion-checkbox:first-of-type, .image-checkbox:first-of-type, .radio-checkbox:first-of-type, .ultra-checkbox:first-of-type {clear:both;margin:0 6px 6px 0;}
	
	.submit-button {width:100%;}

	/* NEWS */
	.archive-holder, .post-image-holder {display:none;}
	.seminars-holder h1 {padding-right:60px;}
	.hidden {width:100%;}
	
	/* CONTACT */
	.contact-map {width:100%;margin-bottom:16px;height: auto;}
	.contact-box, .contact-form-box, .contact-form-box input, .contact-form-box textarea {width:100%;}
	.contact-box table {margin:16px 0;}
	.contact-page h1 img{width:100%;max-width: 100%;}
	
	/* EMERGENCY */
	.aec-page .details-holder{padding-right: 0px;}
	.details-holder {width:100%;position: relative;}
	.banner-holder {display:none;}
	.aec-top-right .blood-bank-tile {text-align: left;}
	.aec-top-right .blood-bank-tile span{padding-left: 50px;}
	.aec-top-right{position: relative;width:100%;top: auto; right: auto;}
	.aec-top-right .purple-download-form-holder{width: 100%;}

	/*VETS PAGE*/
	.vet-page .purple-download-form-holder{position: relative;top: auto;right: auto;margin-bottom: 20px;width: 100%;}
	
	/* ANIMAL SURGERY */
	.sub-left-menu {width:100%;margin:0;display:none;}
	.main-menu-item {padding:10px 0;}
	.sub-menu a {font-weight:400;padding:10px 5% 10px 5%;}
	.pas-image-box {width:100%;height:auto;}
	.download-sub-menu {display:none;width:100%;}
	
	/* TEAM STYLES */
	.team-member-holder .text-holder {width:100%;}
	
	/* FOOTER */
	footer {padding-bottom:16px;}
	.footer-holder {margin-top:16px;padding-top:16px;border-top:1px solid #624174;}
	.footer-animals {display:none;}
	.author {text-align:left;}
}


.modal {
    background: rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 25px;
}
.modal > * {
    background: white;
    width: 340px;
    padding: 20px 20px 10px ! important;
    margin: auto ! important;
    max-width: 95%;
    box-sizing: border-box;
}
.modal > *:after {
    content: "";
    display: table;
    clear: both;
}
.modal > * > *, .modal input[type="text"], .modal input[type="email"], .modal textarea, .modal label {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}