@font-face {
  font-family: 'panton_regular';
  src: url(../fonts/Panton.otf) format("opentype");
}
@font-face {
  font-family: 'panton_bold';
  src: url(../fonts/PantonBold.otf) format("opentype");
}
@font-face {
  font-family: 'panton_light';
  src: url(../fonts/PantonLight.otf) format("opentype");
}
@font-face {
  font-family: 'panton_thin';
  src: url(../fonts/PantonThin.otf) format("opentype");
}
@font-face {
  font-family: 'panton_heavy';
  src: url(../fonts/PantonHeavy.otf) format("opentype");
}

/* Код для подключения шрифта в /css/stylename.css */
/* font-family: "FregatRegular"; */
@font-face {
    font-family: "FregatRegular";
    src: url("../fonts/FregatRegular/FregatRegular.eot");
    src: url("../fonts/FregatRegular/FregatRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/FregatRegular/FregatRegular.woff") format("woff"),
    url("../fonts/FregatRegular/FregatRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}/* font-family: "FregatBold"; */
@font-face {
    font-family: "FregatBold";
    src: url("../fonts/FregatBold/FregatBold.eot");
    src: url("../fonts/FregatBold/FregatBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/FregatBold/FregatBold.woff") format("woff"),
    url("../fonts/FregatBold/FregatBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* Код для подключения шрифта в /css/stylename.css */
/* font-family: "OfficinaSerifBold"; */
@font-face {
    font-family: "OfficinaSerifBold";
    src: url("../fonts/OfficinaSerifBold/OfficinaSerifBold.eot");
    src: url("../fonts/OfficinaSerifBold/OfficinaSerifBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OfficinaSerifBold/OfficinaSerifBold.woff") format("woff"),
    url("../fonts/OfficinaSerifBold/OfficinaSerifBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-family: Tahoma, Arial, sans-serif;
	background: #eee;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wrapper {
	min-width: 900px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
}
.slide-wrapper {
	margin: 0 auto;
	max-width: 1200px;
	padding: 77px 75px 20px;
}
.content {
	position: relative;
	padding-left: 350px;
	padding-top: 38px;
}
.content-img-head {
	position: absolute;
	left: -12px;
	top: 0;
	width: 322px;
	min-height: 94px;
	background: url(../images/loveis1.png) no-repeat center center;
}
.content-img {
	position: absolute;
	left: 0;
	top: 145px;
	width: 350px;
	min-height: 400px;
	background: url(../images/img1.png) no-repeat center top;
}
.icon {
	position: absolute;
	top: -46px;
	width: 99px;
	height: 50px;
	background: url(../images/logo.png) no-repeat center center;
}
.ttl-h2 {
	font-size: 45px;
	text-transform: uppercase;
  font-family: "OfficinaSerifBold";
}
.text {
	margin-top: 35px;
  /*font-family: 'panton_regular';*/
  font-family: "FregatRegular";
	font-size: 24px;
	line-height: 33px;
}
.text p {
	margin-bottom: 32px;
}
.text b {
  /*font-family: 'panton_bold';*/
    font-family: "FregatBold";
}
.price {
  /*font-family: 'panton_light';*/
  font-family: "FregatRegular";
	font-size: 40px;
	padding: 20px 0 20px 15px;
}
.price.white {color: #fff;}
.button {
	display: inline-block;
  /*font-family: 'panton_regular';*/
  font-family: "FregatRegular";
	line-height: 42px;
	height: 44px;
	border: 1px solid #000;
	color: #000;
	padding: 0 15px;
	border-radius: 3px;
	text-decoration: none;
	font-size: 20px;
	margin-bottom: 8px;
}
.button:last-child {
	margin-bottom: 0;
}
.button.white {color: #fff; border-color: #fff;}

.line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: url(../images/line1.png) repeat-x center center;
}

.slide1 {
	position: relative;
	background: #FFDE00;
	padding-bottom: 30px;
}
	.slide1 .ttl-h2 {
		color: #E0001B;
		text-shadow:#AE0012 0px 2px 0, #FFA6D1 -1px 0px 0px;
	}
	.slide1-items {padding-top: 30px;}
	.slide1-items table {width: 100%;}
	.slide1-items .separator {width: 25px;}

	.slide1-item {}
	.slide1-img {
		position: relative;
	}
	.slide1-img img {
		width: 100%;
		height: auto;
	}
	.slide1-img:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 10px;
		box-shadow: inset -1px 0 5px -2px rgba(0,0,0,.3);
	}
	.slide1-img:after {
		content: '';
		position: absolute;
		top: 0;
		left: 10px;
		height: 100%;
		width: 10px;
		box-shadow: inset 2px 0 3px -2px rgba(255,255,255,.5);
	}

.slide2 {
	position: relative;
	background: #D82523 url(../images/slide2-bg.png) no-repeat bottom center;
	padding-bottom: 30px;
}	
	.slide2 .line {
		background: url(../images/line1.png) repeat-x center center;
	}
	.slide2-img img {
		max-width: 100%;
		height: auto;
	}
	.slide2 .icon {
		background: url(../images/logo2.png) no-repeat center center;
	}
	.slide2 .content-img-head {
		background: url(../images/loveis2.png) no-repeat top left;
	}
	.slide2 .content-img {
		left: -12px;
		background: url(../images/img2.png) no-repeat top left;
	}
	.slide2 .ttl-h2 {
		color: #fff;
		text-shadow:#B61A13 0px 2px 0;
	}
	.slide2 .text {
		color: #fff;
	}

.slide3 {
	position: relative;
	background: #427FF9;
}
	.slide3 .line {
		background: url(../images/line2.png) repeat-x center center;
	}
	.slide3 .icon {
		background: url(../images/logo2.png) no-repeat center center;
	}
	.slide3 .content-img-head {
		background: url(../images/loveis2.png) no-repeat top left;
	}
	.slide3 .content-img {
		left: -12px;
		background: url(../images/img3.png) no-repeat top left;
	}
	.slide3 .ttl-h2 {
		color: #fff;
		text-shadow:#2554B1 0px 2px 0;
	}
	.slide3 .text {
		color: #fff;
	}
	.slide3-items {
		padding-top: 30px;
	}
	.slide3-item {
		display: table;
		margin-bottom: 60px;
	}
	.slide3-img {
		position: relative;
		vertical-align: top;
		display: table-cell;
		border: 1px solid #3869B9;
		border-radius: 3px;
		box-shadow: 0 0 70px 0 rgba(255,255,255,.3);
	}
	.slide3-img img {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 2;
	}
	.slide3-img-shadow {
		position: absolute;
		left: 277px;
		top: 0;
		height: 100%;
		width: 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		opacity: 0.05;
		z-index: 1;
	}
	.slide3-links {
		position: relative;
		z-index: 2;
		vertical-align: top;
		display: table-cell;
		width: 277px;
		padding-left: 30px;
	}

.slide4 {
	position: relative;
	background: #fff url(../images/footer.png) no-repeat bottom center;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding-bottom: 200px;
}
	.slide4 .line {
		background: url(../images/line3.png) repeat-x center center;
	}
	.slide4-head {
		position: relative;
		padding-left: 350px;
		height: 105px;
	}
	.slide4 .icon {
		top: 0;
	}
	.slide4 .content-img-head {
		top: -30px;
	}

	.slide4-items {}
	.slide4-items table {
		width: 100%;
	}
	.slide4-items .separator {
		width: 18px;
	}
	.slide4-item {
		position: relative;
	}
	.slide4-img {
		text-align: center;
	}
	.slide4-img img {
		width: 100%;
		height: auto;
	}
	.slide4-img-o {
		margin-top: 18px;
	}
	.slide4-img-o img {
		width: 100%;
		height: auto;
	}

@media screen and (max-width: 1120px) {
	.button {
		font-size: 16px;
	}
	.ttl-h2 {
		font-size: 40px;
	}
}
@media screen and (max-width: 955px) {
	.button {
		font-family: Arial, sans-serif;
		font-size: 14px;
		padding: 0 10px;
		height: 34px;
		line-height: 32px;
	}
}