/* @group Кнопки */

/* ==========================================================================
   КНОПКИ
   ========================================================================== */

button.btnRecall,
a.btnRecall {
	color: white;
	text-decoration: none;
	padding: .7em 1.2em .5em 1.2em;
	border-radius: 30px;
	background: rgb(255, 117, 0);
	/*box-shadow: inset 0 -3px rgb(165, 76, 0);*/
	transition: 0.1s;
	font-size: 78%;
	/*line-height: 2px;*/
	margin-left: 2em;
	margin-right: .7em;
	position: relative;
	bottom: 2px;
	-webkit-box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);
	-moz-box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);
	box-shadow:0 2px 5px 0 rgba(255,55,0,.30),0 2px 10px 0 rgba(255,55,0,.15);
	border: none;
	font-family: GillSansC, "Trebuchet MS", Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

button.btnRecall:before,
a.btnRecall:before {
	-webkit-border-top-right-radius: 30px;
	        border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	        border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	        border-bottom-left-radius: 30px;
	-webkit-border-top-left-radius: 30px;
	        border-top-left-radius: 30px;	
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-box-shadow: 0 0 0 1px #fe6f5b;
	box-shadow: 0 0 0 1px #fe6f5b;
	-webkit-animation: btnWavingOut 0s forwards;
	animation: btnWavingOut 0s forwards;
	-webkit-animation: btnWavingIn 8s infinite;
	animation: btnWavingIn 8s infinite;
}


button.btnRecall:hover,
a.btnRecall:hover {
	background: rgb(255, 58, 20);
}

button.btnRecall:hover:before,
a.btnRecall:hover:before {
	-webkit-animation: btnWavingIn 0s forwards;
	animation: btnWavingIn 0s forwards;
	-webkit-animation: btnWavingOut .5s forwards;
	animation: btnWavingOut .5s forwards;
}

button.btnRecall:active,
a.btnRecall:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}

button.btnRecall:hover img,
.btnRecall:hover img{
	-webkit-animation-name: hvr-buzz-out;
	animation-name: hvr-buzz-out;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}








a.btnConsult {
	-webkit-box-shadow: inset 0 0 0 1px #FFED3D;
	-moz-box-shadow: inset 0 0 0 1px #FFED3D;
	box-shadow: inset 0 0 0 1px #FFED3D;
	z-index: 2;
	-webkit-transition: .15s;
	-o-transition: .15s;
	-moz-transition: .15s;
	transition: .15s;
	overflow: hidden;
	position: relative;
	font-size: 142.22%;
	/*font-weight: bold;*/
	background-color: #FFED3D;
	color: #4C3B16;
	-webkit-box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);
	-moz-box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);
	/*box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);*/
	box-shadow:0 2px 5px 0 rgba(50,100,0,.30),0 2px 10px 0 rgba(50,100,0,.15);
}

a.btnConsult {
	-webkit-border-top-right-radius: 35px;
	-moz-border-radius-topright: 35px;
	border-top-right-radius: 35px;
	-webkit-border-bottom-right-radius: 35px;
	-moz-border-radius-bottomright: 35px;
	border-bottom-right-radius: 35px;
	-webkit-border-bottom-left-radius: 35px;
	-moz-border-radius-bottomleft: 35px;
	border-bottom-left-radius: 35px;
	-webkit-border-top-left-radius: 35px;
	-moz-border-radius-topleft: 35px;
	border-top-left-radius: 35px;
	display: inline-block;
	line-height: 70px;
	padding-left: 4em;
	padding-right: 1.5em;
	position: relative;
}

a.btnConsult p {
	margin-top: 0px;
	-webkit-transition: .15s;
	-o-transition: .15s;
	-moz-transition: .15s;
	transition: .15s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
}

a.btnConsult:before {
	content: '';
	-webkit-border-top-right-radius: 35px;
	-moz-border-radius-topright: 35px;
	border-top-right-radius: 35px;
	-webkit-border-bottom-right-radius: 35px;
	-moz-border-radius-bottomright: 35px;
	border-bottom-right-radius: 35px;
	-webkit-border-bottom-left-radius: 35px;
	-moz-border-radius-bottomleft: 35px;
	border-bottom-left-radius: 35px;
	-webkit-border-top-left-radius: 35px;
	-moz-border-radius-topleft: 35px;
	border-top-left-radius: 35px;
	position: absolute;
	width: 70px;
	height: 100%;
	top: 0;
	left: 0px;
	background-color: #F62C2C;
	-webkit-transition: .35s;
	-o-transition: .35s;
	-moz-transition: .35s;
	transition: .35s;
	z-index: -1;
}

a.btnConsult:after {
	content: '?';
	position: absolute;
	top: 3px;
	left: 22px;
	width: 70px;
	height: 100%;
	font-size: 200%;
	color: #ffffff;
	z-index: 2;
	-webkit-transition: .35s;
	-o-transition: .35s;
	-moz-transition: .35s;
	transition: .35s;
	text-shadow: 0 0 4px #ffffff;
	-webkit-animation: rotateAsk 7s infinite;
	-moz-animation: rotateAsk 7s infinite;
	-o-animation: rotateAsk 7s infinite;
	animation: rotateAsk 7s infinite;
}

a.btnConsult:hover:before {
	width: 100%;
}

a.btnConsult:hover:after {
	left: -60px;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

a.btnConsult:hover {
	color: transparent;
	-webkit-box-shadow: 0 0 15px rgba(255, 55, 0, 0.35);
	-moz-box-shadow: 0 0 15px rgba(255, 55, 0, 0.35);
	box-shadow: 0 0 15px rgba(255, 55, 0, 0.35);
	text-shadow: none;
}

a.btnConsult:hover p {
	color: #ffffff;
	opacity: 1;
	/*text-shadow: 0 0 8px #dcb7b7;*/
}














a.btnConnectNow {
	color: white;
	text-decoration: none;
	padding: 1.1em 1.7em 1em 1.7em;
	border-radius: 40px;
	background: rgb(224, 36, 29);
	/*box-shadow: inset 0 -3px rgb(165, 76, 0);*/
	transition: 0.1s;
	font-size: 128.89%;
	/*font-weight: 400;*/
	margin-left: 2em;
	margin-right: .5em;
	position: relative;
	bottom: 2px;
	-webkit-box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);
	-moz-box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);
	/*box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);*/
	box-shadow:0 2px 5px 0 rgba(255,0,0,.30),0 2px 10px 0 rgba(255,0,0,.15);
}

a.btnConnectNow:before {
	-webkit-border-top-right-radius: 40px;
	        border-top-right-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	        border-bottom-right-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	        border-bottom-left-radius: 40px;
	-webkit-border-top-left-radius: 40px;
	        border-top-left-radius: 40px;	
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-box-shadow: 0 0 0 1px #fe6f5b;
	      box-shadow: 0 0 0 1px #fe6f5b;
	-webkit-animation: btnWavingOut 0s forwards;
	animation: btnWavingOut 0s forwards;
	-webkit-animation: btnWavingIn 8s infinite;
	animation: btnWavingIn 8s infinite;
}


a.btnConnectNow:hover {
	background: rgb(255, 58, 20);
}

a.btnConnectNow:hover:before {
	-webkit-animation: btnWavingIn 0s forwards;
	animation: btnWavingIn 0s forwards;
	-webkit-animation: btnWavingOut .5s forwards;
	animation: btnWavingOut .5s forwards;
}

a.btnConnectNow:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}









a.btnOrder {
	/*font-family: "Avenir-Next-Bold", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;*/
	
	color: white;
	text-decoration: none;
	padding: .5em 1.2em .3em 1.2em;
	border-radius: 7px;
	background: rgb(255, 100, 0);
	/*box-shadow: inset 0 -3px rgb(165, 76, 0);*/
	transition: 0.1s;
	font-size: 100%;
	margin-left: .6em;
	margin-right: .5em;
	position: relative;
	bottom: 2px;
	/*-webkit-box-shadow: 0 0 15px rgba(255, 102, 0, 0.23);*/
	/*-moz-box-shadow: 0 0 15px rgba(255, 102, 0, 0.23);*/
	/*box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);*/
	box-shadow:0 2px 5px 0 rgba(255,102,0,.80),0 0 7px 0 rgba(255,102,0,.1);
	/*text-transform: uppercase;*/
}

a.btnOrder:before {
	-webkit-border-top-right-radius: 7px;
	        border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	        border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	        border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	        border-top-left-radius: 7px;	
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-box-shadow: 0 0 0 1px #fe6f5b;
	      box-shadow: 0 0 0 1px #fe6f5b;
	/*-webkit-animation: btnWavingOut 0s forwards;
	animation: btnWavingOut 0s forwards;
	-webkit-animation: btnWavingIn 8s infinite;
	animation: btnWavingIn 8s infinite;*/
}


a.btnOrder:hover {
	background: rgb(255, 58, 20);
	box-shadow:0 2px 5px 0 rgba(255,58,20,.80),0 0 7px 0 rgba(255,58,20,.1);
}

a.btnOrder:hover:before {
	-webkit-animation: btnWavingIn 0s forwards;
	animation: btnWavingIn 0s forwards;
	-webkit-animation: btnWavingOut .5s forwards;
	animation: btnWavingOut .5s forwards;
}

a.btnOrder:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}







a.btnTariffSelect {
	/*font-family: "Avenir-Next-Bold", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;*/
	
	color: white;
	text-decoration: none;
	padding: .5em 2em .4em 2em;
	border-radius: 7px;
	background: rgb(255, 100, 0);
	/*box-shadow: inset 0 -3px rgb(165, 76, 0);*/
	transition: 0.1s;
	font-size: 142.22%;
	margin-left: .6em;
	margin-right: .5em;
	position: relative;
	bottom: 2px;
	/*-webkit-box-shadow: 0 0 15px rgba(255, 102, 0, 0.23);*/
	/*-moz-box-shadow: 0 0 15px rgba(255, 102, 0, 0.23);*/
	/*box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);*/
	box-shadow:0 2px 5px 0 rgba(255,102,0,.80),0 0 7px 0 rgba(255,102,0,.1);
	font-weight: 400;
}

a.btnTariffSelect:before {
	-webkit-border-top-right-radius: 7px;
	        border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	        border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	        border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	        border-top-left-radius: 7px;	
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-box-shadow: 0 0 0 1px #fe6f5b;
	      box-shadow: 0 0 0 1px #fe6f5b;
	/*-webkit-animation: btnWavingOut 0s forwards;
	animation: btnWavingOut 0s forwards;
	-webkit-animation: btnWavingIn 8s infinite;
	animation: btnWavingIn 8s infinite;*/
}


a.btnTariffSelect:hover {
	background: rgb(255, 58, 20);
	box-shadow:0 2px 5px 0 rgba(255,58,20,.80),0 0 7px 0 rgba(255,58,20,.1);
}

a.btnTariffSelect:hover:before {
	-webkit-animation: btnWavingIn 0s forwards;
	animation: btnWavingIn 0s forwards;
	-webkit-animation: btnWavingOut .5s forwards;
	animation: btnWavingOut .5s forwards;
}

a.btnTariffSelect:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}



a.btnOfferSelect {
	color: white;
	text-decoration: none;
	padding: .3em 26px .3em 26px;
	border-radius: 7px;
	background: rgb(255, 100, 0);
	/*box-shadow: inset 0 -3px rgb(165, 76, 0);*/
	transition: 0.1s;
	font-size: 142.22%;
	margin-left: .6em;
	margin-right: .5em;
	position: relative;
	bottom: 2px;
	/*-webkit-box-shadow: 0 0 15px rgba(255, 102, 0, 0.23);*/
	/*-moz-box-shadow: 0 0 15px rgba(255, 102, 0, 0.23);*/
	/*box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);*/
	/*box-shadow:0 0px 5px 0 rgba(255,102,0,.80),0 0 7px 0 rgba(255,102,0,.1);*/
	box-shadow:0 2px 5px 0 rgba(255,55,0,.30),0 2px 10px 0 rgba(255,55,0,.15);
	font-weight: 400;
	z-index: 5;
}

a.btnOfferSelect:hover {
	background: rgb(255, 58, 20);
	box-shadow:0 0px 5px 0 rgba(255,58,20,.80),0 0 7px 0 rgba(255,58,20,.1);
}

a.btnOfferSelect:hover:before {
	-webkit-animation: btnWavingIn 0s forwards;
	animation: btnWavingIn 0s forwards;
	-webkit-animation: btnWavingOut .5s forwards;
	animation: btnWavingOut .5s forwards;
}

a.btnOfferSelect:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}



a.btnQuery {
	/*font-family: "Avenir-Next-Bold", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;*/
	
	color: white;
	text-decoration: none;
	padding: .5em 2em .4em 2em;
	border-radius: 7px;
	/*background: rgb(255, 100, 0);*/
	background-color: #F62C2C;
	transition: 0.1s;
	font-size: 142.22%;
	margin-left: .6em;
	margin-right: .5em;
	position: relative;
	bottom: 2px;
	/*-webkit-box-shadow: 0 0 15px rgba(255, 102, 0, 0.23);*/
	/*-moz-box-shadow: 0 0 15px rgba(255, 102, 0, 0.23);*/
	/*box-shadow: 0 0 15px rgba(255, 55, 0, 0.23);*/
	box-shadow:0 2px 5px 0 rgba(255,102,0,.50),0 0 7px 0 rgba(255,102,0,.5);
	font-weight: 400;
}

a.btnQuery:before {
	-webkit-border-top-right-radius: 7px;
	        border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	        border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	        border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	        border-top-left-radius: 7px;	
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-box-shadow: 0 0 0 1px #F62C2C;
	      box-shadow: 0 0 0 1px #F62C2C;
	/*-webkit-animation: btnWavingOut 0s forwards;
	animation: btnWavingOut 0s forwards;
	-webkit-animation: btnWavingIn 8s infinite;
	animation: btnWavingIn 8s infinite;*/
}

a.btnQuery:hover {
	background: rgb(255, 58, 20);
	box-shadow:0 2px 5px 0 rgba(255,58,20,.80),0 0 7px 0 rgba(255,58,20,.1);
}

a.btnQuery:hover:before {
	-webkit-animation: btnWavingIn 0s forwards;
	animation: btnWavingIn 0s forwards;
	-webkit-animation: btnWavingOut .5s forwards;
	animation: btnWavingOut .5s forwards;
}

a.btnQuery:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}





button.btnRecallBig {
	font-size: 100%;
	margin-left: 0;
	margin-right: 0;
	/*line-height: 30px;*/
	/*margin-bottom: 130px;*/
}

button.btnRecall[disabled] {
	background: rgb(200, 200, 200) !important;
	box-shadow: none;
	animation: none;
}

button.btnRecall[disabled]:before {
	/*background: rgb(200, 200, 200) !important;*/
	-webkit-box-shadow: none;
	box-shadow: none;
	animation: none;
}

button.btnRecall[disabled]:hover {
	animation: none;
	border: none;
	background: rgb(200, 200, 200) !important;
}

button.btnRecall[disabled]:hover:before {
	animation: none;
}

button.btnRecall[disabled]:hover img {
	animation: none;
}




a.btnOpenFile {
	color: white;
	text-decoration: none;
	padding: .5em 1.7em .5em 1.7em;
	border-radius: 40px;
	/*background: rgb(224, 36, 29);*/
	background: rgb(254, 140, 0);
	/*box-shadow: inset 0 -3px rgb(165, 76, 0);*/
	transition: 0.1s;
	font-size: 128.89%;
	/*font-weight: 400;*/
	margin-left: .5em;
	margin-right: .5em;
	/*position: relative;*/
	/*bottom: 2px;*/
	-webkit-box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);
	-moz-box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);
	/*box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);*/
	box-shadow:0 2px 5px 0 rgba(255,0,0,.30),0 2px 10px 0 rgba(255,0,0,.15);
	display: inline-block;
	text-align: right;
}

a.btnOpenFile:hover {
	background: rgb(255, 58, 20);
}

a.btnOpenFile:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}


a.btnSubfileMore {
	color: white;
	text-decoration: none;
	padding: .3em 1.2em .3em 1.2em;
	border-radius: 40px;
	/*background: rgb(224, 36, 29);*/
	background: rgb(254, 77, 49);
	/*box-shadow: inset 0 -3px rgb(165, 76, 0);*/
	transition: 0.1s;
	font-size: 100%;
	/*font-weight: 400;*/
	margin-left: .5em;
	margin-right: .5em;
	/*position: relative;*/
	/*bottom: 2px;*/
	-webkit-box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);
	-moz-box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);
	/*box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);*/
	box-shadow:0 2px 5px 0 rgba(255,0,0,.30),0 2px 10px 0 rgba(255,0,0,.15);
	display: inline-block;
	text-align: right;
}

a.btnSubfileMore:hover {
	background: rgb(221, 35, 0);
}

a.btnSubfileMore:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}




a.btnSubfileOpen {
	color: white;
	text-decoration: none;
	padding: .3em 1.2em .3em 1.2em;
	border-radius: 40px;
	/*background: rgb(224, 36, 29);*/
	background: rgb(254, 140, 0);
	/*box-shadow: inset 0 -3px rgb(165, 76, 0);*/
	transition: 0.1s;
	font-size: 100%;
	/*font-weight: 400;*/
	margin-left: .5em;
	margin-right: .5em;
	/*position: relative;*/
	/*bottom: 2px;*/
	-webkit-box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);
	-moz-box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);
	/*box-shadow: 0 0 15px rgba(224, 36, 29, 0.4);*/
	box-shadow:0 2px 5px 0 rgba(255,0,0,.30),0 2px 10px 0 rgba(255,0,0,.15);
	display: inline-block;
	text-align: right;
}

a.btnSubfileOpen:hover {
	background: rgb(255, 58, 20);
}

a.btnSubfileOpen:active {
	background: rgb(255, 58, 20);
	box-shadow: inset 0 3px rgb(255, 58, 20);
}



/* @end */