/* Getting the new tags to behave */

@import url("animation.css") screen;


article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block
}
mark, rp, rt, ruby, summary, time {
	display:inline
}
/* Left & Right alignment */
.left {
	float:left
}
.right {
	float:right
}
.wrapper {
	width:100%;
	overflow:hidden
}


.wr {
	width:966px;
	position: relative;
	
}


/* Global properties */
body {
	background:#d24a43; /*цвет бэкраунда нижний*/
	border:0;
	font:16px 'Exo 2',  Arial, sans-serif;
	color:#504E4B;
	line-height:22px
	src: url(fonts/MyriadProRegular.otf); /* Путь к файлу со шрифтом */	
	
	
}

/* Код для подключения шрифта в /css/stylename.css */
/* font-family: "MyriadProRegular"; */
@font-face {
    font-family: "MyriadProRegular";
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.ic, .ic a {
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}
.css3 {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);
	position:relative
}
/* Global Structure */
.main {
	margin:0 auto;
	width:966px
}
.body1 {
	background:url(../images/bg_top2.gif) top repeat-x #ffffff
}
.body2 {
	background:#fff
}
/* main layout */
a {
	color:#5F0001;
	text-decoration:underline;
	outline:none
}
a:hover {
	text-decoration:none
}
h1 {
	float:left;
	padding:33px 0 0 16px
}
h2 {
	font-size:35px;
	color:#d24a43;
	line-height:1.2em;
	padding:28px 0 0px 0;
	font-weight:normal;
	letter-spacing:-2px
}
h2 span {
	display:block;
	margin-top:-7px
}
h3 {
	font-size:25px;
	color:#fff;
	font-weight:normal;
	line-height:1.2em;
	padding:34px 0 8px 0;
	letter-spacing:-1px
}

h4{
	font-size:25px;
	color:#504E4B;
	font-weight:normal;
	line-height:1.2em;
	padding:14px 0 8px 0;
	letter-spacing:-1px
}


h8{
	font-size:20px;
	color:#504E4B;
	font-weight:normal;
	line-height:1.2em;
	padding:14px 0 8px 0;
	letter-spacing:-1px
}




p {
	padding-bottom:22px
}
/* header */
header {
	height:169px
}
#logo {
	display:block;
	background:url(../images/logo.png) 0 0 no-repeat;
	width:298px;
	height:109px;
	text-indent:-9999px
}
#menu {
	float:right;
	padding:51px 16px 0 0
}
#menu li {
	float:left;
	padding-left:1px
}
#menu li a {
	display:block;
	font-size:19px;
	color:#d24a43; /*цвет шрифта меню*/
	text-decoration:none;
	line-height:42px;
	height:43px;
	padding:0 19px;
	border-radius:28px;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	position:relative;
	background:url(../images/spacer.gif) repeat
}
#menu li a:hover, #menu .active a {
	background:url(../images/menu_bg.png) bottom repeat-x #92d30f;
	color:#fff
}
#menu li a:hover, #menu .active a {
	background/*\**/:url(../images/menu_bg.png) top repeat-x #337f05\9
}
.slider_bg {
	width:100%;
	height:283px;
	background:url(../images/slider_bg2.png) 0 0 no-repeat;
	position:relative;
	margin-top:17px
}
.slider {
	top:0px;
	left:0px;
	position:absolute;
	z-index:1
}
.slider .items {
	display:none
}
.slider .pagination {
	position:absolute;
	z-index:2;
	bottom:23px;
	left:430px
}
* + html .slider .pagination {
	bottom:27px
}
.slider .pagination li {
	float:left
}
.slider .pagination a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/buttons.png) right 0 no-repeat
}
.slider .pagination a:hover, .slider .pagination .current a {
	background-position:left
}
/* content */
#content {
	padding:0 0 34px 23px
}
#content2 {
	padding:3px 0 15px 23px
}
.pad_left1 {
	padding-left:35px
}
.pad_left2 {
	padding-left:50px
}
.pad_bot1 {
	padding-bottom:11px
}
.pad_bot2 {
	padding-bottom:15px
}
.marg_right1 {
	margin-right:20px
}
.pad_top1 {
	padding-top:5px
}
.dropcap1 {
	float:left;
	background:url(../images/dropcap.png) 0 0 no-repeat;
	width:50px;
	height:54px;
	margin-right:20px;
	font-size:45px;
	line-height:1.2em;
	text-align:center;
	color:#e11204;
	margin-top:6px
}
.dropcap1 span {
	display:block;
	margin-top:-6px
}
.dropcap1 .color1 {
	color:#f69e00
}
.dropcap1 .color2 {
	color:#676766
}
.dropcap1 .color3 {
	color:#089495
}
.color1 {
	color:#d24a43
}
.color2 {
	color:#818181
}
.font1 {
	font-size:16px
}
.link1 {
	display:inline-block;
	font-style:italic;
	padding-right:13px;
	background:url(../images/marker_2.gif) right 8px no-repeat;
	text-decoration:none
	color:#a09d99
}
.link1:hover {
	text-decoration:underline
}
.link2 {
	color:#a09d99;
	text-decoration:none
}
.link2:hover {
	text-decoration:underline
}
.testimonials {
	background:url(../images/testimonials_bg.gif) 0 4px no-repeat;
	padding-left:50px
}
.quot {
	background:url(../images/quot1.png) 0 0 no-repeat;
	padding-left:20px;
	font-style:italic
}
.quot img {
	display:inline-block;
	margin-top:1px;
	padding-left:4px
}
.list1 {
}
.list1 li {
	font-size:16px;
	line-height:27px
}
.list1 a {
	color:#676766;
	padding-left:23px;
	background:url(../images/marker_1.png) 0 4px no-repeat;
	text-decoration:none
}
.list1 a:hover {
	color:#fff
}
.quality {
	width:100%;
	overflow:hidden
}
.quality .cols {
	width:290px
}
.quality .pad_left1 {
	padding-left:30px
}
.quality .arrow {
	background:url(../images/arrow.png) right 4px no-repeat
}
.quality .dropcap1 {
	height:50px;
	background:url(../images/dropcap2.png) 0 0 no-repeat;
	margin-top:1px
}
.quality h3 {
	padding:0 0 17px 0
}
.quality h3 span {
	display:block;
	margin-top:-6px
}
.price {
}
.price li {
	width:100%;
	overflow:hidden;
	background:url(../images/bg_price.gif) 0 -5px repeat-x
}
.price span {
	float:right;
	background:#1c160d
}
.price a {
	color:#a09d99;
	text-decoration:none;
	float:left;
	background:#1c160d
}
.price a:hover {
	color:#fff
}
.address {
	margin-top:-3px;
	padding-bottom:25px
}
.address li {
	line-height:27px;
	padding-left:23px;
	background:url(../images/marker_1.png) 0 6px no-repeat;
	overflow:hidden
}
.address a {
	color:#d24a43;
	text-decoration:none
}
.address a:hover {
	text-decoration:underline
}
pre {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#a09d99;
	line-height:27px
}
/* footer */
footer {
	padding:0 0 40px 23px
}
footer a {
}
footer a:hover {
}
#icons li {
	line-height:1.9em
}
#icons a {
	color:#a09d99;
	text-decoration:none
}
#icons a span {
	display:inline-block;
	vertical-align:top;
	cursor:pointer
}
#icons a:hover {
	color:#fff
}
#icons img {
	margin:5px 10px 0 0
}
#why_us {
}
#why_us li {
	line-height:27px
}
#why_us a {
	color:#a09d99;
	text-decoration:none;
	padding-left:23px;
	background:url(../images/marker_3.png) 0 2px no-repeat
}
#why_us a:hover {
	color:#fff
}
#footer_link {
	margin-top:17px;
	border-top:1px solid #1a1a1a;
	padding-top:19px
}
/* forms */
#ContactForm {
	padding-top:2px
}
#ContactForm span {
	float:left;
	width:111px;
	line-height:24px
}
#ContactForm .bg {
	border:1px solid #fff;
	background:url(../images/bg_input.gif) top repeat-x #e7e7e7;
	position:relative;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	height:20px;
	overflow:hidden
}
#ContactForm .bg2 {
	border:1px solid #fff;
	background:url(../images/bg_textarea.gif) top repeat-x #e7e7e7;
	position:relative;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	height:98px;
	overflow:hidden
}
#ContactForm .wrapper {
	min-height:27px
}
#ContactForm .textarea_box {
	height:105px;
	width:100%;
	overflow:hidden
}
#ContactForm a {
	float:right;
	width:94px;
	height:43px;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	line-height:42px;
	text-align:center;
	background:url(../images/button_bg.gif) top repeat-x #327d05;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position:relative
}
#ContactForm a:hover {
	background:#8dcf0f
}
#ContactForm .input {
	width:307px;
	height:18px;
	background:none;
	padding:0 5px;
	color:#6b6051;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0
}
#ContactForm textarea {
	overflow:auto;
	width:307px;
	height:98px;
	background:none;
	padding:0 5px;
	color:#6b6051;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0
}

.transition-rotate {
  position: relative;
  z-index: 2;
  background: #808991;
  color: #FFF;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  max-width: 500px;
  font-size: 20px;
  border: 4px ridge black;
  cursor: pointer;
  transition: 3s linear;
}
.transition-rotate:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}



.header {
}



.featured-thumbnail {
  padding: 0;
  overflow: hidden;
	position: relative;
	cursor: pointer;
}
.featured-thumbnail img {
    width: 100%;
    max-width: 550px;
}
.featured-thumbnail::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.featured-thumbnail:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
.featured-thumbnail img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.featured-thumbnail:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}





.content h9 {
	font-size:48px;
	color:#000;
	text-shadow:0px 1px 1px #f4f4f4;
	text-align:center;
	padding:60px 0 30px;	
}

/* LAYOUT */
.container {
	margin:0 auto;
	overflow:hidden;
	width:960px;
}

/* CONTENT SLIDER */
#content-slider {
	width:100%;
	height:360px;
	margin:10px auto 0;
}
/* SLIDER */
#slider {
	background:#000;
	border:5px solid #eaeaea;
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);
	height:320px;
	width:680px;
	margin:40px auto 0;
	overflow:visible;
	position:relative;
}
#mask {
	overflow:hidden;
	height:320px;
}
#slider ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider li {
	width:680px;
	height:320px;
	position:absolute;
	top:-325px;
	list-style:none;
}

#slider li.firstanimation {
	-moz-animation:cycle 25s linear infinite;	
	-webkit-animation:cycle 25s linear infinite;		
}
#slider li.secondanimation {
	-moz-animation:cycletwo 25s linear infinite;
	-webkit-animation:cycletwo 25s linear infinite;		
}
#slider li.thirdanimation {
	-moz-animation:cyclethree 25s linear infinite;
	-webkit-animation:cyclethree 25s linear infinite;		
}
#slider li.fourthanimation {
	-moz-animation:cyclefour 25s linear infinite;
	-webkit-animation:cyclefour 25s linear infinite;		
}
#slider li.fifthanimation {
	-moz-animation:cyclefive 25s linear infinite;
	-webkit-animation:cyclefive 25s linear infinite;		
}

#slider .tooltip {
	background:rgba(0,0,0,0.7);
	width:300px;
	height:60px;
	position:relative;
	bottom:75px;
	left:-320px;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}
#slider .tooltip h9 {
	color:#fff;
	font-size:24px;
	font-weight:300;
	line-height:60px;
	padding:0 0 0 20px;
}
#slider li#first:hover .tooltip, 
#slider li#second:hover .tooltip, 
#slider li#third:hover .tooltip, 
#slider li#fourth:hover .tooltip, 
#slider li#fifth:hover .tooltip {
	left:0px;
}
#slider:hover li, 
#slider:hover .progress-bar {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

/* PROGRESS BAR */
.progress-bar { 
	position:relative;
	top:-5px;
	width:680px; 
	height:5px;
	background:#000;
	-moz-animation:fullexpand 25s ease-out infinite;
	-webkit-animation:fullexpand 25s ease-out infinite;
}





.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.parallax__layer--base {
  transform: translateZ(0);
}

.parallax__layer--back {
  transform: translateZ(-1px);
}



.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
	
	.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);


/******************************
 SLIDE 1 
*******************************/
#slide1{
	background-color:#5c9900;
	
}
/******************************
 SLIDE 2 
*******************************/
#slide2{
	background-color:#005c99;
	
}
#slide2 img:first-child{
	position:absolute;
top: 700px;
left: -150px;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:300px;
	left:100px;
}
#slide2 img:nth-child(3){
	position:absolute;
	top:600px;
	left:300px;
}
#slide2 img:nth-child(4){
	position:absolute;
	top:400px;
	left:300px;
}
#slide2 img:nth-child(5){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(6){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(7){
	position:absolute;
	top:400px;
	right:100px;
}
#slide2 img:nth-child(8){
	position:absolute;
	top:100px;
	right:300px;
}
/******************************
 SLIDE 3 
*******************************/
#slide3{
	background-color:#b6c10b;
}
#slide3 img:first-child{
	position:absolute;
top: 700px;
left: 300px;
}
#slide3 img:nth-child(2){
	position:absolute;
	top:100px;
	left:100px;
}
#slide3 img:nth-child(3){
	position:absolute;
	top:150px;
	left:300px;
}
#slide3 img:nth-child(4){
	position:absolute;
	top:450px;
	left:300px;
}
#slide3 img:nth-child(5){
	position:absolute;
	top:200px;
	right:300px;
}
#slide3 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}
/******************************
 SLIDE 4 
*******************************/

#slide4{
	background-image:url(../images/Slide4/desktop4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

		
	

.envatologo{
position:fixed;
top:100%;
left:50%;
width:446px;
margin-top:-41px;
margin-left:-223px;
z-index:1;
}
.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
	


		.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);

.zornet {position: fixed;bottom: 19px;right: 19px;display: block;background: #0094b7;color: #eaeaea;text-decoration: none;padding: 7px 18px;font-size: 15px;border-radius: 3px;}
.zornet:hover { background: #353333; }