@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic);

body { font-family: 'PT Sans', Arial, sans-serif; font-size: 14px; line-height: 1.3em; color: #000000; font-weight: 400; background: #f9f9f9; #7a7a7a; }

input, textarea { font-family: 'PT Sans', Arial, sans-serif; font-size: 14px; color: #000; }

a { color: #f70029; text-decoration: none; }
a:hover { color: #f70029; text-decoration: none; }

a.button, span.button, input.button { display: inline-block; border: 1px solid #f70029; background: #f70029; line-height: 18px; height: 18px; padding: 7px 10px; font-size: 14px; color: #fff; text-decoration: none; border-radius: 12px 0 12px 0; cursor: pointer; }
input.button { padding: 0 10px; line-height: 32px; height: 32px; }

.overall { width: 1040px; max-width: 1040px; margin: 0 auto; background: #f9f9f9; -box-shadow: 0 0 20px 2px rgba(0,0,0,.5); }
.wrapper { width: 1020px; max-width: 1020px; margin: 0 auto; }

h1, .h1 { font-size: 24px; font-weight: 700; margin: 0 0 15px 0; color: #000; line-height: 1.1em; }
h2, .h2 { font-size: 18px; font-weight: 700; margin: 0 0 15px 0; color: #000; line-height: 1.1em; }
p { margin: 1em 0; }

.mobile-only { display: none; }

.header { position: relative; margin-bottom: 5px; }
.header div.logo { width: 220px; float: left; margin: 10px 40px 0 40px; }
.header div.logo a.logo { display: block; width: 220px; height: 140px; background: url(../images/logo.png); margin: 0 0 10px; }
.header div.logo .info { text-align: center; font-size: 14px; line-height: 1.2em; margin: 0 20px 10px; }
.header .lang { font-size: 0; text-align: center; margin: 10px 0; }
.header .lang a { background: #f70029; color: #fff; text-decoration: none; font-size: 11px; display: inline-block; text-align: center; width: 27px; height: 27px; line-height: 27px; border-radius: 27px; margin: 0 6px 8px; vertical-align: top; }
.header .lang a.active { background: #fbc7a0; }
.header .lang a:hover { background: #fbc7a0; color: #fff; }

.header .contacts { float: right; font-size: 16px; line-height: 1.2em; padding-top: 60px; margin: 0 30px 0 0; text-align: right; }
.header .contacts .phone { font-weight: Bold; font-size: 18px;; }
.header .contacts .address { color: #f70029; }
.header .contacts .callback { padding-top: 4px; }

.header .menu { position: absolute; left: 300px; top: 180px; width: 660px; margin: 0 20px; line-height: 26px; font-size: 16px; }
.header .menu ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
.header .menu ul li { margin: 0 25px 0 0; padding: 0 0 0 0; display: inline; }
.header .menu ul li:last-child { margin-right: 0; }
.header .menu ul li a { color: #f70029; text-decoration: none; font-weight: 700; text-transform: uppercase; }


.column-left { width: 280px; float: left; }
.column-left .menu { background: #fff; border-radius: 0 25px 0 0; position: relative; }
.column-left .menu:after { content: " "; display: block; background: #f9f9f9; border-radius: 0 25px 0 0; height: 25px; }
.column-left .menu ul { list-style: none; margin: 0 0 0 0; padding: 0px 20px 20px 40px; }
.column-left .menu ul li { margin: 10px 0; padding: 0; }
.column-left .menu ul li a { text-decoration: none; }
.column-left .menu ul li a.active { font-size: 16px; font-weight: 700; }

.column-right { width: 700px; float: left; margin-top: -100px; }
.column-right .slider { position: relative; width: 700px; height: 350px; }
.column-right .slider > a { display: block; width: 700px; height: 350px; position: absolute; z-index: 1; }

.column-right .slider .slider-navi { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; font-size: 0; line-height: 16px; height: 16px;  }
.column-right .slider .slider-navi .dot { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #797979; font-size: 1; margin: 4px; cursor: pointer; }
.column-right .slider .slider-navi .dot.active { background: #f33400; }
.column-right .content { min-height: 500px; padding: 25px 40px; }


.column-left-all { width: 280px; float: left; position: relative; }
.column-left-all .menu { background: ; #fff; border-radius: 0 25px 0 0; position: relative; }
.column-left-all .menu:after { content: " "; display: block; background: #f9f9f9; border-radius: 0 25px 0 0; height: 25px; }
.column-left-all .menu ul { list-style: none; margin: 0 0 0 0; padding: 20px 20px 20px 60px; }
.column-left-all .menu ul li { margin: 10px 0; padding: 0; }
.column-left-all .menu ul li a { text-decoration: none; }
.column-left-all .menu ul li a.active { font-size: 16px; font-weight: 700; }

.header-left { position: relative; margin-bottom: 5px; }
.header-left div.logo { width: 220px; float: left; margin: 10px 40px 0 40px; }
.header-left div.logo a.logo { display: block; width: 220px; height: 140px; background: url(../images/logo.png); margin: 0 0 10px; }
.header-left div.logo .info { text-align: center; font-size: 14px; line-height: 1.2em; margin: 0 20px 10px; }
.header-left .lang { font-size: 0; text-align: center; margin: 10px 0; }
.header-left .lang a { background: #f70029; color: #fff; text-decoration: none; font-size: 11px; display: inline-block; text-align: center; width: 27px; height: 27px; line-height: 27px; border-radius: 27px; margin: 0 6px 8px; vertical-align: top; }
.header-left .lang a.active { background: #fbc7a0; }
.header-left .lang a:hover { background: #fbc7a0; color: #fff; }


.column-right-all { width: 700px; float: left; position: relative; }
.column-right-all .slider { position: relative; width: 700px; height: 350px; }
.column-right-all .slider > a { display: block; width: 700px; height: 350px; position: absolute; z-index: 1; }

.column-right-all .slider .slider-navi { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; font-size: 0; line-height: 16px; height: 16px;  }
.column-right-all .slider .slider-navi .dot { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #797979; font-size: 1; margin: 4px; cursor: pointer; }
.column-right-all .slider .slider-navi .dot.active { background: #f33400; }
.column-right-all .content { min-height: 500px; padding: 25px 40px; }

.header-right { position: relative; margin-bottom: 5px; }
.header-right .contacts { font-size: 16px; line-height: 1.2em; padding-top: 60px; margin: 0 -10px 20px 0; min-height: 100px; text-align: right; }
.header-right .contacts .phone { font-weight: Bold; font-size: 18px;; }
.header-right .contacts .address { color: #f70029; }
.header-right .contacts .callback { display: none; padding-top: 4px; }

.header-right .menu { position: relative; /*left: 300px; top: 180px; width: 660px; */ margin: 10px 0px 8px 25px; line-height: 26px; font-size: 16px; text-align: center; }
.header-right .menu ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
.header-right .menu ul li { margin: 0 25px 0 0; padding: 0 0 0 0; display: inline-block; }
.header-right .menu ul li:last-child { margin-right: 0; }
.header-right .menu ul li a { color: #f70029; text-decoration: none; font-weight: 700; text-transform: uppercase; white-space: nowrap; }


.form { margin: 0 0 15px; }
.form .field { margin: 15px 0; }
.form .field input[type=text] { border: 1px solid #c9c9c9; border-radius: 12px 0 12px 0; padding: 7px 10px; height: 18px; line-height: 18px; width: 200px; outline: none; }
.form .field textarea { border: 1px solid #c9c9c9; border-radius: 25px 0 25px 0; padding: 7px 20px; height: 18px; line-height: 18px; width: 620px; height: 200px; resize: none; margin-left: -40px; outline: none; }
.form div.button { margin: 15px 0;  }
.form div.button input.button { font-weight: 700; text-transform: uppercase; padding: 0 16px; outline: none; }

.form .error { color: #f70029; padding-bottom: 0; }
.form .done { color: #027d4c; font-weight: 700; }

.footer { padding: 30px 40px 30px 30px; position: relative; }
.footer .counter,
.footer .license { position: absolute; right: 40px; top: 30px;  color: #f70029; text-align: right; }

.footer .fgpm { margin-top: 15px; }
.footer .fgpm a { color: #000; text-decoration: none; }

body.overlay { overflow: hidden; }

.onlinefeedback-container { display: none; }

.onlinefeedback-container { display: none; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 50px 0; z-index: 22000; overflow: auto; }
.onlinefeedback-container .form { background: #f9f9f9; width: 640px; box-shadow: 0 0 12px 4px rgba(0,0,0,.8); border-radius: 12px; padding: 10px 20px 10px 70px; margin: 0 auto; }
.onlinefeedback-container h2 { color: #000; margin: 5px 0 15px 0; font-size: 20px; }
.onlinefeedback-container a.close { float: right; margin-top: -25px; margin-right: -35px; display: block; width: 20px; height: 20px; background: url(/anima/close.png) center center no-repeat #fff; background-size: 16px 16px; padding: 4px; border-radius: 20px; box-shadow: 0 0 4px #000; }

.onlinefeedback-container div.label { height: 35px; }
.onlinefeedback-container .error { color: #f70029; padding-bottom: 0; }
.onlinefeedback-container .done { color: #027d4c; font-weight: 700; }
.onlinefeedback-container .protectcode { width: 110px; font-size: 26px; vertical-align: top; }
.onlinefeedback-container .protectimg { vertical-align: middle; margin-right: 10px; }


.news-item { margin-bottom: 20px; }
.news-item.has-image .news-text { margin-left: 220px; }
.news-item .news-image { float: left; width: 200px; height: 200px; }
.news-item .news-title { font-size: 18px; font-weight: 600; }
.news-item .news-link a { color: #fff; background: #f70029; text-decoration: none; display: inline-block; padding: 4px 16px; }
.news-item .news-share { margin: 1em 0; }
.news-wideimage { margin-bottom: 1em; }
.news-wideimage img { max-width: 620px; }
.news-content p { margin: 1em 0; }
.news-content > div { margin: 1em 0; }

.paginator { font-size: 15px; margin: 2em 0; }
.paginator b { color: #fff; background: #f70029; text-decoration: none; display: inline-block; padding: 2px 4px; min-width: 14px; text-align: center; font-weight: 400; }


.share-link { display: inline-block; width: 24px; height: 24px; margin: 0 4px 0 0; padding: 0; outline: none; background: url(/js/share42/icons24.png) -0px 0 no-repeat; }
.fb-link { background-position: -0px 0; }
.vk-link { background-position: -168px 0; }
.ok-link { background-position: -96px 0; }
.go-link { background-position: -24px 0; }
.tw-link { background-position: -144px 0; }

.share-link32 { display: inline-block; width: 32px; height: 32px; margin: 0 4px 0 0; padding: 0; outline: none; background: url(/js/share42/icons.png) -0px 0 no-repeat; }
.share-link32.fb-link { background-position: -0px 0; }
.share-link32.vk-link { background-position: -224px 0; }
.share-link32.ok-link { background-position: -128px 0; }
.share-link32.go-link { background-position: -32px 0; }
.share-link32.tw-link { background-position: -192px 0; }
.share-link32.up-link { background-position: -256px 0; }

.gip-share { opacity: 0; width: 42px; position: absolute; right: -50px; top: -1000px; padding: 4px; background: transparent; border-radius: 8px; transition: top .2s ease-out, opacity .1s ease-out .2s; background: url(/images/share.png) right 8px no-repeat; }
.gip-share .share-link { margin: 2px 0; }

.gip-social { opacity: 0; width: 32px; padding-left: 18px; text-align: center; position: absolute; top: -1000px; transition: top .2s ease-out, opacity .1s ease-out .2s; background: url(/images/wesoc.png) 2px center no-repeat; }
.gip-social .share-link { margin: 2px 0; }
.gip-social-header { text-align: center; font-size: 15px; font-weight: 600; margin-bottom: .5em; }
