/* Start:/local/templates/viyo/public/css/main.css?16403564267352*/
html,
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	font: normal normal normal 14px/18px 'montserratregular', sans-serif;
	color: #68686a;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #FFF;
}

body.i18n-ru {
	font: normal normal normal 14px/18px 'Open Sans', sans-serif;
}

#where h1 {
	font: 45px/50px 'proximanovalight', sans-serif;
	color: #0b5d87;
	text-align: center;
	margin: 0 auto 24px auto;
}

.block {
	padding: 75px 0;
}

* {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #FFF;
	border-bottom: 1px solid;
	text-decoration: none;
}

a:link,
a:visited {
	color: #FFF;
	border-bottom: 1px solid;
}

a:hover {
	color: #a4f0ff;
	border-bottom: 1px solid;
}

img {
	border: 0 none;
}

div {
	position: relative;
}

sup {
	vertical-align: top;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

#wrapper {
	height: 100%;
}

#wrapper:after {
	clear: both;
	content: "";
	display: block;
}

section {
	padding-top: 120px;
}

section .content {
	width: 100%;
	max-width: 1140px;
	margin: auto;
}

.clear {
	clear: both;
}

#skrollr-body,
#main,
#wrapper {
	width: 100%;
}

#main {
	top: 0;
}

body.mobile #skrollr-body {
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

body.mobile #wrapper {
	height: 'auto';
}

.skrollable {
	position: fixed;
	z-index: 100;
}

.skrollable .skrollable {
	position: absolute;
}

.skrollable .skrollable .skrollable {
	/*position:static;*/
}

.form-item,
.form-actions {
	margin-top: 0;
	margin-bottom: 0;
}

.navigation .select {
	display: none;
}

.shops__content_first {
	max-width: 1200px;
	margin: 45px auto;
	width: 100%;
}

.shops__nav {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dropdown__label {
	font-size: 18px;
	color: rgb(85, 85, 85);
	height: 60px;
	display: block;
	width: 356px;
	line-height: 60px;
	border: 1px solid rgb(85, 85, 85);
	border-radius: 30px;
	padding: 0 23px;
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	appearance: none;
	cursor: pointer;
	background-image: url(/local/templates/viyo/public/css/../images/down.png);
	background-position: right 23px center;
	background-repeat: no-repeat;

}

.dropdown {
	position: relative;
	margin: 10px;
}

.dropdown__menu {
	display: none;
	position: absolute;
	top: 61px;
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden;
	width: calc(100% - 2px);
	border: 1px solid rgb(85, 85, 85);
	background: #fff;
	z-index: 2;
	padding: 10px 0 35px 0;
}

.dropdown__menu.active {
	display: block;
}

.dropdown__menu li {
	padding: 5px 23px;
	cursor: pointer;
}

.dropdown__menu li:hover {
	background: #eeeeee;
}

.dropdown__menu li.selected {
	background: #eeeeee;
}

.dropdown__label.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: none;
}

.dropdown__menu.active {
	border-top: none;
}


.shops__main {
	height: 147px;
	background: #fff;
	padding: 15px 30px;
	box-shadow: 0 0 30px -10px #9a9a9a;
}

.shops__items {
	display: flex;
	margin: 0 -10px;
	flex-wrap: wrap;
	width: calc(100% + 20px);
	overflow: hidden;
	overflow-y: auto;
	max-height: 582px;
	padding: 20px 10px;
}

.shops__item {
	padding: 10px;
	width: calc(25% - 20px);
}

.shops__imglink {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shops__imglink a {
	text-decoration: none;
	color: initial;
	border-bottom: none;
}

.shops__title {
	font-size: 24px;
	color: #483636;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	margin-bottom: 15px;
	padding: 0 10px;
}

.shops__nav {
	margin-bottom: 30px;
}


.shops *::-webkit-scrollbar {
	width: 5px;
}

.shops *::-webkit-scrollbar-track {
	background-color: #cbdde6;
	border-radius: 100px;
}

.shops *::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background: #0b5d87
}

.dropdown__menu::-webkit-scrollbar {
	margin-right: -25px;
}

.oneshop__title {
	font-size: 18px;
	color: rgb(11, 93, 135);
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin-bottom: 10px;

}

.oneshop__text {
	font-size: 14px;
	line-height: 1;
	text-align: center;
	margin-bottom: 10px;

}

.oneshop__links {
	display: flex;
	justify-content: space-between;
	width: 154px;
	margin: auto;
}

.oneshop__link a {
	display: block;
	border: 1px solid #999999;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 37px;
	height: 37px;


}

.shops__block {
	margin-bottom: 55px;
}

.shops__tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
}

.shops__tab {
	width: 110px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 18px;
	color: rgb(11, 93, 135);
	border: 1px solid rgb(11, 93, 135);
	cursor: pointer;
}

.shops__tab.active {
	color: #fff;
	background: rgb(11, 93, 135);
}

.shops__tabs .shops__tab:first-child {
	border-top-left-radius: 27px;
	border-bottom-left-radius: 27px;
}

.shops__tabs .shops__tab:last-child {
	border-top-right-radius: 27px;
	border-bottom-right-radius: 27px;
}

.shops__main:hover {
	box-shadow: 0 0 30px -10px #5c5c5c;
	transition: all 0.3s ease;
}

.shops__content {
	display: none;
}

.shops__content.active {
	display: block;
}

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 9999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}


.modal-content {
	position: relative;
	background-color: #fff;
	margin: auto;
	padding: 0;

	width: 50%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.close {
	position: absolute;
	animation: 0;
	right: 0;
	top: 0;
	z-index: 99999;
	cursor: pointer;
	color: white;
	float: right;

	color: #000;
	font-weight: 100;
	font-size: 42px;
	margin: 2px;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 2px 16px;
	color: #000;
	background-color: #fff;
}

.modal-body {
	padding: 25px;
}

.modal-footer {
	padding: 2px 16px;
	color: #000;
	background-color: #fff;
}

#benefits ul li {
	list-style: disc;
	padding-left: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
}

@media (max-width: 999px) {
	.dropdown__label {
		width: 50%;
	}

	.shops__tabs {
		width: 100%;
	}

	.dropdown__label {
		width: 200px;
	}

	.shops__nav {

		flex-wrap: wrap;
	}

	.shops__item {
		width: calc(50% - 20px);
	}

	.shops__tab {
		width: 124px;
	}

	.shops__imglink img {
		max-width: 100%;
		max-height: 100%;
	}

	.shops__main {

		padding: 15px 10px;
	}

	.shops__main {
		height: initial;
	}

	.shops__wrapper_first .shops__main {
		height: 90px;
	}

	.oneshop__title {
		font-size: 14px;
	}

	.oneshop__links {
		width: 100%;
		max-width: 200px;
	}

	.oneshop__link a {
		width: 30px;
		height: 30px;
	}

	.shops__items {
		max-height: initial;
	}

	#where h1 {
		font-size: 22px;
	}

	.shops__item {
		padding: 5px;
	}

	.modal-content {
		width: 100%;
	}
}
/* End */


/* Start:/local/templates/viyo/public/css/columns.css?1640356426764*/
@media screen {

	/* Content Columns */
	.col-1-1 {
		width: 100%;
	}
	.col-4-5 {
		width: 80%;
	}
	.col-3-4,
	.col-9-12 {
		width: 75%;
	}
	.col-2-3,
	.col-8-12 {
		width: 66.66%;
	}
	.col-3-5 {
		width: 60%;
	}
	.col-2-5 {
		width: 40%;
	}
	.col-1-2,
	.col-6-12,
	.col-2-4 {
		width: 50%;
	}
	.col-1-3,
	.col-4-12 {
		width: 33.33%;
	}
	.col-1-4,
	.col-3-12 {
		width: 25%;
	}
	.col-1-5 {
		width: 20%;
	}
	.col-1-6,
	.col-2-12 {
		width: 16.667%;
	}
	.col-1-7 {
		width: 14.28%;
	}
	.col-1-8 {
		width: 12.5%;
	}
	.col-1-9 {
		width: 11.1%;
	}
	.col-1-10 {
		width: 10%;
	}
	.col-1-11 {
		width: 9.09%;
	}
	.col-1-12 {
		width: 8.33%;
	}

}

@media handheld, only screen and (max-width: 767px) {
	
	/*
	[class*='col-'] {
		width: 100%;
		float: none;
	}
	*/

}

/* End */


/* Start:/local/templates/viyo/public/css/fancybox.css?16403564265678*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
position: relative;
background: transparent;
color: #444;
text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden !important;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	/*background-image: url('/local/templates/viyo/public/css/fancybox_sprite.png');*/
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 24px;
	height: 24px;
	background: url('/local/templates/viyo/public/css/fancybox_loading.gif') center center no-repeat;
	background-size: 24px;
}

.fancybox-close {
	position: fixed;
	display: block;
	width: 24px;
	height: 24px;
	top: 45px;
	right: 57px;
	background-image: url('/local/templates/viyo/public/css/../images/close.png');
	background-size: 12px 12px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 8040;
}

a.fancybox-close:link, a.fancybox-close:visited, a.fancybox-close:hover {
border-bottom: none;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/local/templates/viyo/public/css/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: -40px;
}

.fancybox-next {
	right: -40px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 10px;
	height: 12px;
	margin-top: -5px;
	cursor: pointer;
	z-index: 8040;
	/*visibility: hidden;*/
	background-size: 100%;
}

.fancybox-prev span {
	left: 10px;
	background-image: url('/local/templates/viyo/public/css/arrows-lightbox-left.png');
}

.fancybox-next span {
	right: 10px;
	background-image: url('/local/templates/viyo/public/css/arrows-lightbox-right.png');
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
background: #1177a2;
background: -moz-radial-gradient(center, ellipse cover, #46a0c2 0%, #157aa4 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#46a0c2), color-stop(100%,#157aa4));
background: -webkit-radial-gradient(center, ellipse cover, #46a0c2 0%,#157aa4 100%);
background: -o-radial-gradient(center, ellipse cover, #46a0c2 0%,#157aa4 100%);
background: -ms-radial-gradient(center, ellipse cover, #46a0c2 0%,#157aa4 100%);
background: radial-gradient(ellipse at center, #46a0c2 0%,#157aa4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a0c2', endColorstr='#157aa4',GradientType=1 );
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: hidden;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

html.fancybox-lock {
	overflow-y: scroll !important;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		/*background-image: url('/local/templates/viyo/public/css/fancybox_sprite@2x.png');
		background-size: 44px 152px; The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/local/templates/viyo/public/css/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* End */


/* Start:/local/templates/viyo/public/css/header.css?16403564266813*/
header {
	position: absolute !important;
	height: 120px;
	width: 100%;
	overflow: hidden;
	z-index: 1030;
}

body.mobile header {
	position: fixed !important;
}

header nav {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 1030;
	color: #FFF;
}

header nav .wrap,
header nav .inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	overflow: hidden;
}

header nav div.center {
	width: 100%;
	max-width: 1240px;
	margin: auto;
	height: 100%;
}

header nav div.logo {
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 22px;
}

header nav div.logo img {
	width: 110px;
}

header nav div.navigation {
	float: right;
	margin-right: 20px;
	margin-top: 16px;
	letter-spacing: 0.05em;
}

header nav div.social {
	float: left;
}

header nav div.social a {
	text-indent: -10000px;
	display: block;
	width: 16px;
	height: 16px;
	border: 0;
	float: left;
	position: relative;
}

header nav div.social a.facebook {
	background: transparent url('/local/templates/viyo/public/css/../images/icon-facebook-white.png') no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	margin-right: 8px;
}

header nav div.social a.twitter {
	background: transparent url('/local/templates/viyo/public/css/../images/icon-twitter-white.png') no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	margin-right: 30px;
}

header nav div.social:after {
	content: "";
	clear: both;
	display: block;
}

header nav div.navigation label {
	font: normal normal normal 12px 'montserratregular', Helvetica, Arial, sans-serif;
	padding: 0 0 2px 20px;
	float: left;
	border-bottom: 1px solid;
	position: relative;
}

header nav div.navigation label:hover {
	color: #a4f0ff;
}

header nav div.navigation select {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	height: 20px;
	width: 100%;
}

header nav div.navigation div.subnav {
	float: right;
}

header nav label.select:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	font: normal normal normal 30px/18px 'entypo', sans-serif;
	height: 18px;
}


header nav ul {
	clear: both;
	font: normal normal normal 12px/21px 'montserratbold', sans-serif;
	list-style: none;
	text-transform: uppercase;
	margin-top: 30px;
	position: relative;
	float: right;
}

header nav ul li {
	float: left;
	margin-left: 20px;
}

header nav ul li:first-child {
	margin: 0;
}

header nav ul li.dog {
	margin-left: 68px;
}

header nav ul li.phone-nav {
	text-indent: -10000px;
	background: transparent url('/local/templates/viyo/public/css/../images/icon-menu-mobile.png') no-repeat scroll top left;
	height: 15px;
	width: 20px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	display: none;
}

header nav div.grey-grey ul li.phone-nav,
header nav div.grey-blue ul li.phone-nav,
header nav div.grey-white ul li.phone-nav {
	background-image: url('/local/templates/viyo/public/css/../images/icon-menu-mobile-grey.png');
}

header nav ul li a:link,
header nav ul li a:visited,
header nav ul li a:hover {
	border: 0;
}

header nav ul li.active a {
	border-bottom: 1px solid !important;
}

header nav div.start {
	color: #FFF;
	top: 0;
}

header nav div.white-green {
	background-color: #77bb41;
	top: 100%;
}

header nav div.grey-blue {
	color: #483636;
	background-color: #a4f0ff;
	top: 100%;
}

header nav [class*='grey-'] a:link,
header nav [class*='grey-'] a:visited {
	color: #483636;
}

header nav div.grey-blue a:hover,
header nav div.grey-grey a:hover,
header nav div.grey-white a:hover {
	color: #1177a2;
}

header nav [class*='grey-'] div.social a.facebook {
	background-image: url('/local/templates/viyo/public/css/../images/icon-facebook-grey.png');
}

header nav [class*='grey-'] div.social a.twitter {
	background-image: url('/local/templates/viyo/public/css/../images/icon-twitter-grey.png');
}

header nav [class*='grey-'] div.navigation label:hover {
	color: #1177a2;
}

header nav div.white-tranparent {
	top: 100%;
}

header nav div.grey-grey {
	color: #483636;
	background-color: #f8f8f8;
	top: 100%;
}

header nav div.grey-grey.what {
	background-color: #e0e5e8;
	top: 100%;
}

.page-disclaimer header nav div.grey-grey.what {
	background-color: #e0e5e8;
	top: 0;
}

header nav div.grey-white {
	color: #483636;
	background-color: #FFF;
	top: 100%;
}

#phone-nav {
	position: fixed;
	top: -256px;
	width: 100%;
	background-color: #FFF;
	z-index: 3010;
}

#phone-nav a {
	color: #7cc248;
	border: 0;
	text-transform: uppercase;
}

#phone-nav ul {
	padding: 16px 0;
}

#phone-nav ul li {
	text-align: center;
	padding: 16px 0;
	font-size: 20px;
	letter-spacing: 0.05em;
}

section#start {
	width: 100%;
	height: 1000px;
	background: transparent url('/local/templates/viyo/public/css/../images/viyo-start.jpg') no-repeat center bottom scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.BG_0.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='BG_0.jpg', sizingMethod='scale')";
	padding-top: 0;
}

body.mobile section#start {
	height: 100%;
}

section#start .content {
	height: 100%;
	max-width: 976px;
}

section#start h1 {
	color: #FFF;
	font: normal normal normal 50px/50px 'proximanovalight', Helvetica, sans-serif;
	position: absolute;
	bottom: 96px;
	text-align: center;
}

.i18n-ko section#start h1 {
	line-height: 66px;
}

ul li.leaf {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 20px;
}

li a.active {
	color: inherit;
}

div.status {
	background-image: none;
	border-color: inherit;
	background-color: transparent;
	color: #fff;
}

div.messages {
	background-position: 8px 8px;
	background-repeat: no-repeat;
	border: none;
	margin: 6px 0;
	padding: 10px 10px 10px 10px;
}

div.messages h1 {
	text-align: center;
	margin-bottom: 55px;
	font: 35px/50px 'proximanovalight', sans-serif;
}

@media handheld,
only screen and (max-width: 1024px) {}

@media handheld,
only screen and (max-width: 890px) {

	/*	header {
	height:95px;
	}*/

	header nav div.logo {
		margin-left: 20px;
	}

	/*	header nav div.logo img {
		width: 75px;
	}*/


	header nav div.navigation {
		margin-right: 20px;
	}

	header nav ul li {
		display: none;
	}

	header nav ul li.phone-nav,
	header nav ul li.dog,
	header nav ul li.cat {
		display: block;
	}

	section#start div.content {
		max-width: 668px;
	}

}

@media handheld,
only screen and (max-width: 767px) {

	header nav div.social {
		display: none;
	}

	header nav ul li.dog,
	header nav ul li.cat {
		display: none;
	}

	section#start h1 {
		font: normal normal normal 30px/30px 'proximanovalight', Helvetica, sans-serif;
	}

	section#start div.content {
		max-width: 280px;
	}

	#phone-nav ul li {
		font-size: 15px;
	}

}
/* End */


/* Start:/local/templates/viyo/public/css/what.css?16403564263167*/
#what {
	color: #483636;
	padding-top: 185px;
	overflow-x: hidden;
}

.page-dog #what {
	background-color: #eae9e5;
}

.page-cat #what {
	background-color: #eaf0f0;
}

#what article {
	padding: 0 33px 77px 0;
}

#what h1 {
	position: relative;
	font: 50px/50px 'proximanovalight', sans-serif;
	text-align: center;
	color: #1177a2;
	margin-bottom: 72px;
}

#what p {
	margin-bottom: 24px;
}

#what p strong,
#what p b {
	color: #7cc344;
	font-weight: normal;
}

#what div.col-1-2 {
	float: left;
}

#what div.col-1-2 img {
	max-width: 100%;
}

#what div.packshot {
	padding-top: 30px;
}

#what div.text {}

#what ul {
	list-style: none;
}

#what ul li {
	font: 26px/40px 'proximanovaregular', sans-serif;
	padding-left: 24px;
	position: relative;
}

#what ul li strong {
	font-family: 'proximanovabold', sans-serif;
	font-weight: normal;
}

#what ul li:before {
	color: #7cc344;
	content: "•";
	display: block;
	font-size: 42px;
	left: -2px;
	padding-left: 0;
	position: absolute;
	top: -3px;
}

#what img.fosim {
	margin-top: 34px;
	margin-left: 58px;
}

#what img.bg {
	bottom: 0;
	left: 50%;
	margin-left: -960px;
	position: absolute;
}

#curiousbutton a:link,
#curiousbutton a:visited {
	color: #483636;
	font: normal normal normal 12px/46px 'montserratbold', sans-serif;
	list-style: none;
	text-transform: uppercase;
	background-color: #a4f0ff;
	-moz-border-radius: 23px 23px 0 0;
	-webkit-border-radius: 23px 23px 0 0;
	border-radius: 23px 23px 0 0;
	height: 46px;
	display: inline-block;
	border: 0;
	padding: 0 24px;
	-moz-box-shadow: 0 10px 34px #767676;
	-webkit-box-shadow: 0 10px 34px #767676;
	box-shadow: 0 10px 34px #767676;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=34, Direction=180, Color='#767676')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=34, Direction=180, Color='#767676');
	margin-top: 34px;
}

#curiousbutton a:hover {
	color: #1177a2;
}

@media handheld,
only screen and (max-width: 1024px) {

	#what {
		background-size: 1410px auto;
	}

	#what h1 {
		max-width: 515px;
		margin: 0 auto 38px auto;
	}

	/*	#what img.fosim {
		left: -150px;
	    margin: 0;
	    position: absolute;
	    top: 6px;
	}*/

	#what img.bg {
		margin-left: -720px;
		width: 1400px;
	}

}

@media handheld,
only screen and (max-width: 768px) {

	#what div.col-1-2 {
		width: 100%;
		padding: 0 100px;
		box-sizing: border-box;
	}

	#what article {
		padding-bottom: 300px;
	}

	#what h1 {
		text-align: right;
		padding-right: 65px;
		padding-left: 140px;
	}

	#what img.fosim {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 34px;
		margin-left: 0;
	}

	#what img.bg {
		margin-left: -360px;
	}

}

@media handheld,
only screen and (max-width: 767px) {

	#what p {
		font: 15px/20px 'montserratregular', sans-serif;
	}

	#what article {
		padding: 0 15px 278px 15px;
	}

	#what h1 {
		font: 35px/35px 'proximanovalight', sans-serif;
		text-align: center;
		padding: 0;
	}

	#what div.col-1-2 {
		padding: 0;
	}

	#what ul li {
		font: 21px/32px 'proximanovaregular', sans-serif;
	}

	#what ul li:before {}

	#what img.fosim {
		margin-left: 20px;
	}

	#what img.bg {
		margin-left: -300px;
		width: 960px;
	}

}
/* End */


/* Start:/local/templates/viyo/public/css/product.css?16403564262617*/
#product {
	background-color: #7cc344;
	color: #FFF;
}

#product .content {
	padding-top: 65px;
}

#product article {
	padding: 0 33px 106px 33px;
}

#product h1 {
	font: 50px/50px 'proximanovalight', sans-serif;
	text-align: center;
}

#product p {
	margin-bottom: 24px;
}

#product div.col-1-2 {
	float: left;
}

#product div.col-1-2 img {
	max-width: 100%;
}

#product div.packshot {
	padding-top: 38px;
}

#product div.text {
	padding-top: 80px;
}

#product ul {
	list-style: none;
	margin-bottom: 24px;
	padding-top: 10px;
}

#product ul span {
	font-size: 14px;
	line-height: 21px;
	position: relative;
	top: -5px;
}

#product ul li {
	font: 26px/26px 'proximanovaregular', sans-serif;
	padding-left: 24px;
	position: relative;
	margin-bottom: 10px;
}

#product ul li strong {
	font-family: 'proximanovabold', sans-serif;
	font-weight: normal;
}

#product ul li:before {
	color: #9ee8e0;
	content: "•";
	display: block;
	font-size: 42px;
	left: -2px;
	padding-left: 0;
	position: absolute;
	top: -3px;
}

#curiousbutton {
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
	height: 80px;
	overflow: hidden;
}

#curiousbutton a:link,
#curiousbutton a:visited {
	color: #483636;
	font: normal normal normal 12px/46px 'montserratbold', sans-serif;
	list-style: none;
	text-transform: uppercase;
	background-color: #a4f0ff;
	-moz-border-radius: 23px 23px 0 0;
	-webkit-border-radius: 23px 23px 0 0;
	border-radius: 23px 23px 0 0;
	height: 46px;
	display: inline-block;
	border: 0;
	padding: 0 24px;
	-moz-box-shadow: 0 10px 34px #767676;
	-webkit-box-shadow: 0 10px 34px #767676;
	box-shadow: 0 10px 34px #767676;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=34, Direction=180, Color='#767676')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=34, Direction=180, Color='#767676');
	margin-top: 34px;
}

#curiousbutton a:hover {
	color: #1177a2;
}

@media handheld,
only screen and (max-width: 1024px) {}

@media handheld,
only screen and (max-width: 768px) {

	#product div.col-1-2 {
		width: 100%;
		padding: 0 100px;
		box-sizing: border-box;
	}

	#product h1 {
		text-align: left;
		padding-left: 265px;
	}

}

@media handheld,
only screen and (max-width: 767px) {

	#product article {
		padding: 0 15px 82px 15px;
	}

	#product h1 {
		font: 35px/35px 'proximanovalight', sans-serif;
		text-align: center;
		padding: 0;
		margin-bottom: 20px;
	}

	#product p {
		font: 15px/20px "montserratregular", sans-serif;
	}

	#product div.col-1-2 {
		padding: 0;
	}

	#product ul li {
		font: 21px/25px 'proximanovaregular', sans-serif;
	}

	#product ul li:before {}

}
/* End */


/* Start:/local/templates/viyo/public/css/benefits.css?16403564261758*/
#benefits {
	background-color: #a4f0ff;
	color: #483636;
	height: 0;
	overflow: hidden;
	padding-top: 0;
}

#benefits.test {
	height: auto;
}

#benefits .content {
	padding-top: 195px;
}

#benefits h1 {
	font: 50px/50px 'proximanovalight', sans-serif;
	color: #1a80b3;
	margin: 0 auto 63px auto;
	max-width: 1045px;
	padding: 0 225px;
	box-sizing: border-box;
}

#benefits h2 {
	font-size: 26px;
	margin-top: 27px;
	margin-bottom: 10px;
	font-weight: normal;
	line-height: 28px;
}

#benefits article p {
	font-size: 14px;
	line-height: 21px;
	display: inline-block;
	margin-bottom: 27px;
}

#benefits article {
	max-width: 1045px;
	margin: 0 auto;
}

#benefits table {
	width: 100%;
}

#benefits tbody {
	border-top: none;
}

#benefits table td.image {
	vertical-align: middle;
	text-align: center;
	width: 225px;
}

#benefits table td.image img {
	display: inline-block;
	width: 135px;
	height: 135px;
	border-radius: 50%;
}

#benefits table td.text {}

#benefits ul {
	list-style: none;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 27px;
}

#benefits ul li {
	padding-left: 22px;
}

#benefits p.asterisk {
	font: 9px/11px "montserratbold", sans-serif;
	text-align: left;
	padding: 5px 0;
}

@media handheld,
only screen and (max-width: 768px) {

	#benefits h1 {
		padding: 0;
		text-align: center;
	}

	#benefits table td.image,
	#benefits table td.text {
		box-sizing: border-box;
		text-align: center;
		display: block;
		width: 100%;
		padding: 0 94px;
	}

}

@media handheld,
only screen and (max-width: 767px) {

	#benefits h1 {
		display: none;
	}

	#benefits table td.image,
	#benefits table td.text {
		padding: 0 15px;
	}

	#benefits table td.image img {
		width: 100px;
		height: 100px;
	}

	#benefits p.asterisk {
		padding: 30px;
	}

}
/* End */


/* Start:/local/templates/viyo/public/css/howdoesitwork.css?16403564262223*/
#howdoesitwork.dog {
	background-position: center center;
	height: 730px;
	color: #FFF;
	background-image: url('/local/templates/viyo/public/css/../images/puppy.jpg');
}

#howdoesitwork.cat {
	background-position: center center;
	height: 730px;
	color: #FFF;
	background-image: url('/local/templates/viyo/public/css/../images/kitty.jpg');
}

#howdoesitwork div.content {
	min-height: 100%;
}

#howdoesitwork article {
	padding: 140px 0;
}

#howdoesitwork article h1 {
	font: 26px/30px 'proximanovaregular', sans-serif;
	margin-bottom: 30px;
}

#howdoesitwork article div.col-1-2 {
	padding-left: 100px;
	padding-right: 45px;
	box-sizing: border-box;
}

#howdoesitwork article h1 strong,
#howdoesitwork article h1 b {
	font-family: 'proximanovabold', sans-serif;
	font-weight: normal;
}

#howdoesitwork article p.text {}

#howdoesitwork article p.text strong,
#howdoesitwork article p.text b {
	font-family: 'montserratbold', sans-serif;
	font-weight: normal;
	color: #a1f0ff;
}

#howdoesitwork article p.asterisk {
	bottom: 70px;
	font: 10px/11px "montserratbold", sans-serif;
	left: 110px;
	position: absolute;
	width: 380px;
}

#howdoesitwork article p.asterisk span {
	left: -10px;
	position: absolute;
}

@media handheld,
only screen and (min-width: 1440px) {

	#howdoesitwork {
		background-size: cover;
	}

}

@media handheld,
only screen and (max-width: 1024px) {

	#howdoesitwork article div.col-1-2 {
		padding-left: 158px;
		padding-right: 20px;
	}

	#howdoesitwork article p.asterisk {
		position: absolute;
		left: 70px;
	}

}

@media handheld,
only screen and (max-width: 768px) {

	#howdoesitwork article {
		padding: 188px 0;
	}

	#howdoesitwork article div.col-1-2 {
		padding-left: 40px;
	}

	#howdoesitwork article p.asterisk {
		bottom: 40px;
		left: 40px;
	}

}

@media handheld,
only screen and (max-width: 767px) {

	#howdoesitwork {
		background-position: center left;
		height: 500px;
	}

	#howdoesitwork article {
		padding: 50px 0;
	}

	#howdoesitwork article div.col-1-2 {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		text-align: center;
	}

	#howdoesitwork article p.asterisk {
		left: 20px;
		right: 20px;
		bottom: 20px;
		width: auto;
		text-align: center;
	}

	#howdoesitwork article p.asterisk span {
		position: relative;
		left: 0;
	}

}
/* End */


/* Start:/local/templates/viyo/public/css/about.css?16403564261236*/
#about {
	color: #483636;
}

#about article {
	padding-top: 45px;
	padding-bottom: 40px;
	max-width: 830px;
	margin: 0 auto;
	padding-bottom: 90px;
}

#about h1 {
	font: 45px/50px 'proximanovalight', sans-serif;
	color: #0b5d87;
	text-align: center;
	margin: 0 auto 24px auto;
}

#about div.col-1-2 {
	float: left;
}

#about .center {
	text-align: center;
}

#about p {
	font-size: 17px;
	line-height: 23px;
	padding: 0 32px;
	margin-top: 21px;
}

#about p strong,
#about p b {
	/*	font-family: 'montserratbold', sans-serif;
	font-weight: normal;*/
}

#about p.moreinfo {
	margin-top: 5px;
}

#about p a {
	color: #1177a2;
	border-color: #1177a2;
}

#about p a:hover {
	color: #483636;
	border-color: #483636;
}

.i18n-en #about .col-1-2.left {
	width: 100%;
}

@media handheld,
only screen and (max-width: 768px) {

	#about article {
		padding: 45px 15px 40px 15px;
	}

	#about p {
		padding: 0 10px;
	}

	#about h1 {
		max-width: 570px;
	}

}

@media handheld,
only screen and (max-width: 767px) {

	#about article {
		text-align: center;
	}

	#about div.col-1-2 {
		width: 100%;
	}

	#about h1 {
		font-size: 27.5px;
		line-height: 30px;
		margin-bottom: 0;
	}

	#about p {
		font-size: 15px;
		line-height: 20px;
		padding: 0;
	}

}
/* End */


/* Start:/local/templates/viyo/public/css/footer.css?16403564262050*/
#footer {
	color: #483636;
	padding-top: 36px;
}

#footer .content {
	margin: auto;
	max-width: 1140px;
	width: 100%;
}

#footer article {
	padding: 0 180px;
}

#footer h1 {
	font: 13px/20px 'montserratbold', sans-serif;
	text-transform: uppercase;
	padding: 0 12px;
	margin-bottom: 4px;
}

#footer input {
	font: 13px/31px 'montserratregular', sans-serif;
	width: 345px;
	height: 35px;
	border: 2px solid #dff1f4;
	box-sizing: border-box;
	padding: 0 12px;
	-webkit-appearance: none;
	border-radius: 0;
}

#footer .webform-component-email {
	display: inline-block;
}

#footer span.error {
	position: absolute;
	top: 31px;
	right: 0px;
	font-size: 10px;
	color: #000;
	text-align: right;
}

#footer input[type=submit] {
	cursor: pointer;
	width: auto;
	border: 0 none;
	background-color: #0a5c84;
	color: #FFF;
	text-transform: uppercase;
	margin-left: 3px;
	transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
}

#footer input[type=submit]:hover {
	background-color: #7cc344;
}

#footer div.foot {
	margin-top: 80px;
	border-top: 1px solid #dff1f4;
	padding-top: 14px;
	font-size: 11px;
	line-height: 24px;
	/* 	padding-bottom: 230px; */
	padding-bottom: 30px;
}

#footer div.col-1-2 {
	float: left;
}

#footer div.right {
	text-align: right;
}

#footer a {
	color: #483636;
	border: 0 none;
	text-decoration: underline;
	margin-left: 20px;
}

#footer a:hover {
	color: #0a5c84;
}

@media handheld,
only screen and (max-width: 1024px) {

	#footer article {
		padding: 0 84px;
	}

}

@media handheld,
only screen and (max-width: 768px) {

	#footer article {
		padding: 0 25px;
	}

}

@media handheld,
only screen and (max-width: 767px) {

	#footer article {
		text-align: center;
		padding: 0 15px;
	}

	#footer h1 {
		padding: 0 45px;
	}

	#footer input {
		width: 100%;
		text-align: center;
	}

	#footer input[type=submit] {
		display: none;
	}

	#footer div.foot {
		margin-top: 58px;
	}

	#footer div.col-1-2 {
		width: 100%;
	}

	#footer div.right {
		text-align: center;
	}

	#footer a:link {
		margin: 0 10px;
	}

}
/* End */


/* Start:/local/templates/viyo/public/css/fonts.css?16403564262035*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 15, 2014 */



@font-face {
    font-family: 'entypo';
    src: url('/local/templates/viyo/public/css/../fonts/entypo.ttf');
    src: url('/local/templates/viyo/public/css/../fonts/entypo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'fontello';
  src: url('/local/templates/viyo/public/css/../fonts/fontello.ttf?81179967');
  src: url('/local/templates/viyo/public/css/../fonts/fontello.ttf?81179967') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/local/templates/viyo/public/css/../font/fontello.svg?81179967#fontello') format('svg');
  }
}
*/


@font-face {
    font-family: 'montserratbold';
    src: url('/local/templates/viyo/public/css/../fonts/montserrat-bold-webfont.ttf');
    src: url('/local/templates/viyo/public/css/../fonts/montserrat-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('/local/templates/viyo/public/css/../fonts/montserrat-regular-webfont.ttf');
    src: url('/local/templates/viyo/public/css/../fonts/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proximanovalight';
    src: url('/local/templates/viyo/public/css/../fonts/proximanova_light-webfont.ttf');
    src: url('/local/templates/viyo/public/css/../fonts/proximanova_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proximanovaregular';
    src: url('/local/templates/viyo/public/css/../fonts/proximanova_regular-webfont.ttf');
    src: url('/local/templates/viyo/public/css/../fonts/proximanova_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proximanovabold';
    src: url('/local/templates/viyo/public/css/../fonts/proximanova_bold-webfont.ttf');    src: 
         url('/local/templates/viyo/public/css/../fonts/proximanova_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/* End */


/* Start:/local/templates/viyo/public/css/template_styles.css?1640356426673*/
#phone-nav ul {
	padding: 0;
}

.shops__imglink img {
	max-width: 100%;
	max-height: 100%;
	width: initial;
	height: initial;
}

.packshot__link a {
	border: 2px solid #fff;
	padding: 12px 30px;
	border-radius: 16px;
	font-size: 18px;
	display: block;
	display: inline-block;
	margin: auto;
}

.packshot__link a:hover {
	background-color: #fff;
	color: #7cc344;
	transition: all 0.3s ease;
}

.packshot__title {
	text-align: center;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 600;
}

.packshot__link {
	text-align: center;
}

@media (max-width: 767px) {
	.packshot {
		margin-bottom: 130px;
	}

	#product article :nth-child(3) {
		margin-bottom: 40px;
	}
}
/* End */
/* /local/templates/viyo/public/css/main.css?16403564267352 */
/* /local/templates/viyo/public/css/columns.css?1640356426764 */
/* /local/templates/viyo/public/css/fancybox.css?16403564265678 */
/* /local/templates/viyo/public/css/header.css?16403564266813 */
/* /local/templates/viyo/public/css/what.css?16403564263167 */
/* /local/templates/viyo/public/css/product.css?16403564262617 */
/* /local/templates/viyo/public/css/benefits.css?16403564261758 */
/* /local/templates/viyo/public/css/howdoesitwork.css?16403564262223 */
/* /local/templates/viyo/public/css/about.css?16403564261236 */
/* /local/templates/viyo/public/css/footer.css?16403564262050 */
/* /local/templates/viyo/public/css/fonts.css?16403564262035 */
/* /local/templates/viyo/public/css/template_styles.css?1640356426673 */