@charset "utf-8";
.contime {
	position:fixed;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:transparent;
	overflow:hidden auto;
}
.totaltime {
	background-color:transparent;
	width:575px;
	height:auto;
	position:relative;
}
.datavremia {
	position:relative;
	font-size:2.5rem;
	color:#ffffff;
	text-align:center;
	width:100%;
	height:auto;
	background-color:transparent;
	font-family:'Museo Sans Cyrl 300';
	font-weight:300;
	font-style:normal;
}
.nambervremia {
	position:relative;
	font-size:6rem;
	color:#f36934;
	text-align:center;
	width:100%;
	height:auto;
	background-color:transparent;
	font-family:monospace;
	font-weight:bolder;
	font-style:normal;
	padding-bottom:3rem;
}
.phrasevremia {
	position:relative;
	color:#000000;
	width:100%;
	height:auto;
	font-size:1.6rem;
	text-align:left;
	font-family:'Museo Sans Cyrl 300';
	font-weight:normal;
	font-style:normal;
	background-color:#FFFFFF;
}
.quotvremiatop {
	position:relative;
	background-color:#F88300;
	background-image:url(../svg/quotleft.svg);
	background-repeat:no-repeat;
	background-position:left;
	background-size:auto 100%;
	color:#FFFFFF;
	width:100%;
	height:4rem;
	text-align:center;
	font-size:2rem;
	line-height:4rem;
	letter-spacing:0.3rem;
	font-family:'Museo Sans Cyrl 900';
	font-weight:bold;
	font-style:normal;
}
.phraza_p {
	margin:1.3rem;
}
.phraza_c {
	text-align:center;
	font-family:'Museo Sans Cyrl 700';
	font-weight:normal;
	font-style:italic;
	font-size:1.4rem;
	color:#FF6600;
	margin:0 0 1.3rem 0;
}
.quotvremiabott {
	position:relative;
	width:100%;
	height:4rem;
	background-color:#F88300;
	background-image:url(../svg/quotright.svg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:auto 100%;	
}
/*Медиазапросы---------------------------------------------------------------*/
/*СМ вертикальный----------------------------*/
@media only screen and (max-width : 575px) and (orientation: portrait) {
	.totaltime {
		width:86%;	
	}
	.datavremia {
		font-size:150%;
	}
	.nambervremia {
		font-size:380%;
		padding-bottom:3rem;
	}
	.phrasevremia {
		font-size:1.1rem;
	}
	.quotvremiatop {
		height:3rem;
		font-size:1.3rem;
		line-height:3rem;
		letter-spacing:0.1rem;
	}
	.phraza_p {
		margin:1rem;
	}
	.phraza_c {
		font-size:1rem;
		margin:0 0 1rem 0;
	}
	.quotvremiabott {
		height:3rem;
	}	
}
/*СМ горизонтальный--------------------------------*/
@media only screen and (max-width : 980px) and (orientation: landscape) {
	.contime {
		align-items:start;
	}
	.totaltime {
		width:70%;
		margin:2rem 0;
	}
	.datavremia {
		font-size:150%;
	}
	.nambervremia {
		font-size:380%;
		padding-bottom:3rem;
	}
	.phrasevremia {
		font-size:1.1rem;
	}
	.quotvremiatop {
		height:3rem;
		font-size:1.3rem;
		line-height:3rem;
		letter-spacing:0.1rem;
	}
	.phraza_p {
		margin:1rem;
	}
	.phraza_c {
		font-size:1rem;
		margin:0 0 1rem 0;
	}
	.quotvremiabott {
		height:3rem;
	}		
}
/*ПЛ вертикальный-----------------------------------------*/
@media only screen and (min-width : 576px) and (max-width : 1024px) and (orientation: portrait) {
	.totaltime {
		width:60%;	
	}
	.datavremia {
		font-size:150%;
	}
	.nambervremia {
		font-size:380%;
		padding-bottom:3rem;
	}
	.phrasevremia {
		font-size:1.6rem;
	}
	.quotvremiatop {
		height:4rem;
		font-size:1.8rem;
		line-height:4rem;
		letter-spacing:0.2rem;
	}
	.phraza_p {
		margin:1.2rem;
	}
	.phraza_c {
		font-size:1.4rem;
		margin:0 0 1.2rem 0;
	}
	.quotvremiabott {
		height:4rem;
	}	
}
/*ПЛ горизонтальный------------------------------------------*/
@media only screen and (min-width : 981px) and (max-width : 1399px) and (orientation: landscape) {
	.totaltime {
		width:50%;
		margin:2rem 0;
	}
	.datavremia {
		font-size:150%;
	}
	.nambervremia {
		font-size:380%;
		padding-bottom:3rem;
	}
	.phrasevremia {
		font-size:1.6rem;
	}
	.quotvremiatop {
		height:4rem;
		font-size:1.8rem;
		line-height:4rem;
		letter-spacing:0.2rem;
	}
	.phraza_p {
		margin:1.2rem;
	}
	.phraza_c {
		font-size:1.4rem;
		margin:0 0 1.2rem 0;
	}
	.quotvremiabott {
		height:4rem;
	}		
}