.content {position: relative;width: 960px;height: auto;margin: 0 auto;padding: 0px 10px 0px 10px;display: table;z-index: 2;}

.top {position: relative; width: 100%; min-height: 100px; left: 0px; top: 0px;background-color: #FFFFFF;box-shadow: 0 0 12px rgba(0,0,0,0.3);}
.logo {position: relative; width: 340px; FLOAT: left; display: table;}
.logo-in {position: relative;width: 340px;height: 80px; display: table-cell;vertical-align: bottom;font-size: 17px;color: #02847A;line-height: 100%;}
.navigation {position: relative;width: 610px; FLOAT: right; display: table;}
.navigation-in {position: relative;width: 610px;height: 78px; display: table-cell;vertical-align: bottom;text-align: right;}
.navigation-in a {font-family: 'pf_dintext_pro_light';font-size: 17px;color: #02847A;line-height: 100%;padding: 0px 0px 2px 0px;text-decoration: none; margin-left: 12px;}
.navigation-in a:hover {color: #02847A;border-bottom: 4px solid #4093D0;}

.ci {position: relative; width: 100%; left: 0px; top: 0px;background-color: #C2E6F0;background-image: url(/pictures/content/e20c9bd31506cab515edf9ba825d4630.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;display: table;}
.ci-in {display: table-cell;vertical-align: middle;height: 320px;padding: 30px 0px 30px 0px;background-image: url(/pictures/content/9f3bb41c7c5dc7af66f1078aad07ff03.png);background-repeat: no-repeat;background-position: right center;background-size: auto 100%;}
.ci p {margin-bottom: 0px;}

.block-about {position: relative; width: 100%; min-height: 230px; left: 0px; top: 0px; padding: 60px 0px 80px 0px; background-color: #2077BD;background-image: url(/pictures/content/643e1c9760c7129d166c8dc335800f39.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;display: table;}
.block-about p {color: #FFFFFF;}
.block-about h1 {color: #FFFFFF;}
.block-about h2 {color: #FFFFFF;}
.block-about h3 {color: #FFFFFF;}
.block-about h4 {color: #FFFFFF;}
.block-about h5 {color: #FFFFFF;}
.block-about h6 {color: #FFFFFF;}
.block-about a {font-family: inherit;color: #FFFFFF;}
.block-about a:hover {color: #BDD9F0;}
.block-about ul {color: #FFFFFF;}
.block-about ol {color: #FFFFFF;}

.block-benefit {position: relative; width: 100%; min-height: 230px; left: 0px; top: 0px; padding: 60px 0px 60px 0px; background-color: #02847A;background-image: url(/pictures/content/f54598bc7b6fd1f28b32f4f52d422281.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;display: table;}
.block-benefit p {color: #FFFFFF;}
.block-benefit h1 {color: #FFFFFF;}
.block-benefit h2 {color: #FFFFFF;}
.block-benefit h3 {color: #FFFFFF;}
.block-benefit h4 {color: #FFFFFF;}
.block-benefit h5 {color: #FFFFFF;}
.block-benefit h6 {color: #FFFFFF;}
.block-benefit a {font-family: inherit;color: #FFFFFF;}
.block-benefit a:hover {color: #B3D8D5;}
.block-about ul {color: #FFFFFF;}
.block-about ol {color: #FFFFFF;}

.block-white {position: relative; width: 100%; left: 0px; top: 0px; padding: 60px 0px 80px 0px; background-color: #FFFFFF;display: table;}

.block-catalog {position: relative; width: 100%; left: 0px; top: 0px; padding: 60px 0px 0px 0px; background-color: #FFFFFF;display: table;}
.block-button {position: relative; width: 100%; left: 0px; top: 0px; padding: 40px 0px 80px 0px; background-color: #FFFFFF;display: table;}
.block-button a {text-decoration: none;}

.block-contacts {position: relative; width: 100%; left: 0px; top: 0px; padding: 60px 0px 40px 0px; background-color: #FFFFFF;display: table;}
.block-contacts p {margin-bottom: 12px;}
.block-map {position: relative; width: 100%; height: 380px; left: 0px; top: 0px; background-color: #BFBDBB;}

.block-feedback {position: relative; width: 100%; height: 250px; left: 0px; top: 0px; padding: 60px 0px 50px 0px; background-color: #FFFFFF;background-image: url(/pictures/content/c16360e2780bfef3377a55a85c117d5c.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;display: table;}
.content-feedback {position: relative;width: 730px;height: auto;margin: 0 auto;padding: 0px 230px 0px 0px;display: table;z-index: 20;}
.block-feedback-manager {position: relative;width: 980px;height: auto;margin: 0 auto;}
.block-feedback-manager-img {position: absolute; width: 963px; height: 442px; right: 0px; top: -442px; background-image: url(/pictures/content/ff16b199a1c86e747bb85de28e712bf7.png);background-repeat: no-repeat;background-position: rihht bottom;z-index: 10;}

.table-usage {border-collapse: collapse;margin-top: 4px;width: 100%;min-width: 980px;height: 200px;}
.table-usage td {width: 33%;vertical-align: top; text-align: center;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.usage-about1 {position: relative; width: 100%; left: 0px; top: 0px;display: table;}
.usage-about2-violet {position: relative; width: 100%; height: 40px; padding: 10px; display: table-cell;vertical-align: middle;text-align: center;background-image: url(/pictures/content/e2580822719642f44543dea23c06effa.png);background-repeat: repeat;font-family: 'pf_dintext_pro';font-size: 32px;color: #FFFFFF;line-height: 110%;}
.usage-about2-seacolor {position: relative; width: 100%; height: 40px; padding: 10px; display: table-cell;vertical-align: middle;text-align: center;background-image: url(/pictures/content/ea3fab020f88793f5bec213bb04b1ad1.png);background-repeat: repeat;font-family: 'pf_dintext_pro';font-size: 32px;color: #FFFFFF;line-height: 110%;}
.usage-about2-blue {position: relative; width: 100%; height: 40px; padding: 10px; display: table-cell;vertical-align: middle;text-align: center;background-image: url(/pictures/content/ebbcf7c18212ed50a636c0ad005c5c2a.png);background-repeat: repeat;font-family: 'pf_dintext_pro';font-size: 32px;color: #FFFFFF;line-height: 110%;}

.block_footer {position: relative; width: 100%; height: auto; left: 0px; top: 0px; padding: 20px 0px 30px 0px;  background-color: #FFFFFF;display: table;}
.footer_1 {position: relative; max-width: 190px; height: auto; left: 0px; top: 0px; FLOAT: left;margin-right: 8px;}
.footer_2 {position: relative; max-width: 648px; height: auto; left: 0px; top: 0px; FLOAT: left;}
.footer_2 p {font-size: 14px;color: #02847A; margin-bottom: 0px;line-height: 115%;}
.footer_2 a {font-family: inherit;color: #02847A;}
.footer_2 a:hover {color: #02847A;}
.footer_3 {position: relative; width: 108px; height: auto; left: 0px; top: 0px; FLOAT: right;text-align: center;line-height: 55%;}
.footer_3 a {text-decoration: none;font-family: inherit;font-size: 12px;color: #575757;}
.footer_3 a:hover {color: #75338D;}



.button-box {position: relative; width: auto; height: auto; display: table;}
.button-violet {position: relative; width: 244px; height: 36px; left: 0px; top: 0px; padding: 10px 0px 0px 0px; font-family: 'pf_dintext_pro_light'; font-size: 23px; color: #FFFFFF; text-align: center; 	background-color: #75338D;}
.button-violet:hover {background-color: #5C1A74;}
.button-blue {position: relative; width: 298px; height: 36px; left: 0px; top: 0px; padding: 10px 0px 0px 0px; font-family: 'pf_dintext_pro_light'; font-size: 23px; color: #FFFFFF; text-align: center; 	background-color: #2077BD;}
.button-blue:hover {background-color: #005197;}



.block-scroller {position: relative; width: 1280px; height: 120px; left: 0px; top: 0px;margin: 0 auto;}
.scboximg {width: auto; height: 100px;}
#scroller_container {margin: 0 auto; width: 100%; overflow: hidden; line-height:0; font-size:0;}
#scroller_container div {float: left; vertical-align: baseline;}
#scroller_container>div {position: relative;white-space: nowrap; width: 100%;padding: 19px 0;}
#scroller_container>div a, #scroller_container>div a img {padding: 0; margin: 0;}
#scroller_container>div a img {margin: 0;border: 0;}


.block-scroller .s-l {position: absolute; width: 40px; height: 120px; left: 0px; top: 0px; background-image: url(/pictures/scroller-l.png);background-repeat: repeat-y;z-index: 20;}
.block-scroller .s-r {position: absolute; width: 40px; height: 120px; right: 0px; top: 0px; background-image: url(/pictures/scroller-r.png);background-repeat: repeat-y;z-index: 20;}


/*-------- SIZE WINDOW -------- */
@media screen and (max-width:1280px) {
.block-scroller {width: 100%;}
.s-l, .s-r {display:none;}
}
@media screen and (max-width:1200px) {
.usage-about2-violet {font-size: 26px;}
.usage-about2-seacolor {font-size: 26px;}
.usage-about2-blue {font-size: 26px;}
}