@font-face {
	font-family: Futuris;
	src: url(../../../fonts/futuris.woff) format('woff');
}

@font-face {
	font-family: Futulightnor;
	src: url(../../../fonts/Futulightnor.woff) format('woff');
}

@font-face {
	font-family: Franklin;
	src: url(../../../fonts/Franklin_Gothic_Book.woff) format('woff');
}

@font-face {
	font-family: journal;
	src: url(../../../fonts/journal.woff) format('woff');
}

@font-face {
	font-family: numbers;
	src: url(../../../fonts/numbers.woff) format('woff');
}

@font-face {
    font-family: my-font_light;
    src: url('../../../fonts/latest.eot@#iefix') format('embedded-opentype'), url('../../../fonts/latest.woff') format('woff'), url('../../../fonts/latest.ttf') format('truetype'), url('../../../fonts/latest.svg#web') format('svg');
    font-weight: normal;
    font-style: normal
}

html {
	display: block;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
    padding: 0;
    margin: 0;
	font-family: my-font_light;
    -webkit-font-smoothing: antialiased;
    width: 100%;
	font-size: 16px;
	line-height: 18px;
	color: #191717;
	background-color: whiteSmoke;
}

.top_block
{
	width: 100%;
	background: url(../../../images/bg.gif) repeat-x top;
	background-color: #ccc;
}

.wrap_ft_footer {
    width: 100%;
	margin-top: 50px;
    background: url('../../../images/bg_footer.gif');
	background-size:cover;
}

@media(min-width:1200px) {
#content {
width: 1170px;
margin: 0 auto;
}
.container  {
padding: 0px 10px 35px 10px;
width: 100%;


}
}


@media(max-width:1200px) {
#content {
width: 100%;
margin: 0 auto;
}
.container  {
width: 100%;
padding: 0px 10px 35px 10px;
}
}



.table{width:100%;max-width:100%;margin-bottom:20px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd; }
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}
.table>tbody+tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
table col[class*=col-]{position:static;display:table-column;float:none}
table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active{background-color:#f5f5f5}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#ededed}
.table-striped>tbody>tr:nth-of-type(even){background-color:#fff; border-left: #fff; border-right: #fff; }


figure {

    padding: 10px auto; /* ���� ������ */
    display: block; /* ������� ������� */
    float: left; /* ����� ������������� �� ����������� */

    text-align: center; /* ������������ �� ������ */
}



.figure3 figure {
	width: 33%;
	margin: 0 auto;
	padding: 30px 0;
}

.figure2 figure {
	width: 50%;
	margin: 0 auto;
	padding: 30px 0;
}



div {
	display: block;
}

.dn {
    display: none;
}

.clearboth {
    clear: both;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Franklin;
	color: inherit;
	font-weight: 300;
	color: #1A1A1A;
	margin: .25em 0 .75em;
	text-rendering: optimizelegibility;
}

h1 {
	font-size: 30px;
	line-height: 30px;
	color: #CD2122;
	padding-top: 75px;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #cbcbcb;
	display: block;
}

h2 {
	font-size: 24px;
	line-height: 24px;
	display: block;
	padding-top: 30px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

h3 {
	font-size: 20px;
	line-height: 20px;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

h4 {
	font-size: 20px;
	line-height: 20px;
	display: block;
	-webkit-margin-before: 1.33em;
	-webkit-margin-after: 1.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	}

img {
	max-width: 100%;
	width: auto 9;
	height: auto;
	vertical-align: middle;
	border: 0;

}


a {
	text-decoration: none;
	cursor: auto;
	color:#CD2122;
}

a:hover {
	color:#646464;
}

h3.m_title {
	font-size: 2em;
	line-height: 1;
	color: #CD2122;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

pre {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	display: block;
	color: #333;
	padding: 9.5px;
	word-break: normal;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


#pre, .pre {
	margin: 24px 0;
	display: block;
	color: #333;
	padding: 9.5px;
	font-family: Futulightnor;
	font-size:24px;
	line-height: 23px;
	color: #CD2122;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#pre, .pre p {
	font-family: my-font_light;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 16px;
	line-height: 18px;
	color: #191717;
}

.block  {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	display: table;
	width: 100%;
	padding: 10px 0;
	color: #333;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.block:hover  {
    box-shadow: 0 0 8px rgba(35, 35, 35, 0.2);
	webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.services_box a {
	color: #191717;
	border-bottom: 1px dotted #CD2122;
}

.services_box a:hover {
	color:#CD2122;
}

a#dot  {
	border-bottom: 1px dotted #CD2122;
	border-left: 1px dotted whiteSmoke;
}

a#dot:hover  {
	border-bottom: 1px dotted #191717;
}



ul  {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}


.container ul li { 
	padding-left: 12px;
	background: url(../../../images/bullit.gif)  left  7px no-repeat;
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;
}


ol {
	padding: 0;
	margin: 0 0 10px 25px;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}



.align-center {
text-align:center;
}



abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #CD2122;
}

abbr.initialism {
	font-size: 90%;
	text-transform: uppercase;
}

section #content {
margin-top: 50px;
}

.gray-area {
	background: #ebebeb;
	padding: 30px 0 0;
	margin-bottom: 30px;
}


/* .row {
	margin-bottom: 35px;
	margin-left: -30px;
} */

[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 10px; 
}


.span5 {
	width:470px;
}

.row::before, .row::after {
	display: table;
	content: "";
	line-height: 0;
}

.span4 {
	width: 370px;
}

.span41 {
	width:550px;
}

.span8 {
width:770px;
}



.span10 {
	width: 970px;
}

.span12 {
width: 100%;
margin-left: 0px; 
}

.span2 {
	width: 100%;
}


.span3 {
	width:270px;
}

.span6 {
width:570px;
}

.span7 {
width:570px;
data-align:right;
margin-left:630px; 
background: #fff;
}

.span670  {
	width:670px;
}

.span700  {
	width:700px;
}

.span300 {
	width:300px;
}

.span350 {
	width:350px;
}

.span100 {
		width:100%;
}




/* ---------------------------------------------------------- */

.image-boxes .box {
    margin-bottom: 20px;
    margin-top: 10px;
}

.image-boxes .hoverBorder {
    margin-bottom: 15px;
}

.hoverBorder {
    position: relative;
    display: inline-block
}

.hoverBorderWrapper {
position: relative;
display: block;
}


.itemLinks span a:hover {
    background: #cd2122;
    color: #fff
}

.hoverBorder h6 {
    background: #CC0000;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.hoverBorder:hover h6 {
    color: #CC0000
}

.hoverBorder:hover img {
    border-radius: 2px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out

}


.imgboxes_style1 .hoverBorder h6 {
    position: absolute;
    left: -10px;
    bottom: 11px;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    background: #cd2122;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.imgboxes_style1 .hoverBorder:hover h6 { left: 15px; }

.theHoverBorder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
    -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.theHoverBorder:hover {
    box-shadow: 0 0 0 5px #CC0000 inset;
    -webkit-box-shadow: 0 0 0 5px #cd2122 inset;
    -moz-box-shadow: 0 0 0 5px #cd2122 inset;
    box-shadow: 0 0 0 5px #cd2122 inset;
}

 
.statbox {
	background: #fff;
	border: 1px solid #c2c2c2;
	padding:  15px; 
}

.statbox img {
	float: left;
	margin-right: 20px;
}

.statbox h4 {
	font-family: Franklin;
	font-weight: 900;
	color: #cd2122;
	font-size: 30px;
	line-height: 35px;
	margin: 0;
}

.statbox h6 {
	font-size: 12px;
	line-height: 20px;
	margin: 0;
}


.services_box .box { margin-bottom:15px }

.services_box .title { 
	font-size:1.2em;
	font-weight:300; 
	color:#CD2122;
	text-shadow:1px 1px 0 white;
	vertical-align:middle;
}

.services_box .icon {
	float:left;
	width:80px;
	height:80px;
	line-height:76px;
	background:#646464;
	text-align:center;
	vertical-align:middle;
	margin-right: 20px;
	-webkit-border-radius:5%;
	-moz-border-radius:5%;
	border-radius:5%;
	-o-transition-property: background-color; 
	-webkit-transition-property: background-color;
    transition-property: background-color;
    -o-transition-duration: 0.2s;  
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;

}

.services_box .box:hover .icon{ 
	background:#cd2122;
}

.services_box .icon img {
	vertical-align:middle;
	padding-top: 25%;
}

.services_box ul {
	float: left;
}

ul.list-style1, ul.list-style2 {
	margin-left: 0;
}

ul.list-style1 li, ul.list-style2 li {
	list-style: none;
	background: url(../../../images/list-style1.png) no-repeat 2px 8px;
	padding-left: 15px;
	margin-bottom: 4px;
}

.circlehover  {
	width: 110px;
	height: 110px;
	text-align: center;
	color: white;
	font-size: 18px;
	padding: 10px;
	margin-top: 30px;
	display: table;
	line-height: 1.4;
	background-color: #CD2122;
	position: relative;
	font-weight: 700;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 400ms cubic-bezier(0.680,0,0.265,1);
	-webkit-transition: all 400ms cubic-bezier(0.680,-0.550,0.265,1.550);
	-moz-transition: all 400ms cubic-bezier(0.680,-0.550,0.265,1.550);
	-ms-transition: all 400ms cubic-bezier(0.680,-0.550,0.265,1.550);
	-o-transition: all 400ms cubic-bezier(0.680,-0.550,0.265,1.550);
	transition: all 400ms cubic-bezier(0.680,-0.550,0.265,1.550);
	-webkit-transition-timing-function: cubic-bezier(0.680,0,0.265,1);
	-webkit-transition-timing-function: cubic-bezier(0.680,-0.550,0.265,1.550);
	-moz-transition-timing-function: cubic-bezier(0.680,-0.550,0.265,1.550);
	-ms-transition-timing-function: cubic-bezier(0.680,-0.550,0.265,1.550);
	-o-transition-timing-function: cubic-bezier(0.680,-0.550,0.265,1.550);
	transition-timing-function: cubic-bezier(0.680,-0.550,0.265,1.550);
}

.circlehover:hover {
	color:#fff;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);transform:scale(1.1);
	-webkit-box-shadow:5px 5px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:5px 5px 1px rgba(0,0,0,0.2);
	box-shadow:5px 5px 1px rgba(0,0,0,0.2); 
}

.circlehover::before {
	content: "  ";
	position: absolute;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #CD2122;
}

.circlehover[data-position="top-left"]:before{ top:7px; left:7px }
.circlehover[data-position="top-right"]:before{ top:7px; right:7px; left:auto }
.circlehover[data-position="bottom-left"]:before{ bottom:7px; left:7px; top:auto}
.circlehover[data-position="bottom-right"]:before{ bottom:7px; right:7px; left:auto; top:auto}

.circlehover[data-position="top"]:before, 
.circlehover[data-position="right"]:before, 
.circlehover[data-position="left"]:before, 
.circlehover[data-position="bottom"]:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}

.circlehover[data-position="top"]:before{ top:-10px; left:50%; margin-left:-15px }
.circlehover[data-position="right"]:before{ top:50%; right:-10px; left:auto; margin-top:-15px}
.circlehover[data-position="left"]:before { top:50%; left:-10px; margin-top:-15px }
.circlehover[data-position="bottom"]:before { bottom:-10px; left:50%; margin-left:-15px; top:auto}

.circlehover[data-position="bottom-right"] {
	-webkit-box-shadow:-3px -3px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:-3px -3px 1px rgba(0,0,0,0.5);
	box-shadow:-3px -3px 1px rgba(0,0,0,0.5)
}

.circlehover[data-position="bottom-right"]:hover {
	-webkit-box-shadow:-5px -5px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:-5px -5px 1px rgba(0,0,0,0.5);
	box-shadow:-5px -5px 1px rgba(0,0,0,0.5) 
}

.circlehover[data-align="left"] { float:left }
.circlehover[data-align="right"]{ float:right } 

.circlehover.with-symbol > span.text{ }
.circlehover.with-symbol:hover > span.text { 
	opacity:0;
	filter:alpha(opacity=0)
}

.circlehover.with-symbol > span.symbol {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	display:block;
	left:0;
	top:30px;
	bottom:0;
	right:0;
	text-align:center;
	line-height:130px
}

.circlehover.with-symbol:hover > span.symbol { 
	opacity:1;
	filter:alpha(opacity=100)
}

.circlehover[data-size="small"] {
	width:80px;
	height:80px;
	font-size:14px;
	padding:8px
}

.circlehover[data-size="medium"] {
	width:95px;
	height:95px;
	font-size:16px;
	padding:10px
}

.circlehover.with-symbol > span.text {}

.circlehover span {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.fixclear {
	zoom: 1;
}

.fixclear::before, .fixclear::after {
	content: ' 0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.fixclear::after,
.row::after,
.company_news::after {
	clear: both;
}

.hover-box {
	display: block;
	padding: 15px;
	background: #969696;
	border: 1px solid rgba(0, 0, 0, 0.4);
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	-o-transition-property: background-color; 
	-webkit-transition-property: background-color;
    transition-property: background-color;
    -o-transition-duration: 0.5s;  
	-webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hover-box.centered {
	text-align: center;
}

.hover-box > img {
	float: left;
	margin: 15px 15px 8px 10px;
}

.hover-box > h3 {
	color: white;
	text-transform: uppercase;
	line-height: 0.9em;
	margin-top: 0;
}

.hover-box > h4 {
	color: white;
	line-height: 0.9em;
	margin-top: 0;
}

.hover-box > p {
	color: white;
	margin-bottom: 0;
	line-height: 1em;
	font-size: 0.9em;
}

.hover-box:hover {
	background:#CD2122;
}


.main
{
	margin: 0 auto;
	width: 989px;
}

.clear
{
	clear: both;
}


.adv_materials h3 {
	padding-left: 50px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	
}


.adv_materials figcaption {
	font-size: 12px;
	padding-top: 5px;
	min-height: 200px;
}


/*------HEADER------*/
#header
{
	padding: 0px;
	background: no-repeat 505px 104px;
}
.head-row1
{
	overflow: hidden;

}

.head-row1 A
{
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	margin: 10px 10px 7px 0;
}

.head-row1 .user
{
		padding-left: 30%;
}


.head-row1 A:hover
{
	text-decoration: underline;
}
.head-row2
{
	height: 112px;
	width: 100%;
	overflow: hidden;
}

.head-row2 .logo
{
	float: left;
	margin-top: 0px;
	margin-left: 10%;
}

.head-row2 .menu
{
	padding: 20px 0 0 0;
	margin: 0 25% 0 25%;
	width: 940px;
	font-family: Futulightnor; 
    text-shadow: 0 -1px 1px #fff;
 	position: absolute;
	z-index: 99;

	}


.head-row3
{
	padding: 0;
	margin: 0px auto 3px; 
	width: 100%; 
	overflow: hidden;
	height: 100%;

}

.head-row3 p {
	line-height: 1.1em;
}

.head-row3 h1, 
.head-row3 h3 {
	font-size: 3em;
	margin-top:25px;
	line-height: 1.1em;
}

/* ----------------------------------- img -----------------------------------------------*/

.img-corner {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.img-circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.img-border {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* ---------------------------------- footer --------------------------------------------------*/

.bg {
	padding: 30px 0;
	background: rgba(26, 26, 26, 0.4); 
}

.ft_footer {
    font-family: my-font_light;
	width: 1170px;
	margin:  0 auto;
}

[class*="ft_nav"]  {
    float: left;
    /* width:290px;*/
	padding: 0 ;
	margin: 0;
}

.ft_nav1 { width: 230px;}
.ft_nav2 { width: 380px;}
.ft_nav3 { width: 300px;}

[class*="ft_nav"]  h3 {
	font-size: 25px;
    padding: 0 0 25px 0;
    margin: 0;
    color: red;
    text-shadow: 0 0px 1px #fff;
}

[class*="ft_nav"] ul {
    display: block;
    padding: 0;
    margin: 0;
}

[class*="ft_nav"]  ul li {
    list-style: none;
    line-height: 14px;
    padding-bottom: 15px;
    padding: 0 0 5px 0;
    margin: 0;

}

[class*="ft_nav"]  ul li:last-child {
    padding-bottom: 0;
}

[class*="ft_nav"]  ul li h4 {
    padding: 0;
    margin: 0;
}

[class*="ft_nav"]  ul li h4 a {
    color: #ffffff;
    font-weight: normal;
    font-size: 18px;
    text-shadow: 0 0px 1px #ababab;
    padding: 0;
    margin: 0;
}

[class*="ft_nav"]  ul li h4 a:hover {
    color: #b9babb
}


.ft_contacts {
    float: left;
}

.ft_contacts .tel {
    font-size: 30px;
    display: block;
    color: #fff;
	padding-bottom: 5px;
    font-weight: bold;
    line-height: 30px;
}
.ft_contacts .url {
    font-size: 14px;
    line-height: 14px;
    color: #fff;

}

.ft_contacts .social-icons {
    padding: 20px 0;
    margin: 0;
    display: block;
}


.ft_contacts p a {
    color: #fff;
    padding-right: 15px;
    font-size: 14px;
    text-decoration: none;
}

.design_by  {
	margin-left: 100px;
    display: inline-block;
    color: #f3f9fd;
    font-size: 13px;
}

.design_by img {
    display: inline-block;
    vertical-align: inherit;
}

.ft_contacts p a:hover,
.ft_copyright a:hover {
    color: #b9babb;
}

.ft_copyright {width: 100%; }

.ft_copyright p, .ft_copyright a {
    font-size: 13px;
    color: #FFF;
}

table.medals .qc {
    margin-left: -2px
}

.qc_detail {
    margin-bottom: -2px;
    margin-right: -4px;
    background: none !important;
}


/* ---------------------������ ----------------------------------------------------- */
button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-weight: normal;
	margin: 0;
	-webkit-appearance: button;
}

.btn {
	color: #FFFFFF;
    font-family: my-font_light;
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	vertical-align: middle;
	cursor: pointer;
	background-color: #CD2122;
	background-repeat: repeat-x;
	border: 1px solid #CCC;

	border-bottom-color: #B3B3B3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.btn a {
	color: #FFFFFF;
}

.btn:hover {

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	box-shadow:2px2px 1px rgba(0,0,0,0.2); 
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-o-transform:scale(1.03);
	-ms-transform:scale(1.03);transform:scale(1.03);


}

.btn1 {
	color: #191717;
	font-size: 20px;
	display: inline-block;
	padding: 10px 12px;
	margin-bottom: 0;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: whiteSmoke;
	background-image: -webkit-linear-gradient(top,white,#E6E6E6);
	background-image: -o-linear-gradient(top,white,#E6E6E6);
	background-image: linear-gradient(to bottom,white,#E6E6E6);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #B3B3B3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


.btn1:hover {
	color:#333333;
	text-decoration:none;
	background-color:#e6e6e6;
	*background-color:#d9d9d9;
	background-position:0 -15px;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);transform:scale(1.1);
	-webkit-box-shadow:5px 5px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:5px 5px 1px rgba(0,0,0,0.2);
	box-shadow:5px 5px 1px rgba(0,0,0,0.2); 
	-webkit-transition: background-position 0.1s linear;
	-moz-transition:background-position 0.1s linear;
	-o-transition:background-position 0.1s linear;
	transition:background-position 0.1s linear;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


/* --------------------------- ������ ����� ------------------------------------ */

#action_box {
    padding: 20px 0;

    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    /* background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000', GradientType=0 );
    background-color: #CD2122;
	max-height:100px;
}

#action_box::after, #action_box::before {
content: "";
position: absolute;
left: 50%;
bottom: -14px;
border-radius: 3px;
border: 8px solid transparent;
border-top-width: 7px;
}

#action_box::before {
border-top-color:#CC0000;
}

#action_box::after {
border-top-color:rgba(0,0,0,0.2);
}

#action_box[data-arrowpos="center"]::after, 
#action_box[data-arrowpos="center"]::before {
margin-left:-7px;
}

#action_box .row {
    margin-bottom: 0
}


#action_box h4.text {
    color: #fff;
margin: 5px 0;
font-weight: 500;
font-size: 22px;
}


/*----------- ������ � ������ ----------------*/

.banner_toper {
	display: block;
    width: 100%;
	margin: 60px 0 3px 0;
	padding: 30px 20px 0px 20px;
	color: #FFFFFF;	
	background: rgba(0, 0, 0, 0.5);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    
}

.banner_toper h4 {
	font-size: 55px;
	color: #FFFFFF;
	margin-bottom: 0;
}
	


/* ------------------------- ������ --------------------------- */

.social-icons {
	padding-left: 0;
}

.social-icons li {
	display: inline-block;
	margin: 0 7px 0 0px;
	vertical-align: middle;
}

.social-icons li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../../../images/social-icons-sprite.png);
	background-repeat: no-repeat;
	position: relative;
	background-color: #969696;
	border-radius: 3px;
	transition: all 0.2s ease-out;
}

.social-icons li a:hover {
    background-color: #cd2122;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4)
}

.social-icons li.social-gplus a { background-position:-180px 0; }
.social-icons li.social-facebook a { background-position:-60px 0; }
.social-icons li.social-youtube a { background-position:-330px -30px; }
.social-icons li.social-mail a { background-position:-150px -60px; }
.social-icons li.social-vk a { background-position:-150px -90px; }
.social-icons li.social-icloud a { background-position: -240px 0; }



[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	background-repeat: no-repeat;
	background-image: url("../../../images/glyphicons-halflings.png");
	background-position: 14px 14px;

}

.icon-white {
	background-image: url("../../../images/glyphicons-halflings-white.png");
}

.icon-red {
	background-image: url("../../../images/glyphicons-halflings-red.png");
}

.icon-comment { background-position:-240px -120px;}
.icon-book {background-position:-48px -48px;}
.icon-glass {background-position:0 0}
.icon-music {background-position:-24px 0}
.icon-search {background-position:-48px 0}
.icon-envelope {background-position:-72px 0}
.icon-heart {background-position:-96px 0}
.icon-star {background-position:-120px 0}
.icon-star-empty{background-position:-144px 0}
.icon-user {background-position:-168px 0}
.icon-film {background-position:-192px 0}
.icon-th-large {background-position:-216px 0}
.icon-th {background-position:-240px 0}
.icon-th-list {background-position:-264px 0}
.icon-ok {background-position:-288px 0}
.icon-remove { background-position:-312px 0}
.icon-zoom-in {background-position:-336px 0}
.icon-zoom-out {background-position:-360px 0}
.icon-off {background-position:-384px 0}
.icon-signal {background-position:-408px 0}
.icon-cog {background-position:-432px 0}
.icon-trash {background-position:-456px 0}
.icon-home {background-position:0 -24px}
.icon-file {background-position:-24px -24px} 
.icon-time{background-position:-48px -24px}
.icon-road {background-position:-72px -24px}
.icon-download-alt {background-position:-96px -24px}
.icon-download {background-position:-120px -24px}
.icon-upload {background-position:-144px -24px}
.icon-inbox {background-position:-168px -24px}
.icon-play-circle {background-position:-192px -24px}
.icon-repeat {background-position:-216px -24px}
.icon-refresh {background-position:-240px -24px}
.icon-list-alt {background-position:-264px -24px}
.icon-lock {background-position:-287px -24px}
.icon-flag {background-position:-312px -24px}
.icon-headphones {background-position:-336px -24px}
.icon-volume-off{background-position:-360px -24px}
.icon-volume-down {background-position:-384px -24px}
.icon-volume-up {background-position:-408px -24px}
.icon-qrcode {background-position:-432px -24px}
.icon-barcode {background-position:-456px -24px}
.icon-tag {background-position:0 -48px}
.icon-tags {background-position:-25px -48px}
.icon-book { background-position:-48px -48px}
.icon-bookmark {background-position:-72px -48px}
.icon-print {background-position:-96px -48px}
.icon-camera {background-position:-120px -48px}
.icon-font {background-position:-144px -48px}
.icon-bold {background-position:-167px -48px}
.icon-italic {background-position:-192px -48px}
.icon-text-height {background-position:-216px -48px}
.icon-text-width {background-position:-240px -48px}
.icon-align-left {background-position:-264px -48px}
.icon-align-center {background-position:-288px -48px}
.icon-align-right {background-position:-312px -48px}
.icon-align-justify {background-position:-336px -48px}
.icon-list {background-position:-360px -48px}
.icon-indent-left{background-position:-384px -48px}
.icon-indent-right{background-position:-408px -48px}
.icon-facetime-video{background-position:-432px -48px}
.icon-picture{background-position:-456px -48px}
.icon-pencil{background-position:0 -72px}
.icon-map-marker{background-position:-24px -72px}
.icon-adjust{background-position:-48px -72px}
.icon-tint{background-position:-72px -72px}
.icon-edit{background-position:-96px -72px}
.icon-share{background-position:-120px -72px}
.icon-check{background-position:-144px -72px}
.icon-move{background-position:-168px -72px}
.icon-step-backward{background-position:-192px -72px}
.icon-fast-backward{background-position:-216px -72px}
.icon-backward{background-position:-240px -72px}
.icon-play{background-position:-264px -72px}.icon-pause{background-position:-288px -72px}.icon-stop{background-position:-312px -72px}.icon-forward{background-position:-336px -72px}.icon-fast-forward{background-position:-360px -72px}.icon-step-forward{background-position:-384px -72px}.icon-eject{background-position:-408px -72px}.icon-chevron-left{background-position:-432px -72px}.icon-chevron-right{background-position:-456px -72px}.icon-plus-sign{background-position:0 -96px}.icon-minus-sign{background-position:-24px -96px}.icon-remove-sign{background-position:-48px -96px}.icon-ok-sign{background-position:-72px -96px}.icon-question-sign{background-position:-96px -96px}.icon-info-sign{background-position:-120px -96px}.icon-screenshot{background-position:-144px -96px}.icon-remove-circle{background-position:-168px -96px}.icon-ok-circle{background-position:-192px -96px}.icon-ban-circle{background-position:-216px -96px}.icon-arrow-left{background-position:-240px -96px}.icon-arrow-right{background-position:-264px -96px}.icon-arrow-up{background-position:-289px -96px}.icon-arrow-down{background-position:-312px -96px}.icon-share-alt{background-position:-336px -96px}.icon-resize-full{background-position:-360px -96px}.icon-resize-small{background-position:-384px -96px}.icon-plus{background-position:-408px -96px}.icon-minus{background-position:-433px -96px}.icon-asterisk{background-position:-456px -96px}.icon-exclamation-sign{background-position:0 -120px}.icon-gift{background-position:-24px -120px}.icon-leaf{background-position:-48px -120px}.icon-fire{background-position:-72px -120px}.icon-eye-open{background-position:-96px -120px}.icon-eye-close{background-position:-120px -120px}.icon-warning-sign{background-position:-144px -120px}.icon-plane{background-position:-168px -120px}.icon-calendar{background-position:-192px -120px}.icon-random{background-position:-216px -120px;width:16px}.icon-comment{background-position:-240px -120px}.icon-magnet{background-position:-264px -120px}.icon-chevron-up{background-position:-288px -120px}.icon-chevron-down{background-position:-313px -119px}.icon-retweet{background-position:-336px -120px}.icon-shopping-cart{background-position:-360px -120px}.icon-folder-close{background-position:-384px -120px}.icon-folder-open{background-position:-408px -120px;width:16px}.icon-resize-vertical{background-position:-432px -119px}.icon-resize-horizontal{background-position:-456px -118px}.icon-hdd{background-position:0 -144px}.icon-bullhorn{background-position:-24px -144px}.icon-bell{background-position:-48px -144px}.icon-certificate{background-position:-72px -144px}.icon-thumbs-up{background-position:-96px -144px}.icon-thumbs-down{background-position:-120px -144px}.icon-hand-right{background-position:-144px -144px}.icon-hand-left{background-position:-168px -144px}.icon-hand-up{background-position:-192px -144px}.icon-hand-down{background-position:-216px -144px}.icon-circle-arrow-right{background-position:-240px -144px}.icon-circle-arrow-left{background-position:-264px -144px}.icon-circle-arrow-up{background-position:-288px -144px}.icon-circle-arrow-down{background-position:-312px -144px}.icon-globe{background-position:-336px -144px}.icon-wrench{background-position:-360px -144px}.icon-tasks{background-position:-384px -144px}.icon-filter{background-position:-408px -144px}.icon-briefcase{background-position:-432px -144px}
.icon-fullscreen{background-position:-456px -144px}

/* --------------------------- vertical tabs --------------*/
.vertical_tabs {
	background: white;
	border: 1px solid #C2C2C2;
	overflow: hidden;
	border-radius: 3px;
}

.vertical_tabs .tabbable ul li {
	background: none;
	padding: 0px;

}

.vertical_tabs .tabbable .nav  {
	float: left;
	width: 25%;
	border-right: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;	
	margin: 0 0 0px -30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vertical_tabs .tabbable .nav>li {border-top:1px solid #c2c2c2; }

.vertical_tabs .tabbable .nav>li>a {
	line-height:18px;
	padding: 14px 0;
	font-weight:normal;
	color:#595959;
	background:#ffffff;
	background: -moz-linear-gradient(left,#ffffff 73%,#ededed 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(73%,#ffffff), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(left,#ffffff 73%,#ededed 100%);
	background: -o-linear-gradient(left,#ffffff 73%,#ededed 100%);
	background: -ms-linear-gradient(left,#ffffff 73%,#ededed 100%);
	background: linear-gradient(to right,#ffffff 73%,#ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=1 )
}

.vertical_tabs .tabbable .nav>li>a>span {
	padding: 6px 7px 7px 7px;
	background:#646464;	
	margin-right:5px;
	line-height:1;
	display:inline-block;
	vertical-align:middle;
	margin-top:-1px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}

.vertical_tabs .tabbable .nav>li>a>span span { margin:0; vertical-align:middle;}

.vertical_tabs .tabbable .nav>li>a:hover,
.vertical_tabs .tabbable .nav>li.active>a {color:#cd2122;}

.vertical_tabs .tabbable .nav>li.active>a {background:#fff; margin-right:-1px;}

.vertical_tabs .tabbable .nav>li.active>a>span,
.vertical_tabs .tabbable .nav>li>a:hover>span { background:#cd2122; }

.vertical_tabs .tabbable .nav>li:first-child { border-top:0; }

.vertical_tabs .tabbable .tab-content {
	float:left;
	width:75%;
	padding:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.tabbable{*zoom:1;}



.tabbable:before,
.tabbable:after {
	display:table;
	content:"";
	line-height:0;
}

.tabbable:after{ clear:both; }

.nav { list-style: none; }

.nav { margin-left:0; margin-bottom:20px; list-style:none;}

.nav >li>a {display:block;}
.nav >li>a:hover { text-decoration:none; background-color:#eeeeee;}
.nav > pull-right {float:right;}

.tab-content {	overflow: auto; }

.tab-content >.tab-pane {display:none}

.tab-content >.active {display:block;}

.tab-content h2 {
	font-size:25px;
	line-height: 27px;
	color: #CD2122;
	padding:0;
	margin: -3px 0 0 0;
}

.tab-content  img {
	margin: 0 5px;
}

.one_step {
background: #CD2122;
text-align: left;
padding: 5px 10px 20px 10px;
color: white;
position: relative;
text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

}

.one_step > h3 {
padding-top: 5px;
line-height: 1.2;
font-weight: 500;
color: white;
}

.one_step > h3 strong {
font-size:120%;
display:block; 
color: white;}

.one_step > a {font-size:16px; color:#eee; margin-bottom: 10px;}
.one_step  > a:hover{color:#fff}


/* ------------------ 3 steps --------------------------*/
.process_steps {
overflow: hidden;
border-radius: 2px;
margin-bottom: 0px;
}

.process_steps .step.intro {
background: #CD2122;
text-align: left;
}


.process_steps .step.intro::after {
border-left-color: #CD2122;
}

.process_steps .step.intro > h3 {
margin-top: 20px;
line-height: 1.2;
font-weight: 500;
color: white;
}

.process_steps .step.intro > h3 strong {
font-size:120%;
display:block; 
color: white;}


.process_steps .step.intro > a{font-size:18px; color:#eee}
.process_steps .step.intro > a:hover{color:#fff: font-weight: 200;}


.process_steps .step {
float: left;
width: 25%;
padding: 15px;
color: white;
min-height: 260px;
position: relative;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.process_steps .step::after {
content: '';
position: absolute;
top: 15px;
right: -14px;
border: 7px solid transparent;
z-index: 1;
}

.process_steps .step.step1 {background:#5a5a5a;}
.process_steps .step.step1:after {border-left-color:#5a5a5a}
.process_steps .step.step2{background:#4a4a4a}
.process_steps .step.step2:after{border-left-color:#4a4a4a}
.process_steps .step.step3{background:#3e3e3e}
.process_steps .step.step3:after{display:none}

.process_steps .step.step1 h3, 
.process_steps .step.step2 h3,
.process_steps .step.step3 h3 {
	color: white;
	font-size: 30px;
}

.process_steps .step > div + h3 + p{margin-bottom:0}
.process_steps .step .icon{margin:20px 0 15px;min-height:20px;line-height:50px} 

@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
33%{-webkit-transform:scale(0.9)}
66%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
} 

@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
33%{-moz-transform:scale(0.9)}
66%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
} 

@-ms-keyframes pulse{0%{-ms-transform:scale(1)}
33%{-ms-transform:scale(0.9)}
66%{-ms-transform:scale(1.1)}
100%{-ms-transform:scale(1)}
} 

@-o-keyframes pulse{
0%{-o-transform:scale(1)}
33%{-o-transform:scale(0.9)}66%{-o-transform:scale(1.1)}
100%{-o-transform:scale(1)}
} 

@keyframes pulse{
0%{transform:scale(1)}
33%{transform:scale(0.9)}
66%{transform:scale(1.1)}
100%{transform:scale(1)}
}

.pulse {-webkit-animation-name:pulse;-moz-animation-name:pulse;-ms-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse} 

@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
} 

@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
} 

@-ms-keyframes tada{0%{-ms-transform:scale(1)}
10%,20%{-ms-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}
100%{-ms-transform:scale(1) rotate(0)}
} 

@-o-keyframes tada{0%{-o-transform:scale(1)}
10%,20%{-o-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}
} 

@keyframes tada{0%{transform:scale(1)}
10%,20%{transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}
40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}

.tada{
	-webkit-animation-name:tada;
	-moz-animation-name:tada;
	-ms-animation-name:tada;
	-o-animation-name:tada;
	animation-name:tada} 

@-webkit-keyframes fadeOutRightBig{
0%{-webkit-transform:translate(2px,1px)}
3%{-webkit-transform:translate(-1px,-2px)}
6%{-webkit-transform:translate(-3px,0px)}
8%{-webkit-transform:translate(0px,2px)}
10%{-webkit-transform:translate(1px,-1px)}
20%{-webkit-transform:translate(20px,-20px)}
100%{-webkit-transform:translate( 120px,-120px)}
} 

@-moz-keyframes fadeOutRightBig{
0%{-moz-transform:translate(2px,1px)}
3%{-moz-transform:translate(-1px,-2px)}
6%{-moz-transform:translate(-3px,0px)}
8%{-moz-transform:translate(0px,2px)}
10%{-moz-transform:translate(1px,-1px)}
20%{-moz-transform:translate(20px,-20px)}
100%{-moz-transform:translate( 120px,-120px)}
} 

@-ms-keyframes fadeOutRightBig{
0%{-ms-transform:translate(2px,1px)}3%{-ms-transform:translate(-1px,-2px)}
6%{-ms-transform:translate(-3px,0px)}
8%{-ms-transform:translate(0px,2px)}
10%{-ms-transform:translate(1px,-1px)}
20%{-ms-transform:translate(20px,-20px)}
100%{-ms-transform:translate( 120px,-120px)}
} 

@-o-keyframes fadeOutRightBig{
0%{-o-transform:translate(2px,1px)}
3%{-o-transform:translate(-1px,-2px)}
6%{-o-transform:translate(-3px,0px)}
8%{-o-transform:translate(0px,2px)}
10%{-o-transform:translate(1px,-1px)}
20%{-o-transform:translate(20px,-20px)}
100%{-o-transform:translate( 120px,-120px)}
} 

@keyframes fadeOutRightBig{
0%{transform:translate(2px,1px)}
3%{transform:translate(-1px,-2px)}
6%{transform:translate(-3px,0px)}
8%{transform:translate(0px,2px)}
10%{transform:translate(1px,-1px)}
20%{transform:translate(20px,-20px)}
100%{transform:translate( 120px,-120px)}}

.fadeOutRightBig{
	-webkit-animation-name:fadeOutRightBig;
	-moz-animation-name:fadeOutRightBig;
	-ms-animation-name:fadeOutRightBig;
	-o-animation-name:fadeOutRightBig;
	animation-name:fadeOutRightBig}

.process_steps .step:hover .icon[data-animation=tada] img{
	-webkit-animation:tada ease-in-out 1 normal 800ms;
	-moz-animation:tada ease-in-out 1 normal 800ms;
	-ms-animation:tada ease-in-out 1 normal 800ms;
	-o-animation:tada ease-in-out 1 normal 800ms;
	animation:tada ease-in-out 1 normal 500ms}

.process_steps .step:hover .icon[data-animation=pulse] img{
	-webkit-animation:pulse ease-in-out 1 normal 500ms;
	-moz-animation:pulse ease-in-out 1 normal 500ms;
	-ms-animation:pulse ease-in-out 1 normal 500ms;
	-o-animation:pulse ease-in-out 1 normal 500ms;
	animation:pulse ease-in-out 1 normal 500ms}

.process_steps .step:hover .icon[data-animation=fadeOutRightBig] img{
	-webkit-animation:fadeOutRightBig ease-out 1 normal 1s;
	-moz-animation:fadeOutRightBig ease-out 1 normal 1s;
	-ms-animation:fadeOutRightBig ease-out 1 normal 1s;
	-o-animation:fadeOutRightBig ease-out 1 normal 1s;
	animation:fadeOutRightBig ease-out 1 normal 1s}