body {color:#000;font-family: 'Play', sans-serif; font-size:16px; color:#4c5e6c; background: white; line-height: normal; }
table{border-collapse: collapse;    color: #000;    width: 100%;}
table tr{}
table tr:nth-child(2n+1){background:rgba(251, 244, 28, 0.14);}
table tr td {padding: 3px;
    font-size: 14px;}
html, body, #wrapper { height:100%; }
p, li, strong, h3{color:#000;}

#formSection p, #formSection2 p{color:#fff;}
body > #wrapper { height:auto; min-height:100%; }

a { color: #02589a; text-decoration:none; }
a:hover { text-decoration:none; }

input, textarea, a { outline:none; }
input, textarea, select { font-family: 'Play', sans-serif; }
img { border:none; }

.right { float:right !important; }

::selection { background:#8C8C8C; color:#fff; }
::-moz-selection { background:#8C8C8C; color:#fff; }


.heading {
	background: url(../images/1px.png) repeat-x 0 center;
	text-align: center;
	margin-bottom: 20px;
}
.heading h2 {
	font-size: 36px;
	font-weight: bold;
	color: #212326;
	padding: 0 85px;
	background: white;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	top: -2px;

}
.heading h2 span {
	color: #b51f1f;
	
}

.dev { color: #212326; font-size: 20px; text-align: center; }
.sub { color: #45494c; font-size: 16px; text-align: center; }

.container {
	width: 987px;
	margin: 0 auto;
	position: relative;
}

.topbar{ 
   height: 60px;
   background: rgba(0, 0, 0, 0.75);
    position: fixed;
    width: 100%;
	z-index:100;}

a.pages  {
    color: #fff;
    font-size: 13px;
    padding: 24px 12px;
	text-decoration:none;
	}
a.pages:hover  {
    background: #b51f1f;
	}
	
a.pages.current  {
    background: #b51f1f;
  	cursor: default;
	}

#header {
	height: 700px;
	margin-bottom: 80px;
	background: #27282a url(../images/bg02.gif) no-repeat center center;
}
#header.header2 {
	height: 400px;
	margin-bottom: 80px;
	background: #27282a url(../images/bg02.gif) no-repeat center center;
}
.logo {
	position: absolute;
	top: 10px; left: 3px;
	line-height: 0;
}
.logo img {
    width: 200px;
}
.phone .ya-phone-1 {	text-shadow:1px 2px 2px black;
	position: absolute;
	top: 10px; right: 13px;
	font-size: 20px;
	font-weight: bold;
	color: white;
}
.phone .ya-mail-1 {	text-shadow:1px 2px 2px black;
	position: absolute;
	top: 35px; right: 13px;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

#header .slider {
	width: 100%;
	height: 464px;
	position: absolute;
	top: 236px;
}
#header.header2  .slider {
	width: 100%;
	height: 140px;
	position: absolute;
	top: 130px;
}
#header .slider .slider-wrap {
	position: relative;	
	height: 264px;
	width: 987px;
	overflow: hidden;
}
#header.header2 .slider .slider-wrap {
	position: relative;	
	height: 140px;
	width: 987px;
	overflow: hidden;
}

#header .slider .slider-ul {
	margin: 0;
	list-style: none;
	position: absolute;
	height: 264px;
}
#header.header2 .slider .slider-ul {
	margin: 0;
	list-style: none;
	position: absolute;
	height: 140px;
}
#header .slider .slide {
	float: left;
	width: 987px;
	color: white;
	text-align: center;
	height: 264px;
}

#header .slider .slide h1 {	text-shadow:1px 2px 2px black;
	font-size: 38px;
	text-transform: uppercase;
	line-height: 42px;
	margin: 0 0 0px 0;
	color: #fff;
}
#header .slider .slide p {	text-shadow:1px 2px 2px black;
	margin-bottom: 55px;
	font-size: 20px;
color: #fff;	
}
#header .slider .slider-arrow {
	position: absolute;
	top: 50px;
	background: url(../images/slide-arrow.png) no-repeat;
	width: 45px;
	height: 82px;
	text-indent: -99999px;
}
#header .slider .slider-arrow.lt { left: 0; }
#header .slider .slider-arrow.rt { right: 0; background-position: right top; }

#header .slider .slider-nav {
	left: 0;
	width: 100%;
	bottom: 60px;
	position: absolute;
	text-align: center;
}
#header .slider .slider-nav a {
	overflow: hidden;
	display: inline-block;
	background: url(../images/slide-btn.png) no-repeat;
	width: 18px;
	height: 18px;
	margin-left: 18px;
	text-indent: -99999px;
}
#header .slider .slider-nav a:first-child {
	margin-left: 0;	
}
#header .slider .slider-nav a.active {
	background-position: right 0;	
}

#preloader .l01 { background: url(../images/examples/images01_normal.jpg); }
#preloader .l02 { background: url(../images/examples/images02_normal.jpg); }
#preloader .l03 { background: url(../images/examples/images03_normal.jpg); }
#preloader .l04 { background: url(../images/examples/images04_normal.jpg); }
#preloader .l05 { background: url(../images/examples/images05_normal.jpg); }
#preloader .l06 { background: url(../images/examples/images06_normal.jpg); }
#preloader .l07 { background: url(../images/examples/images07_normal.jpg); }
#preloader .l08 { background: url(../images/examples/images08_normal.jpg); }
#preloader .l09 { background: url(../images/examples/images09_normal.jpg); }
#preloader .l10 { background: url(../images/examples/images10_normal.jpg); }
#preloader .l11 { background: url(../images/examples/images11_normal.jpg); }
#preloader .l13 { background: url(../images/examples/images13_normal.jpg); }

#examples {
	overflow: hidden;
}
#examples .examples {
	padding: 50px 0 90px 0;
	position: relative;
	height: 460px;
}

#examples .examples .example:hover .tooltip  {
	display: block;
}
#examples .examples .example .tooltip {
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	width: 100%;
	display: none;
}
#examples .examples .example .tooltip .main {
	display: block;
	margin: 22px;
	background: #b51f1f;
	height: 81px;
	margin-right: 93px;
	position: relative;
	line-height: 81px;
	padding: 0 0 0 20px;
}
#examples .examples .example .tooltip .main:before {
	background:url(../images/preview.png) no-repeat;
	width: 71px;
	height: 81px;
	content: '.';
	text-indent: -99999px;
	position: absolute;
	right: -71px;
}
#examples .examples .example .tooltip .main span {
	line-height: normal;
	vertical-align: middle;
	display: inline-block;
	font-size: 20px;	
}
#examples .examples .example .tooltip.medium .main span {
	font-size: 16px;
}
#examples .examples .example .tooltip.small .main span {
	font-size: 13px;
}

#examples .examples .example .img {
	width: 100%;
	height: 100%;	
}
#examples .examples .example {
	position: absolute;
	cursor: crosshair;
}
#examples .examples .example.e01 {
	background: url(../images/examples/images01.jpg);
	top: 50px; left: -463px;
	width: 261px;
	height: 139px;
}
#examples .examples .example.e01:hover .img {
	background: url(../images/examples/images01_normal.jpg);
}
#examples .examples .example.e02 {
	background: url(../images/examples/images02.jpg);
	top: 193px; left: -463px;
	width: 261px;
	height: 234px;
}
#examples .examples .example.e02:hover .img {
	background: url(../images/examples/images02_normal.jpg);
}
#examples .examples .example.e03 {
	background: url(../images/examples/images03.jpg);
	top: 50px; left: -198px;
	width: 269px;
	height: 160px;
}
#examples .examples .example.e03:hover .img {
	background: url(../images/examples/images03_normal.jpg);
}
#examples .examples .example.e04 {
	background: url(../images/examples/images04.jpg);
	top: 214px; left: -198px;
	width: 269px;
	height: 247px;
}
#examples .examples .example.e04:hover .img {
	background: url(../images/examples/images04_normal.jpg);
}
#examples .examples .example.e05 {
	background: url(../images/examples/images05.jpg);
	top: 50px; left: 75px;
	width: 401px;
	height: 225px;
}
#examples .examples .example.e05:hover .img {
	background: url(../images/examples/images05_normal.jpg);
}
#examples .examples .example.e06 {
	background: url(../images/examples/images06.jpg);
	top: 279px; left: 75px;
	width: 401px;
	height: 229px;
}
#examples .examples .example.e06:hover .img {
	background: url(../images/examples/images06_normal.jpg);
}
#examples .examples .example.e07 {
	background: url(../images/examples/images07.jpg);
	top: 50px; left: 480px;
	width: 307px;
	height: 160px;
}
#examples .examples .example.e07:hover .img {
	background: url(../images/examples/images07_normal.jpg);
}
#examples .examples .example.e08 {
	background: url(../images/examples/images08.jpg);
	top: 214px; left: 480px;
	width: 307px;
	height: 230px;
}
#examples .examples .example.e08:hover .img {
	background: url(../images/examples/images08_normal.jpg);
}

#examples .examples .example.e09 {
	background: url(../images/examples/images09.jpg);
	top: 50px; left: 791px;
	width: 406px;
	height: 305px;
}
#examples .examples .example.e09:hover .img {
	background: url(../images/examples/images09_normal.jpg);
}
#examples .examples .example.e10 {
	background: url(../images/examples/images10.jpg);
	top: 359px; left: 791px;
	width: 203px;
	height: 104px;
}
#examples .examples .example.e10:hover .img {
	background: url(../images/examples/images10_normal.jpg);
}
#examples .examples .example.e11 {
	background: url(../images/examples/images11.jpg);
	top: 359px; left: 998px;
	width: 199px;
	height: 136px;
}
#examples .examples .example.e11:hover .img {
	background: url(../images/examples/images11_normal.jpg);
}
#examples .examples .example.e12 {
	background: url(../images/examples/images12.jpg);
	top: 219px; left: 1201px;
	width: 248px;
	height: 241px;
}
#examples .examples .example.e12:hover .img {
	background: url(../images/examples/images12_normal.jpg);
}
#examples .examples .example.e13 {
	background: url(../images/examples/images13.jpg);
	top: 50px; left: 1201px;
	width: 248px;
	height: 165px;
}
#examples .examples .example.e13:hover .img {
	background: url(../images/examples/images13_normal.jpg);
}

#explain .explain {
	color: #45494c;
	text-align: center;
	padding: 25px 15px 60px 15px;
}
#explain .explain .image {
	height: 110px;
	padding: 0 0 0 0;
	background: no-repeat center center;
}
#explain .explain .image.i01 {
	background-image: url(../images/icon-clock.png);
}
#explain .explain .image.i02 {
	background-image: url(../images/icon-money.png);
}
#explain .explain .image.i03 {
	background-image: url(../images/icon-waring.png);
}
#explain .explain h3 {
	font-size: 18px;
	font-weight: bold;
	color: #b51f1f;
	text-transform: uppercase;
	text-align: center;
}

#tv {
	height: 458px;
	background: #f0f3f5 url(../images/bg01.png) no-repeat center center;
}
#tv .smi {
	padding: 138px 0 0 12px;
	width: 470px;
}
#tv .smi .title {
	color: #212326;
	font-size: 20px;
	font-weight: bold;
	margin-left: 0px;
	text-transform: uppercase;
	position: relative;
	top: -6px;
}
#tv .smi .text {
	padding: 40px 0 0 0;
	color: #45494c;	
}

#tv .youtube {
	position: absolute;
	top: 85px; right: 14px;
	width: 463px;
	height: 280px;
	cursor: pointer;
	background: url(../images/images01.jpg);
	line-height: 275px;
}
#tv .youtube .play-event {
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	padding-left: 185px;
	font-size: 20px;
	color: white;
}
#tv .youtube .play {
	position: absolute;
	top: 104px;
	left: 86px;	
}

#formSection {
	height: 320px;
	background: #27282a url(../images/bg03.gif) no-repeat center center;
	padding: 61px 0 0 0;
	color: white;	
}

#formSection.cons {
	background-image: url(../images/bg04.gif);
}

#formSection h2 {text-shadow:1px 2px 2px black;
	font-size: 27px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;	
}
#formSection p {text-shadow:1px 2px 2px black;
	text-align: center;
	font-size: 18px;
	margin-bottom: 60px;
}

#formSection .forms {
	overflow: hidden;
	padding: 0 0 0 13px;
}
#formSection .forms .field.fp {
	width: 265px;
	float: left;
	padding: 6px 0 0 0;
}
#formSection .forms .field.fb {
	padding-left: 50px;
	float: left;	
}
#formSection .forms .field.ff {
	float: left;
	color: white;
	font-size: 16px;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	background: url(../images/attach.png) no-repeat 0 center;
	padding-left: 50px;
	padding-top: 10px;
	overflow: hidden;
}
#formSection .forms .field.ff span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	position: relative;
	top: -7px;
}
#formSection .forms .field.ff form {
	height: 60px;
}
#formSection .forms .field.ff span strong {
	font-weight: normal;
	border-bottom: 1px dotted #fff;
}
#formSection .put {
	width: 172px;
	padding: 0 34px;
	height: 50px;
	background: #363b40;
	font-size: 16px;
	color: #aaaeb2;
	border: none;
}

/*----*/
#formSection2 {
	height: 320px;
	background: #27282a url(../images/bg03.gif) no-repeat center center;
	padding: 61px 0 0 0;
	color: white;	
}

#formSection2.cons {
	background-image: url(../images/bg04.gif);
}

#formSection2 h2 {text-shadow:1px 2px 2px black;
	font-size: 27px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;	
}
#formSection2 p {text-shadow:1px 2px 2px black;
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}

#formSection2 .field{
    width: 300px;
    margin: 0 auto;
}

#formSection2 .forms {
	overflow: hidden;
	padding: 0 0 0 13px;
}
#formSection2 .forms .field.fp {
	width: 265px;
	float: left;
	padding: 6px 0 0 0;
}
#formSection2 .forms .field.fb {
	padding-left: 50px;
	float: left;	
}
#formSection2 .forms .field.ff {
	float: left;
	color: white;
	font-size: 16px;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	background: url(../images/attach.png) no-repeat 0 center;
	padding-left: 50px;
	padding-top: 10px;
	overflow: hidden;
}
#formSection2 .forms .field.ff span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	position: relative;
	top: -7px;
}
#formSection2 .forms .field.ff form {
	height: 60px;
}
#formSection2 .forms .field.ff span strong {
	font-weight: normal;
	border-bottom: 1px dotted #fff;
}
#formSection2 .put {
	width: 172px;
	padding: 0 34px;
	height: 50px;
	background: #363b40;
	font-size: 16px;
	color: #aaaeb2;
	border: none;
}
/*----*/
.uploadImage {
	text-align: center;
}
.uploadImage img {
	max-width: 150px;
}

#partners {
	padding: 70px 0 0 0;
}
#partners .partners {
	padding: 30px 0 70px 0;
	padding-right: 40px;
}
#partners .partners img {
	margin-left: 40px;
}

#additional .service-menu {
	padding: 50px 0 0 111px;
	margin: 0;
	overflow: hidden;
	list-style: none;
}
#additional .service-menu li {
	margin-bottom: 15px;
	margin-right: 33px;
	float: left;
	display: inline-block;
	background: url(../images/btn-service.png) no-repeat;
	width: 400px;
	height: 50px;
	font-size: 17px;
	color: #363b40;
	text-align: center;
	line-height: 50px;
}

#contacts {
	overflow: hidden;
	padding: 70px 0 0 0;
	position: relative;
	min-width: 987px;
	font-family: 'Play', sans-serif;
}

#contacts .row-fluid {
	
}
#contacts .row-fluid h3 {
	color: #212326;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 24px;
	margin: 0 0 20px 0;
}
#contacts .row-fluid {
	margin-bottom: 80px;
}
#contacts .row-fluid .address {
	padding: 20px 20px 0 0;
	height: 120px;	
}
#contacts .row-fluid .timeto {
	height: 120px;
	padding: 20px 30px 0 30px;
	border-left: 1px solid #c6c9cc;	
	border-right: 1px solid #c6c9cc;
}
#contacts .row-fluid .phone {
	height: 120px;
	padding: 20px 0 0 20px;
}
#contacts .row-fluid .phone .num {
	color: #212326;
	font-size: 26px;
	font-weight: bold;
}
#contacts .row-fluid .address p,
#contacts .row-fluid .timeto p {
	font-size: 16px;
}
#contacts .row-fluid sup {
	position: relative;
	top: -3px;	
}
#contacts #maps {
	width: 100%;
	height: 400px;
}
#contacts #maps img {
  max-width: none;
}

.btn {
	display: inline-block;
	position: relative;
	background: #b51f1f;
	height: 61px;
	line-height: 61px;
	padding: 0 31px;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	color: white !important;
	border: none;
}
.btn:hover{
	text-decoration:underline;

}
.btn:after {
	background: url(../images/btn-cwr.png);
	width: 29px;
	height: 61px;
	position: absolute;
	top: 0;
	left: -29px;
	content: '.';
	text-indent: -99999px;
}
.btn:before {
	background: url(../images/btn-cwr.png);
	width: 29px;
	height: 61px;
	position: absolute;
	top: 0;
	right: -29px;
	background-position: right;
	content: '.';
	text-indent: -99999px;
}

.popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	min-width: 740px;
	z-index: 99999;
}
.popup .popup-bgr {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	opacity: 0.5;
	background: black;
	cursor: default;
}

.popup .popup-box {
	margin: 0 auto;
	width: 740px;
	height: 367px;
	background: #f0f3f5;
	position: relative;
	top: 50%;
	margin-top: -183px;
	text-align: center;
}
.popup .close {
	position: absolute;
	top: -16px; right: -16px;
	height: 32px; width: 32px;
	background: url(../images/close.png) no-repeat;
	cursor: pointer;
	text-indent: -99999px;
}

.popup .forms {
	overflow: hidden;
	padding: 20px 0 0 13px;
}
.popup .field.fp {
	width: 265px;
	display: inline-block;
}
.popup .field.fb {
	padding: 30px 0 0 0;	
}
.popup .put {
	width: 172px;
	padding: 0 34px;
	height: 50px;
	background: #e1e5e8;
	font-size: 16px;
	color: #5a5e66;
	border: none;
}

.popup h2 {
	color: #212326;
	font-size: 24px;
	text-transform: uppercase;
	padding: 50px 0 0 0;
}

#sendInfo {
	height:150px;
	background: url(../images/bg03.gif) left top no-repeat;
	background-size: cover;
}

.sendInfoIn {
	width:870px;
	margin:0 auto;

}

#sendInfo .forms {
	padding-top:45px;
	margin:0 auto;
}

#sendInfo .forms .field.fp {
	float:left;
	margin-right:85px;
	padding-top:10px;
}

#sendInfo .forms {
	padding-top:45px;
}

.sendSMS {
	font-family:"Play";
	color:#fff;
	font-size:18px;
	float:left;
	padding-top:10px;
	margin-right:65px;
}
#sendInfo .put {
	width: 172px;
	padding: 0 34px;
	height: 50px;
	background: #363b40;
	font-size: 16px;
	color: #aaaeb2;
	border: none;
}

.success {
	font-size: 22px;
	text-align: center;	
}
.errorMessage {
	color:#FFF;
	background:#EC2438;
	height:26px;
	line-height:26px;
	padding:0 12px;
	position:absolute;
	z-index:9999999;
	font-size:14px;

	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}
.click_view_phone{
	background: url("../images/eye_open.png") no-repeat scroll right center transparent;
    cursor: pointer;
    padding: 13px 16px;
}

.click_view_phone1{
	background: url("../images/eye_open1.png") no-repeat scroll right center transparent;
    cursor: pointer;
    padding: 13px 16px;
}

.openNum
{
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	display: block;
	
}

#header .click_view_phone
{
	padding: 13px 26px;
}
#formSection{margin-bottom:55px;}