<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Lora:400i');

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

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	/* border:1px solid red; */
	}
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
html, body { overflow-x:hidden; }
body {
	margin:0;
	/* font-family:arial,helvetica,sans-serif; */
	font-family:"Open Sans",sans-serif;
	font-size:16px;
}
sup { font-family:arial,sans-serif; font-size:50%; }
img { max-width:100%; height:auto; }
iframe { max-width:100%; height:auto; }
.rightimg { float:right; margin:0 0 50px 50px; max-width:50%; } 
.leftimg { float:left; margin:0 50px 50px 0; max-width:50%; } 
a { color:#bd1313; } 
a:hover { text-decoration:none; }

.content-wrapper &gt; div &gt; div { 
	max-width:1220px;
	margin:0 auto;
	padding:0 20px;
}

h1, h2, h3, h4 { margin:1em 0 0.2em; }
h1+*, h2+*, h3+*, h4+* { margin-top:0; }

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

#topBlock { 
	background:url('../images/background-textile-seamless.jpg') center center repeat-x;
	min-height:89px;
		/* background:url('../images/background-textile-seamless-dog.jpg') center center repeat-x; */
		/* background-size:auto 115%; */
		/* min-height:100px; */
	}
@media screen  and (max-width:550px){ #topBlock { /* background-size:auto 100%; */ } }

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

#headerBlock { background:#45372a; color:#f3ead7; font-size:20px; position:relative; z-index:5; }
#headerBlock a { color:#f3ead7; }
#headerBlock &gt; div { position:relative; text-align:right; max-width:1240px; }
#headerBlock .logo {
	position:absolute; left:20px; top:-30px;
	transition:all .5s ease;
	transform-origin: 46% 20%;
}
#headerBlock .logo:hover { 
	-ms-transform: rotate(20deg); /* IE 9 */
	-webkit-transform: rotate(20deg); /* Safari */
	transform: rotate(20deg);

} 
#headerBlock .logo img { display:block; position:relative; z-index:5; }	

#headerBlock &gt; div &gt; div &gt; * { float:right; }
#headerBlock &gt; div &gt; div &gt; p { margin:0; }

#headerBlock .menu { display:block; background:#f3ead7; color:#45372a; text-decoration:none; padding:15px; }
#headerBlock .menu:after {
	content:""; background:url('../images/icon-menu.png'); height:26px; width:26px;
	display:inline-block; vertical-align:middle; margin-left:15px;
}
#headerBlock .menu:hover { background:#e8d6b0; }

#headerBlock .phone { padding:15px 33px 15px 20px; }
#headerBlock .phone a { text-decoration:none; } 
#headerBlock .map { font-size:15px; padding:12px; }
#headerBlock .map:before {
	content:""; background:url('../images/icon-map.png'); height:30px; width:30px;
	display:inline-block; vertical-align:middle; margin:0 5px 4px 0;
}

@media screen  and (max-width:900px){
	#headerBlock .logo { width:200px; }
}
@media screen  and (max-width:700px){
	#topBlock &gt; div { min-height:60px; }
	#headerBlock .logo { width:150px; left:0; }
	#headerBlock &gt; div { padding:0; }
	#headerBlock .phone { padding-top:18px; font-size:15px; }
}
@media screen  and (max-width:550px){
	#topBlock { background-position:left; }
	#headerBlock .menu { text-align:left; }
	#headerBlock .menu:after { margin-left:0; }
	#headerBlock .menu span { display:none; }
	#headerBlock .phone { padding:18px 15px 15px 8px; }
}
@media screen  and (max-width:440px){
	.phone, .map { display:none; }
	#headerBlock .menu:after { margin-left:15px; }
	#headerBlock .menu span { display:inline-block; }
	#headerBlock .logo { top:-60px; width:140px; } 
}

.inside #headerBlock .logo { width:195px; top:-90px; }

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

/* ------------------ slide out nav ------------- */ 
body &gt; .wrapper{ overflow:hidden; min-height:100%; position:relative; }
body &gt; .wrapper &gt; .content-wrapper &gt; .overlay { display:none; position:absolute; z-index:9999; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.3); }

nav { position:fixed; top:0; right:0; height:100%; transform: translate3d(100%, 0, 0); transition:all 500ms ease-in; }
nav &gt; ul { width:550px; height:100%; padding:0; margin:0; list-style:none; background:#f3ead7; transition:all 500ms ease-in; position:relative; }
nav ul &gt; li { margin:0; border-bottom:1px solid #ab9a86; }
nav ul &gt; li:first-child { transition:all 500ms ease-in; }
nav ul &gt; li &gt; a { color:#735342; font-size:28px; text-decoration:none; display:block; padding:15px 20px 20px 100px; position:relative; }
nav ul &gt; li &gt; a:hover{ background:#d3c7af; }
nav ul &gt; li &gt; ul {
	transition:all 500ms ease-in;
	width:580px; padding:0; margin:0; list-style:none; 
	position:fixed; z-index:10; top:0; right:-60px; height:100%; transform: translate3d(100%, 0, 0);
	background:#f3ead9;
	box-shadow:0 0 10px 10px rgba(0,0,0,0.1);
}

	/* back button for second level lists */
nav ul &gt; li &gt; ul &gt; li &gt; .level-up { background:#e8deca; font-size:20px; font-weight:bold; padding:20px 15px; text-transform:uppercase; }
nav ul &gt; li &gt; ul &gt; li &gt; .level-up:before { 
	content:""; display:inline-block; margin-right:10px; 
	width: 0; height: 0; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent #735342 transparent transparent;
}
nav ul &gt; li &gt; ul &gt; li &gt; .level-up:hover{ background:#d3c7af; }

	/* arrow for sections with children */
nav &gt; ul &gt; li.has-children &gt; a:before { display:block; position:absolute; top:3px; left:60px; content:"\203a"; font-size:40px; color:#b29a7e; }

	/* darker headers */
nav ul &gt; li:first-child,
nav ul &gt; li &gt; ul &gt; li:first-child { background:#735342; color:#f3ead7; font-size:30px; padding:50px 20px 20px 100px; }

.content-wrapper {transition:all 500ms ease-in;  }
.content-wrapper.pushed {transform:translate3d(-550px, 0, 0); }
.content-wrapper.pushed.sub { transform:translate3d(-610px, 0, 0); } 

nav.pushed{transform: translate3d(0, 0, 0);}
nav.pushed.sub { margin-right:40px; } 
nav.pushed.sub &gt; ul { background:#a99e8a; transform: translate3d(-20px, 0, 0); }
nav.pushed.sub &gt; ul &gt; li:first-child { background:#a99e8a; }
nav.sub &gt; ul &gt; li &gt; a:hover{ background:none; }

/* ------------------ responsive ------------- */ 

@media screen  and (max-width:660px){
	.content-wrapper.pushed { transform: translate3d(-264px, 0, 0); }
	.content-wrapper.pushed.sub { transform:translate3d(-264px, 0, 0); }
	nav &gt; ul { width:264px; } 
	nav &gt; ul &gt; li:first-child { padding:20px 20px 20px 50px; }
	nav &gt; ul &gt; li &gt; a { padding:15px 20px 15px 50px; font-size:20px; } 
	nav &gt; ul &gt; li.has-children &gt; a:before { left:20px; top:-3px; } 

	nav &gt; ul &gt; li &gt; ul { width:254px; right:-30px; } 
	nav &gt; ul &gt; li &gt; ul &gt; li:first-child { padding:20px; }
	nav &gt; ul &gt; li &gt; ul &gt; li &gt; a  { padding:15px 20px; font-size:20px; } 

	nav.pushed.sub { margin-right:0px; } 
	nav.pushed.sub &gt; ul { transform: translate3d(-30px, 0, 0); }
}

/* ------------------ end slide out nav ------------- */ 

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

#introBlock {
	position:relative;
	background:#5d5146; color:#fff; text-align:center;
	min-height:303px; text-shadow:0 0 10px #45372a, 0 0 10px #45372a;
}
#introBlock .videoWrapper { padding-bottom:56.25%; position:relative; max-width:100%; background-size:cover; background-position:center center; min-height:303px; } 
#introBlock .videoWrapper iframe {
	position:absolute; min-height:100%; min-width:100%; top:0; left:0; max-width:none; 
	width:540px; height:303px;
} 

#introBlock div.overlay { position:absolute; top:20%; left:0; right:0; bottom:0; }


#introBlock h1 { color:#f3ead7; font-weight:normal; font-size:80px; }
#introBlock h1 strong { font-weight:bold; position:relative; }
#introBlock h1 strong sup { position:absolute; top:22px; right:0; font-size:20px; }
#introBlock p { font-size:29px; }
#introBlock span { display:block; }

@media screen  and (max-width:900px){
	#introBlock h1 { margin-top:0px; }
	#introBlock h1 strong sup { top:12px; right:-5px; }
	#introBlock p { font-size:23px; }
}
@media screen  and (max-width:730px){
	#introBlock h1 { font-size:50px; }
	#introBlock p { font-size:18px; }
}
@media screen  and (max-width:580px){
	#introBlock span { display:inline; }
	#introBlock .videoWrapper { }
}
@media screen  and (max-width:540px){
	#introBlock .videoWrapper iframe { left:50%; margin-left:-270px; }
}
@media screen  and (max-width:480px){
	#introBlock h1 { font-size:40px; }
	#introBlock h1 strong sup { top:10px; right:-12px; }
	#introBlock p { font-size:16px; }
}
@media screen  and (max-width:400px){
	#introBlock h1 { font-size:30px; }
	#introBlock h1 strong sup { top:6px; }
}

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

#videosBlock {
	color:#fff; position:relative;
background: -moz-linear-gradient(75deg, #876b51 0%, #443629 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #443629), color-stop(100%, #876b51));
background: -webkit-linear-gradient(75deg, #876b51 0%, #443629 100%);
background: -o-linear-gradient(75deg, #876b51 0%, #443629 100%);
background: -ms-linear-gradient(75deg, #876b51 0%, #443629 100%)
background: linear-gradient(15deg, #876b51 0%, #443629 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#443629', endColorstr='#876b51',GradientType=0 );
}
#videosBlock a {
	color:#fff;
}
#videosBlock &gt; div { padding:38px 20px 0; position:relative; }
#videosBlock &gt; div &gt; div &gt; *:first-child { margin-top:0; }
#videosBlock &gt; div &gt; div:nth-child(1) { float:left; width:30%; font-size:15px; } 
#videosBlock &gt; div &gt; div:nth-child(1) p span { display:inline-block; }
#videosBlock &gt; div &gt; div:nth-child(1) a { display:block; position:relative; margin-bottom:20px;}
#videosBlock &gt; div &gt; div:nth-child(1) a img { display:block; }
#videosBlock &gt; div &gt; div:nth-child(1) a:before {
	content:""; display:block; width:124px; height:74px;
	background:rgba(55,106,236,0.5); border:3px solid #fff; 
	position:absolute; left:50%; top:50%; margin:-40px 0 0 -65px;
	border-radius:25px;
} 
#videosBlock &gt; div &gt; div:nth-child(1) a:after {
	content:""; display:block; width:37px; height:43px; 
	position:absolute; left:50%; top:50%; margin:-25px 0 0 -14px;
	background:url('../images/icon-play.png');
}
#videosBlock &gt; div &gt; div:nth-child(1) a:hover:before {
	background:rgba(55,106,236,1);
}

#videosBlock &gt; div &gt; div:nth-child(2) { position:absolute; bottom:0; left:28%; max-width:34%; } 
#videosBlock &gt; div &gt; div:nth-child(2) img { display:block; position:relative; } 


#videosBlock &gt; div &gt; div:nth-child(3) { float:right; width:39%; text-align:center; }
#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(1) { font-size:26px; text-align:left; font-weight:300; } 
#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(2) {
	font-size:20px; text-align:left; font-weight:300; padding-left:20px; position:relative;
} 
#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(2):before { position:absolute; content:"~"; display:block; margin-left:-20px; } 
#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(2) span { display:inline-block; } 
#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(2) span:nth-child(1):after { content:","; display:inline-block; margin-right:5px; }
#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(2) span:nth-child(3) { display:block; }

#videosBlock .buttonWrapper { display:inline-block; text-align:center; margin-top:0; }
#videosBlock .buttonWrapper a { display:block; text-decoration:none; }
#videosBlock .buttonWrapper a:nth-child(1) {
	background:#376aec; font-size:18px; color:#fff; font-weight:bold; padding:17px 30px; border-radius:30px;
}
#videosBlock .buttonWrapper a:nth-child(1):before {
	display:inline-block; content:""; margin: -6px 12px 0 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 25px;
	border-color: transparent transparent transparent #ffffff;
	vertical-align:middle;
}

#videosBlock .buttonWrapper a:nth-child(1):hover { background:#144ddb; }

#videosBlock .buttonWrapper a:nth-child(2) { margin-top:10px; font-size:14px; }
#videosBlock .buttonWrapper a:nth-child(2):hover { text-decoration:underline; }

@media screen  and (max-width:1240px){
	#videosBlock &gt; div { padding:20px 20px 0; }
	#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(1) { font-size:22px; margin-left:-50px; }
	#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(2) { font-size:18px; } 
}
@media screen  and (max-width:930px){
	#videosBlock &gt; div &gt; div:nth-child(1) { width:20%; }
	#videosBlock &gt; div &gt; div:nth-child(1) a:before { width:90px; height:60px; margin:-30px 0 0 -45px; }
	#videosBlock &gt; div &gt; div:nth-child(1) a:after { margin:-18px 0 0 -11px; }
	#videosBlock &gt; div &gt; div:nth-child(2) { left:18%; }
	#videosBlock &gt; div &gt; div:nth-child(3) { width:48%; }
	#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(1) { font-size:18px;  }
	#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(2) { font-size:16px; } 
	#videosBlock .buttonWrapper a:nth-child(1) { font-size:16px; padding:12px 20px; }
	#videosBlock .buttonWrapper a:nth-child(1):before { border-width:8px 0 8px 13px; margin:-6px 12px 0 0; } 
}
@media screen  and (max-width:700px){
	#videosBlock { background:#443629; }
	#videosBlock &gt; div { padding:0; }
	#videosBlock &gt; div &gt; div:nth-child(1) { display:none; }
	#videosBlock &gt; div &gt; div:nth-child(2) { position:relative; top:-20px; left:auto; bottom:auto; max-width:100%; margin:0 auto; display:none; }
	#videosBlock &gt; div &gt; div:nth-child(2) img { margin:0 auto -20px; width:300px; max-width:50%; }
	#videosBlock &gt; div &gt; div:nth-child(3) { 
		width:100%; padding:0 20px; background:#796049;
background: -moz-linear-gradient(75deg, #876b51 0%, #443629 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #443629), color-stop(100%, #876b51));
background: -webkit-linear-gradient(75deg, #876b51 0%, #443629 100%);
background: -o-linear-gradient(75deg, #876b51 0%, #443629 100%);
background: -ms-linear-gradient(75deg, #876b51 0%, #443629 100%)
background: linear-gradient(15deg, #876b51 0%, #443629 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#443629', endColorstr='#876b51',GradientType=0 );
	}
	#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(1) { margin-left:0; margin-top:1em; }
	#videosBlock &gt; div &gt; div:nth-child(3) p:nth-child(2) { display:inline-block; margin-top:0; }
	#videosBlock .buttonWrapper { display:block; }
	#videosBlock .buttonWrapper a:nth-child(1) { display:inline-block; }

	/* --------  round portrait -------- */ 
	#videosBlock &gt; div &gt; div:nth-child(2) {
		top:0; display:block;
		width:150px; height:150px; border-radius:50%; overflow:hidden; 
		padding-bottom:150px; margin:-75px auto 0; 
		background:#362b21; padding:10px 0 0 0;
		}
	#videosBlock &gt; div &gt; div:nth-child(2) img { 
		max-width:100%; width:100%;
		}	
	#videosBlock &gt; div &gt; div:nth-child(3) { 
		margin-top:-75px; padding-top:75px; 
		}

}

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

#xrayBlock { color:#1b2138; font-size:19px; }
#xrayBlock &gt; div { padding:60px 20px 75px; }
#xrayBlock &gt; div &gt; div &gt; *:first-child { margin-top:0; }
#xrayBlock &gt; div &gt; div &gt; *:bottom-child { margin-bottom:0; }

#xrayBlock &gt; div &gt; div:nth-child(1) { float:right; width:55%; }
#xrayBlock &gt; div &gt; div:nth-child(2) { float:right; width:45%; position:relative; }
#xrayBlock &gt; div &gt; div:nth-child(2) p {
	color:#a14e50; position:absolute;
	-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Safari */
    transform: rotate(-7deg);
	width:450px; padding:0 20px 0 0;
	left:100%; bottom:0; 
	font-family:"verveine"; font-size:36px; margin:0 0 0 20px; line-height:1;
} 
#xrayBlock &gt; div &gt; div:nth-child(2) p span { display:block; }
#xrayBlock &gt; div &gt; div:nth-child(2) p:before {
	content:""; display:block; 
	background:url('../images/icon-arrow-1.png');
	width:110px; height:68px;
	position:absolute;
	top:-88px; left:-80px;
} 
#xrayBlock &gt; div &gt; div h2 { color:#a14e50; font-weight:normal; font-size:35px; }
#xrayBlock &gt; div &gt; div h2 span { display:inline-block; }
#xrayBlock &gt; div &gt; div h3 { font-size:24px; margin-bottom:1em; } 

@media screen  and (max-width:1200px) and (min-width:980px){
	#xrayBlock &gt; div &gt; div h2 { font-size:30px; }
	#xrayBlock &gt; div &gt; div h3 { font-size:20px; }
	#xrayBlock { font-size:16px; }
}
@media screen  and (max-width:980px){
	#xrayBlock &gt; div &gt; div:nth-child(1) { float:none; width:100%; }
	#xrayBlock &gt; div &gt; div:nth-child(1) h2,
	#xrayBlock &gt; div &gt; div:nth-child(1) h3 { text-align:center; }
	#xrayBlock &gt; div &gt; div:nth-child(2) { float:left; width:50%; }
	#xrayBlock &gt; div &gt; div:nth-child(2) p { bottom:27%; max-width:100%; }
}
@media screen  and (max-width:840px){
	#xrayBlock &gt; div &gt; div:nth-child(2) p { font-size:26px; } 
}
@media screen  and (max-width:670px){
	#xrayBlock &gt; div &gt; div h2 { font-size:28px; }
	#xrayBlock &gt; div &gt; div h3 { font-size:20px; }
			
	#xrayBlock &gt; div &gt; div:nth-child(2) { float:none; width:100%; text-align:center; }
	#xrayBlock &gt; div &gt; div:nth-child(2) p { position:relative; left:auto; right:auto; margin:0 auto; padding:0 80px 0 0; width:500px; max-width:100%; text-align:left; }
	#xrayBlock &gt; div &gt; div:nth-child(2) p:before {
		top:-20px; left:auto; right:0;
		-ms-transform: rotate(83deg);
		-webkit-transform: rotate(83deg);
		transform: rotate(83deg);
	}
}

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

#aboutBlock { background:#1b2138; color:#fff; font-size:19px; }
#aboutBlock &gt; div { padding:75px 20px 50px; }
#aboutBlock &gt; div &gt; div &gt; *:first-child { margin-top:0; }
#aboutBlock &gt; div &gt; div &gt; *:bottom-child { margin-bottom:0; }

#aboutBlock &gt; div &gt; div:nth-child(1) { float:left; width:45%; padding:0 55px; }
#aboutBlock .buttonWrapper { position:relative; margin-top:2em; }
#aboutBlock .buttonWrapper a {
	background:#f872ac; color:#1b2138; font-size:20px; font-weight:bold; padding:20px 50px; border-radius:30px;
	text-decoration:none; display:inline-block;
}
#aboutBlock .buttonWrapper a:hover { background:#f6418f; } 
#aboutBlock .buttonWrapper span {
	position:absolute;
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
	width:400px;
	padding-left:50px;
	font-family:"verveine"; font-size:36px; margin:0; line-height:1;
}
#aboutBlock .buttonWrapper span:before { 
	content:""; display:block; 
	background:url('../images/icon-arrow-2.png');
	width:74px; height:35px;
	position:absolute; top:100%; left:20px;
}

#aboutBlock &gt; div &gt; div:nth-child(2) { float:left; width:55%; font-size:15px; text-align:right; }
#aboutBlock &gt; div &gt; div:nth-child(2) img { margin-top:-44px; } 

#aboutBlock &gt; div &gt; div h2 { color:#f872ac; font-weight:normal; font-size:35px; } 
#aboutBlock &gt; div &gt; div h3 { font-size:24px; margin-bottom:1em; } 

@media screen  and (max-width:1090px){
	#aboutBlock &gt; div &gt; div:nth-child(1) { padding:0; }
}
@media screen  and (max-width:850px){
	#aboutBlock &gt; div &gt; div:nth-child(1) { float:none; width:100%; padding-bottom:20px; }
	#aboutBlock &gt; div &gt; div:nth-child(2) { float:none; width:100%; text-align:center; }
	#aboutBlock &gt; div &gt; div:nth-child(2) img { margin-top:0; }
}
@media screen  and (max-width:630px){
	#aboutBlock &gt; div &gt; div:nth-child(1) { padding-bottom:70px; }
	#aboutBlock .buttonWrapper span { top:80px; left:0px; padding:20px 0 0 80px; }
	#aboutBlock .buttonWrapper span:before {
		top:0; left:0;
		-ms-transform: rotate(60deg);
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
	}
}
@media screen  and (max-width:420px){
	#aboutBlock &gt; div &gt; div h2 { font-size:26px; }
	#aboutBlock &gt; div &gt; div h3 { font-size:20px; }
	#aboutBlock .buttonWrapper a { padding:20px 40px; }
	#aboutBlock .buttonWrapper span { font-size:26px; }
}

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

#watchDogBlock { font-size:19px; color:#3a4d60; }
#watchDogBlock &gt; div { padding:33px 20px 66px; }

#watchDogBlock.inside { background:#e9e9e9; }
#watchDogBlock.inside &gt; div { padding:33px 20px 116px; }

#watchDogBlock &gt; div &gt; p { position:relative; background:#00b9ff; color:#fff; margin:0 0 70px; font-size:20px; padding:13px 28px; }
#watchDogBlock &gt; div &gt; p &gt; span { display:inline-block; }
#watchDogBlock &gt; div &gt; p &gt; span &gt; strong { color:#000; } 
#watchDogBlock &gt; div &gt; p:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 17.5px 0 17.5px;
	border-color: #00bbff transparent transparent transparent;
	position:absolute; top:100%; left:100px; 
}

#watchDogBlock &gt; div &gt; div:nth-of-type(1) { float:left; width:41%; }

#watchDogBlock &gt; div &gt; div &gt; *:first-child { margin-top:0; }
#watchDogBlock &gt; div &gt; div &gt; *:bottom-child { margin-bottom:0; }

#watchDogBlock &gt; div &gt; div:nth-of-type(1) h2 { color:#5c6a79; font-weight:normal; font-size:40px; }
#watchDogBlock &gt; div &gt; div:nth-of-type(1) h3 { color:#00b9ff; font-size:24px; margin-bottom:1em; } 


#watchDogBlock &gt; div &gt; div:nth-of-type(2) { float:right; width:45%; text-align:right; position:relative; }
#watchDogBlock &gt; div &gt; div:nth-of-type(2) p {
	color:#555555; position:absolute; right:100%; bottom:70px;
	width:300px;
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
	font-family:"verveine"; font-size:36px; margin:0; line-height:1;
	text-align:left;
}
#watchDogBlock &gt; div &gt; div:nth-of-type(2) p img {
	border-radius:50%; position:absolute; top:100%; left:30%; margin-top:10px;
}
#watchDogBlock &gt; div &gt; div:nth-of-type(2) p:before {
	content:""; display:block; 
	background:url('../images/icon-arrow-3.png');
	width:75px; height:34px;
	position:absolute; top:100%; right:20px; margin-top:30px;
}
#watchDogBlock .buttonWrapper a {
	background:#00b9ff; color:#fff; font-size:20px; font-weight:bold; padding:20px 50px; border-radius:30px;
	text-decoration:none; display:inline-block;
}
#watchDogBlock .buttonWrapper a:hover { background:#0096cc; }

@media screen  and (max-width:1140px){
	#watchDogBlock &gt; div &gt; div:nth-of-type(1) { width:50%; }
	
	#watchDogBlock &gt; div &gt; div:nth-of-type(2) { width:50%; padding-left:20px; }
	#watchDogBlock &gt; div &gt; div:nth-of-type(2) p {
		position:relative; width:100%; right:auto; bottom:auto; font-size:30px; padding-top:10px;
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	#watchDogBlock &gt; div &gt; div:nth-of-type(2) p:before { display:none; }
	#watchDogBlock &gt; div &gt; div:nth-of-type(2) p img { position:relative; top:auto; left:auto; margin:0 0 0 20px; float:right; }
}
@media screen  and (max-width:650px){
	#watchDogBlock &gt; div &gt; div:nth-of-type(1) { float:none; width:100%; }
	#watchDogBlock &gt; div &gt; div:nth-of-type(2) { float:none; width:520px; max-width:100%; padding-left:0; text-align:left;  }
}
@media screen  and (max-width:350px){
	#watchDogBlock .buttonWrapper a { padding:20px 30px; }
}

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

#proceduresBlock { background:#dcd8d1; }
#proceduresBlock &gt; div { padding:45px 20px 100px; max-width:1320px; } 
#proceduresBlock &gt; div &gt; h2 { font-weight:normal; color:#1b2138; margin:0 70px 1em; font-size:35px; }
#proceduresBlock &gt; div &gt; h2 span { display:inline-block; }
#proceduresBlock &gt; div &gt; a {
	display:block; float:left; width:50%;
	padding:10px 40px; text-decoration:none; position:relative;
	font-size:29px; color:#434343;
}

#proceduresBlock &gt; div &gt; a &gt; strong { display:block; padding:0 25px 5px; } 
#proceduresBlock &gt; div &gt; a &gt; strong span { display:inline-block; }
#proceduresBlock &gt; div &gt; a &gt; strong em { font-size:23px; font-style:normal; font-weight:normal; display:inline-block; }
#proceduresBlock &gt; div &gt; a &gt; img {
	border:10px solid rgba(255,255,255,0); display:block; width:100%;
	opacity:0.6;
} 
#proceduresBlock &gt; div &gt; a &gt; span {
	display:none;
	position:absolute; bottom:20px; left:50px; right:50px; text-align:center; 
	/* background:#dfdfdf; */
	padding:30px 0;
}
#proceduresBlock &gt; div &gt; a &gt; span:before {
	content:""; display:inline-block; vertical-align: middle;
	height:44px; width:44px; 
	margin:-8px 10px 0 0;
	background:url('../images/icon-plus.png'); 
}
#proceduresBlock &gt; div &gt; a:hover &gt; strong { color:#bd1313; }

#proceduresBlock &gt; div &gt; a:hover &gt; img { border:10px solid #fff; opacity:1; } 
#proceduresBlock &gt; div &gt; a:hover &gt; span { display:block; } 
#proceduresBlock &gt; div &gt; a:hover:before { 
	content:""; display:block;
	left:50px; right:50px; bottom:20px; height:150px; position:absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfdfdf+17,dfdfdf+32&amp;0+17,1+32 */
background: -moz-linear-gradient(top,  rgba(223,223,223,0) 0%, rgba(223,223,223,1) 50%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,223,223,0)), color-stop(50%,rgba(223,223,223,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(223,223,223,0) 0%,rgba(223,223,223,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(223,223,223,0) 0%,rgba(223,223,223,1) 50%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(223,223,223,0) 0%,rgba(223,223,223,1) 50%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(223,223,223,0) 0%,rgba(223,223,223,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfdfdf', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
}

#proceduresBlock &gt; div &gt; a:nth-of-type(4) { float:none; width:100%; clear:both; }

@media screen  and (max-width:1100px){
	#proceduresBlock &gt; div &gt; a &gt; span:before { height:22px; width:22px; background-size:cover; margin-top:-3px; } 
}

/*
@media screen  and (max-width:1050px){ #proceduresBlock &gt; div &gt; a { font-size:24px; } }
*/

@media screen  and (max-width:1050px){ /* was 940 */
	#proceduresBlock &gt; div { padding:45px 0 100px; }
	#proceduresBlock &gt; div &gt; a { padding:10px; }
	#proceduresBlock &gt; div &gt; a:hover:before { left:20px; right:20px; }
	#proceduresBlock &gt; div &gt; a &gt; span { left:20px; right:20px; }
}
@media screen  and (max-width:920px){
	#proceduresBlock &gt; div &gt; a,
	#proceduresBlock &gt; div &gt; a &gt; strong em{ font-size:24px; }
}
@media screen  and (max-width:780px){
	#proceduresBlock &gt; div &gt; a,
	#proceduresBlock &gt; div &gt; a &gt; strong em{ font-size:20px; }
}
/* 650 responsive via jquery */
	#proceduresBlock.oneCol &gt; div { padding:45px 20px 100px; }
	#proceduresBlock.oneCol &gt; div &gt; h2 { margin:0 10px 1em; }
	#proceduresBlock.oneCol &gt; div &gt; a { float:none; width:100%; padding:0; font-size:24px; }
	#proceduresBlock.oneCol &gt; div &gt; a &gt; strong em { font-size:24px; }
	#proceduresBlock.oneCol &gt; div &gt; a + a { margin-top:40px; } 
	#proceduresBlock.oneCol &gt; div &gt; a &gt; strong { padding:0 10px; }
	#proceduresBlock.oneCol &gt; div &gt; a &gt; span { left:10px; right:10px; bottom:10px; }
	#proceduresBlock.oneCol &gt; div &gt; a:hover:before { left:10px; right:10px; bottom:10px; }
/* end 650 responsive */	
@media screen  and (max-width:480px){
	#proceduresBlock.oneCol &gt; div &gt; a &gt; span { font-size:22px; }
}
@media screen  and (max-width:380px){
	#proceduresBlock.oneCol &gt; div &gt; a, 
	#proceduresBlock.oneCol &gt; div &gt; a &gt; strong em { font-size:19px; }
	#proceduresBlock.oneCol &gt; div &gt; a &gt; span { font-size:16px; }
}

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

#rehabBlock { color:#735342; font-size:19px; } 
#rehabBlock &gt; div { max-width:1400px; padding:80px 20px 100px; }
#rehabBlock &gt; div &gt; div:nth-of-type(1) { float:right; width:50%; }
#rehabBlock &gt; div &gt; div:nth-of-type(1) h2 { margin-top:0; color:#735342; font-size:40px; font-weight:normal; }
#rehabBlock &gt; div &gt; div:nth-of-type(1) h2 span { display:inline-block; }
#rehabBlock &gt; div &gt; div:nth-of-type(1) h3 { margin-bottom:1em; color:#d7a672; font-size:26px; font-weight:normal; }
#rehabBlock .buttonWrapper { margin-top:2em; }
#rehabBlock .buttonWrapper a {
    background: #735342;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 17px 85px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
}
#rehabBlock .buttonWrapper a:hover { background:#513b2f; } 	

#rehabBlock &gt; div &gt; div:nth-of-type(2) { float:left; width:44%; color:#d7a672; }
#rehabBlock &gt; div &gt; div:nth-of-type(2) p {
	margin:0; position:relative;
	font-family:"verveine"; font-size:36px; line-height:1;
}
#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) {			
	position:absolute; bottom:10px; left:100%; margin-left:25px; width:420px; max-width:100%;
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
} 
#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) span { display:inline-block; }
#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1):before { 
	content:""; display:block; 
	background:url('../images/icon-arrow-4.png');
	width:110px; height:68px;
	position:absolute; bottom:100%; left:-60px; margin-bottom:20px; 
}
#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(2) {
	position:absolute; top:40px; right:100%; width:140px; margin-right:-100px;
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
} 
#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(2):before { 
	content:""; display:block; 
	background:url('../images/icon-arrow-5.png');
	width:58px; height:65px;
	position:absolute; left:100%; top:20px; margin-bottom:20px; 
}
@media screen  and (max-width:1510px){
	#rehabBlock &gt; div &gt; div:nth-of-type(2) { padding-left:43px; }
}
@media screen  and (max-width:1350px){
	#rehabBlock &gt; div &gt; div:nth-of-type(2) { padding-left:0; width:46%; }
	/* #rehabBlock &gt; div &gt; div:nth-of-type(2) p { font-size:26px; } */
	#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1):before { display:none; }
	#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) {
		position:relative; left:22%; width:78%; bottom:auto; margin-left:0; display:block;  
		-ms-transform: rotate(0deg);
    	-webkit-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) span { display:inline; }
	#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) span:nth-of-type(2):after { content:"."; display:inline-block; }
	#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(2):before { display:none; }
	#rehabBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(2) { 
		position: relative; left:22%; width:78%; right: auto; top: auto;  margin-right: 0; display:block;  
		-ms-transform: rotate(0deg);
    	-webkit-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
}
@media screen  and (max-width:690px){
	#rehabBlock &gt; div &gt; div:nth-of-type(1) { float:none; width:100%; }
	#rehabBlock &gt; div &gt; div:nth-of-type(2) { float:none; width:100%; padding-top:20px; }
}
@media screen  and (max-width:380px){
	#rehabBlock &gt; div &gt; div:nth-of-type(1) h2 span { display:inline; }
}
@media screen  and (max-width:340px){
	#rehabBlock .buttonWrapper a { padding:17px 55px; }
}

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

#modelingBlock { color:#735342; font-size:19px; } 
#modelingBlock &gt; div { max-width:1400px; padding:80px 20px 100px; }
#modelingBlock &gt; div &gt; div:nth-of-type(1) { float:right; width:50%; }
#modelingBlock &gt; div &gt; div:nth-of-type(1) h2 { margin-top:0; color:#735342; font-size:40px; font-weight:normal; }
#modelingBlock &gt; div &gt; div:nth-of-type(1) h2 span { display:inline-block; }
#modelingBlock &gt; div &gt; div:nth-of-type(1) h3 { margin-bottom:1em; color:#d7a672; font-size:26px; font-weight:normal; }
#modelingBlock .buttonWrapper { margin-top:2em; }
#modelingBlock .buttonWrapper a {
    background: #735342;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 17px 85px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
}
#modelingBlock .buttonWrapper a:hover { background:#513b2f; } 	

#modelingBlock &gt; div &gt; div:nth-of-type(2) { float:left; width:44%; color:#d7a672; }
#modelingBlock &gt; div &gt; div:nth-of-type(2) p {
	margin:0; position:relative;
	font-family:"verveine"; font-size:36px; line-height:1;
}
#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) {			
	position:absolute; bottom:10px; left:100%; margin-left:25px; width:420px; max-width:100%;
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
} 
#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) span { display:inline-block; }
#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1):before { 
	content:""; display:block; 
	background:url('../images/icon-arrow-4.png');
	width:110px; height:68px;
	position:absolute; bottom:100%; left:-60px; margin-bottom:20px; 
}
#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(2) {
	position:absolute; top:40px; right:100%; width:140px; margin-right:-100px;
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
} 
#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(2):before { 
	content:""; display:block; 
	background:url('../images/icon-arrow-5.png');
	width:58px; height:65px;
	position:absolute; left:100%; top:20px; margin-bottom:20px; 
}
@media screen  and (max-width:1510px){
	#modelingBlock &gt; div &gt; div:nth-of-type(2) { padding-left:43px; }
}
@media screen  and (max-width:1510px){ /* was 1350 */
	#modelingBlock &gt; div &gt; div:nth-of-type(2) { padding-left:0; width:46%; }
	/* #modelingBlock &gt; div &gt; div:nth-of-type(2) p { font-size:26px; } */
	#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1):before { display:none; }
	#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) {
		position:relative; left:22%; width:78%; bottom:auto; margin-left:0; display:block;  
		-ms-transform: rotate(0deg);
    	-webkit-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) span { display:inline; }
	/* #modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(1) span:nth-of-type(2):after { content:"."; display:inline-block; }*/ 
	#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(2):before { display:none; }
	#modelingBlock &gt; div &gt; div:nth-of-type(2) p &gt; span:nth-of-type(2) { 
		position: relative; left:22%; width:78%; right: auto; top: auto;  margin-right: 0; display:block;  
		-ms-transform: rotate(0deg);
    	-webkit-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
}
@media screen  and (max-width:690px){
	#modelingBlock &gt; div &gt; div:nth-of-type(1) { float:none; width:100%; }
	#modelingBlock &gt; div &gt; div:nth-of-type(2) { float:none; width:100%; padding-top:20px; }
}
@media screen  and (max-width:380px){
	#modelingBlock &gt; div &gt; div:nth-of-type(1) h2 span { display:inline; }
}
@media screen  and (max-width:340px){
	#modelingBlock .buttonWrapper a { padding:17px 55px; }
}


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

#tourBlock { background:#b29a7e; color:#f3ead7; font-size:19px; }
#tourBlock &gt; div { max-width:1220px; padding:65px 20px 75px; }
#tourBlock &gt; div &gt; div:nth-of-type(1) { float:right; width:40%; }
#tourBlock &gt; div &gt; div:nth-of-type(1) h2 { margin-top:0; font-size:40px; font-weight:normal; }
#tourBlock &gt; div &gt; div:nth-of-type(1) h3 { color:#fff; font-weight:bold; font-size:24px; margin-bottom:1em; }

#tourBlock .buttonWrapper { margin-top:2em;  }
#tourBlock .buttonWrapper a {
    background: #f3ead7;
    color: #735342;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 85px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
}
#tourBlock .buttonWrapper a:hover { background:#e8d6b0; } 

#tourBlock &gt; div &gt; div:nth-of-type(2) { float:left; width:53%; }
#tourBlock &gt; div &gt; div:nth-of-type(2) ul { list-style:none; margin:0; padding:0; }
#tourBlock &gt; div &gt; div:nth-of-type(2) ul li { float:left; padding:11px 20px; max-width:33.3%; }
#tourBlock &gt; div &gt; div:nth-of-type(2) ul li a { display:block; border:6px solid rgba(255,255,255,0) } 
#tourBlock &gt; div &gt; div:nth-of-type(2) ul li a:hover { border:6px solid rgba(255,255,255,1) } 
#tourBlock &gt; div &gt; div:nth-of-type(2) ul li a img { display:block; } 

@media screen  and (max-width:930px) and (min-width:800px) {
	#tourBlock &gt; div &gt; div:nth-of-type(2) ul li { max-width:50%; }
}
@media screen  and (max-width:800px){
	#tourBlock &gt; div &gt; div:nth-of-type(1) { float:none; width:100%; }
	#tourBlock &gt; div &gt; div:nth-of-type(2) { float:none; width:100%; }
}
@media screen  and (max-width:510px) {
	#tourBlock &gt; div &gt; div:nth-of-type(2) ul li { max-width:50%; }
}
@media screen  and (max-width:360px) {
	#tourBlock .buttonWrapper a { padding:20px 55px; }
	#tourBlock &gt; div &gt; div:nth-of-type(1) h2 { font-size:30px; }
	#tourBlock &gt; div &gt; div:nth-of-type(1) h3 { font-size:20px; }
}

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

#faqBlock { background:#232323; color:#fff; font-size:15px; }
#faqBlock &gt; div { padding:50px 20px 70px; } 
#faqBlock &gt; div &gt; div { margin:0 3.5%; }
#faqBlock &gt; div &gt; div:nth-of-type(1) { float:left; width:27%; }
#faqBlock &gt; div &gt; div:nth-of-type(2) { float:left; width:24%; }
#faqBlock &gt; div &gt; div:nth-of-type(3) { float:left; width:28%; }

#faqBlock &gt; div &gt; div h2 { margin-top:0; font-size:40px; font-weight:normal;  }
#faqBlock &gt; div &gt; div h3 { font-size:18px; font-weight:normal; }
#faqBlock &gt; div &gt; div a { color:#fff; text-decoration:none; }
#faqBlock &gt; div &gt; div a:hover { text-decoration:underline; }

#faqBlock &gt; div &gt; div h2,
#faqBlock &gt; div &gt; div h3,
#faqBlock &gt; div &gt; div h3 a,
#faqBlock &gt; div &gt; div .faqColor a{ /* color:#ffde43; */ color:#d39e72; text-decoration:none; } 
#faqBlock &gt; div &gt; div h3 a:hover,
#faqBlock &gt; div &gt; div .faqColor a:hover{ text-decoration:underline; } 
	
#faqBlock &gt; div &gt; div:nth-of-type(1) h3 { margin-bottom:1em; }

#faqBlock ul { list-style:none; padding:10px 20px; margin:0; } 
#faqBlock ul li { line-height:2em; } 

#faqBlock &gt; div &gt; div:nth-of-type(2) h2,
#faqBlock &gt; div &gt; div:nth-of-type(2) h3,
#faqBlock &gt; div &gt; div:nth-of-type(2) h3 a { /* color:#41c5f7; */ text-decoration:none; }
#faqBlock &gt; div &gt; div:nth-of-type(2) h3 a:hover { text-decoration:underline; } 

#faqBlock &gt; div &gt; div:nth-of-type(3) &gt; div { /* padding-left:70px; */ position:relative; }
#faqBlock &gt; div &gt; div:nth-of-type(3) &gt; div &gt; img { 
	position:absolute; top:0; left:0;
	display:none;
}
#faqBlock &gt; div &gt; div:nth-of-type(3) &gt; div &gt; p &gt; a &gt; img { margin-left:5px; }

@media screen  and (max-width:1240px){
	#faqBlock &gt; div &gt; div { margin:0; }
	#faqBlock &gt; div &gt; div:nth-of-type(1),
	#faqBlock &gt; div &gt; div:nth-of-type(2),
	#faqBlock &gt; div &gt; div:nth-of-type(3) { width:30%; }
	#faqBlock &gt; div &gt; div + div { margin-left:5%; }
}
@media screen  and (max-width:1100px){
	#faqBlock &gt; div &gt; div:nth-of-type(1) { float:none; width:100%; }
	#faqBlock &gt; div &gt; div:nth-of-type(2),
	#faqBlock &gt; div &gt; div:nth-of-type(3) { width:47.5%; }
	#faqBlock &gt; div &gt; div + div { margin-left:0%; }
	#faqBlock &gt; div &gt; div:nth-of-type(3) { margin-left:5%; }
}
@media screen  and (max-width:680px){
	#faqBlock &gt; div &gt; div:nth-of-type(2) {
		float:none; width:100%; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:40px 0; margin:40px 0;
	}
	#faqBlock &gt; div &gt; div:nth-of-type(3) { float:none; width:100%; margin-left:0; }
}

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

#footerBlock { color:#994603; position:relative; }
#footerBlock a { text-decoration:none; color:#994603; }
#footerBlock a:hover { text-decoration:underline; }


#footerBlock &gt; div { padding:35px 20px 50px; text-align:center; }
#footerBlock &gt; div &gt; div:nth-of-type(1) { display:inline-block; text-align:left; }

#footerBlock .sidebar-main { float:left; width:100%; margin-right:-450px; } 
#footerBlock .sidebar-main &gt; div { margin-right:500px; } /* + gutter */
#footerBlock .sidebar { float:left; width:450px; } 

#footerBlock .sidebar-main,
#footerBlock .sidebar {position:relative; z-index:1; }

#footerBlock .sidebar-main img {
	transition: all .5s ease;
	transform-origin: 39.5% 14.8%;
} 
#footerBlock .sidebar-main img:hover {
	-ms-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}

#footerBlock .sidebar &gt; p:nth-of-type(1) { font-size:18px; }
#footerBlock .sidebar &gt; p:nth-of-type(2) { font-size:15px; }
#footerBlock .sidebar &gt; p:nth-of-type(3) { font-size:14px; }
#footerBlock .sidebar &gt; p:nth-of-type(4) { font-size:14px; }

#footerBlock .sidebar &gt; p:nth-of-type(1) span { display:inline-block; }
#footerBlock .sidebar &gt; p:nth-of-type(2) span { display:block; }
#footerBlock .sidebar &gt; p:nth-of-type(3) { position:relative; display:inline-block; }
#footerBlock .sidebar &gt; p:nth-of-type(3) span { 
	position:absolute; left:100%; top:-75px; top:-55px; display:block;
	width:250px; margin-left:165px;
	-ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
	font-family:"verveine"; font-size:36px; line-height:1;
}
#footerBlock .sidebar &gt; p:nth-of-type(3) span:before { 
	content:""; display:block; 
	background:url('../images/icon-arrow-6.png');
	width:118px; height:47px;
	position:absolute; top:20px; top:10px; right:100%; 
	margin-right:20px;
}

#footerBlock &gt; div &gt; div:nth-of-type(2) { text-align:center; padding-top:65px; }
#footerBlock ul { list-style:none; margin:0; padding:8px 0; font-size:14px; }
#footerBlock ul li { display:inline; } 
#footerBlock ul li span { font-family:arial,sans-serif; }
#footerBlock ul li + li:before { display:inline-block; content:"|"; margin-right:5px; }
#footerBlock &gt; div &gt; div:nth-of-type(2) &gt; p { font-size:12px; }
#footerBlock &gt; div &gt; div:nth-of-type(2) &gt; p span { display:inline-block; }
#footerBlock &gt; div &gt; div &gt; img { position:absolute; top:30px; right:0; }

@media screen  and (max-width:1240px){ #footerBlock &gt; div { text-align:left; } }
@media screen  and (max-width:1000px){ 
	#footerBlock ul { margin:0 auto; max-width:100%; }
	#footerBlock ul:nth-of-type(1) { width:480px; max-width:100%; }
	#footerBlock ul:nth-of-type(2) { width:360px; max-width:100%; }
	#footerBlock ul li.newline:before { display:none; }
	#footerBlock ul li a { padding:5px 0; display:inline-block; }
	#footerBlock &gt; div &gt; div &gt; img { width:300px; top:100px; top:120px; }
}
@media screen  and (max-width:830px){ 
	#footerBlock .sidebar &gt; p:nth-of-type(3) span { position:relative; left:0; top:0; margin-left:0; }
	#footerBlock .sidebar &gt; p:nth-of-type(3) span:before { display:none; }
	#footerBlock &gt; div &gt; div &gt; img { width:270px; width:230px; top:100px; }
}
@media screen  and (max-width:650px){ 
	#footerBlock &gt; div &gt; div:nth-of-type(1) { display:block; }
	#footerBlock .sidebar-main,
	#footerBlock .sidebar-main &gt; div,
	#footerBlock .sidebar { float:none; width:100%; margin-right:0; } 
	#footerBlock &gt; div &gt; div &gt; img { width:300px; width:270px; top:300px; }
}
@media screen  and (max-width:520px){
	#footerBlock &gt; div &gt; div:nth-of-type(1) { text-align:center; }
	#footerBlock &gt; div &gt; div &gt; img { position:relative; top:auto; margin:0 -20px 0 auto; display:block; }
	#footerBlock &gt; div &gt; div:nth-of-type(2) { padding-top:0; }
	
	#footerBlock ul:nth-of-type(1),
	#footerBlock ul:nth-of-type(2) { width:100%; }
	#footerBlock ul li { display:block; width:100%; text-align:center; }
	#footerBlock ul li + li:before { display:none; }
}

#bottomBlock { 
	min-height:90px; 
	background:url('../images/background-textile.jpg') center center; background-size:cover;
		/* background:url('../images/background-textile-seamless-dog.jpg') center center repeat-x; */	
		/* background-size:auto 115%; */
		/* min-height:100px; */
	}
@media screen  and (max-width:550px){ #bottomBlock { /* background-size:auto 100%; */ } }

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


#insideHeader { padding:75px 0 20px; } 
#breadcrumb { list-style:none; padding:0; margin:0; color:#735342; font-size:18px; }
#breadcrumb li { display:inline-block; }
#breadcrumb li a { color:#735342; font-weight:bold; }
#breadcrumb li + li:before { display:inline-block; margin:0 5px; content:"\003e"; }  
#insideHeader h1 { color:#45372a; font-weight:normal; font-size:40px; }
.contentNav { background:#f3ead8; list-style:none; padding:0; margin:0; position:relative; }
.contentNav:before { content:""; display:block; position:absolute; top:0; bottom:0; right:100%; width:9999px; background:#f3ead8; } 
.contentNav:after { content:""; display:block; position:absolute; top:0; bottom:0; left:100%; width:9999px; background:#f3ead8; } 
.contentNav li { display:inline-block; position:relative; }
.contentNav li+li { margin-left:20px; }
.contentNav li a { display:block; text-decoration:none; line-height:5em; font-size:16px; color:#735343; }
.contentNav li a:hover { text-decoration:underline; }
.contentNav li.active a { font-weight:bold; }
.contentNav li.active:before { content:""; display:block; position:absolute; bottom:0; left:0; right:0; height:10px; background:#735343; }


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

#contentBlock &gt; div { padding:0 20px 75px; color:#474747; line-height:1.6; }
#contentBlock .sidebar-main { float:left; width:100%; margin-right:-300px; } 
#contentBlock .two-column .sidebar-main &gt; div { margin-right:400px; } /* 250 + 20px gutter */
#contentBlock .sidebar { float:left; width:300px; position:relative; } 
#contentBlock h1 { font-size:34px; font-weight:normal; color:#1b2138; margin:0 0 1em; }
#contentBlock h2 { font-size:20px; margin-bottom:1em; }
#contentBlock h3 { font-size:18px; }
#contentBlock h4 { font-size:15px; color:#bd1313; font-weight:600; text-transform:uppercase; }
#contentBlock li { line-height:1.2em; line-height:1.4em; line-height:1.6em; padding-bottom:0.4em; }
#contentBlock .pullquote { font-family:"Lora"; font-style:italic; font-size:26px; line-height:1.6; color:#b22b20; padding:20px; } 

@media screen  and (max-width:950px) and (min-width:760px){
	#contentBlock .leftimg { float:none; margin:0 0 20px 0; max-width:100%; }
}
@media screen  and (max-width:760px){
	#contentBlock .two-column .sidebar-main { float:none; width:100%; margin-right:0; } 
	#contentBlock .two-column .sidebar-main &gt; div { margin-right:0; } /* 250 + 20px gutter */
	#contentBlock .sidebar { float:none; width:300px; margin:50px auto 0; max-width:100%; } 
}
@media screen  and (max-width:550px){
	#contentBlock .leftimg { float:none; margin:0 0 20px 0; max-width:100%; }
}

#contentBlock .childpages { clear:both; padding-top:40px; }
#contentBlock .childpages h2 { background:#f3ead8; color:#45372a; margin:0; padding:0.6em 1em; }
#contentBlock .childpages ul { list-style:none; padding:0; margin:0; }
#contentBlock .childpages ul li { position:relative; padding:20px 0 20px 110px; line-height:1.6; }
#contentBlock .childpages ul li a.featuredImage { position:absolute; top:20px; left:20px; width:70px; text-align:center; }
#contentBlock .childpages ul li h3 { margin:0; padding:1em 0 0.5em; }
#contentBlock .childpages ul li a { color:#735343; } 
#contentBlock .childpages ul li p { display:inline; }

@media screen  and (max-width:820px){
	#contentBlock .childpages ul li { padding:100px 0 20px 20px; min-height:250px; }
}



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

.toggle { padding:20px 0 20px 50px; position:relative; }
.toggle span { font-size:18px; font-weight:normal; display:block; }
.toggle:before {
	content:""; position:absolute; display:block; top:20px; left:0;
	height:28px; width:28px; 
	background-image:url('../images/icons-toggle.png');
}
.toggle:hover:before { background-position:bottom left;}
.toggle.expanded:before { background-position:top right; }
.toggle.expanded:hover:before { background-position:bottom right; }
	
.toggle + div { display:none; padding-left:50px; }
.toggle + div &gt; *:first-child { margin-top:0; }
.toggle + div &gt; *:last-child { margin-bottom:0; }

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

.sidebar div+div { margin-top:80px; }
.sidebar .boxed { background:#f3ead8; padding:30px 20px; }
.sidebar .boxed img { max-width:300px; margin:-30px -20px 0; }
.sidebar .boxed h3 { color:#c12d2c; line-height:1.3; padding-bottom:0.5em; }
.sidebar .centered { text-align:center; color:#b36225; font-size:18px; }
.sidebar .centered img { border-radius:50%; }
.sidebar .testimonial { 
	background:#ba7a46;	padding:10px; text-align:center; font-size:23px; color:#fff;
	width:428px;max-width:100%;
}
.sidebar .testimonial &gt; div { border:2px solid #fff; padding:30px 15px; } 
.sidebar .testimonial &gt; div &gt; *:first-child { margin-top:0; }
.sidebar .testimonial &gt; div &gt; *:last-child { margin-bottom:0; }
.sidebar .testimonial .attribution { font-size:18px; }
.sidebar .testimonial .attribution span { display:block; }

@media screen  and (max-width:360px){
	.sidebar .boxed img { max-width:100%; width:300px; margin:0; }
}

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

@media screen  and (min-width:760px){
	.page22 .sidebar &gt; div:first-child img { width:630px; max-width:none; margin:-60px 0 0 -100px; }
}
@media screen  and (min-width:990px){
	.page22 .sidebar &gt; div:first-child img { width:630px; max-width:none; margin:-60px 0 0 -250px; }
	.page22 .sidebar-main &gt; div &gt; *:nth-child(1) { padding-right:100px; } 
	.page22 .sidebar-main &gt; div &gt; *:nth-child(2) { padding-right:100px; } 
	.page22 .sidebar-main &gt; div &gt; *:nth-child(3) { padding-right:200px!important; }
}

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

#getInformedBlock {  background:#b29a7e; background:#dcd8d1; color:#474747; font-size:18px; } 
#getInformedBlock &gt; div { padding:35px 20px 60px; }
#getInformedBlock &gt; div &gt; *:first-child { margin-top:0; }
#getInformedBlock &gt; div &gt; *:last-child { margin-bottom:0; }
#getInformedBlock h2 { color:#bd1313; color:#45372a; font-weight:normal; font-size:34px; margin-bottom:1em; }
#getInformedBlock h3 { color:#bd1313; color:#45372a; font-size:22px; }
#getInformedBlock h4 { color:#bd1313; color:#45372a; font-size:20px; }
#getInformedBlock h4 a { color:#bd1313; color:#45372a; }

#getInformedBlock img { float:left; max-width:47%; }
#getInformedBlock img + div { float:right; width:47%; }

@media screen  and (max-width:740px){ 
	#getInformedBlock img { float:none; max-width:100%; }
	#getInformedBlock img + div { float:none; width:100%; padding-top:40px; }
}

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

#contentBlock .hub { list-style:none; padding:0; margin:3em 0; }
#contentBlock .hub &gt; li { padding:30px 0; position:relative; font-size:17px; line-height:1.6; }
#contentBlock .hub &gt; li:nth-of-type(odd) { background:#e9e9e9;}
#contentBlock .hub &gt; li:nth-of-type(odd):before { content:""; display:block; position:absolute; top:0; bottom:0; right:100%; width:9999px; background:#e9e9e9; }
#contentBlock .hub &gt; li:nth-of-type(odd):after { content:""; display:block; position:absolute; top:0; bottom:0; left:100%; width:9999px; background:#e9e9e9; }
#contentBlock .hub &gt; li &gt; div &gt; div:nth-of-type(1) { float:left; width:20%; min-height:382px; position:relative; } 
#contentBlock .hub &gt; li &gt; div &gt; div:nth-of-type(1) img { max-width:none; position:absolute; right:0; top:0; } 
#contentBlock .hub &gt; li &gt; div &gt; div:nth-of-type(2) { float:left; width:27%; margin-left:4%; padding-top:40px; } 
#contentBlock .hub &gt; li &gt; div &gt; div:nth-of-type(3) { float:right; width:46%; padding-top:40px; } 
#contentBlock .hub &gt; li &gt; div &gt; div &gt; *:first-child { margin-top:0; }
#contentBlock .hub &gt; li &gt; div &gt; div &gt; *:last-child { margin-bottom:0; }

#contentBlock .hub h2 a { font-size:26px; text-decoration:none; } 
#contentBlock .hub .learn-more { font-size:15px; font-weight:600; text-transform:uppercase; margin:0; }
#contentBlock .hub .learn-more a { text-decoration:none; }

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

#contentBlock .post { padding:0 0 20px 0; }
#contentBlock .post h2 { margin-bottom:0; } 

.page9 .childpages h2 { display:none; } 












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

.req, .error { color:red; }
label, input, select, textarea {
	display:block;
	margin-top:10px;
	max-width:100%;
	}
input, select, textarea { padding:5px; }
label+input, label+select, label+textarea { margin-top:5px; }

input[type="submit"] { border:0; background:red; color:#fff; padding:10px; border-radius:10px; } 
input[type="submit"]:hover { cursor:pointer; }

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

.paging { text-align:center; } 
.paging ul { list-style:none; margin:0; padding:0; } 
.paging ul li { display:inline-block; } 
.paging ul li a { display:block; } 

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

	.videoWrapper {
	  position: relative;
	  padding-bottom: 56.25%; /* 16:9 */
	  height: 0;
	}
	.videoWrapper iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}


/* ------------------------------------------------------------------ */
.social {
	margin-bottom:30px;
}
.social span {
	display:inline-block;
	text-align: center;
	margin: 0 20px 20px;
}
.social a { 
	display:block;
	height: 40px;
	width: 120px;
	text-indent:-9999px;
	margin:10px auto 0;
}
.social a.youtube {
	background: url(../images/youtube.png) center center no-repeat;
	background-size:contain;
}
.social a.instagram {
	background: url(../images/instagram.svg) center center no-repeat;
	background-size:contain;
}

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

.calloutOnlineForm { 
	font-family:"verveine";
	font-size:32px;
	line-height:1;
	display: inline-block; display:block;
	color: #d7a672; color:#fff;
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
	position:relative;
	padding:0 0 30px;
}
.calloutOnlineForm img {  
	-ms-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}

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

#contentBlock.page5 .sidebar { width:670px; }
#contentBlock.page5 .sidebar-main { margin-right:-670px; }

@media screen and (max-width: 1210px) {
    #contentBlock.page5 .two-column .sidebar-main {
        float: none;
        width: 100%;
        margin-right: 0;
		}
	#contentBlock .sidebar {
        float: none;
        width: 300px;
        margin: 50px auto 0;
        max-width: 100%;
    	}
	}

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


#footerBlock .buttonWrapper a {
    background: #735342;
    color: #fff;
    font-weight: 400;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    padding:10px 20px;
	}
#footerBlock .buttonWrapper a:hover { background:#513b2f; } 

.home2025 #caseStudyBlock { background:#9f8260;  } 


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


#hpSlider {
	width:100%;
	height: auto;
	overflow: hidden;
	position:relative;
	background: #45372a;
	box-shadow: inset 0 0 40px rgba(0, 0, 0, .5);
}
#hpSlider &gt; div {
	max-width: 1200px;
    margin: 0 auto;
	height: auto;
	padding:0;
}
#hpSlider &gt; div &gt; div {
	height:0;
	width:100%;
	padding-bottom:56%;
    position: relative;
	overflow: hidden;
}
#hpSlider * {
	transition:all .3s ease;
	-o-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
}
#hpSlider .container {
	max-width:none;
	padding:0;
	width: auto;
	height: 100%;
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	position: absolute;
	top:0;
	left:0;
}
#hpSlider .container &gt; div {
	display:inline-block;
	width:auto;
	height:100%;
	position: relative;
	background: transparent center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#hpSlider .container &gt; div img {
	display:none;
}
#hpSlider .container &gt; div p {
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	font-size: 30px;
	margin: 0;
	padding: 30px;
	color: #fff;
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
	text-align: center;
}
#hpSlider .container &gt; div p span {
	max-width: 1200px;
	display:block;
	margin:0 auto;
}
#hpSlider .container &gt; div p strong {
	display:block;
	color: #bd6827;
	font-size: 160%;
	line-height: 100%;
	padding-bottom: 10px;
}

#hpSlider .container &gt; div:first-child p {
	color: #af251e;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
}
#hpSlider .container &gt; div:first-child p strong {
	color: black;
	font-size: 205%;
}
#hpSlider .controls {
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index: 9999;
	max-width: none;
	padding:0;
}
#hpSlider .controls a {
	position: absolute;
	top:50%;
	left:-10px;
	transform: translateY(-50%);
	font-size: 100px;
	line-height: 34%;
	height:80px;
	text-decoration: none;
	text-align: center;
	padding:10px 20px;
	background: #45372a;
	color: #fff;
	border-radius: 0 10px 10px 0;
}
#hpSlider .controls .next {
	left:auto;
	right:-10px;
	border-radius: 10px 0 0 10px;
}
#hpSlider .controls .prev:hover {
	left:0;
}
#hpSlider .controls .next:hover {
	right:0;
}
@media screen and (max-width: 730px) {
	#hpSlider &gt; div &gt; div {
		padding-bottom:76%;
	}
	#hpSlider .container &gt; div {
		background-size:contain;
		background-position:top;
		background-color: #000;
	}
	#hpSlider .container &gt; div:first-child {
		background-color: #fff;
	}
	#hpSlider .controls a {
		font-size: 50px;
		height: 50px;
		padding: 10px 15px 10px 10px;
	}
}
@media screen and (max-width: 650px) {
	#hpSlider .container &gt; div p {
		font-size:24px;
	}
}
@media screen and (max-width: 520px) {
	#hpSlider &gt; div &gt; div {
		padding-bottom:100%;
	}
}</pre></body></html>