@font-face {
    font-family: 'museo_sans_cyrl500';
    src: url('/images/font/museosanscyrl_500-webfont.eot');
    src: url('/images/font/museosanscyrl_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/font/museosanscyrl_500-webfont.woff2') format('woff2'),
         url('/images/font/museosanscyrl_500-webfont.woff') format('woff'),
         url('/images/font/museosanscyrl_500-webfont.ttf') format('truetype'),
         url('/images/font/museosanscyrl_500-webfont.svg#museo_sans_cyrl500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans_cyrl100';
    src: url('/images/font/museosanscyrl-100-webfont.eot');
    src: url('/images/font/museosanscyrl-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/font/museosanscyrl-100-webfont.woff2') format('woff2'),
         url('/images/font/museosanscyrl-100-webfont.woff') format('woff'),
         url('/images/font/museosanscyrl-100-webfont.ttf') format('truetype'),
         url('/images/font/museosanscyrl-100-webfont.svg#museo_sans_cyrl100') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans_cyrl300';
    src: url('/images/font/museosanscyrl-300-webfont.eot');
    src: url('/images/font/museosanscyrl-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/font/museosanscyrl-300-webfont.woff2') format('woff2'),
         url('/images/font/museosanscyrl-300-webfont.woff') format('woff'),
         url('/images/font/museosanscyrl-300-webfont.ttf') format('truetype'),
         url('/images/font/museosanscyrl-300-webfont.svg#museo_sans_cyrl300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans_cyrl700';
    src: url('/images/font/museosanscyrl-700-webfont.eot');
    src: url('/images/font/museosanscyrl-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/font/museosanscyrl-700-webfont.woff2') format('woff2'),
         url('/images/font/museosanscyrl-700-webfont.woff') format('woff'),
         url('/images/font/museosanscyrl-700-webfont.ttf') format('truetype'),
         url('/images/font/museosanscyrl-700-webfont.svg#museo_sans_cyrl700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans_cyrl900';
    src: url('/images/font/museosanscyrl-900-webfont.eot');
    src: url('/images/font/museosanscyrl-900-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/font/museosanscyrl-900-webfont.woff2') format('woff2'),
         url('/images/font/museosanscyrl-900-webfont.woff') format('woff'),
         url('/images/font/museosanscyrl-900-webfont.ttf') format('truetype'),
         url('/images/font/museosanscyrl-900-webfont.svg#museo_sans_cyrl900') format('svg');
    font-weight: normal;
    font-style: normal;

}

input::-webkit-input-speech-button { display:none; }
textarea::-webkit-input-speech-button { display:none; }
input:-webkit-autofill { color: #ffffff !important; }

*, html, body { margin: 0px; padding: 0px; }
html { background-color: #fff; }
body { font-family: 'museo_sans_cyrl300'; font-size: 16px; color: #000; font-weight: 400; letter-spacing: 0.8px; line-height: 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga" on; overflow-x: hidden; }

body a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); text-decoration: none; outline: none; color: #00b9e5; }
body a:hover { text-decoration: underline; color: #00b9e5; }

img { border: 0px; line-height: 0; }
div { position: relative; line-height: 1; }

input, textarea, select { outline: none; resize: none; }

p { line-height: 1.5; margin-top: 15px; margin-bottom: 15px; }
p.short { line-height: 1.5; margin-top: 5px; margin-bottom: 5px; }
p.long_toll { margin-top: 60px; margin-bottom: 60px; }
li { line-height: 1.3; margin-left: 25px; padding-left: 5px; }
h1 { font-family: 'museo_sans_cyrl900'; font-size: 24px; }
h2 { font-family: 'museo_sans_cyrl900'; font-size: 20px; }
h3 { font-family: 'museo_sans_cyrl900'; font-size: 16px; }
h4 { font-family: 'museo_sans_cyrl700'; font-size: 16px; }
strong { font-family: 'museo_sans_cyrl500' !important; color: inherit; }
.more_strong { font-family: 'museo_sans_cyrl500' !important; color: inherit; }

.italic { font-style: italic; }
.bold { font-weight: 700; }
.big { font-size: 1.3em !important; }
.little_bigger { font-size: 1.2em !important; }
.small { font-size: 1em !important; }
.very_small { font-size: 0.7em !important; }

.error { color: #ff0000; }
.lower { text-transform: none !important; }
.upper { text-transform: uppercase !important; }

.green { color: #0a8640 !important; }
.white { color: #fff !important; }
.dark_greed { color: #2d5a33 !important; }
.red { color: #c91d1d !important; }
.black { color: #000000 !important; }
.lightblue { color: #0bf4fa; }
.pink { color: #ff0161; }
.grey { color: #525252 !important; }
.blue { color: #00b9e5; }

.invisible { display: none; }
.pointer { cursor: pointer; }

.absolute { position: absolute; }
.relative { position: relative; }

.left { float: left; }
.right { float: right; }

.clear { clear: both; }

.center { text-align: center !important; }
.align_left { text-align: left !important; }
.align_right { text-align: right !important; }



div.all_lines { max-width: 1180px; margin: 0px auto; padding-left: 10px; padding-right: 10px; position: relative; }

header { height: 105px; background-color: #fff; position: relative; border-bottom: 1px solid #ccc; }
header img.logo { margin-top: 36.5px; height: 28px; line-height: 0; cursor: pointer; }
header div.menu { float: right; height: 105px; line-height: 105px; position: relative; }
div.menu a.mmenu { display: none; }
header div.menu a { display: inline-block; text-decoration: none; font-size: 14px; color: #000; margin-left: 14px; margin-right: 14px; height: 103px; letter-spacing: 0px; position: relative; }
header div.menu a:hover { color: #00b9e5; }
header div.menu a.selected { color: #000; border-bottom: 2px solid #000; font-weight: 700; }
header div.menu span { display: inline-block; font-size: 14px; color: #000; margin-left: 40px; letter-spacing: 0px; }
header div.menu span a { font-size: 14px; color: #000; letter-spacing: 0px; margin: 0px; height: auto; z-index: 100; }
header div.menu img { position: relative; top: 3px; margin-left: 30px; margin-right: 10px; }
header div.menu div.sub { position: absolute;  top: 100%; display: none; white-space: nowrap; z-index: 52110; }
header div.menu div.sub_hover { display: block; }
header div.menu div.sub div.elem { line-height: 40px; background-color: #e6e6e6; padding-right: 80px; background-image: url(/images/ffgdh_w.png); background-position: center right; display: inline-block; background-repeat: no-repeat; cursor: pointer; }
header div.menu div.sub div.elem:hover { background-color: #00b9e4; background-image: url(/images/ffgdh.png); }
header div.menu div.sub div.elem span { font-size: 14px; margin-left: 20px; color: #000; font-family: 'museo_sans_cyrl300'; font-weight: 700; }
header div.menu div.sub div.elem:hover span { color: #fff; }

header div.menu div.sub div.elem div.esub { position: absolute;  top: 100%; display: none; z-index: 115; border-right: 1px solid #fff;  }
header div.menu div.sub div.elem:hover div.esub { display: block; }
header div.menu div.sub div.elem div.esub div.eelem { line-height: 40px; background-color: #e6e6e6; padding-right: 80px; background-image: url(/images/arrb.png); background-position: 93% center; display: block; background-repeat: no-repeat; border-top: 1px solid #fff; box-sizing: border-box; }
header div.menu div.sub div.elem div.esub div.no_arrow { background-image: none; }
header div.menu div.sub div.elem div.esub div.eelem:hover { background-image: url(/images/arrblue.png); }
header div.menu div.sub div.elem div.esub div.no_arrow:hover { background-image: none; }
header div.menu div.sub div.elem div.esub div.eelem a { line-height: 40px !important; display: inline; font-size: 14px; margin-left: 20px; color: #000; font-family: 'museo_sans_cyrl300'; font-weight: 400; text-decoration: none; }
header div.menu div.sub div.elem div.esub div.eelem:hover a { color: #00b9e4; }

header div.menu div.sub div.elem div.esub div.eelem div.eesub { position: absolute; left: 100%; top: 0px; display: none; z-index: 125; border-left: 1px solid #fff;  }
header div.menu div.sub div.elem div.esub div.eelem:hover div.eesub { display: block; }
header div.menu div.sub div.elem div.esub div.eelem div.eesub a.eeelem { line-height: 43px !important; height: 43px !important; background-color: #e6e6e6; display: block; border-top: 1px solid #fff; font-size: 14px; padding-left: 20px; padding-right: 20px; color: #000; font-family: 'museo_sans_cyrl300'; font-weight: 400; text-decoration: none; margin: 0px; margin-top: -1px; box-sizing: border-box; text-transform: lowercase; }
header div.menu div.sub div.elem div.esub div.eelem div.eesub a.eeelem:hover { color: #00b9e4; }

div.prod_menu { position: absolute; top: 100%; margin-top: 1px; background-color: #fff; padding: 30px; padding-bottom: 5px; left: 0px; display: none; z-index: 20000; }
div.prod_menu div.i { width: 700px; vertical-align: top; }
div.prod_menu div.i div.it { display: inline-block; width: 33%; margin-bottom: 25px; height: 80px; vertical-align: middle; cursor: pointer; }
div.prod_menu div.i div.it div.img { display: inline-block; vertical-align: middle; width: 80px; height: 80px; text-align: center; }
div.prod_menu div.i div.it div.line { display: inline-block; vertical-align: middle; height: 30px; border-left: 1px solid #2dc3e9; border-right: 1px solid #2dc3e9; margin-left: 13px; margin-right: 13px; }
div.prod_menu div.i div.it div.title { display: inline-block; vertical-align: middle; color: #2dc3e9; font-family: 'museo_sans_cyrl300'; font-size: 13px; line-height: 1.4; width: 50%; }
div.h { display: inline-block; height: 100%; vertical-align: middle; }

footer { height: 436px; background-color: #000; position: relative; }
footer div h3 { color: #fff; font-size: 20px; text-transform: uppercase; margin-bottom: 28px; font-family: 'museo_sans_cyrl300'; }
footer div div.tit { color: #fff; font-size: 20px; text-transform: uppercase; margin-bottom: 28px; font-family: 'museo_sans_cyrl300'; font-weight: 700; }
footer div ul { margin: 0px; padding: 0px; list-style-type: none; margin-right: 10%; }
footer div ul li { margin: 0px; padding: 0px; margin-bottom: 10px; padding-left: 20px; background: url(/images/fotar.jpg) no-repeat; background-position: 0px 4px; }
footer div ul li a { display: inline; text-decoration: none; font-size: 16px; color: #9b9b9b; margin-right: 0px; font-family: 'museo_sans_cyrl100'; }
footer div.menu { float: left; width: 25%; color: #9b9b9b; margin-top: 49px; line-height: 1.3; font-family: 'museo_sans_cyrl100'; }
footer div.menu_long { width: 32%; }
footer div.menu a { display: inline-block; text-decoration: none; font-size: 16px; color: #9b9b9b; margin-right: 30px; font-family: 'museo_sans_cyrl100'; }
footer div.menu a:hover { color: #fff; }
footer div.menu a.selected { color: #fff; }
footer div.menu img { margin-bottom: 25px; }
footer div.socialIcons { float: right; text-align: right; margin-top: 49px; width: 18%; }
footer div.socialIcons img { margin-left: 8px; cursor: pointer; width: 30px; }
footer div.copyright { position: absolute; color: #9b9b9b; bottom: 41px; }
footer div.madeby { position: absolute; color: #fff; bottom: 32px; right: 0px; font-size: 14px; vertical-align: middle; }
footer div.madeby img { vertical-align: middle; }


div.content {  }
div.content p { letter-spacing: 0.3px; line-height: 1.7; }
div.content_lineheightzero { line-height: 0; }
div.content_on_index { padding-top: 100px; padding-bottom: 60px; }
div.content_on_others { padding-top: 100px; padding-bottom: 100px; }
div.content_short { margin-left: 150px; margin-right: 150px; }
div.content_short p { font-size: 15px; line-height: 2; margin-top: 30px; margin-bottom: 30px; letter-spacing: 0.3px; }
div.content_grey { background-color: #f8f8f8; }
div.content_white { background-color: #fff; }
div.content_blue { background-color: #00b9e5; color: #fff; }

div.about_directions_elem { float: left; width: 33.3%; margin-top: 20px; }
div.about_directions_elem p { margin-left: 30px; margin-right: 30px; margin-top: 50px; margin-bottom: 0px; text-align: center; letter-spacing: 0.3px; line-height: 2; font-size: 15px; }
div.about_directions_elem p span { display: block; height: 15px; }
div.about_directions_elem div.circle_inside { width: 80px; height: 80px; line-height: 80px; border-radius: 80px; background-color: #fff; color: #00b9e5; font-size: 50px; font-family: 'museo_sans_cyrl100'; text-align: center; margin: 0px auto; }

div.about_effects_elem { float: left; width: 50%; margin-top: 20px; }
div.about_effects_elem p { margin-left: 30px; margin-right: 30px; margin-top: 50px; margin-bottom: 0px; text-align: center; letter-spacing: 0.3px; line-height: 2; font-size: 15px; }


div.content div.submenu { padding-top: 30px; text-align: center; }
div.content div.submenu a { letter-spacing: 0.3px; margin-left: 10px; margin-right: 10px; color: #000; text-decoration: none; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border-radius: 50px; border: 1px solid #fff; font-size: 18px; }
div.content div.submenu a.selected { border: 1px solid #00b9e5; }
div.content div.submenu a:hover { color: #000; border: 1px solid #00b9e5; }

div.content h2 { text-transform: uppercase; color: #000; font-size: 31px; font-weight: 800; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; letter-spacing: 0px; }
div.content .pageTitle {  margin-bottom: 60px; text-transform: uppercase; color: #000; font-size: 31px; font-weight: 800; line-height: 1.4; margin: 0px; padding: 0px; padding-top: 60px; text-align: center; letter-spacing: 0px; margin-top: 0px; margin-bottom: 60px; font-family: 'museo_sans_cyrl900'; }
div.content .pageTitle_lowmargintop { margin-top: 56px; padding-top: 0px; }
div.content .halfwidth { padding-left: 28%; padding-right: 28%; }
div.content ._withline { background: url(/images/line.png) no-repeat bottom center; padding-bottom: 30px; margin-bottom: 60px; }
.h1likeh2 {text-transform: uppercase; color: #000; font-size: 31px; font-weight: 800; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; letter-spacing: 0px;background: url(/images/line.png) no-repeat bottom center; padding-bottom: 20px; margin-bottom: 40px; padding-top: 60px; margin-bottom: 60px;}
.h1product {font-size: 30px;color:#fff;font-weight: 800;margin: 0px;padding: 0px;text-align: left;text-transform: uppercase;line-height: 1.4;letter-spacing: 0px;font-family: 'museo_sans_cyrl900';}
div.content h2.pageTitle_notoppadding { padding-top: 0px; }
div.content h2.smallTitleWhite, h2.smallTitleWhite { text-transform: none; color: #fff; font-size: 30px; font-weight: 800; margin-bottom: 50px; }
div.content h2.smallTitleBlack, h2.smallTitleBlack { text-transform: none; color: #1b1b1b; font-size: 30px; font-weight: 800; margin-bottom: 50px; }
div.content div.smallTitleBlack, div.smallTitleBlack { text-transform: none; color: #1b1b1b; font-size: 30px; font-weight: 800; margin-bottom: 50px; font-weight: 700; font-family: 'museo_sans_cyrl500'; }






div.hleb { padding-top: 30px; font-weight: 400; font-size: 15px; font-family: 'museo_sans_cyrl500'; color: #000; padding-left: 0px; position: relative; left: -30px; }
div.hleb_float { float: left; }
div.hleb_between { margin-top: 20px; }
div.hleb_abs { position: absolute; left: 0px; }
div.hleb a { text-decoration: underline; color: #000; font-weight: 700; }
div.hleb a:hover { text-decoration: underline; }
div.hleb.white { color: #fff; }
div.hleb.white a { color: #fff; }






div.content div.two_columns_block, div.two_columns_block { -webkit-column-count: 2; -webkit-column-gap: 45px; -moz-column-count: 2; -moz-column-gap: 45px; column-count: 2; column-gap: 45px; }
div.content div.two_columns_block p, div.two_columns_block p { margin: 0px; }

div.content div.div_with_button { height: 50px; margin-top: 120px; margin-bottom: 60px; position: relative; text-align: center; }
div.content div.div_with_button div.next_button { display: inline-block; height: 50px; line-height: 48px; border-radius: 50px; width: auto; padding-left: 50px; padding-right: 50px; border: 2px solid #00b9e5; cursor: pointer; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
              -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.content div.div_with_button div.next_button a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; background: url(/images/arrb.png) no-repeat; background-size: 7px; background-position: right 47%; text-transform: uppercase; color: #000; font-size: 15px; letter-spacing: 3px; font-weight: 700; }
div.content div.div_with_button div.next_button a:hover { text-decoration: none; color: #fff; background: url(/images/arr.png) no-repeat; background-size: 7px; background-position: right 47%; }
div.content div.div_with_button div.next_button:hover { background-color: #00b9e5; }
div.content div.div_with_button div.next_button:hover a { color: #fff; background: url(/images/arr.png) no-repeat; background-size: 7px; background-position: right 47%; }


div.content div.div_with_button_oncenter { height: 50px; position: relative; text-align: center; }
div.content div.div_with_button_oncenter div.next_button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; line-height: 48px; border-radius: 50px; width: auto; padding-left: 50px; padding-right: 50px; border: 2px solid #fff; cursor: pointer; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); white-space: nowrap; }
div.content div.div_with_button_oncenter div.next_button a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; color: #fff; font-size: 15px; letter-spacing: 3px; font-weight: 700; }
div.content div.div_with_button_oncenter div.next_button a:hover { text-decoration: none; color: #00b9e5; }
div.content div.div_with_button_oncenter div.next_button:hover { background-color: #fff; }
div.content div.div_with_button_oncenter div.next_button:hover a { color: #00b9e5; }


div.content div.div_with_buttonss { height: auto; position: relative; margin-top: 50px; }
div.content div.div_with_buttonss div.white_button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; line-height: 48px; border-radius: 50px; width: auto; padding-left: 50px; padding-right: 50px; border: 2px solid #fff; cursor: pointer; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); white-space: nowrap; background-color: #fff; display: inline-block; text-transform: uppercase; color: #00b9e5; font-size: 21px; letter-spacing: 3px; font-family: 'museo_sans_cyrl700'; }
div.content div.div_with_buttonss div.white_button:hover { background-color: #00b9e5; color: #fff; }

div.content div.div_with_buttonss div.blue_button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; line-height: 48px; border-radius: 50px; width: auto; padding-left: 50px; padding-right: 50px; border: 2px solid #fff; cursor: pointer; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); white-space: nowrap; background-color: #00b9e5; display: inline-block; text-transform: uppercase; color: #fff; font-size: 21px; letter-spacing: 3px; font-family: 'museo_sans_cyrl700'; }
div.content div.div_with_buttonss div.blue_button:hover { background-color: #fff; color: #00b9e5; }

div.content div.div_with_buttonss div.b_small { font-size: 15px; }

div.content div.inner_data { padding-bottom: 80px; }
div.content div.inner_data p { color: #4d4d4d; font-size: 14px; letter-spacing: 0px; line-height: 1.7; }
div.content div.inner_data span { color: #4d4d4d; font-size: 14px; letter-spacing: 0px; line-height: 1.7; }

div.benefits_columns { margin-top: 60px; }
div.benefits_columns div.columns { float: left; padding-top: 131px; height: 217px; }
div.benefits_columns div.columns_notop { float: left; height: 395px; position: relative; }

div.benefits_columns div.columns_double { height: auto !important; letter-spacing: 0px; }
div.benefits_columns div.columns_double p { margin-top: 0px; }
div.benefits_columns div.column_double_left { width: 48%; margin-right: 2%; }
div.benefits_columns div.column_double_right { width: 48%; margin-left: 2%; }

div.benefits_columns div.column_left { width: 30%; }
div.benefits_columns div.column_center { width: 40%; }
div.benefits_columns div.column_center div { height: 100%; border-left: 1px solid #979797; border-right: 1px solid #979797; }
div.benefits_columns div.column_right { width: 30%; }
div.benefits_columns div.columns_notop div.digits { height: 265px !important; border: none !important; margin-left: 15%; padding-top: 5px; }
div.benefits_columns div.column_center div.digits { margin-left: 20%; }
div.benefits_columns div.columns_notop div.digits p span { display: inline-block; background-color: #00b9e5; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; text-align: center; font-size: 13px; margin-right: 17px; }
div.benefits_columns div.columns_notop div.digits p span.empty { display: inline-block; background-color: #fff; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; text-align: center; font-size: 13px; margin-right: 17px; }
div.benefits_columns div.columns_notop h3 { position: absolute; left: 0px; right: 0px; text-align: center; bottom: 0px; font-family: 'museo_sans_cyrl900'; font-size: 70px; color: #00b9e5; margin-bottom: -70px; }

div.benefits_columns div.columns_double div.digits { height: auto !important; border: none !important; margin-left: 0px; padding-top: 10px; letter-spacing: 0px; }
div.benefits_columns div.columns_double div.digits p { line-height: 1.4; letter-spacing: 0px; }
div.benefits_columns div.columns_double div.digits p span { margin-right: 19px; float: left; margin-bottom: 10px; position: relative; top: 3px; }

div.benefits_tech { margin-top: 0px; }
div.benefits_tech div.elementsOfBen { float: left; width: 25%; padding-top: 133px; height: 130px; margin-bottom: 20px; margin-top: 20px; }
div.benefits_tech div.elementsOfBen_riple { width: 33.3%; }
div.benefits_tech div.elementsOfBen p { text-align: center; letter-spacing: 0.3px; font-size: 20px; font-family: 'museo_sans_cyrl500' !important; }
div.benefits_tech div.elementsOfBen p.very_small { font-size: 16px !important; }
div.benefits_tech div.elementsOfBen_riple p { letter-spacing: 0.2px; font-size: 18px; line-height: 1.5; margin-left: 20px; margin-right: 20px; }


div.benefits_index { margin-top: 80px; }
div.benefits_index div { text-align: center; margin-bottom: 30px; position: relative; }
div.benefits_index div img { margin-bottom: 20px; }
div.benefits_index div p { font-size: 20px; color: #4d4d4d; line-height: 1.7; letter-spacing: 0px; font-family: 'museo_sans_cyrl500' !important;}
div.benefits_index div.top_line_block { float: left; width: 33.3%; height: 220px; }
div.benefits_index div.top_line_block_services { float: left; width: 25%; }
div.benefits_index div.top_line_block_services div.line { border-bottom: 2px solid #525252; width: 83px; margin: 0px auto; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.benefits_index div.bottom_line_block { float: left; width: 33.3%; }
div.benefits_index div.sides_bottom_line_block { float: left; width: 16.5%; }

div.benefits_index div.top_line_block_services a { text-decoration: none;  color: #4d4d4d; }
div.benefits_index div.top_line_block_services:hover a { color: #00b9e4; }

div.benefits_index div.sp_places { margin-top: 20px; vertical-align: top; text-align: left; margin-bottom: 0px; position: relative; }
div.benefits_index div.sp_places div.sp_place { display: inline-block; width: 60%; vertical-align: top; box-sizing: border-box; text-align: left; margin-bottom: 0px; position: relative; }
div.benefits_index div.sp_places div.sp_place img { max-width: 90%; }
div.benefits_index div.sp_places div.sp_place_text { padding-left: 80px; width: 40%; vertical-align: top; } 
div.benefits_index div.sp_places div.sp_place_text p { margin-bottom: 60px; }
div.benefits_index div.sp_places div.sp_place_text div.rect { width: 28px; height: 28px; border-radius: 8px; background-color: #00b9e4; position: absolute; left: 20px; margin-top: -5px; }

div.benefits_index div.peredvig { margin-top: 20px; vertical-align: top; text-align: left; margin-bottom: 0px; position: relative; }
div.benefits_index div.peredvig div.peredvig_block { display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box; text-align: left; margin-bottom: 0px; position: relative; }
div.benefits_index div.peredvig div.peredvig_block img { max-width: 95%; }
div.benefits_index div.peredvig div.peredvig_block_text { padding-left: 0px; width: 50%; vertical-align: top; text-align: left !important; } 
div.benefits_index div.peredvig div.peredvig_block_text img { max-width: 100%; }
div.benefits_index div.peredvig div.peredvig_block_text p { margin-top: 20px; max-width: 85%; }


div.benefits_index_mobile { display: none; }
div.benefits_index_showalways { display: block; }


div.benefits_forpro { margin-top: 70px; margin-bottom: 120px; height: 700px; position: relative; }
div.benefits_forpro h3 { position: absolute; font-size: 15px; color: #535353; font-weight: 700; line-height: 2; letter-spacing: 0.4px; }
div.benefits_forpro div.circle { position: absolute; left: 148px; top: 116px; background-color: #fff; width: 582px; height: 582px; border-radius: 586px; border: 2px solid #00b9e4; opacity: 0; }
div.benefits_forpro div.circle div.corners { position: absolute; width: 286px; height: 286px; border: 2px solid #00b9e4; background-color: #fff; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.benefits_forpro div.circle div.corners:hover { background-color: #00b9e4; }
div.benefits_forpro div.circle div.lt { top: 0px; left: 0px; border-top-left-radius: 292px; border-left: 1px solid #00b9e4; border-top: 1px solid #00b9e4; }
div.benefits_forpro div.circle div.rt { top: 0px; right: 0px; border-top-right-radius: 292px; border-right: 1px solid #00b9e4; border-top: 1px solid #00b9e4; }
div.benefits_forpro div.circle div.lb { bottom: 0px; left: 0px; border-bottom-left-radius: 292px; border-left: 1px solid #00b9e4; border-bottom: 1px solid #00b9e4; }
div.benefits_forpro div.circle div.rb { bottom: 0px; right: 0px; border-bottom-right-radius: 292px; border-right: 1px solid #00b9e4; border-bottom: 1px solid #00b9e4; }
div.benefits_forpro div.circle div.corners div.icon { position: absolute; width: 106px; height: 106px; border-radius: 108px; border: 2px solid #00b9e4; background-color: #fff; }
div.benefits_forpro div.circle div.lt div.icon { top: 35px; left: 35px; }
div.benefits_forpro div.circle div.rt div.icon { top: 35px; right: 35px; }
div.benefits_forpro div.circle div.lb div.icon { bottom: 35px; left: 35px; }
div.benefits_forpro div.circle div.rb div.icon { bottom: 35px; right: 35px; }
div.benefits_forpro div.circle div.corners div.icon img { position: absolute; left: 50%; top: 50%; opacity: 0; }
div.benefits_forpro div.circle div.corners div.icon h3 { position: absolute; opacity: 0; top: 50%; margin: 0px; padding: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.benefits_forpro div.circle div.corners:hover div.icon h3 { color: #00b9e4; }
div.benefits_forpro div.circle div.lt div.icon h3 { text-align: right; width: 150px; }
div.benefits_forpro div.circle div.rt div.icon h3 { text-align: left; width: 130px; }
div.benefits_forpro div.circle div.lb div.icon h3 { text-align: right; width: 200px; }
div.benefits_forpro div.circle div.rb div.icon h3 { text-align: left; width: 130px; }

div.benefits_forpro div.circle div.centerBLock { position: absolute; width: 276px; height: 275px; top: 50%; left: 50%; background: url(/images/eff.png); }
div.benefits_forpro div.circle div.centerBLock div.center_icon { position: absolute; left: 50%; margin-left: -21px; bottom: 50%; height: 105px; width: 42px; border-bottom: 2px solid #fff; }
div.benefits_forpro div.circle div.centerBLock div.center_icon img.fire_center { position: absolute; top: 0px; left: 50%; margin-left: -29px; }
div.benefits_forpro div.circle div.centerBLock h3 { position: absolute; top: 50%; text-align: center; color: #fff; font-weight: 600; margin-top: 2px; }

div.benefits_forpro div.righttop_icon { position: absolute; right: 86px; top: 0px; height: 116px; width: 60px; border-bottom: 4px solid #00b9e4;  }
div.benefits_forpro div.righttop_icon div.icon { position: absolute; top: 0px; left: 50%; margin-left: -41px; width: 78px; height: 78px; border-radius: 82px; border: 2px solid #00b9e4; background-color: #fff; opacity: 0; text-align: center; line-height: 78px; }
div.benefits_forpro div.righttop_icon div.icon img { max-width: 70% !important; max-height: 70% !important; }
div.benefits_forpro div.righttop_icon img.fire_top { position: absolute; top: 0px; left: 50%; margin-left: -30px; }

div.benefits_forpro div.totalinfo { position: absolute; right: 0px; top: 116px; background-color: #fff; height: 582px; width: auto; }

div.benefits_forpro div.totalinfo div.innerInfos { position: absolute; right: 0px; width: auto; }
div.benefits_forpro div.totalinfo div.innerInfos h3 img { position: absolute; top: 50%; margin-top: -10px; left: -100px; }

div.benefits_forpro div.totalinfo div.startBlock h3 { width: 220px; margin-top: 40px; margin-bottom: 40px;  position: relative; }

div.benefits_forpro div.totalinfo div.ltBlock { opacity: 0; margin-top: 97px; }
div.benefits_forpro div.totalinfo div.ltBlock h3 { width: 220px; margin-top: 40px; margin-bottom: 40px;  position: relative; }
div.benefits_forpro div.totalinfo div.ltBlock h3 span { display: block; font-size: 30px; line-height: 1.2; margin-top: 20px; font-weight: 700; }
div.benefits_forpro div.totalinfo div.ltBlock h3 label { display: block; font-size: 30px; line-height: 1.2; margin-top: 5px; font-weight: 700; color: #00b9e4; }

div.benefits_forpro div.totalinfo div.rtBlock { opacity: 0; }
div.benefits_forpro div.totalinfo div.rtBlock h3 { width: 220px; margin-top: 40px; margin-bottom: 40px;  position: relative; }
div.benefits_forpro div.totalinfo div.rtBlock h3 span { font-size: 30px; font-weight: 700; color: #00b9e4; line-height: 1; }

div.benefits_forpro div.totalinfo div.rbBlock { opacity: 0; }
div.benefits_forpro div.totalinfo div.rbBlock h3 { width: 220px; margin-top: 20px; margin-bottom: 20px;  position: relative; }
div.benefits_forpro div.totalinfo div.rbBlock h3 span { display: block; font-size: 30px; line-height: 1.2; margin-top: 10px; font-weight: 700; }
div.benefits_forpro div.totalinfo div.rbBlock h3 label { display: block; font-size: 30px; line-height: 1.2; margin-top: 5px; font-weight: 700; color: #00b9e4; }

div.benefits_forpro div.totalinfo div.lbBlock { opacity: 0; }
div.benefits_forpro div.totalinfo div.lbBlock h3 { width: 220px; margin-top: 50px; margin-bottom: 50px; position: relative; font-size: 20px; }



div.oneotziv { display: inline-block; width: 33%; margin-top: 20px; margin-bottom: 20px; vertical-align: top; }
div.oneotziv div.in { margin-right: 20px; margin-left: 20px; }
div.oneotziv div.in div.title { font-family: 'museo_sans_cyrl300'; font-weight: 700; font-size: 20px; color: #000; }
div.oneotziv div.in div.text { font-family: 'museo_sans_cyrl300'; font-size: 15px; color: #000; line-height: 1.8; margin-top: 15px; }
div.oneotziv div.in div.img { margin-top: 25px; text-align: center; }
div.oneotziv div.in div.img img { max-height: 190px; max-width: 100%; }
div.oneotziv div.in div.date { font-family: 'museo_sans_cyrl700'; font-size: 15px; color: #000; line-height: 3; margin-top: 25px; }

div.benefits_forpro_new { width: 1027px; height: 454px; margin-left: auto; margin-right: auto; margin-top: 70px; margin-bottom: 210px; position: relative; background: url(/images/info_icons/new_info_0.png) no-repeat; }
div.benefits_forpro_new div.inner_back { width: 1027px; height: 454px; position: absolute; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateZ(0); }
div.benefits_forpro_new div.circle { position: absolute; width: 288px; height: 108px; border-radius: 108px; cursor: pointer; }
div.benefits_forpro_new div.lt { top: 62px; left: 107px; }
div.benefits_forpro_new div.rt { top: 62px; left: 633px; }
div.benefits_forpro_new div.lb { top: 219px; left: 107px; }
div.benefits_forpro_new div.rb { top: 219px; left: 633px; }

div.benefits_forpro_new h3 { position: absolute; font-size: 12px;  font-family: 'museo_sans_cyrl300'; line-height: 2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateZ(0); }

div.benefits_forpro_new span { font-size: 12px; font-family: 'museo_sans_cyrl700'; line-height: 2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateZ(0); text-decoration: underline; }

div.benefits_forpro_new h3.center_device { position: absolute; top: 317px; left: 422px; width: 197px; text-align: center; }
div.benefits_forpro_new h3._deselected { color: #919191; }
div.benefits_forpro_new div._deselected h3 { color: #919191; }
div.benefits_forpro_new div._deselected span { color: #000 !important; }

div.benefits_forpro_new div.textit { position: absolute; }
div.benefits_forpro_new div.textit h3 { position: relative; }
div.benefits_forpro_new div.textit span { display: block; margin-top: 12px; color: #919191; }
div.benefits_forpro_new div.textit_lt { top: 68px; left: 129px; width: 135px; text-align: right; }
div.benefits_forpro_new div.textit_rt { top: 68px; right: 89px; width: 174px; text-align: left; }
div.benefits_forpro_new div.textit_lb { top: 227px; left: 100px; width: 164px; text-align: right; }
div.benefits_forpro_new div.textit_rb { top: 227px; right: 59px; width: 203px; text-align: left; }

div.benefits_forpro_new_after { width: 1027px; margin-left: auto; margin-right: auto; top: -190px; position: relative; }
div.benefits_forpro_new_after h3 { position: absolute; font-size: 12px;  font-family: 'museo_sans_cyrl300'; line-height: 2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateZ(0); text-align: center; }

div.benefits_forpro_new_after h3._deselected { opacity: 0; }

div.benefits_forpro_new_after h3.start_1 { left: 10px; width: 258px; }
div.benefits_forpro_new_after h3.start_2 { left: 284px; width: 228px; }
div.benefits_forpro_new_after h3.start_3 { left: 531px; width: 226px; }
div.benefits_forpro_new_after h3.start_4 { left: 772px; width: 244px; }

div.benefits_forpro_new_after h3.data_1_1 { left: 25px; width: 229px; }
div.benefits_forpro_new_after h3.data_1_2 { left: 322px; width: 139px; }
div.benefits_forpro_new_after h3.data_1_3 { left: 534px; width: 218px; }
div.benefits_forpro_new_after h3.data_1_4 { left: 818px; width: 148px; }

div.benefits_forpro_new_after h3.data_2_1 { left: 129px; width: 212px; font-size: 16px; }
div.benefits_forpro_new_after h3.data_2_2 { left: 389px; width: 250px; font-size: 16px; }
div.benefits_forpro_new_after h3.data_2_3 { left: 652px; width: 310px; font-size: 16px; }

div.benefits_forpro_new_after h3.data_3_1 { left: 109px; width: 253px; }
div.benefits_forpro_new_after h3.data_3_2 { left: 382px; width: 265px; }
div.benefits_forpro_new_after h3.data_3_3 { left: 675px; width: 265px; }

div.benefits_forpro_new_after h3.data_4_1 { left: 225px; width: 576px; }

div.benefits_forpro_new_after h3 span { display: block; font-family: 'museo_sans_cyrl500'; font-size: 24px; color: #535353; line-height: 1.2; margin-top: 10px; font-weight: 700; text-align: center; }
div.benefits_forpro_new_after h3 label { display: block; font-family: 'museo_sans_cyrl500'; font-size: 24px; line-height: 1.2; margin-top: 5px; font-weight: 700; color: #00b9e4; text-align: center; }


div.news_index { margin-top: 80px; }
div.news_index_not { margin-bottom: 120px; }
div.news_index_notforprojects { margin-bottom: 120px; }

div.news_index div.onenewsitemonindex { float: left; width: 33.3%; margin-bottom: 20px; }
div.news_index div.onenewsitemonindex div.newsindexinner { margin-left: 25px; margin-right: 25px; overflow: hidden; height: 560px; }
div.news_index div.onenewsitemonindex div.newsindexinner_intabout { height: 420px; }
div.news_index div.onenewsitemonindex div.newsindexinner a { color: #000; font-size: 20px; line-height: 1.5; font-weight: 600; letter-spacing: 0px; }
div.news_index div.onenewsitemonindex div.newsindexinner a:hover { text-decoration: none; color: #00b9e5; }
div.news_index div.onenewsitemonindex div.newsindexinner p { font-size: 14px; color: #4d4d4d; line-height: 1.8; letter-spacing: 0px; margin-bottom: 10px; }
div.news_index div.onenewsitemonindex div.newsindexinner img { height: 215px; margin-top: 10px; margin-bottom: 0px; }
div.news_index div.onenewsitemonindex div.newsindexinner div.date { color: #000; font-size: 15px; margin-top: 20px; font-weight: 700; letter-spacing: 0px; }
div.news_index div.onenewsitemonindex div.newsindexinner div.from { color: #000; font-size: 15px; margin-top: 20px; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; }

div.news_index div.columns { -webkit-column-count: 3; -webkit-column-gap: 0px; -moz-column-count: 3; -moz-column-gap: 0px; column-count: 3; column-gap: 0px; }
div.news_index div.columns div.onenewsitemonindex { float: none; width: 100%; margin-bottom: 20px; display: inline-block; vertical-align: top; }


div.news_index_not div.onenewsitemtop { float: left; margin-bottom: 50px; position: relative; cursor: pointer; width: 100%; }
div.news_index_not div.onenewsitemtop:before { content: ""; display: block; padding-top: 50%;  }
div.news_index_not div.onenewsitemtop div.inner { position: absolute; left: 25px; right: 25px; top: 0px; bottom: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.news_index_not div.onenewsitemtop div.outer { position: absolute; left: 25px; right: 25px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0.2); }
div.news_index_not div.onenewsitemtop:hover div.inner { opacity: 0.8; }
div.news_index_not div.onenewsitemtop h2 { position: absolute; text-transform: none; bottom: 105px; left: 125px; width: 40%; right: auto; background-color: rgba(0,0,0,0); font-size: 20px; color: #fff; font-weight: 400; text-align: left; padding: 0px; }
div.news_index_not div.onenewsitemtop h3 { position: absolute; text-transform: none; bottom: 105px; right: 125px; left: auto; background-color: rgba(0,0,0,0); font-size: 16px; color: #fff; font-weight: 400; text-align: right; padding-bottom: 5px; }

div.news_index_not div.onenewsitemonindex div.newsindexinner { padding-bottom: 20px; border-bottom: 2px solid #efefef; }

div.news_inside { margin-bottom: 120px; letter-spacing: 0.4px; padding-bottom: 20px; border-bottom: 2px solid #efefef; }
div.content h2.newsinsidetitle { width: 70%; margin-left: auto; margin-right: auto; }
div.news_inside div.date { color: #00b9e5; }
div.news_inside div.anons {  }
div.news_inside div.title_image { margin-top: 40px; margin-bottom: 40px; }
div.news_inside div.title_image img { max-width: 100%; }
div.news_inside div.text {  }
div.news_inside div.gallery { margin-top: 40px; padding-top: 40px; border-top: 2px solid #efefef; }
div.news_inside div.gallery img { max-width: 100%; margin-bottom: 40px; }


div.projectsWidget { background-color: #00b9e5; position: relative; }
div.projectsWidget div.projectLoading { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #fff; }
div.projectsWidget div.projectLoading img { position: absolute; left: 50%; top: 50%; margin-left: -125px; margin-top: -125px; } 
div.projectsWidget div.temporaryProject { position: absolute; z-index: -1000; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
div.projectsWidget div.inner_of_projects { height: 530px; padding-top: 80px; padding-bottom: 80px;  }
div.projectsWidget div.inner_of_projects h2 { position: absolute; left: 10px; top: 80px; width: 370px; text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 700; line-height: 1.4; margin: 0px; padding: 0px; text-align: left; opacity: 0; letter-spacing: 0px; }
div.projectsWidget div.inner_of_projects h3 { color: #fff; font-size: 30px; line-height: 1.4; margin: 0px; padding: 0px; }
div.projectsWidget div.inner_of_projects div._h2 { position: absolute; left: 10px; top: 80px; width: 370px; text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 700; line-height: 1.4; margin: 0px; padding: 0px; text-align: left; opacity: 0; letter-spacing: 0px; font-family: 'museo_sans_cyrl900'; }
div.projectsWidget div.inner_of_projects div._h3 { color: #fff; font-size: 30px; line-height: 1.4; margin: 0px; padding: 0px; font-weight: 700; font-family: 'museo_sans_cyrl900'; }
div.projectsWidget div.inner_of_projects div.square { position: absolute; left: 10px; top: 200px; color: #fff; font-size: 14px; line-height: 1.4; opacity: 0; }
div.projectsWidget div.inner_of_projects div.modules { position: absolute; left: 10px; top: 350px; color: #fff; font-size: 14px; line-height: 1.4; opacity: 0; }
div.projectsWidget div.inner_of_projects div.capsule { position: absolute; left: 10px; top: 500px; color: #fff; font-size: 14px; line-height: 1.4; opacity: 0; }
div.projectsWidget div.inner_of_projects div.line { width: 62px; border-top: 2px solid #fff; padding-top: 6px; margin-top: 14px; height: 0px; }
div.projectsWidget div.inner_of_projects h3 { color: #fff; font-size: 30px; line-height: 1.4; margin: 0px; padding: 0px; }
div.projectsWidget div.inner_of_projects div.image { position: absolute; bottom: 0px; right: 0px; }
div.projectsWidget div.inner_of_projects div.image img { opacity: 0; }

div.arrow_left { border: 2px solid #fff; position: absolute; top: 80px; right: 93px; width: 71px; height: 32px; background: url(/images/arl.png) no-repeat center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.arrow_right { border: 2px solid #fff; position: absolute; top: 80px; right: 0px; width: 71px; height: 32px; background: url(/images/arr.png) no-repeat center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.arrow_left:hover { background-color: rgba(255,255,255,0.2); }
div.arrow_right:hover { background-color: rgba(255,255,255,0.2); }

div.controls { margin-bottom: 60px; margin-top: 40px; position: relative; }
div.controls div.elem { float: left; width: 33.3%; margin-bottom: 66px; height: 370px; }
div.controls div.elem div.photo { width: 249px; height: 249px; border-radius: 249px; margin: 0px auto; }
div.controls div.elem h3.name { font-size: 20px; text-align: center; margin-top: 20px; height: 40px; margin-left: 40px; margin-right: 40px; }
div.controls div.elem label.dolg { color: #a3a3a3; font-size: 15px;  margin-top: 20px; display: block; text-align: center; }



div.projectsWidgetForPro { margin-bottom: 60px; margin-top: 40px; height: 560px; position: relative; padding-top: 60px; }
div.projectsWidgetForPro div.project_one { background-color: #00b9e5; position: relative; height: 500px; }
div.projectsWidgetForPro div.project_one div.image { float: left; width: 70%; height: 500px; }
div.projectsWidgetForPro div.project_one div.text { float: left; width: 30%; height: 500px; overflow: hidden; }
div.projectsWidgetForPro div.project_one div.text div.tInnder { margin: 30px; max-height: 440px; height: 440px; color: #fff; position: relative; overflow: hidden; }
div.projectsWidgetForPro div.project_one div.text div.tInnder p { color: #fff; letter-spacing: 0px; font-size: 13px; line-height: 1.8; }
div.projectsWidgetForPro div.project_one div.text div.tInnder h3 { font-size: 22px; font-weight: 400; padding-bottom: 10px; letter-spacing: 0px; line-height: 1.5; }
div.projectsWidgetForPro div.project_one div.text div.tInnder img { width: 100%; margin-bottom: 20px; }
div.projectsWidgetForPro div.project_one div.fhiden { opacity: 0; }

div.projectsWidgetForPro div.arrow_left { border: 2px solid #00b9e5; position: absolute; top: 0px; right: 93px; width: 71px; height: 32px; background: url(/images/arlb.png) no-repeat center center;}
div.projectsWidgetForPro div.arrow_right { border: 2px solid #00b9e5; position: absolute; top: 0px; right: 0px; width: 71px; height: 32px; background: url(/images/arrblue.png) no-repeat center center; }
div.projectsWidgetForPro div.arrow_left:hover { background-color: rgba(153,227,244,0.3); }
div.projectsWidgetForPro div.arrow_right:hover { background-color: rgba(153,227,244,0.3); }


div.production_item { margin-top: 120px; margin-bottom: 60px; height: 250px; }
div.production_item div.pic { float: left; width: 50%; background-color: #f5f5f5; height: 100%; }
div.production_item div.pic h2 { font-size: 64px; color: #00b9e4; text-align: center; line-height: 250px; margin: 0px; padding: 0px; font-family: 'museo_sans_cyrl500'; text-transform: none !important; }
div.production_item div.info { float: right; width: 50%; background-color: #00b9e5; height: 100%; }
div.production_item div.info div.innerinfo { padding: 40px; position: relative; }
div.production_item div.info div.innerinfo h3.title { color: #fff; font-size: 24px; font-family: 'museo_sans_cyrl500'; font-weight: 400; margin-bottom: 20px; letter-spacing: 0px; }
div.production_item div.info div.innerinfo p { line-height: 1.7; font-size: 13px; color: #fff; }
div.production_item div.info div.link { position: absolute; bottom: 40px; left: 40px; }
div.production_item div.info div.link a { display: inline-block; padding-right: 30px; background: url(/images/arr.png) no-repeat; background-size: 7px; background-position: right 1px; text-transform: uppercase; color: #fff; font-size: 15px; letter-spacing: 3px; font-family: 'museo_sans_cyrl500'; }
div.production_item div.info div.link a:hover { text-decoration: none; }


div.bontel_pro { background: url(/images/pro.png) no-repeat; background-size: cover; position: relative; }
div.bontel_pro div.objects { position: absolute; opacity: 0; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.bontel_pro div.objects:hover { opacity: 0.7 !important; }
div.bontel_pro div.factory { background: url(/images/objects/factory.png) no-repeat; background-size: cover; }
div.bontel_pro div.houses { background: url(/images/objects/houses.png) no-repeat; background-size: cover; }
div.bontel_pro div.oilandgas { background: url(/images/objects/oilandgas.png) no-repeat; background-size: cover; }
div.bontel_pro div.social { background: url(/images/objects/social.png) no-repeat; background-size: cover; }
div.bontel_pro div.textdata { position: absolute; opacity: 0; }
div.bontel_pro div.textdata h1 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; text-transform: uppercase; line-height: 1.4; letter-spacing: 0px; font-family: 'museo_sans_cyrl900'; }
div.bontel_pro div.textdata h2 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }
div.bontel_pro div.textdata span.h2 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; text-transform: uppercase; line-height: 1.4; letter-spacing: 0px; font-family: 'museo_sans_cyrl900'; display: block; }
div.bontel_pro div.textdata div { width: 62px; padding-top: 27px; border-top: 2px solid #fff; margin-top: 27px; }
div.bontel_pro div.textdata h3 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }
div.bontel_pro div.textdata span.h3 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; font-family: 'museo_sans_cyrl900'; display: block; }




div.products { background-color: #00b9e4; position: relative; height: 1000px; }
div.products div.objects { position: absolute; opacity: 0; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); width: 400px; }
div.products div.objects:hover { opacity: 0.7 !important; }
div.products div.cottage { background: url(/images/objects/cottage.png) no-repeat; background-size: cover; bottom: 650px; left: 50%; margin-left: -400px; height: 207px; }
div.products div.office { background: url(/images/objects/office.png) no-repeat; background-size: cover; bottom: 650px; left: 50%; height: 267px; }
div.products div.car { background: url(/images/objects/car.png) no-repeat; background-size: cover; bottom: 382px; left: 50%; margin-left: -400px; height: 193px; }
div.products div.factory_small { background: url(/images/objects/factory_small.png) no-repeat; background-size: cover; bottom: 382px; left: 50%; height: 257px; }

div.products div.objects div.textdata { position: absolute; opacity: 1; bottom: 105px; left: 0px; }
div.products div.objects div.textdata h2 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }
div.products div.objects div.textdata div { width: 62px; padding-top: 27px; border-top: 2px solid #fff; margin-top: 27px; }
div.products div.objects div.textdata h3 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }

div.products div.items { position: absolute; bottom: 0px; left: 0px; right: 0px; vertical-align: bottom; }
div.products div.items div.item { display: inline-block; width: 7.65%; height: 105px; vertical-align: bottom; }
div.products div.items div.item h3.textinfo { display: none; margin-left: 10px; margin-right: 10px; height: 90px; padding-top: 30px; color: #fff; font-size: 14px; font-weight: 300; text-align: center; line-height: 1.5; font-family: 'museo_sans_cyrl100'; }
div.products div.items div.item div.textinfo { display: none; margin-left: 10px; margin-right: 10px; height: 90px; padding-top: 30px; color: #fff; font-size: 14px; font-weight: 300; text-align: center; line-height: 1.5; font-family: 'museo_sans_cyrl100'; word-wrap: break-word; }
div.products div.items div.item div.line { position: absolute; bottom: 110px; width: 60px; border-bottom: 2px solid #fff; left: 50%; margin-left: -30px; display: none; }
div.products div.items div.item div.icon { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 105px; cursor: pointer; background-size: auto; background-position: bottom center; background-repeat: no-repeat; }


div.products div.objectView { position: relative; height: 1000px; opacity: 0; }
div.products div.objectView img.bigOne { position: absolute; z-index: 100; top: 60px; left: 50%; margin-left: -500px; width: 1000px; }
div.products div.objectView img.options { position: absolute; z-index: 120; top: 60px; left: 50%; margin-left: -500px; width: 1000px; opacity: 0; }
div.products div.objectView img.littleDown { top: 70px; }
div.products div.objectView img.link { position: absolute; z-index: 450; cursor: pointer; }
div.products div.objectView div.textdata { position: absolute; top: 130px; }
div.products div.objectView div.textdata h2 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }
div.products div.objectView div.textdata h1 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; text-transform: uppercase; }
div.products div.objectView div.textdata div { width: 62px; padding-top: 27px; border-top: 2px solid #fff; margin-top: 27px; }
div.products div.objectView div.textdata h3 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }
div.products div.objectView div.textdata span.h3 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }

div.products div.objectView div.arrow_left { position: absolute; top: 70px; left: 9px; width: 71px; height: 32px; z-index: 150; }
div.products div.objectView div.arrow_right { position: absolute; top: 70px; left: 102px; width: 71px; height: 32px; z-index: 151; }
div.products div.objectView div.arrow_left:hover { background-color: rgba(153,227,244,0.3); }
div.products div.objectView div.arrow_right:hover { background-color: rgba(153,227,244,0.3); }


div.productInside {  }
div.productInside div.topBlueBlock { padding-bottom: 10px; position: relative; background-color: #00b9e5; }
div.productInside div.topBlueBlock div.all_lines { padding-bottom: 230px; }
div.productInside div.topBlueBlock div.textdata { position: absolute; top: 73px; max-width: 480px; }
div.productInside div.topBlueBlock div.textdata h2 { font-size: 30px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }
div.productInside div.topBlueBlock div.textdata div { width: 62px; padding-top: 27px; border-top: 2px solid #fff; margin-top: 27px; }
div.productInside div.topBlueBlock div.whiteButton { position: absolute; bottom: 30px; width: 220px; height: 50px; line-height: 50px; border-radius: 50px; border: 2px solid #fff; background-color: #fff; color: #00b9e5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); text-transform: uppercase; text-align: center; cursor: pointer; font-weight: 700; }
div.productInside div.topBlueBlock div.whiteButton_long { width:372px; }
div.productInside div.topBlueBlock div.whiteButton:hover { background-color: #00b9e5; color: #fff; }
div.productInside div.topBlueBlock div.blueeButton { position: absolute; bottom: 170px; width: 372px; height: 50px; line-height: 50px; border-radius: 50px; border: 2px solid #fff; background: #00b9e5 url(/images/asdasd.png) no-repeat; background-position: 320px; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); text-transform: uppercase; text-align: center; cursor: pointer; font-weight: 700; }
div.productInside div.topBlueBlock div.blueeButton_sert { bottom: 100px; width:310px; background-position: 258px; z-index: 100; }
div.productInside div.topBlueBlock div.blueeButton:hover { background: #fff url(/images/tggfdg.png) no-repeat; background-position: 320px; color: #00b9e5; }
div.productInside div.topBlueBlock div.blueeButton_sert:hover { background-position: 258px; }

div.productInside div.topBlueBlock div.adddatatext { padding-top: 170px; width: 350px; }
div.productInside div.topBlueBlock div.adddatatext p { margin-bottom: 50px; color: #fff; font-style: italic; font-size: 14px; line-height: 2; }

div.productInside div.topBlueBlockMobile { display: none; padding-bottom: 60px; position: relative; background-color: #00b9e5; }
div.productInside div.topBlueBlockMobile div.textdata { margin-left: 50px; padding-top: 50px; }
div.productInside div.topBlueBlockMobile div.textdata h2 { font-size: 20px; color: #fff; font-weight: 800; margin: 0px; padding: 0px; text-align: left; }
div.productInside div.topBlueBlockMobile div.textdata div { width: 50px; padding-top: 17px; border-top: 2px solid #fff; margin-top: 17px; }
div.productInside div.topBlueBlockMobile div.prod_picture { margin-top: 10px; margin-bottom: 10px; text-align: center; }
div.productInside div.topBlueBlockMobile div.prod_picture img { max-width: 100%; }
div.productInside div.topBlueBlockMobile div.adddatatext { padding: 10px; }
div.productInside div.topBlueBlockMobile div.adddatatext p { margin-bottom: 20px; color: #fff; font-style: italic; font-size: 15px; line-height: 2; }
div.productInside div.topBlueBlockMobile div.mobile_info { width: 300px; padding: 10px; margin: 0px auto; }
div.productInside div.topBlueBlockMobile div.mobile_info img { float: left; margin-right: 10px; }
div.productInside div.topBlueBlockMobile div.mobile_info p { font-size: 14px; color: #fff; }

div.productInside div.topBlueBlockMobile div.whiteButton { margin-top: 30px; margin-left: 20px; margin-right: 20px; line-height: 50px; border-radius: 50px; border: 2px solid #fff; background-color: #fff; color: #00b9e5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); text-transform: uppercase; text-align: center; cursor: pointer; font-weight: 700; }
div.productInside div.topBlueBlockMobile div.whiteButton_long { }
div.productInside div.topBlueBlockMobile div.whiteButton:hover { background-color: #00b9e5; color: #fff; }
div.productInside div.topBlueBlockMobile div.blueeButton { margin-top: 30px; margin-left: 20px; margin-right: 20px; height: 50px; line-height: 50px; border-radius: 50px; border: 2px solid #fff; background: #00b9e5 url(/images/asdasd.png) no-repeat; background-position: 320px; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); text-transform: uppercase; text-align: center; cursor: pointer; font-weight: 700; }
div.productInside div.topBlueBlockMobile div.blueeButton:hover { background: #fff url(/images/tggfdg.png) no-repeat; background-position: 320px; color: #00b9e5; }


div.productInside div.greyBlock { position: relative; background-color: #fff; padding-top: 50px; padding-bottom: 50px; margin-top: 70px; }
div.productInside div.realgreyBlock { background-color: #f8f8f8; }
div.productInside div.white { background-color: #fff; padding-top: 10px; padding-bottom: 50px; }
div.productInside div.greyBlock_nopaddings { padding-top: 0px; padding-bottom: 0px; }
div.productInside div.greyBlock h2 { font-family: 'museo_sans_cyrl500'; font-size: 30px; line-height: 1.6; color: #000000; margin: 0px; padding: 0px; text-align: center; letter-spacing: 2.9px; margin-top: 32px; }
div.productInside div.greyBlock h3 { font-family: 'museo_sans_cyrl500'; font-size: 15px; line-height: 2; color: #000000; margin: 0px; padding: 0px; text-align: center; letter-spacing: 2.9px; margin-top: 33px; }
div.productInside div.greyBlock h3 span { font-size: 24px }
div.productInside div.greyBlock div.imagewithin { text-align: center; }
div.productInside div.greyBlock div.imagewithin img { max-height: 500px; max-width: 100%; }
div.productInside div.greyBlock div.imagewithin iframe { width: 100%; opacity: 0; }
div.productInside div.greyBlock div.imagewithin_7 img { max-height: 446px; max-width: 100%; }
div.productInside div.greyBlock div.imagewithin_3 img { max-height: 530px; max-width: 1050px; margin-top: -40px; }
div.productInside div.greyBlock div.imagewithin_8 img { max-height: 511px; max-width: 800px; margin-top: 20px; }
div.productInside div.greyBlock div.imagewithin_6 img { max-height: 358px; max-width: 600px; margin-top: 30px; }

div.productInside div.greyBlock div.two_blocks { }
div.productInside div.greyBlock div.two_blocks div.block { float: left; width: 50%; height: 710px; }
div.productInside div.greyBlock div.two_blocks div.block div.inner { position: absolute; top: 0px; bottom: 0px; }
div.productInside div.greyBlock div.two_blocks div.block div.side { position: absolute; top: 0px; bottom: 0px; width: 25px; background-color: #fff; }
div.productInside div.greyBlock div.two_blocks div.left_block div.inner { left: 0px; right: 25px; }
div.productInside div.greyBlock div.two_blocks div.right_block div.inner { right: 0px; left: 25px; }
div.productInside div.greyBlock div.two_blocks div.left_block div.side { right: 0px; }
div.productInside div.greyBlock div.two_blocks div.right_block div.side { left: 0px; }

div.productInside div.white div.two_blocks div.block { float: left; width: 50%; height: auto; text-align: center; }

div.productInside div.greyBlock div.three_blocks { margin-bottom: 30px; }
div.productInside div.greyBlock div.three_blocks div.block { float: left; width: 33%; height: auto; text-align: center; }

div.productInside div.greyBlock div.two_blocks div.block img { max-width: 70%; }
div.productInside div.greyBlock div.two_blocks div.block div.top { position: absolute; top: 0px; height: 50%; width: 100%; }
div.productInside div.greyBlock div.two_blocks div.block div.bottom { position: absolute; bottom: 0px; height: 50%; width: 100%; }

div.productInside div.greyBlock div.special_2_block { height: 701px; vertical-align: top; }
div.productInside div.greyBlock div.special_2_block div.half { position: absolute; width: 60%; height: 100%; left: 0px; }
div.productInside div.greyBlock div.special_2_block div.rest { position: absolute; width: 45%; height: 100%; right: 0px; }

div.productInside div.greyBlock div.special_3_block { height: 701px; vertical-align: top; }
div.productInside div.greyBlock div.special_3_block div.half { position: absolute; width: 36%; height: 100%; left: 0px; }
div.productInside div.greyBlock div.special_3_block div.rest { position: absolute; width: 64%; height: 100%; right: 0px; }


div.productInside div.redBlock { background-color: #00b9e5; padding-top: 50px; padding-bottom: 50px; color: #fff; font-size: 14px; line-height: 2; }
div.productInside div.redBlock div { color: #fff; font-size: 18px; line-height: 1.5; letter-spacing: 0.4px; text-align: center; }

div.productInside video { width: 100%; height: auto; } 

div.content div.buttonsBlock { margin-top: 0px; margin-bottom: 0px; height: 40px; text-align: center; }
div.content div.buttonsBlock div.whiteButton { position: absolute; bottom: -10px; right: 200px; width: 220px; height: 50px; line-height: 50px; border-radius: 50px; border: 2px solid #fff; background-color: #00b9e5; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); text-transform: uppercase; text-align: center; cursor: pointer; font-weight: 700; letter-spacing: 2px; }
div.content div.buttonsBlock div.whiteButton:hover { background-color: #fff; color: #00b9e5; border: 2px solid #00b9e5; }
div.content div.buttonsBlock div.whiteButtonBack { border: 2px solid #fff; background-color: #fff; color: #00b9e5; }
div.content div.buttonsBlock div.whiteButtonBack:hover { background-color: #00b9e5; color: #fff; border: 2px solid #fff; }
div.content div.buttonsBlock div.blueeButton { position: absolute; bottom: -10px; left: 184px; width: 450px; height: 50px; line-height: 50px; border-radius: 50px; border: 2px solid #00b9e5; background: #fff url(/images/ssfdfsdf.png) no-repeat; background-position: 400px; color: #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); text-transform: uppercase; text-align: center; cursor: pointer; font-weight: 700; letter-spacing: 2px; }
div.content div.buttonsBlock div.blueeButton_center { left: 50%; margin-left: -225px; }
div.content div.buttonsBlock div.blueeButton:hover { background: #00b9e5 url(/images/asdasd.png) no-repeat; background-position: 400px; color: #fff; }
div.content div.buttonsBlock label { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-family: 'museo_sans_cyrl700'; color: #00b9e5; margin-top: 20px; }


div.productInside div.callBlock { text-align: center; font-size: 21px; font-family: 'museo_sans_cyrl500'; font-weight: 400; }
div.productInside div.callBlock span { margin-left: 20px; }



div.media { padding-bottom: 100px; }
div.media div.gallery { float: left; margin-bottom: 50px; position: relative; cursor: pointer; }
div.media div.gallery:before { content: ""; display: block; padding-top: 70%;  }
div.media div.gallery div.inner { position: absolute; left: 25px; right: 25px; top: 0px; bottom: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.media div.gallery:hover div.inner { opacity: 0.8; }
div.media div.gallery h2 { position: absolute; bottom: 13px; margin-bottom: -1px; left: 0px; right: 0px; background-color: #fff; font-size: 14px; color: #000; font-weight: 600; text-transform: none; text-align: center; padding-bottom: 10px; padding-top: 10px; }
div.media div.gallery h2 span { display: none; }
div.media div.gallery h3 { position: absolute; bottom: 0px; margin-bottom: -1px; height: 15px; left: 0px; right: 0px; background-color: #fff; font-size: 14px; color: #666; font-weight: 400; letter-spacing: 0px; text-transform: none; text-align: center; }

div.media div.gallery_1 { width: 100%; }
div.media div.gallery_1_projects { cursor: default; margin-top: 90px; }
div.media div.gallery_1_projects_nomargintop { margin-top: 0px; }
div.media div.gallery_1_projects:hover div.inner { opacity: 1; }
div.media div.gallery_1:before {  content: ""; display: block; padding-top: 50%;  }
div.media div.gallery_1 div.outer { position: absolute; left: 25px; right: 25px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0.2); }
div.media div.gallery_1 h2 { bottom: 105px; left: 125px; right: auto; background-color: rgba(0,0,0,0); font-size: 20px; color: #fff; font-weight: 400; text-align: left; padding: 0px; }
div.media div.gallery_1 h2 span { display: block; margin-top: 10px; }
div.media div.gallery_1 h3 { bottom: 105px; right: 125px; left: auto; background-color: rgba(0,0,0,0); font-size: 20px; color: #fff; font-weight: 400; text-align: right; }

div.media div.gallery_2, div.media div.gallery_3, div.media div.gallery_4 { width: 33.3%; }
div.media div.gallery_5, div.media div.gallery_6 { width: 50%; }
div.media div.gallery_7, div.media div.gallery_8, div.media div.gallery_9 { width: 33.3%; }
div.media div.gallery_10, div.media div.gallery_11 { width: 50%; }
div.media div.gallery_12, div.media div.gallery_13, div.media div.gallery_14 { width: 33.3%; }
div.media div.gallery_15, div.media div.gallery_16 { width: 50%; }
div.media div.gallery_17, div.media div.gallery_18, div.media div.gallery_19 { width: 33.3%; }


div.media div.onePhoto { float: left; width: 33.3%; margin-bottom: 50px; position: relative; cursor: pointer; }
div.media div.onePhoto:before { content: ""; display: block; padding-top: 70%; }
div.media div.onePhoto div.inner { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.media div.onePhoto:hover div.inner { opacity: 0.8; }
div.media div.onePhoto h2 { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: #fff; font-size: 14px; color: #000; font-weight: 600; text-transform: none; text-align: center; padding-bottom: 10px; padding-top: 10px; }
div.media div.onePhoto a { position: absolute; left: 25px; right: 25px; top: 0px; bottom: 0px; }



div.video { padding-bottom: 100px; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
div.video div.oneVideo { margin-bottom: 80px; position: relative; opacity: 0; width: 49.4%; }
div.video div.oneVideo iframe { width: 100%; height: 0px; }
div.video div.oneVideo h2 { font-size: 19px; color: #000; font-weight: 600; text-transform: none; text-align: center; padding-bottom: 10px; padding-top: 40px; width: 70%; margin: 0px auto; }
div.video div.oneVideo h3 { font-size: 14px; color: #666; font-weight: 400; letter-spacing: 0px; text-transform: none; text-align: center; padding-top: 10px; width: 70%; margin: 0px auto; line-height: 2; }
div.video div.oneVideo h3 p { line-height: inherit; margin-top: 0px; }



div.regulations { padding-bottom: 100px; }
div.doc { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; }
div.doc_even { background-color: #eee; }
div.doc a { font-size: 18px; }

div.regulations h3 { margin-bottom: 10px; margin-top: 10px;  }
div.regulations div.column_right { float: right; width: 45%; }
div.regulations div.column_left { float: left; width: 45%; }


div.contacts { margin-bottom: 50px; }
div.contacts div.left_column { float: left; width: 40%; }
div.contacts div.left_column div.contacts_inner { margin-right: 140px; }
div.contacts div.left_column div.contacts_inner h3 { font-size: 30px; color: #000; margin-bottom: 30px; letter-spacing: 0px; font-weight: 800; position: relative; }
div.contacts div.left_column div.contacts_inner h3.anotherOffice img { position: absolute; right: 0px; top: 50%; margin-top: -4px; cursor: pointer; }
div.contacts div.left_column div.contacts_inner h3.anotherOffice img.rrroor { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
div.contacts div.left_column div.contacts_inner h3.anotherOffice span { font: inherit; color: inherit; }
div.contacts div.left_column div.contacts_inner p { margin-top: 20px; color: #4d4d4d; font-size: 15px; line-height: 2; letter-spacing: 0.3px; }
div.contacts div.left_column div.contacts_inner p.name { }
div.contacts div.left_column div.contacts_inner p.adress { }
div.contacts div.left_column div.contacts_inner p.phone { }
div.contacts div.left_column div.contacts_inner p.email { }
div.contacts div.left_column #next { margin-top: 50px; }
div.contacts div.right_column { float: right; width: 60%; }
div.contacts div.right_column div.map { height: 595px;  }
div.contacts div.right_column div.map div.gm-style { padding-bottom: 20px !important; }

div.contacts div.left_column div.selectAnother { position: absolute; top: 100px; left: 0px; right: 140px; background-color: #f7f7f7; border: 1px solid #ddd; display: none; height: 350px; width: 332px; overflow: hidden; z-index: 1000; }
div.contacts div.left_column div.selectAnother div.tostroll { position: relative; margin-right: -20px; height: 100%; overflow-y: auto; overflow-x: hidden; }
div.contacts div.left_column div.selectAnother div.tostroll h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; margin: 0px; font-weight: 500; font-size: 20px; cursor: pointer; 
              -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.contacts div.left_column div.selectAnother div.tostroll h3:hover { background-color: #ededed; }
div.contacts div.left_column div.selectAnother div.tostroll h3.add_offices { cursor: default; padding-bottom: 0px; }
div.contacts div.left_column div.selectAnother div.tostroll h3.add_offices:hover { background-color: #f7f7f7;  }
div.contacts div.left_column div.selectAnother div.tostroll h3.add_offices span { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px; font-family: 'museo_sans_cyrl500'; font-size: 16px; text-align: right; cursor: pointer; line-height: 1.2; color: #000; opacity: 1; width: 90%;
              -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.contacts div.left_column div.selectAnother div.tostroll h3.add_offices span:hover { background-color: #ededed; }

div.contacts div.left_column div.selectAnother div.scroller { position: absolute; right: 0px; top: 0px; bottom: 0px; width: 20px; background-color: #efefef; z-index: 100; }
div.contacts div.left_column div.selectAnother div.scroller div { position: absolute; width: 100%; height: 20%; top: 0px; background-color: #00b9e4; cursor: pointer; }

img.loading { position: absolute; z-index: 3000; width: 227px; height: 170px; top: 50%; left: 50%; margin-left: -113px; margin-top: -165px; opacity: 0.2; }
img.loading2 { position: absolute; z-index: 3000; width: 125px; height: 125px; top: 50%; left: 50%; margin-left: -62px; margin-top: -62px; opacity: 0.5; }


form.feedbackForm {  }
form.feedbackFormPro { margin-top: 60px; margin-left: 17%; margin-right: 17%; }
form.feedbackForm div.inp { width: 100%; border: 2px solid #00b9e4; min-height: 46px; text-align: center; margin-bottom: 40px; position: relative; }
form.feedbackForm div.inp_error { border: 2px solid #ff0000; }
form.feedbackForm div.inp span.error { position: absolute; top: 100%; left: 0px; margin-top: 10px; font-size: 12px; color: #ff0000; }
form.feedbackForm div.inp input { width: 90%; height: 46px; line-height: 46px; border: none; background: none; color: #00b9e4; font-size: 16px; text-transform: uppercase; letter-spacing: 2px;  font-family: 'museo_sans_cyrl700'; }
form.feedbackForm div.inp textarea { width: 90%; height: 138px; line-height: 46px; border: none; background: none; color: #00b9e4; font-size: 16px; text-transform: uppercase; letter-spacing: 2px;  font-family: 'museo_sans_cyrl700'; }
form.feedbackForm div.inp .handinput { color: #000; font-size: 16px; text-transform: none; }
form.feedbackForm div.inp input::placeholder { color: #00b9e4; font-size: 16px; text-transform: uppercase; }
form.feedbackForm div.inp textarea::placeholder { color: #00b9e4; font-size: 16px; text-transform: uppercase; }
form.feedbackForm div.withsub { z-index: 100; }
form.feedbackForm div.withsub div.sub { position: absolute; top: 100%; left: 0px; right: 0px; max-height: 200px; overflow-x: hidden; overflow-y: auto; background-color: #f7f7f7; border: 1px solid #ddd; margin-top: 1px; display: none; }
form.feedbackForm div.withsub div.sub span { display: block; text-align: left; padding: 15px; font-weight: 500; font-size: 20px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
form.feedbackForm div.withsub div.sub span:hover { background-color: #ededed; }

div.errors { display: none; margin-bottom: 50px; color: #ff0000; text-align: center; }
div.success { display: none; margin-bottom: 50px; color: #00b9e4; font-size: 16px; letter-spacing: 2px; font-family: 'museo_sans_cyrl700'; line-height: 1.5; text-align: center; }
div.static_message { margin-bottom: 50px; color: #00b9e4; font-size: 16px; letter-spacing: 2px; font-family: 'museo_sans_cyrl700'; line-height: 1.5; }

div.inp_checkbox { min-height: 46px; text-align: left; margin-bottom: 20px; }
div.inp_checkbox div.h { display: inline-block; height: 100%; vertical-align: middle; }
div.inp_checkbox div { float: left; }
div.inp_checkbox div.checkbox { width: 27px; height: 27px; margin-right: 20px; cursor: pointer; border: 1px solid #00b9e4; background-color: #fff;  }
div.inp_checkbox div.checkbox_checked { background: #fff url(/images/check.png) no-repeat center center; }
div.inp_checkbox div.data { float: left; max-width: 80%; display: inline-block; top: 7px; color: #00b9e4; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-family: 'museo_sans_cyrl700'; }
div.inp_checkbox div.data a { text-decoration: underline; }

div.inp_filesbox { min-height: 30px; text-align: left; margin-bottom: 30px; }
div.inp_filesbox div.addfiles { width: 30px; height: 30px; margin-right: 18px; cursor: pointer; border: 1px solid #00b9e4; border-radius: 30px; background-color: #fff; text-align: center; float: left; }
div.inp_filesbox div.h { display: inline-block; height: 100%; vertical-align: middle; }
div.inp_filesbox div.addfiles span { display: inline-block; vertical-align: middle; font-size: 30px; color: #00b9e4; line-height: 1; }
div.inp_filesbox div.data { float: left; max-width: 80%; display: inline-block; vertical-align: middle; line-height: 1.2; color: #00b9e4; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-family: 'museo_sans_cyrl700'; }
div.inp_filesbox div.files_text { width: 100%; margin-left: 48px; margin-top: 10px; }
div.inp_filesbox div.files_text div { float: none; line-height: 1.4; }
div.inp_filesbox div.files_text span { color: #00b9e4; text-decoration: none; cursor: pointer; }
div.inp_filesbox div.files_text span:hover { text-decoration: underline; }

div.content div.uslugi_bottom { height: auto; margin-bottom: 0px; vertical-align: top; }
div.content div.uslugi_bottom p { font-size: 15px; font-family: 'museo_sans_cyrl300' !important; }

div.content div.uslugi_bottom div.col { display: inline-block; width: 25%; text-align: center; box-sizing: border-box; padding-left: 21px; padding-right: 21px; vertical-align: top; font-size: 15px; font-family: 'museo_sans_cyrl300' !important; line-height: 2; }



div.oneclientitem { float: left; width: 25%; margin-bottom: 50px; }
div.oneclientitem:before { content: ""; display: block; padding-top: 100%; }
div.oneclientitem div.client_inner { position: absolute; left: 25px; right: 25px; top: 25px; bottom: 25px; }
div.oneclientitem div.client_inner img { width: 100%; height: 100%; text-align: center; }

div.onepleaseitem { display: inline-block; width: 12%; margin-bottom: 50px; }
div.onepleaseitem:before { content: ""; display: block; padding-top: 100%; }
div.onepleaseitem div.client_inner { position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; }
div.onepleaseitem div.client_inner img { width: 100%; height: 100%; text-align: center; }


ol.founds_block { margin-top: 30px; padding-top: 25px; border-top: 1px solid #ccc; }
ol.founds_block li { padding-bottom: 20px; line-height: 2; }
ol.founds_block li a { font-family: 'museo_sans_cyrl500'; }
ol.founds_block li a.linking { font-family: 'museo_sans_cyrl500'; font-size: 90%; }

div.mobile_nav { display: none; }
div.mobile_nav_close { display: none; }
div.mobile_menu { display: none; position: absolute; top: 107px; left: 0px; right: 0px; z-index: 7500; background-color: #fff; padding-bottom: 20px; }
div.mobile_menu div.sub { display: none !important; }

.hideinmobile {  }

/* 1PS Styles */

.primary__pic {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    position: unset !important;
}

.primary__pc{
    text-align: center !important;
    margin-bottom: 20px;
    line-height: 1.5 !important;
    font-size: 17px !important;
    box-shadow: 0 0 10pt #00b9e4;
    border-radius: 4pt;
    width: 90%;
    display: inline-block;
    padding: 8pt !important;
}

.primary {
    
}

.primary__h1 {
    text-align: center;
    font-size: 2.1em;
    text-transform: uppercase;
    line-height: 45px;
    background: url(/images/line.png) no-repeat bottom center;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.primary__ph {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    margin-top: -5px;
    margin-bottom: 30px;
}

.primary__ph2 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    margin-top: -5px;
}

.primary__h2 {
    text-align: center;
    font-size: 1.6em;
    margin-top: -30px;
}

.primary__simpletext {
    margin-bottom: 50px;
}

.primary__strong {
    font-weight: bold;
    text-align: center !important;
    padding: 0px !important;
}

.primary__flex {
    display: flex;
}

.primary__flex img{
    display: block;
    margin: 0 auto 10px;
    width: 65px;
}

.primary__flex div {
    padding: 10px;
    width: 33.33%;
}

.primary__strong {
    font-weight: bold;
    text-align: center;
}











.carticon { height: 16px !important; margin-right: 0px !important; }
.lupaicon { margin-left: 10px !important; margin-right: 0px !important; }


div.langs { display: inline-block; position: relative; }
			div.langs a { text-transform: uppercase; }
                        div.langs a.lang { margin-left: 20px; }
			div.langs a.lang_inv_top { position: absolute; top: -20px; margin-left: 20px; }
			div.langs a.lang_inv_bottom { position: absolute; bottom: -20px; margin-left: 20px;  }
			div.langs img { position: absolute !important; margin-left: 0px !important; margin-right: 0px !important; width: 8px !important; margin-top: 0px !important; top: 5% !important; right: -15px; }
                        div.langs a.hid { display: none; }
                        div.langs a.vis { display: block; }
                        
                        
                        
                        
                        



div.on_innn { }
div.on_innn a p { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
div.on_innn a:hover p { color: #00b9e5; }


div.ontriplecos { vertical-align: top; margin-top: 40px; }
div.ontriplecos div.col { display: inline-block; vertical-align: top; width: 33%; box-sizing: border-box; height: 286px; border-right: solid 2px #979797; padding-top: 10px; padding-bottom: 10px; text-align: center; }
div.ontriplecos div.col_noborder { border-right: none; }
div.ontriplecos div.col_heightauto { height: auto; }
div.ontriplecos div.col:last-child { border-right: none; }
div.ontriplecos div.col div.in { display: inline-block; width: 70%; vertical-align: top; text-align: left; }
div.ontriplecos div.col div.in_aligncenter { text-align: center; }
div.ontriplecos div.col div.in_85 { width: 85%; }
div.ontriplecos div.col div.in_85 img { max-height: 70px; }
div.ontriplecos div.col div.in div.lemem { margin-top: 20px; text-align: left; vertical-align: middle; }
div.ontriplecos div.col div.in div.lemem:first-child { margin-top: 0px; }
div.ontriplecos div.col div.in div.lemem div { display: inline-block; font-size: 15px; color: #525252; line-height: 20px; vertical-align: middle; letter-spacing: 0px; }
div.ontriplecos div.col div.in div.lemem div.circle { width: 20px; height: 20px; border-radius: 20px; background-color: #00b9e4; margin-right: 15px; font-family: 'museo_sans_cyrl300'; }

div.ontriplecos div.col div.in h4 { font-size: 30px; font-family: 'museo_sans_cyrl900'; color: #000; margin: 0px; margin-top: 20px; height: 160px; line-height: 1.2; }
div.ontriplecos div.col div.in div.h4 { font-size: 30px; font-family: 'museo_sans_cyrl900'; font-weight: 700; color: #000; margin: 0px; margin-top: 20px; height: 160px; line-height: 1.2; }
div.ontriplecos div.col div.in p { font-size: 15px; color: #525252; letter-spacing: 0px; }






div.bn { display: inline-block; width:25%; vertical-align:top; text-align: center; margin-bottom: 10px; margin-top: 20px; height: 200px;}
p.spbpro { font-size: 22px; line-height: 2; }
p.spbpro a { font-size: 22px; }
p.mpro { font-size: 24px; line-height: 1.8; font-family: 'museo_sans_cyrl300'; font-weight: 500; }
p.spro { font-size: 17px; line-height: 1.8; }
div.bind { display: inline-block; width:33%; vertical-align:top; text-align: center; margin-bottom: 10px; margin-top: 20px; height: 230px;}
div.bind_15 { width: 16%; }
div.bind div.d { display: inline-block; width:88px; height: 88px; border-radius: 88px; border: 1px solid #00b9e5; text-align: center; line-height: 88px; font-size: 40px; font-family: 'museo_sans_cyrl900'; margin-bottom: 37px; color: #00b9e4; }
div.bind_15 div.d { width:96px; height: 96px; border-radius: 96px; border: none; background-color: #00b9e5; color: #fff; margin-bottom: 21px; line-height: 95px; font-size: 24px; font-family: 'museo_sans_cyrl300'; }
div.bind p { font-size: 15px; }

h4.inlinetitl { font-family: 'museo_sans_cyrl900'; font-size: 30px; margin-top: 80px; margin-bottom: 60px; }
div.inlinetitl { font-family: 'museo_sans_cyrl900'; font-weight: 700; font-size: 30px; margin-top: 80px; margin-bottom: 60px; }




div.floatpopup { display: none; z-index: 50000; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0,0,0,0.5); }
div.floatpopup div.content_short { position: absolute; left: 50%; top: 50%; margin-left: -350px; margin-top: -350px; width: 700px; height: 700px; background-color: #fff; border: 2px solid #00b9e5; box-shadow: 10px 10px 10px rgba(0,0,0,0.4); }
div.floatpopup div.content_short img.close { position: absolute; top: 0px; right: -50px; cursor: pointer; }
div.floatpopup div.content_short form { margin-top: 60px; margin-left: 40px; margin-right: 40px; }








div.bonprotopblock { box-sizing: border-box; }
div.bonprotopblock div.fromset { width: 60%; display: inline-block; padding-bottom: 50px; vertical-align: top; }
div.bonprotopblock div.fromset div.fromset_inner { margin-left: 30%; margin-right: 5%; margin-top: 20px; font-family: 'museo_sans_cyrl900'; font-size: 30px; line-height: 1.7; }
div.bonprotopblock div.toset { vertical-align: top; width: 40%; display: inline-block; }


p.scepalex { font-size: 22px; }



div.newProductsList { text-align: center; vertical-align: top; }
div.newProductsList div.newProductItself { display: inline-block; width: 31%; vertical-align: top; margin-top: 20px; }
div.newProductsList div.newProductItself div.npisInner { vertical-align: top; margin-left: 10px; margin-right: 10px; background-color: #f5f5f5; box-sizing: border-box; }
div.newProductsList div.newProductItself div.npisInner div.pic { height: 200px; text-align: center; vertical-align: middle; position: relative; z-index: 1; }
div.newProductsList div.newProductItself div.npisInner div.pic div.h { display: inline-block; height: 100%; vertical-align: middle; }
div.newProductsList div.newProductItself div.npisInner div.pic img { display: inline-block; max-height: 180px; max-width: 80%; vertical-align: middle; }
div.newProductsList div.newProductItself div.npisInner div.info { background-color: #00b9e4; height: 360px; position: relative; z-index: 5; }
div.newProductsList div.newProductItself div.npisInner div.info div.innerinfo { margin: 20px; margin-top: 0px; }
div.newProductsList div.newProductItself div.npisInner div.info div.innerinfo div.title { font-size: 21px; color: #fff; font-family: 'museo_sans_cyrl500' !important; line-height: 1.2; text-align: left; padding-top: 20px; }
div.newProductsList div.newProductItself div.npisInner div.info div.innerinfo p { color: #fff; font-size: 16px; font-family: 'museo_sans_cyrl100' !important; line-height: 1.2; letter-spacing: 0.3px; text-align: left; }

div.newProductsList div.newProductItself div.npisInner div.pic a { text-decoration: none; }
div.newProductsList div.newProductItself div.npisInner div.pic div.buttonlink { position: absolute; left: 0px; right: 0px; height: 50px; line-height: 50px; background-color: rgba(239, 51, 64, 0.85); font-family: 'museo_sans_cyrl100'; font-size: 21px; color: #fff; text-align: center; text-transform: uppercase; opacity: 0; bottom: -50px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }

div.newProductsList div.newProductItself:hover div.npisInner div.pic div.buttonlink { opacity: 1; bottom: 0px; }
div.newProductsList div.newProductItself:hover div.npisInner div.pic div.buttonlink:hover { background-color: rgba(239, 51, 64, 1); }



div.catal { position: absolute; left: 10px; top: 10px; width: 21px; height: 21px; cursor: pointer; z-index: 110; background-image: url(/images/catal.gif); background-repeat: no-repeat; background-position: 0px 0px; }
div.catal_open { background-image: url(/images/catal_open.gif); }

div.catalog_submenu { position: absolute; left: 0px; right: 0px; background-color: #fff; box-shadow: 0px 3px 3px rgba(0,0,0,0.3); height: auto; z-index: 1000; display: none; user-select: none; }
div.sm_cat_data { vertical-align: top; user-select: none; }
div.sm_cat_data div.sm_menu { padding-top: 70px; padding-bottom: 40px; }
div.sm_cat_data a { text-decoration: none; }
div.sm_cat_data div.sb_elem { display: inline-block; width: 20%; text-align: left; box-sizing: border-box; vertical-align: top; height: 60px; }
div.sm_cat_data div.sb_elem span { display: block; width: 80%; font-size: 16px; font-family: 'museo_sans_cyrl700'; font-weight: 700; line-height: 1.3; color: #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); user-select: none; }
div.sm_cat_data a div.sb_elem span:hover { color: #00b9e5; }

div.sm_cat_data div.sb_elem_esub { display: inline-block; width: 20%; text-align: left; box-sizing: border-box; vertical-align: top; }
div.sm_cat_data div.sb_elem_esub a { display: block; font-size: 16px; font-family: 'museo_sans_cyrl300'; line-height: 1.5; color: #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); user-select: none; }
div.sm_cat_data div.sb_elem_esub a:first-letter { text-transform: uppercase; user-select: none; }
div.sm_cat_data div.sb_elem_esub a:hover { color: #00b9e5; }



div.prod_gallery { position: relative; overflow: hidden; background-color: #f5f5f5; }
div.prod_gallery div.galitem { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 100; }
div.prod_gallery div.galitem img { width: 100%; height: 100%; }
div.prod_gallery img.arleftblock { position: absolute; left: 15px; top: 50%; margin-top: -17px; cursor: pointer; z-index: 200; }
div.prod_gallery img.arrightblock { position: absolute; right: 15px; top: 50%; margin-top: -17px; cursor: pointer; z-index: 220; }

.fancybox-navigation { height: 100% !important; }






 div.pro_item { min-height: 510px; }
 div.pro_item div.pic { display: inline-block; vertical-align: top; text-align: center; width: 45%; min-height: 510px; }
 div.pro_item div.info { display: inline-block; vertical-align: top; text-align: center; width: 55%; padding-top: 140px; padding-bottom: 140px; text-align: left; }