body { margin: 0; padding: 0; color: #444; }

/* general style*/
.red { color: #eb1c23; }
.orange { color: #ee8726;}
.pre-wrap { white-space: pre-wrap; }
.btn
{
	cursor: pointer;
	display: inline-block;
	/* font-family: 'Maven Pro', sans-serif; */
	color: white;
	margin-left: 15px;
	background: #f7941d;
	/* font-weight: bold; */
	line-height: 36px;
	vertical-align: middle;
	padding: 0 10px;
	box-shadow: 2px 2px 7px #ccc;
/* 	text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
	
	/*
background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb1c23", endColorstr="#df0613");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#eb1c23), to(#df0613));
	background-image: -moz-linear-gradient(top, #eb1c23 0%, #df0613 100%);
	background-image: -ms-linear-gradient(top, #eb1c23 0%, #df0613 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb1c23), color-stop(100%, #df0613));
	background-image: -webkit-linear-gradient(top, #eb1c23, #df0613);
	background-image: -o-linear-gradient(top, #eb1c23, #df0613);
	background-image: linear-gradient(#eb1c23 0%, #df0613 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*/
}
.hidden { display: none;}

input[type="text"].error { border: 1px solid #eb1c23; box-shadow: inset 0 0 3px #eb1c23;}
input[type="text"].success { border: 1px solid #ee8726; box-shadow: inset 0 0 3px #ee8726; }
/* end of general style*/

.header-logo, .header, .feedback, .work-with { width: 700px; margin: 0 auto; }
.feedback { width: 700px; margin: 0 auto; }
.work { width: 900px; margin: 0 auto; }

.wrap { width: 100%; text-align: center; }
.header-logo { padding: 40px 0 0px 0; }
.header-logo img { height: 80px; }
.header h1 { color: #444; margin: 20px 0 40px 0; text-transform: uppercase; font-family: 'Maven Pro', sans-serif;}

.fields { font-size: 0; font-family: 'Open Sans', sans-serif; font-weight: lighter; }
.fields > div { display: inline-block; width: 25%; }
.fields > div img { margin-right: 10px; vertical-align: bottom; }
.fields > div span { font-size: 26px; color: #444; }

.header hr, .feedback hr, hr { color: #df0613; border: solid; }

.feedback hr { margin-top: 15px;}
.feedback h3 { font-family: 'Open Sans', sans-serif; font-weight: lighter; margin: 15px 0;}
.feedback h3 .orange { font-weight: bold; margin: 15px 0; font-size: 22px;}
.feedback h3.contact { margin-bottom: 0; }
.feedback #feedback-error span.red, .feedback #feedback-success span.orange { font-size: 22px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
.feedback input[type="text"] { line-height: 20px; width: 200px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 18px; }

.work h3 { font-family: 'Maven Pro', sans-serif; /* font-weight: normal; */ font-size: 32px; margin: 15px 0;}
.work .benefits { font-size: 0; margin-top: 25px;}
.work .benefits > .one { display: inline-block; width: 250px; vertical-align: top; margin-bottom: 10px; }
.work .benefits > .one .title { margin-bottom: 10px; }
.work .benefits > .one .title h4 { font-size: 20px; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: lighter; display: inline-block; border-bottom: 2px solid #df0613; }
.work .benefits > .one .desc { width: 200px; margin: 0 auto; }
.work .benefits > .one span { font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: lighter; }
.work iframe { width: 700px; height: 426.5px; }

.work-with { margin-top: 20px; font-size: 0;}
.work-with .line { margin: 20px 0; }
.work-with .title { font-family: 'Maven Pro', sans-serif; font-weight: normal; font-size: 32px;}
.work-with .one { display: inline-block; vertical-align: middle; width: 140px; height: 60px; }
.work-with .one.double { width: 280px; }
.work-with .one img { width: 100px;}
.work-with .one.rianews { background: url(../img/rianews.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.rianews:hover { background: url(../img/rianews.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.suninbev { background: url(../img/suninbev.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.suninbev:hover { background: url(../img/suninbev.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.rosneft { background: url(../img/rosneft.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.rosneft:hover { background: url(../img/rosneft.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.yandex { background: url(../img/yandex.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.yandex:hover { background: url(../img/yandex.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.tnt { background: url(../img/tnt.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.tnt:hover { background: url(../img/tnt.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.mts { background: url(../img/mts.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.mts:hover { background: url(../img/mts.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.visa { background: url(../img/visa.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.visa:hover { background: url(../img/visa.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.vgtrk { background: url(../img/vgtrk.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.vgtrk:hover { background: url(../img/vgtrk.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.gazprom { background: url(../img/gazprom.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.gazprom:hover { background: url(../img/gazprom.png) center center no-repeat; background-size: 100px 60px; } */
.work-with .one.rzd { background: url(../img/rzd.png) center center no-repeat; background-size: 100px 60px; }
/* .work-with .one.rzd:hover { background: url(../img/rzd.png) center center no-repeat; background-size: 100px 60px; } */
body{
	-webkit-text-size-adjust: 100%;
}