@charset "utf-8";
html {
	font-family:'Museo Sans Cyrl 500';
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	color:#000000;
}
body {
	background-color:#d9d1c1;
	margin:0;
	padding:0
}
/*Фигуры---------------------------------------------------*/
.totalstyle {
	width:100%;
	height:100%;
	display:flex;
	align-items:end;
	justify-content:end;
	position:absolute;
	background-repeat:no-repeat;
	background-size:100% 100%
}
.backbig {
	background-image:url(../pics/background/figurenoise_02.gif);
}
.backsmall {
	background-image:url(../pics/background/figurenoise_02_resize.gif);
}
.figcontstyle {
	position:absolute;
}
.figurestyle {
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../pics/background/figurefon_03.gif);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:bottom;	
}
.fignone {
	opacity:0;
	transition:opacity linear 1s
}
.figfull {
	opacity:1;
	transition:opacity linear 2s
}
#figurevivus {
	position:absolute;
	bottom:0
}
/*Меню---------------------------------------------------*/
.menuvizualnone {
	opacity:0;
	transition:opacity linear 1s
}
.menuvizualyes {
	opacity:1;
	transition:opacity linear 1s
}
.vizualdark {
	opacity:1;
	transition:opacity linear 1s
}
.darkstyle {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#5C4F3F
}
.menutotalstyle {
	position:absolute;
	height:auto;
	background-color:transparent
}
.menuall {
	width:100%;
	height:auto;
	background-color:transparent
}
.menualldown {
	width:100%;
	background-color:transparent
}
.menudownstyle {
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: 60% 0
}
/*Шарик-----------------------------------------*/
.logostylebig {
	height:5rem;
	position:fixed;
	bottom:1rem;
	z-index:989;
	display:flex;
	align-items:center;
	justify-content:end ;
	background-color:transparent
}
.logostylesmall {
	width:5rem;
	height:5rem;
	position:absolute;
	background-color:transparent;
	background-image:url(../svg/ornologotype.svg);
	background-repeat:no-repeat; background-size:100% 100%;
	background-position:center;
	cursor:pointer;
	margin-right:3rem
}
.logorotate_l {
	transform:rotate(1080deg);
	transition: transform ease 2s
}
.logorotate_r {
	transform:rotate(-1080deg);
	transition: transform ease 2s
}
.logoleft {
	width:11rem;
	transition: width ease 2s
}
.logoright {
	width:100%;
	transition: width ease 2s
}
/*Рабочие блоки--------------------------------------*/
.blockout {
	position: fixed;
	width:100%;
	height:100%
}
.probaout {
	background-color:#3c3429;
	opacity:0.9
}
.whoout {
	background-color:#302222;
	opacity:0.8;
	display:flex;
	align-items:center;
	flex-direction:column;
	overflow:hidden auto
}
.contwho {
	position:relative;
	width:40%;
	background-color:transparent;
	top:2em;
	color:#FFFFFF;
	text-align:left;
	font-size:1.4rem;
	line-height:2rem;
	font-family:'Museo Sans Cyrl 300';
	font-weight:300;
	font-style:normal
}
.whobold {
	font-family:'Museo Sans Cyrl 700';
	font-weight:normal;
	font-style:normal
}
.whoitalic {
	font-family:'Museo Sans Cyrl 300';
	font-weight:300;
	font-style:italic
}
.contactout {
	background-color:#292e3a;
	opacity:0.85;
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	overflow:hidden auto
}
.contactshell {
	position:relative;
	width:40%;
	background-color:transparent;
	color:#FFFFFF;
	text-align:left;
	font-size:1.3rem;
	line-height:2rem;
	font-family:'Museo Sans Cyrl 300';
	font-weight:300;
	font-style:normal
}
.acont {
	text-decoration:none;
	color:#FFFFFF
}
.phonmarg {
	margin:0.3rem 0
}
.famarg {
	margin-right:0.8rem
}
.phonsp {
	font-family:'Museo Sans Cyrl 700';
	font-weight:normal;
	font-style:normal;
	color:#ffc36f
}
.adressp {
	padding:0.8rem 0;
	border-bottom:1px solid #ffc36f;
	border-top:1px solid #ffc36f;
	margin:0 0 0.9rem 0
}
.adressfield {
	width:100%;
	border:none;
	padding:0;
	margin:0
}
.adressinput {
	width:100%;
	font-size:1.2rem;
	line-height:1.4rem;
	margin:0.5rem 0;
	font-family:'Museo Sans Cyrl 300';
	font-weight:300;
	font-style:normal;
	background-color:#3e4b5c;
	color:#FFFFFF
}
.adressarea {
	width:100%;
	font-size:1.2rem;
	line-height:1.4rem;
	margin:0.5rem 0;
	font-family:'Museo Sans Cyrl 300';
	font-weight:300;
	font-style:normal;
	background-color:#3e4b5c;
	color:#FFFFFF
}
.adresssub {
	position:relative;
	float:right;
	margin:0.3rem 0 1rem 0;
	font-size:1.2rem;
	background-color:transparent;
	cursor:pointer;
	color:#ffc36f;
	padding:0.5rem 0.7rem;
	transition: background-color ease 0.5s
}
.adresssub:hover {
	background-color:#181818;
	transition: background-color ease 0.5s
}
input:-moz-placeholder,textarea:-moz-placeholder {
	color:#AAB7C5
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color:#AAB7C5
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color:#AAB7C5
}
.objectsout, .graficsout, .polygrafout, .reklamaout, .webout {
	background-color:#909090;
	opacity:1
}
.outyes {
	left:0;
	transition: left ease 1s
}
.outnone {
	left:100%;
	transition: left ease 1s
}
/*Карусель----------------------------------------------*/
.item {
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	height:100vh;
	overflow:hidden auto
}
.it_mob {
	justify-content:space-evenly;
	flex-direction:row
}
.picitem {
	position:relative;
	background-color:transparent;
	display:flex;
	align-items:center;
	justify-content:center
}
.pi_mob {
	width:auto;
	height:90%;
	margin:0;
}
.img_mob_vert {
	height:100%;
	width:auto
}
.img_mob_sq {
	height:90%;
	width:auto
}
.img_mob_horiz {
	height:80%;
	width:auto
}
.textitem {
	position:relative;
	height:auto;
	background-color:transparent
}
.te_mob {
	width:25%;
	margin:0;
	text-align:left
}
.namesp {
	font-family:'Museo Sans Cyrl 700';
	font-size:1.3rem;
	font-weight:normal;
	font-style:normal
}
.namepar {
	font-family:'Museo Sans Cyrl 300';
	font-size:1rem;
	font-weight:300;
	font-style:normal
}
.spb {
	font-family:'Museo Sans Cyrl 700';
	font-weight:normal;
	font-style:normal;
	color:inherit
}
/*Карусель кнопки------------------------------*/
.avtobut {
	position:absolute;
	top:0.8rem;
	width:3rem;
	height:1.5rem;
	cursor:pointer;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-color:transparent
}
.sideleft {
	left:1rem;
	background-image:url(../svg/avtoplay.svg);
	z-index:100
}
.sideright {
	right:1rem;
	background-image:url(../svg/avtostop.svg);
	z-index:101;
}
/*Галерея заголовков------------------------------------*/
.headerstyle {
	position:fixed;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background-color:#292e3a;
	opacity:0.85;
	color:#FFFFFF;
	text-align:center;
	font-size:1.3rem;
	line-height:2rem;
	font-family:'Museo Sans Cyrl 300';
	font-weight:300;
	font-style:normal;
	z-index:999;
}
.headmsq {
	position:relative;
	width:40%;
	padding:0.8rem 0;
	border-bottom:1px solid #ffc36f;
	border-top:1px solid #ffc36f;
	margin:0 0 2rem 0
}
.headbutton {
	position:relative;
	width:7rem;
	margin:0.3rem 0 1rem 0;
	font-size:1.2rem;
	font-weight:bold;
	background-color:transparent;
	cursor:pointer;
	color:#ffc36f;
	padding:0.3rem 0.5rem;
	transition: background-color ease 0.5s;
	border-width: 2px;
	border-style: outset;
	border-color: buttonborder;
	border-image: initial
}
.headbutton:hover {
	background-color:#181818;
	transition: background-color ease 0.5s
}
.hdnone {
	display:none
}
.hdflex {
	display:flex
}
/*Медиазапросы-----------------------------------------*/
/*СМ вертикальный----------------------------*/
@media only screen and (max-width: 575px) and (orientation: portrait) {
	.logostylebig {
		height:4rem
	}
	.logostylesmall {
		width:4rem;
		height:4rem;
		margin-right:1rem
	}
	.logoleft {
		width:6rem
	}
	.it_mob {
		flex-direction:column;
		justify-content:center
	}
	.pi_mob {
		width:100%;
		height:auto;
		margin:0 0 2rem 0
	}
	.img_mob_vert {
		height:auto;
		width:100%
	}
	.img_mob_sq {
		height:auto;
		width:100%
	}
	.img_mob_horiz {
		height:auto;
		width:100%
	}
	.te_mob {
		width:70%;
		margin:0 0 3rem 0;
		text-align:center
	}
	.avtobut {
		width:2.6rem;
		height:1.3rem
	}
	.namesp {
		font-size:1rem
	}
	.namepar {
		font-size:0.8rem
	}
	.contwho {
		width:90%;
		font-size:1.1rem;
		line-height:1.6rem;
		padding-bottom:3rem
	}
	.contactout {
		justify-content:start;
	}
	.contactshell {
		width:90%;
		font-size:1rem;
		line-height:1.5rem;
		margin:2rem 0
	}
	.adressinput {
		font-size:1rem;
		line-height:1.3rem
	}
	.adressarea {
		font-size:1rem;
		line-height:1.3rem
	}
	.adresssub {
		font-size:0.9rem
	}
	.headerstyle {
		font-size:1.1rem;
		line-height:1.5rem
	}
	.headmsq {
		width:90%
	}
	.headbutton {
		font-size:0.9rem;
		padding:0.2rem 0.4rem
	}
}
/*СМ горизонтальный----------------------------*/
@media only screen and (max-width: 980px) and (orientation: landscape) {
	.logostylebig {
		height:4rem
	}
	.logostylesmall {
		width:4rem;
		height:4rem;
		margin-right:1rem
	}
	.logoleft {
		width:6rem
	}
	.it_mob {
		justify-content:start; 
		flex-direction:column
	}
	.pi_mob {
		width:70%;
		height:auto;
		margin:2rem 0 2rem 0
	}
	.img_mob_vert {
		height:auto;
		width:100%
	}
	.img_mob_sq {
		height:auto;
		width:100%
	}
	.img_mob_horiz {
		height:auto;
		width:100%
	}
	.te_mob {
		width:60%;
		margin:0 0 2rem 0;
		text-align:center
	}
	.avtobut {
		width:2.6rem;
		height:1.3rem;
	}
	.namesp {
		font-size:1rem
	}
	.namepar {
		font-size:0.8rem
	}
	.contwho {
		width:70%;
		font-size:1.1rem;
		line-height:1.6rem;
		padding-bottom:3rem
	}
	.contactout {
		justify-content:start;
	}
	.contactshell {
		width:70%;
		font-size:1rem;
		line-height:1.5rem;
		margin:2rem 0
	}
	.adressinput {
		font-size:1rem;
		line-height:1.3rem
	}
	.adressarea {
		font-size:1rem;
		line-height:1.3rem
	}
	.adresssub {
	font-size:0.9rem;
	}
	.headerstyle {
		font-size:1.1rem;
		line-height:1.5rem
	}
	.headmsq {
		width:70%
	}
	.headbutton {
		font-size:0.9rem;
		padding:0.2rem 0.4rem
	}
}
/*ПЛ вертикальный----------------------------*/
@media only screen and (min-width: 576px) and (max-width: 1024px) and (orientation: portrait) {
	.logostylebig {
		height:5rem
	}
	.logostylesmall {
		width:5rem;
		height:5rem;
		margin-right:2rem
	}
	.logoleft {
		width:9rem
	}
	.it_mob {
		flex-direction:column;
		justify-content:center
	}
	.pi_mob {
		width:90%;
		height:auto;
		margin:0 0 4rem 0
	}
	.img_mob_vert {
		height:auto;
		width:100%
	}
	.img_mob_sq {
		height:auto;
		width:100%
	}
	.img_mob_horiz {
		height:auto;
		width:100%
	}
	.te_mob {
		width:80%;
		margin:0 0 4rem 0;
		text-align:center
	}
	.contwho {
		width:70%;
		font-size:1.3rem;
		line-height:1.9rem
	}
	.contactshell {
		width:65%;
	}
	.headerstyle {
		font-size:1.2rem;
		line-height:1.6rem
	}
	.headmsq {
		width:80%
	}
}
/*ПЛ горизонтальный----------------------------*/
@media only screen and (min-width: 981px) and (max-width: 1399px) and (orientation: landscape) {
	.logostylebig {
		height:5rem
	}
	.logostylesmall {
		width:5rem;
		height:5rem;
		margin-right:2rem
	}
	.logoleft {
		width:9rem
	}
	.it_mob {
		justify-content:space-evenly; 
		flex-direction:row
	}
	.pi_mob {
		width:auto;
		height:80%;
	}
	.img_mob_vert {
		height:95%;
		width:auto
	}
	.img_mob_sq {
		height:85%;
		width:auto
	}
	.img_mob_horiz {
		height:75%;
		width:auto
	}
	.te_mob {
		width:20%;
		margin:0
	}
	.logorotate_l {
		transform:rotate(1440deg);
	}
	.logorotate_r {
		transform:rotate(-1440deg);
	}
	.contwho {
		width:50%;
		font-size:1.3rem;
		line-height:1.9rem
	}
	.contactshell {
		width:50%;
	}
	.headerstyle {
		font-size:1.2rem;
		line-height:1.6rem
	}
	.headmsq {
		width:60%
	}
}
/*Широкий экран----------------------------*/
@media only screen and (min-width: 1400px) {
	.logorotate_l {
		transform:rotate(1440deg);
	}
	.logorotate_r {
		transform:rotate(-1440deg);
	}
}