@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

@font-face {
    font-family:'Calibri-Regular';
    src: url('../fonts/Calibri-Regular.eot');
	src: url('../fonts/Calibri-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Calibri-Regular.otf') format('opentype'),
 url('fonts/Calibri-Regular.ttf') format('truetype');
    font-weight: 400;   
}
@font-face {
    font-family:'Calibri-Bold';
    src: url('../fonts/Calibri-Bold.eot');
	src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Calibri-Bold.otf') format('opentype'),
 url('../fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: 700;   
}
@font-face {
    font-family:'Calibri-Light';
    src: url('../fonts/Calibri-Light.eot');
	src: url('../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Calibri-Light.otf') format('opentype'),
 url('../fonts/Calibri-Light.ttf') format('truetype');
    font-weight: 300;   
}
body {font-family:'Calibri-Regular' !important;color:#5A5969;font-size:20px}

h1,h2{font-family: 'Montserrat', sans-serif;}
@media only screen and (min-width:1200px)
{
	.container {
		max-width: 1200px !important;
    margin: 0 auto;

	}
}
nav.navbar.bg-light{background:transparent !important;}
header.header {
    padding-top: 10px;
    padding-bottom: 10px;
}
footer {
    background: #F5F5F5 padding-box;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);padding: 38px 0px 27px;
}
.footer-inner p {
    margin-bottom: 0px !important;
    color: #5A5969;
    font-size: 16px;
    text-align: right;
    font-weight: 400;
    line-height: 23px;font-family: 'Calibri-Regular';
}
.footer-inner {align-items: center;-webkit-align-items: center;-moz-align-items: center;}

section.win-shopping img {width: 100%;}
section.win-shopping .virback img {/*width: auto;*/width: 390px;}
.virback {text-align: center;}
section.win-shopping h1 {
    color: #5A5969;
    font-size: 61px;
    font-weight: 700;
    line-height: 84px;
}
section.win-shopping h1 span {color: #913542;}
.enternow-btn {margin-top: 100px;}
.enternow-btn a {
    width: 190px;
    background: #913542;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 99px;
    color: #fff;
    font-size: 24px;
    font-weight:700;font-family: 'Calibri-Bold';
}
.enternow-btn a:hover {
	background:#682935;text-decoration:none;color:#fff !important;
}

.inner-shopping {align-items: center;-webkit-align-items: center;-moz-align-items: center;padding: 0px 15px;}
section.win-shopping {padding-top: 50px;padding-bottom: 20px;}

.happy-dog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.grey-bg {background: #EDEDED;padding: 69px 0px 0px;  
background: #EDEDED url(https://www.winwithvirbac.co.uk/wp-content/uploads/2021/10/Happydog.png);
background-repeat: no-repeat;
    background-position: bottom right;
}
.white-bg h2 {
    margin-bottom: 30px !important;
}
section.formsection h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 80px;
    position: relative;
    color: #5A5969;    margin-bottom: 25px;
}
section.formsection h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #913542;
    left: 0;
    bottom: 0;
}
section.formsection .form-group label {
    color: #5A5969;
    font-weight:700;
    font-size: 20px;
    padding-bottom: 5px;width:100%;font-family: 'Calibri-Regular';    margin-bottom: 0px;
}
section.formsection .form-control {
    background: #fff !important;
    height: 75px;
    border: 0px;
    border-bottom: 1px solid #707070;
    border-radius: 0px;
    margin-bottom: 30px;font-family: 'Calibri-Regular';    margin-top: 10px;padding: 10px 15px;
}
.form-wrap {padding-bottom: 50px;}
section.formsection input#howmany {
    background: #EDEDED !important;
}
.inner-checkbox label {
    font-size: 20px;
    font-family: 'Calibri-Regular' !important;
    color: #5A5969;	
    position: relative;
    padding-left: 35px;
    font-weight: 400 !important;
}
.inner-checkbox1 label {
    font-size: 20px;
    font-family: 'Calibri-Regular' !important;
    color: #5A5969;	
    position: relative;
    padding-left: 35px;
    font-weight: 400 !important;
}
.whole-radiobox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 40px;
}
.whole-radiobox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 40px;
}
.inner-radio {
   /* width: 20%;*/
	width:100%;
    text-align: center;
}
.inner-radio label {
    padding: 10px 0px 5px!important;
    margin: 0px !important;
    font-weight: 400 !important;position:relative;font-family: 'Calibri-Regular';
}
.form-group h3 {
    color: #5A5969;
    font-weight:700;
    font-size: 20px;padding-bottom: 20px;
}
.whole-checkbox {
    padding-left: 50px;
    padding-bottom: 25px;
}
.whole-checkbox1 {
    padding-left: 50px;
    padding-bottom: 25px;
}
label.tacbox {
    font-size: 16px !important;font-family: 'Calibri-Regular';
}
input#taccheck {
    margin-right: 22px;
}
.form-group.submit-entry input[type="submit"] {
    background: #913542;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 99px;
    color: #fff;
    font-size: 24px;
    font-weight:700;
    width: 260px;
    box-shadow: none !important;
    border: 0px !important;
    margin: 0 auto;padding: 0px !important;
    font-family: 'Calibri-Regular';
}
.form-group.submit-entry input[type="submit"]:hover {
    background: #682935;
    text-decoration: none;
}
.form-group.submit-entry a {
    text-align: center;
    display: block;
    color: #5A5969;
    font-size: 16px;font-family: 'Calibri-Regular';
}
.form-group.submit-entry {
    padding-bottom: 85px;
    padding-top: 30px;
}
.white-bg {
    padding-top: 60px;
}
label.control-label.howmany-label {
    padding-bottom: 23px !important;
}
/**/

.inner-checkbox span.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 99px;
    border: 2px solid #5A5969;
    /*z-index: 999;*/
}
.inner-checkbox input:checked ~ .checkmark:after{background-color: #682935;}
.inner-checkbox {
    position: relative;/*padding-left: 30px;*/

}
.inner-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.inner-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.inner-checkbox .checkmark:after {
    left: 4px;
    top: 4px;
    border-radius: 99px;
    width: 8px;
    height: 8px;
    border: solid #682935;
    /* border-width: 0 3px 3px 0; */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.inner-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.inner-checkbox input:checked ~ .checkmark {
    background-color: #fff;
}

/**/

.inner-checkbox1 span.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 99px;
    border: 2px solid #5A5969;
    /*z-index: 999;*/
}
.inner-checkbox1 input:checked ~ .checkmark:after{background-color: #682935;}
.inner-checkbox1 {
    position: relative;/*padding-left: 30px;*/

}
.inner-checkbox1 input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.inner-checkbox1 input:checked ~ .checkmark:after {
    display: block;
}

.inner-checkbox1 .checkmark:after {
    left: 4px;
    top: 4px;
    border-radius: 99px;
    width: 8px;
    height: 8px;
    border: solid #682935;
    /* border-width: 0 3px 3px 0; */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.inner-checkbox1 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.inner-checkbox1 input:checked ~ .checkmark {
    background-color: #fff;
}



.inner-shop-right {
    
    width: 50vw !important;
    margin-right: calc(-50vw + 50% - 8px);
    position: relative !important;
    left: -9px;
    right: 0;
}
.inner-shop-left{width: 50%;
    padding-bottom: 35px;}
	.white-bg .row .col-md-12,.form-group.submit-entry {
    flex: 0 0 71% !important;
    max-width: 71% !important;
}
@media only screen and (max-width:1000px)
{
	.grey-bg {background: #EDEDED !important;}
}
@media only screen and (max-width:1199px)
{
section.win-shopping h1 {
    font-size: 50px;
    line-height: 70px;
}
.white-bg .row .col-md-12,.form-group.submit-entry {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
}
@media only screen and (max-width:991px)
{
	section.win-shopping h1 {    
		font-size: 38px;
		line-height: 48px;
	}
	/*.virback {display: none;}*/
	section.win-shopping .virback img {
    width: 100% !important;
}
	.enternow-btn {
		margin-top: 40px;
	}
	.enternow-btn a {
		width: 175px;    
		height: 55px;
		line-height: 55px;
		font-size: 20px;
	}
	
	.form-wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
	footer {padding: 30px 0px 15px;}
}
@media only screen and (max-width:767px)
{
	.inner-shopping { padding: 0px 18px;}
	/*.virback {text-align: center;display: none;}*/
	.enternow-btn a {
			width: 125px;
			height: 40px;
			line-height: 40px;
			font-size: 15px;
		}
	section.win-shopping h1 {font-size: 35px;line-height: 44px;}
	.enternow-btn {margin-top: 20px;}
	section.formsection h2 {font-size: 25px;line-height: 36px;    padding-bottom: 20px;}
	section.formsection .form-control {height: 60px;}
	section.formsection .form-group label {font-size: 17px;}
	.whole-checkbox {padding-left: 20px;}
		.whole-checkbox1 {padding-left: 20px;}
	.form-group h3 {font-size: 17px;}
	section.formsection .form-group .inner-radio label {font-size: 13px;}
	.footer-inner .col-md-6:first-child{width:35%;}
	.footer-inner .col-md-6:first-child img{width:100%;}
	.footer-inner .col-md-6:last-child{width:65%;}
	.form-group.submit-entry input[type="submit"] {   
		height: 55px;
		line-height: 55px;   
		font-size: 18px;
		width: 220px;
	}
	section.win-shopping {padding-top: 20px;}
        nav.navbar.bg-light figure img { width: 180px;}
}
@media only screen and (max-width:479px)
{
section.win-shopping h1 {
    font-size: 25px;
    line-height: 35px;
}
}

/**/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/ Firefox /
input[type=number] {
  -moz-appearance: textfield;
}

/**/

.inner-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.inner-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.inner-radio .checkmark {
    position: absolute;
    top: 50px;
    left: 62px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #5A5969;
}

/* On mouse-over, add a grey background color */
.inner-radio:hover input ~ .checkmark {
  background-color: #fff;;
}

/* When the radio button is checked, add a blue background */
.inner-radio input:checked ~ .checkmark {
  background-color: #fff;;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.inner-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.inner-radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #682935;
}
/*.inner-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;    z-index: 999;
    
}
*/
.inner-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 999;    
    height: 20px;
    width: 20px;
    left: 39px;
    right: 0px;
    margin: 0 auto;
}

@media only screen and (min-width:1500px)
{
.form-group.submit-entry {
    flex: 0 0 85% !important;
    max-width: 85% !important;
}
}
@media only screen and (max-width:1199px)
{
.inner-radio .checkmark{left:50px !important;}
}
@media only screen and (max-width:991px)
{
.inner-radio .checkmark {left: 50px !important;    top: 70px !important;}
	.inner-radio  span.wpcf7-list-item-label {
    max-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 32px;
    padding-top: 25px;
}
section.formsection .form-group .inner-radio label{font-size:17px;}
	.formsection .form-wrap {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
	.white-bg .col-md-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
}
@media only screen and (max-width:767px)
{

section.formsection .form-group .inner-radio label {
    font-size: 14px;
    min-height: 57px;
display: flex;align-items: center;justify-content: center;
-webkit-display: flex;-webkit-align-items: center;-webkit-justify-content: center;
-moz-display: flex;-moz-align-items: center;-moz-justify-content: center;
}
.inner-radio .checkmark {
    left: 35px !important;
    top: 96px;
}
.inner-radio input[type="radio"]{top:96px;}
.inner-radio{padding-left:6px;}
.site-branding a img {
    width: 225px !important;
}
}
@media only screen and (max-width:450px)
{
	.inner-radio .checkmark {
    left: 25px !important;
    top: 96px;
}
}
/**/
nav.navbar.bg-light figure img{
    width: 300px;
} 
 /**/
nav#site-navigation {
    display: none;
}
p.site-title a {
    display: none !important;
}
.row.inner-shopping {
    width: 100% !important;
}
.row.inner-shopping > section#block-7 {
    display: flex;-webkit-display: flex;-moz-display: flex;
	flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;
	align-items: center;-webkit-align-items: center;-moz-align-items: center;
}
.inner-checkbox span.wpcf7-list-item {
    display: block;
}

.inner-checkbox1 span.wpcf7-list-item {
    display: block;
}
.inner-radio span.wpcf7-list-item {
    width: 20%;
    text-align: center;
    margin-left: 0px;
}
.inner-radio span.wpcf7-form-control.wpcf7-radio {
    display: flex;-webkit-display: flex;-moz-display: flex;
    flex-wrap: wrap;-moz-flex-wrap: wrap;-moz-flex-wrap: wrap;
	align-items: center;-webkit-align-items: center;-moz-align-items: center;
    justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;
}
.inner-radio span.wpcf7-list-item.first {
    background: url(https://www.winwithvirbac.co.uk/wp-content/uploads/2021/10/Very-Unlikely-Icon.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 25px;
}
.inner-radio span.wpcf7-list-item:nth-child(2) {
    background: url(https://www.winwithvirbac.co.uk/wp-content/uploads/2021/10/Unlikely-Icon.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 25px;
}
.inner-radio span.wpcf7-list-item:nth-child(3) {
    background: url(https://www.winwithvirbac.co.uk/wp-content/uploads/2021/10/Neutral-Icon.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 25px;
}
.inner-radio span.wpcf7-list-item:nth-child(4) {
    background: url(https://www.winwithvirbac.co.uk/wp-content/uploads/2021/10/Likely-Icon.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 25px;
}
.inner-radio span.wpcf7-list-item:last-child {
    background: url(https://www.winwithvirbac.co.uk/wp-content/uploads/2021/10/Very-Likely-Icon.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 25px;
}
.form-group.submit-entry .col-md-8 {
    margin: 0 auto;
}
.checktick span.wpcf7-list-item-label {
    font-size: 16px !important;
    font-family: 'Calibri-Regular';
    padding-left: 15px;
}
input.form-control.howmany,.howmany input.wpcf7-form-control {
    background: #EDEDED !important;
    margin-top: 25px;
    margin-bottom: 0px;
}
.formsection .form-group {
    margin-bottom: 0px !important;
}
.checktick span.wpcf7-list-item.first.last {
    margin-left: 0px;
}
.post, .page {
    margin: 0 0 0px !important;
}

/**/
section.formsection {
    position: relative;
}
section.formsection .wpcf7-response-output {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 30px;
    max-width: 1200px;
    margin: 0 auto;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: green !important;
}