/* Start:/local/templates/f5-studio/additional_style.css?16130599521452*/
.s2t-error {
  border-color: #F29B9B;
  box-shadow: 0 0 20px #EC4646;
}
.preloader {
  top:0;
  left:0;
  z-index:100;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.3) url('/local/templates/f5-studio/img/loader.gif') center center no-repeat;
}
.amo-button-holder{
	right: 0 !important;
	bottom: 0 !important;
}
.order_site_popup p{
  font: 15px/19px "Gotham Regular",sans-serif;
}
.order_site_popup a{
  color: #50c7d9;
}
.tile_order_form.s2t-form .def_form_line textarea{
  height: 80px;
}
.tile_order_form.s2t-form p{
  font-size: 12px;
  line-height: 1;
}
.services_order_wrap p{
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px !important;
}
.politic{
  font-size: 12px;
  line-height: 1;
  margin-bottom: 20px;
  display: flex;
  text-align: left;
  font-family: "Gotham Regular",sans-serif;
}
.politic input{
  margin-right: 10px;
}
.identity .tile_form .politic,
.identity .tile_form .politic a{
  color: white;
}
.identity .tile_form .politic a{
  text-decoration: underline;
}
.identity .tile_form .tiles_title{
  margin-bottom: 12px !important;
}

.map-pin {
  position: relative;
  }
.map-pin .map-pin__img {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-50%);
  display: block;
  width: 96px;
  height: 96px;
  background: top left / cover no-repeat url("/local/templates/f5-studio/./img/map_marker.png") transparent;
  }
/* End */


/* Start:/local/templates/f5-studio/styles.css?16130503212011*/
.site_WORKAREA,.fancy_popup{font:16px/24px "Lato Regular",sans-serif;letter-spacing:0.02em;color:#2c3c4b}.site_WORKAREA b,.fancy_popup b,.site_WORKAREA strong,.fancy_popup strong{font-family:"Gotham Bold",sans-serif;font-weight:normal}.site_WORKAREA i,.fancy_popup i{font-family:"Gotham Italic",sans-serif;font-style:normal}.site_WORKAREA img[align="left"],.fancy_popup img[align="left"],.site_WORKAREA img[align="right"],.fancy_popup img[align="right"]{margin-top:6px}.site_WORKAREA img[align="left"],.fancy_popup img[align="left"]{margin-right:30px}.site_WORKAREA img[align="right"],.fancy_popup img[align="right"]{margin-left:30px}.site_WORKAREA blockquote,.fancy_popup blockquote{margin:0 0 36px 0;padding:0;font:21px/30px "Gotham Medium",sans-serif;position:relative}.site_WORKAREA a,.fancy_popup a{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;color:#50c7d9;border-bottom:1px solid #50c7d9;text-decoration:none;cursor:pointer}.site_WORKAREA a:hover,.fancy_popup a:hover{color:#f78560;border-bottom-color:transparent}.site_WORKAREA hr,.fancy_popup hr{margin:36px 0;background-color:#2c3c4b;border:0;color:#2c3c4b;height:1px;position:relative}.site_WORKAREA p,.fancy_popup p{margin:0 0 36px 0}.site_WORKAREA sup,.fancy_popup sup,.site_WORKAREA sub,.fancy_popup sub{line-height:0}.site_WORKAREA ul,.fancy_popup ul,.site_WORKAREA li,.fancy_popup li{position:relative}.site_WORKAREA ul>li,.fancy_popup ul>li{margin-bottom:18px}.site_WORKAREA h1,.fancy_popup h1,.site_WORKAREA h2,.fancy_popup h2,.site_WORKAREA h3,.fancy_popup h3,.site_WORKAREA h4,.fancy_popup h4,.site_WORKAREA h5,.fancy_popup h5,.site_WORKAREA h6,.fancy_popup h6{margin-top:0;padding:0;font:33px/44px "Gotham Medium",sans-serif;color:#62c2cd;letter-spacing:0.02em;text-transform:uppercase;position:relative}.site_WORKAREA h2,.fancy_popup h2,.site_WORKAREA h3,.fancy_popup h3,.site_WORKAREA h4,.fancy_popup h4,.site_WORKAREA h5,.fancy_popup h5,.site_WORKAREA h6,.fancy_popup h6{margin-bottom:10px;font-size:19px;line-height:25px}

/* End */


/* Start:/local/templates/f5-studio/template_styles.css?1686055707131654*/
@font-face {
    font-family: "Lato Regular";
    src: url("/local/templates/f5-studio/fonts/Lato/regular/regular.eot");
    src: url("/local/templates/f5-studio/fonts/Lato/regular/regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Lato/regular/regular.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Lato/regular/regular.woff") format("woff"), url("/local/templates/f5-studio/fonts/Lato/regular/regular.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Lato/regular/regular.svg#latoregular") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Lato Light";
    src: url("/local/templates/f5-studio/fonts/Lato/light/light.eot");
    src: url("/local/templates/f5-studio/fonts/Lato/light/light.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Lato/light/light.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Lato/light/light.woff") format("woff"), url("/local/templates/f5-studio/fonts/Lato/light/light.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Lato/light/light.svg#latolight") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Lato Medium";
    src: url("/local/templates/f5-studio/fonts/Lato/medium/medium.eot");
    src: url("/local/templates/f5-studio/fonts/Lato/medium/medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Lato/medium/medium.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Lato/medium/medium.woff") format("woff"), url("/local/templates/f5-studio/fonts/Lato/medium/medium.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Lato/medium/medium.svg#latomedium") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Lato Bold";
    src: url("/local/templates/f5-studio/fonts/Lato/bold/bold.eot");
    src: url("/local/templates/f5-studio/fonts/Lato/bold/bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Lato/bold/bold.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Lato/bold/bold.woff") format("woff"), url("/local/templates/f5-studio/fonts/Lato/bold/bold.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Lato/bold/bold.svg#latobold") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Lato Black";
    src: url("/local/templates/f5-studio/fonts/Lato/black/black.eot");
    src: url("/local/templates/f5-studio/fonts/Lato/black/black.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Lato/black/black.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Lato/black/black.woff") format("woff"), url("/local/templates/f5-studio/fonts/Lato/black/black.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Lato/black/black.svg#latoblack") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Gotham Regular";
    src: url("/local/templates/f5-studio/fonts/Gotham/regular/regular.eot");
    src: url("/local/templates/f5-studio/fonts/Gotham/regular/regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Gotham/regular/regular.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Gotham/regular/regular.woff") format("woff"), url("/local/templates/f5-studio/fonts/Gotham/regular/regular.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Gotham/regular/regular.svg#gotham_proregular") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Gotham Medium";
    src: url("/local/templates/f5-studio/fonts/Gotham/medium/medium.eot");
    src: url("/local/templates/f5-studio/fonts/Gotham/medium/medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Gotham/medium/medium.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Gotham/medium/medium.woff") format("woff"), url("/local/templates/f5-studio/fonts/Gotham/medium/medium.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Gotham/medium/medium.svg#gotham_promedium") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Gotham Light";
    src: url("/local/templates/f5-studio/fonts/Gotham/light/light.eot");
    src: url("/local/templates/f5-studio/fonts/Gotham/light/light.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Gotham/light/light.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Gotham/light/light.woff") format("woff"), url("/local/templates/f5-studio/fonts/Gotham/light/light.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Gotham/light/light.svg#gotham_prolight") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Gotham Italic";
    src: url("/local/templates/f5-studio/fonts/Gotham/italic/italic.eot");
    src: url("/local/templates/f5-studio/fonts/Gotham/italic/italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Gotham/italic/italic.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Gotham/italic/italic.woff") format("woff"), url("/local/templates/f5-studio/fonts/Gotham/italic/italic.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Gotham/italic/italic.svg#gotham_proitalic") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Gotham Bold";
    src: url("/local/templates/f5-studio/fonts/Gotham/bold/bold.eot");
    src: url("/local/templates/f5-studio/fonts/Gotham/bold/bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Gotham/bold/bold.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Gotham/bold/bold.woff") format("woff"), url("/local/templates/f5-studio/fonts/Gotham/bold/bold.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Gotham/bold/bold.svg#gotham_probold") format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "Gotham Black";
    src: url("/local/templates/f5-studio/fonts/Gotham/black/black.eot");
    src: url("/local/templates/f5-studio/fonts/Gotham/black/black.eot?#iefix") format("embedded-opentype"), url("/local/templates/f5-studio/fonts/Gotham/black/black.woff2") format("woff2"), url("/local/templates/f5-studio/fonts/Gotham/black/black.woff") format("woff"), url("/local/templates/f5-studio/fonts/Gotham/black/black.ttf") format("truetype"), url("/local/templates/f5-studio/fonts/Gotham/black/black.svg#gotham_problack") format("svg");
    font-weight: normal;
    font-style: normal
    }

.site_container, .def_resets, .fancy_popup, .def_form {-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent}

.site_container a, .site_container input, .site_container textarea, .site_container button, .def_resets a, .fancy_popup a, .def_form a, .def_resets input, .fancy_popup input, .def_form input, .def_resets textarea, .fancy_popup textarea, .def_form textarea, .def_resets button, .fancy_popup button, .def_form button {outline: none}

.site_container textarea, .def_resets textarea, .fancy_popup textarea, .def_form textarea {resize: none;overflow: auto}

.site_container img, .def_resets img, .fancy_popup img, .def_form img {border: none}

.site_container input::-moz-focus-inner, .site_container button::-moz-focus-inner, .def_resets input::-moz-focus-inner, .fancy_popup input::-moz-focus-inner, .def_form input::-moz-focus-inner, .def_resets button::-moz-focus-inner, .fancy_popup button::-moz-focus-inner, .def_form button::-moz-focus-inner {padding: 0;border: none}

.site_container figure, .def_resets figure, .fancy_popup figure, .def_form figure {margin: 0}

.site_container ul.RESET_ul, .site_container ul.RESET_ul > li, .def_resets ul.RESET_ul, .fancy_popup ul.RESET_ul, .def_form ul.RESET_ul, .def_resets ul.RESET_ul > li, .fancy_popup ul.RESET_ul > li, .def_form ul.RESET_ul > li {margin: 0;padding: 0;position: relative}

.site_container ul.RESET_ul > li, .def_resets ul.RESET_ul > li, .fancy_popup ul.RESET_ul > li, .def_form ul.RESET_ul > li {list-style: none;background: none}

.clear_both, .section_type .center_width:after, .site_container .site_WORKAREA:after, .header_menu .center_width:after, .blog .blog_item_info .blog_item_line:after, .clients .clients_content:after, .services .services_wrap .section_margin:after, .vacancy_popup:after {clear: both;height: 0;font-size: 0;line-height: 0;display: block;overflow: hidden;position: relative;content: ""}

.center_width {margin: 0 auto;padding-left: 10px;padding-right: 10px;max-width: 980px;display: block;position: relative}

.ONLY_img, .portfolio_detail .section_01 .section_01_slider .swiper-slide, .portfolio_detail .section_03 .section_03_slider .swiper-slide {font-size: 0;line-height: 0;text-decoration: none;display: block}

.FILL_all, .popup_close:before, .popup_close:after, .load_more .load_more_ico:before, .load_more .load_more_ico:after, .tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tile_portfolio .tile_portfolio_hover, .tiles .tile_form .tile_form_ico:before, .header_lang .lang_link .lang_bg, .side_menu_button:before, .side_menu_button:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .all_articles_decor:after, .internet_adv .internet_adv_order .section_ico:before, .contacts .contacts_plug {-moz-box-sizing: border-box;box-sizing: border-box;top: 0;left: 0;width: 100%;height: 100%;display: block;position: absolute}

.head_text {padding-top: 128px}

.head_text blockquote {font-family: "Gotham Regular", sans-serif}

.TABLE_type, .tiles .tile_go_section {-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;display: table;position: relative}

.TABLE_type > *, .tiles .tile_go_section > * {-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;display: table-cell;position: relative}

.INLINE-BLOCK_type {font-size: 0;line-height: 0;vertical-align: text-bottom;position: relative}

.INLINE-BLOCK_type > * {display: inline-block;position: relative}

.BORDER_none, .section_type ul.section_type_list .section_type_item .section_type_link, .tiles .tile_portfolio a, .tiles .tile_misc a, .index_blog .blog_head .all_articles, .index_blog ul.blog_list .blog_item .blog_item_link, .blog .blog_item, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next, .portfolio_detail .portfolio_header .ph_site, .portfolio_detail .section_05 .s05_social_buttons a, .clients .clients_content ul.clients_list .clients_item_link, .services .section_big_link, .sitemap a {border: none}

.button_01 {text-align: center;position: relative}

.button_01 button, .button_01 .button_01_link {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;margin: 0;padding: 12px 18px;font: 12px/12px "Gotham Bold", sans-serif;color: #fff;letter-spacing: 0.1em;text-transform: uppercase;background-color: #81d2dc;border: none;border-radius: 3px;cursor: pointer;display: inline-block;position: relative}

.button_01 button:hover, .button_01 .button_01_link:hover {color: #fff;background-color: #53c7d6}

.button_02 {text-align: center;position: relative}

.button_02 button, .button_02 .button_02_link {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;margin: 0;padding: 12px 13px 11px 13px;font: 12px/12px "Gotham Bold", sans-serif;color: #fff;letter-spacing: 0.1em;text-transform: uppercase;background: none;border: 1px solid #4fa2b6;border-radius: 3px;cursor: pointer;display: inline-block;position: relative}

.button_02 button:hover, .button_02 .button_02_link:hover {border-color: #fff}

.button_03 {text-align: center;position: relative}

.button_03 button, .button_03 .button_03_link {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;margin: 0;padding: 15px 38px 18px 38px;font: 15px/15px "Gotham Medium", sans-serif;color: #2c3c4b;letter-spacing: 0.035em;background-color: #fff;border: none;border-radius: 3px;cursor: pointer;display: inline-block;position: relative}

.button_03 button:hover, .button_03 .button_03_link:hover {color: #f78560}

.def_form {margin: 0;padding: 0;display: block;position: relative}

.def_form_line {margin-bottom: 10px}

.def_form_line * {border-radius: 4px}

.def_form_line {position: relative}

.def_form_line .def_form_elem_params, .def_form_line .def_form_label, .def_form_line input, .def_form_line textarea, .def_form_line .custom_select .custom_select_selector, .custom_select .def_form_line .custom_select_selector {-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding-left: 30px;padding-right: 30px;width: 100%;height: 37px;font: 13px/13px "Lato Light", sans-serif;color: #5b6c79}

.def_form_line .def_form_label {top: 0;left: 0;cursor: text;position: absolute}

.def_form_line input, .def_form_line textarea {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;color: #000;border: 1px solid #c6e8e8;display: block;position: relative}

.def_form_line input:focus, .def_form_line textarea:focus {border-color: #64cadf;box-shadow: 0 0 20px #64cadf}

.def_form_line textarea, .def_form_line .def_textarea_label {padding-top: 13px;padding-bottom: 13px;height: 147px}

.def_form_line .elem_ERROR, .def_form_line .elem_ERROR:focus {border: 2px solid #fb8773}

.custom_select {position: relative}

.custom_select .custom_select_selector {-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding-top: 10px;border: 1px solid #c6e8e8;background: #fff;cursor: pointer;position: relative}

.custom_select .custom_select_arrow {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 0;bottom: 0;right: 12px;margin: auto;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #b7f3fd;position: absolute}

.custom_select .custom_select_OPEN {border: 2px solid #f38854}

.custom_select .custom_select_OPEN .custom_select_arrow {right: 11px;border-top-color: #f38854}

.custom_select .custom_select_list {-moz-box-sizing: border-box;box-sizing: border-box;top: 50px;right: 0;padding: 11px 0;width: 100%;color: #81ced7;font: 13px/13px "Gotham Regular", sans-serif;color: #2c3c4b;text-align: center;letter-spacing: 0.06em;background-color: #fff;border-radius: 8px;box-shadow: 0 15px 30px #ccc;position: absolute;z-index: 20}

.custom_select .custom_select_list:before {top: -9px;right: 16px;width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid #fff;position: absolute;content: ""}

.custom_select .custom_select_item {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 12px 0;cursor: pointer;position: relative}

.custom_select .custom_select_item:hover, .custom_select .csi_SELECTED {color: #f78560}

.order_site {white-space: nowrap;position: relative}

.order_site .order_site_link {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 11px 30px 10px 15px;font: 14px/14px "Gotham Bold", sans-serif;color: #fff;letter-spacing: 0.04em;text-transform: uppercase;text-decoration: none;border: 2px solid #92e5f3;border-radius: 4px 4px 10px 4px;display: inline-block;cursor: pointer;position: relative}

.order_site .order_site_link:before, .order_site .order_site_link:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 0;bottom: 0;right: 11px;margin: auto;width: 8px;height: 13px;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;position: absolute;content: ""}

.order_site .order_site_link:before {background-position: -4px -4px}

.order_site .order_site_link:after {background-position: -16px -4px;opacity: 0}

.order_site .order_site_link:hover {border-color: #fff}

.order_site .order_site_link:hover:after {opacity: 1}

.def_popup, .popup_bg, .def_popup_wrap {top: 0;left: 0;right: 0;bottom: 0;overflow: auto;display: none;position: fixed}

.def_popup {z-index: 100}

.popup_bg {background-color: #000;opacity: 0.6;cursor: pointer}

.popup_close {top: 16px;right: 16px;width: 12px;height: 12px;cursor: pointer;position: absolute}

.popup_close:before, .popup_close:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;content: ""}

.popup_close:before {background-position: -4px -39px}

.popup_close:after {background-position: -20px -39px;opacity: 0}

.popup_close:hover:after {opacity: 1}

.def_popup_wrap .FILL_all, .def_popup_wrap .popup_close:before, .def_popup_wrap .popup_close:after, .def_popup_wrap .load_more .load_more_ico:before, .load_more .def_popup_wrap .load_more_ico:before, .def_popup_wrap .load_more .load_more_ico:after, .load_more .def_popup_wrap .load_more_ico:after, .def_popup_wrap .tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .def_popup_wrap .tiles_ico_bg, .def_popup_wrap .tiles .tile_portfolio .tile_portfolio_hover, .tiles .tile_portfolio .def_popup_wrap .tile_portfolio_hover, .def_popup_wrap .tiles .tile_form .tile_form_ico:before, .tiles .tile_form .def_popup_wrap .tile_form_ico:before, .def_popup_wrap .header_lang .lang_link .lang_bg, .header_lang .lang_link .def_popup_wrap .lang_bg, .def_popup_wrap .side_menu_button:before, .def_popup_wrap .side_menu_button:after, .def_popup_wrap .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .def_popup_wrap .sml_video_decor, .def_popup_wrap .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .def_popup_wrap .sml_video_decor:before, .def_popup_wrap .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .def_popup_wrap .sml_video_decor:after, .def_popup_wrap .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .def_popup_wrap .all_articles_decor, .def_popup_wrap .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .def_popup_wrap .all_articles_decor:before, .def_popup_wrap .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .def_popup_wrap .all_articles_decor:after, .def_popup_wrap .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .def_popup_wrap .section_ico:before, .def_popup_wrap .contacts .contacts_plug, .contacts .def_popup_wrap .contacts_plug {cursor: pointer;z-index: 1}

.def_popup_content {-moz-box-sizing: border-box;box-sizing: border-box;margin: auto;padding: 30px 0;width: auto;height: 100%}

.def_popup_center > * {z-index: 1}

.order_site_popup {width: 682px;background-color: #def7fc;border-radius: 10px;position: relative}

.order_site_popup .popup_close {top: 23px;right: 23px}

.order_site_popup .order_site_wrap {margin: 0 auto;padding: 50px 0 37px 0;width: 400px;position: relative}

.order_site_popup .osp_title {margin-bottom: 14px;font: 26px/26px "Gotham Regular", sans-serif;color: #31bdd2;letter-spacing: 0.02em;text-transform: uppercase;text-align: center;position: relative}

.order_site_popup .osp_text {margin-bottom: 20px;font: 15px/19px "Gotham Regular", sans-serif;color: #2c3c4b;text-align: center;position: relative}

.order_site_popup .order_site_form input, .order_site_popup .order_site_form textarea, .order_site_popup .order_site_form .def_form_label, .order_site_popup .order_site_form .def_textarea_label {font-size: 14px;line-height: 14px}

.order_site_popup .order_site_form input, .order_site_popup .order_site_form .def_form_label {height: 48px}

.order_site_popup .order_site_form textarea, .order_site_popup .order_site_form .def_textarea_label {padding-top: 15px;padding-bottom: 15px;height: 138px}

.order_site_popup .order_site_form .button_01 {padding-top: 7px}

.order_site_popup .order_site_form .button_01 button, .order_site_popup .order_site_form .button_01 .button_01_link {padding: 16px 26px;font-size: 15px;line-height: 15px;background-color: #4fc6d6}

.order_site_popup .order_site_form .button_01 button:hover, .order_site_popup .order_site_form .button_01 .button_01_link:hover {background-color: #41b7c7}

.float_left {float: left;position: relative}

.float_right {float: right;position: relative}

.scroll_pics {-moz-box-sizing: border-box;box-sizing: border-box;min-height: 620px}

.scroll_pics .scroll_pics_left, .scroll_pics .scroll_pics_right {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: url(/local/templates/f5-studio/img/tiles_anim.png) 0 0 no-repeat;position: absolute}

.scroll_pics .scroll_pics_left {top: 98px;left: 0;width: 226px;height: 420px}

.scroll_pics .scroll_pics_right {top: 155px;right: 0;width: 218px;height: 420px;background-position: -226px 0}

.scroll_pics .scroll_pics_FIXED {position: fixed}

.scroll_pics_HIDE .scroll_pics_left {left: -226px}

.scroll_pics_HIDE .scroll_pics_right {right: -218px}

@media only screen and (max-width: 1630px) {
    .scroll_pics .scroll_pics_left {left: -226px}
    .scroll_pics .scroll_pics_right {right: -218px}
    }

.load_more {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;margin: 0 auto;padding: 7px 0 17px 0;width: 594px;font: 17px/17px "Gotham Black", sans-serif;color: #fd702e;text-align: center;text-transform: uppercase;background-color: #fff;border: 2px solid #fd702e;cursor: pointer;position: relative}

.load_more .load_more_ico {top: 6px;margin-right: 12px;width: 21px;height: 24px;display: inline-block;position: relative}

.load_more .load_more_ico:before, .load_more .load_more_ico:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;content: ""}

.load_more .load_more_ico:before {background-position: -4px -153px}

.load_more .load_more_ico:after {background-position: -54px -153px;opacity: 0}

.load_more:hover {color: #fff !important;background-color: #c4ced1;border-color: transparent !important}

.load_more:hover .load_more_ico:before {opacity: 0}

.load_more:hover .load_more_ico:after {opacity: 1}

.section_corner:before {top: -32px;left: 0;right: 0;margin: auto;width: 118px;height: 33px;background: url(/local/templates/f5-studio/img/section_corners.png) 50% 0 no-repeat;position: absolute;content: ""}

.section_ico {left: 0;right: 0;margin: auto;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;position: absolute}

.section_type {padding: 87px 0 15px 0;white-space: nowrap;background-color: #fff;border-bottom: 1px solid #dcdfe3;position: relative}

.section_type h1 {float: left;top: -4px;margin: 0;font-size: 30px;line-height: 30px;color: #2c3c4b;text-transform: none;display: block}

.section_type ul.section_type_list {float: right}

.section_type ul.section_type_list .section_type_item {float: left;display: block}

.section_type ul.section_type_list .section_type_item .section_type_link {-moz-box-sizing: border-box;box-sizing: border-box;padding: 6px 15px;font: 12px/12px "Gotham Regular", sans-serif;color: #81ced7;letter-spacing: 0.1em;border: 2px solid transparent;border-radius: 4px 4px 10px 4px;display: block;position: relative}

.section_type ul.section_type_list .section_type_item .section_type_link:hover {color: #f78560}

.section_type ul.section_type_list .section_type_item .stl_SELECTED {color: #f78560;border-color: #fd702e}

.section_type ul.section_type_list .section_type_item .stl_SELECTED:after {left: 0;right: 0;bottom: -8px;margin: auto;width: 13px;height: 8px;background: url(/local/templates/f5-studio/img/sprite.png) -64px -4px no-repeat;position: absolute;content: ""}

.tiles {position: relative}

.tiles .center_width {padding: 90px 0 80px 0;max-width: 1252px}

.tiles .tiles_wrap {margin: 0 auto 14px auto}

.tiles .tiles_item {-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 8px;width: 244px;height: 251px;text-align: center;background-color: #fff;overflow: hidden;position: absolute}

.tiles .tiles_item .tiles_title {color: #fff;text-transform: uppercase;position: relative}

.tiles .tiles_item .tiles_text {position: relative}

.tiles .tiles_item .tiles_ico_wrap {margin: 30px auto;width: 142px;height: 142px;display: block;position: relative}

.tiles .tiles_item .tiles_ico_wrap * {-webkit-transition: all 0.3s ease;transition: all 0.3s ease}

.tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-color: #c9eaeb;border-radius: 50%}

.tiles .tiles_item .tiles_ico_wrap .tiles_ico {top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url(/local/templates/f5-studio/img/tiles_icons.png) no-repeat;display: block;position: absolute}

.tiles .tiles_item .tiles_ico_wrap .tiles_vacancy {display: block;position: relative}

.tiles .tiles_item .tiles_ico_wrap .tiles_vacancy * {display: block;position: relative}

.tiles .tiles_item .tiles_ico_wrap .tiles_vacancy .tiles_vacancy_text {padding-top: 30px;font: 16px/16px "Lato Black", sans-serif;color: #4d8992;letter-spacing: 0.02em;text-transform: uppercase}

.tiles .tiles_item .tiles_ico_wrap .tiles_vacancy .tiles_vacancy_text span {font-size: 45px;line-height: 43px}

.tiles .tiles_item .tiles_ico_wrap .tiles_vacancy .tiles_vacancy_text:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;left: 0;right: 0;bottom: -30px;margin: auto;width: 26px;height: 19px;background: url(/local/templates/f5-studio/img/sprite.png) -50px -129px no-repeat;position: absolute;content: ""}

.tiles .tiles_item:hover .tiles_ico_wrap .tiles_ico_bg {-webkit-transform: scale(1.2);transform: scale(1.2)}

.tiles .tiles_item:hover .tiles_ico_wrap .ti_01 {-webkit-transform: rotate(-150deg);transform: rotate(-150deg)}

.tiles .tiles_item:hover .tiles_ico_wrap .ti_02:before {-webkit-transform: scale(1.15);transform: scale(1.15)}

.tiles .tiles_item:hover .tiles_ico_wrap .ti_03 {height: 92px}

.tiles .tiles_item:hover .tiles_ico_wrap .ti_04 {height: 98px}

.tiles .tiles_item:hover .tiles_ico_wrap .tiles_vacancy_text span {-webkit-transform: scale(1.1);transform: scale(1.1)}

.tiles .tiles_item:hover .tiles_ico_wrap .tiles_vacancy_text:after {left: 35%}

.tiles .tile_2x1 {width: 496px}

.tiles .tile_1x2 {height: 510px}

.tiles .tile_go_section {padding: 0 40px}

.tiles .tile_go_section .tiles_title {margin-bottom: 5px;font: 25px/30px "Gotham Bold", sans-serif;color: #81ced7}

.tiles .tile_go_section .tiles_text {margin-bottom: 18px;font: 17px/21px "Gotham Light", sans-serif;color: #798791;letter-spacing: 0.02em}

.tiles .tile_portfolio {padding-top: 32px}

.tiles .tile_portfolio .tiles_title {font: 19px/25px "Gotham Medium", sans-serif;letter-spacing: 0.14em}

.tiles .tile_portfolio .tile_portfolio_hover .FILL_all, .tiles .tile_portfolio .tile_portfolio_hover .popup_close:before, .tiles .tile_portfolio .tile_portfolio_hover .popup_close:after, .tiles .tile_portfolio .tile_portfolio_hover .load_more .load_more_ico:before, .load_more .tiles .tile_portfolio .tile_portfolio_hover .load_more_ico:before, .tiles .tile_portfolio .tile_portfolio_hover .load_more .load_more_ico:after, .load_more .tiles .tile_portfolio .tile_portfolio_hover .load_more_ico:after, .tiles .tile_portfolio .tile_portfolio_hover .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .tile_portfolio .tile_portfolio_hover .tiles_ico_bg, .tiles .tile_portfolio .tile_portfolio_hover .tile_portfolio_hover, .tiles .tile_portfolio .tile_portfolio_hover .tile_form .tile_form_ico:before, .tiles .tile_form .tile_portfolio .tile_portfolio_hover .tile_form_ico:before, .tiles .tile_portfolio .tile_portfolio_hover .header_lang .lang_link .lang_bg, .header_lang .lang_link .tiles .tile_portfolio .tile_portfolio_hover .lang_bg, .tiles .tile_portfolio .tile_portfolio_hover .side_menu_button:before, .tiles .tile_portfolio .tile_portfolio_hover .side_menu_button:after, .tiles .tile_portfolio .tile_portfolio_hover .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .tiles .tile_portfolio .tile_portfolio_hover .sml_video_decor, .tiles .tile_portfolio .tile_portfolio_hover .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .tiles .tile_portfolio .tile_portfolio_hover .sml_video_decor:before, .tiles .tile_portfolio .tile_portfolio_hover .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .tiles .tile_portfolio .tile_portfolio_hover .sml_video_decor:after, .tiles .tile_portfolio .tile_portfolio_hover .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .tiles .tile_portfolio .tile_portfolio_hover .all_articles_decor, .tiles .tile_portfolio .tile_portfolio_hover .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .tiles .tile_portfolio .tile_portfolio_hover .all_articles_decor:before, .tiles .tile_portfolio .tile_portfolio_hover .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .tiles .tile_portfolio .tile_portfolio_hover .all_articles_decor:after, .tiles .tile_portfolio .tile_portfolio_hover .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .tiles .tile_portfolio .tile_portfolio_hover .section_ico:before, .tiles .tile_portfolio .tile_portfolio_hover .contacts .contacts_plug, .contacts .tiles .tile_portfolio .tile_portfolio_hover .contacts_plug {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: auto;bottom: 0;height: 100%;background-color: #4ec6d5;opacity: 0}

.tiles .tile_portfolio .tile_portfolio_hover .tiles_text {padding: 0 30px;height: 160px;font: 15px/18px "Gotham Medium", sans-serif;color: #fff;letter-spacing: 0.06em}

.tiles .tile_portfolio .tile_portfolio_site {left: 0;bottom: 90px;width: 100%;height: 0;opacity: 0;display: block;position: absolute}

.tiles .tile_portfolio .tile_portfolio_site span {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-box-sizing: border-box;box-sizing: border-box;padding: 12px 18px 0 18px;height: 36px;font: 12px/12px "Gotham Medium", sans-serif;color: #fd702e;letter-spacing: 0.035em;background-color: #fff;border-radius: 3px 3px 8px 3px;display: inline-block;position: relative}

.tiles .tile_portfolio .tile_portfolio_site:hover span {color: #4cc4db}

.tiles .tile_portfolio:hover .tile_portfolio_hover .FILL_all, .tiles .tile_portfolio:hover .tile_portfolio_hover .popup_close:before, .tiles .tile_portfolio:hover .tile_portfolio_hover .popup_close:after, .tiles .tile_portfolio:hover .tile_portfolio_hover .load_more .load_more_ico:before, .load_more .tiles .tile_portfolio:hover .tile_portfolio_hover .load_more_ico:before, .tiles .tile_portfolio:hover .tile_portfolio_hover .load_more .load_more_ico:after, .load_more .tiles .tile_portfolio:hover .tile_portfolio_hover .load_more_ico:after, .tiles .tile_portfolio:hover .tile_portfolio_hover .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .tile_portfolio:hover .tile_portfolio_hover .tiles_ico_bg, .tiles .tile_portfolio:hover .tile_portfolio_hover .tile_portfolio_hover, .tiles .tile_portfolio:hover .tile_portfolio_hover .tile_form .tile_form_ico:before, .tiles .tile_form .tile_portfolio:hover .tile_portfolio_hover .tile_form_ico:before, .tiles .tile_portfolio:hover .tile_portfolio_hover .header_lang .lang_link .lang_bg, .header_lang .lang_link .tiles .tile_portfolio:hover .tile_portfolio_hover .lang_bg, .tiles .tile_portfolio:hover .tile_portfolio_hover .side_menu_button:before, .tiles .tile_portfolio:hover .tile_portfolio_hover .side_menu_button:after, .tiles .tile_portfolio:hover .tile_portfolio_hover .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .tiles .tile_portfolio:hover .tile_portfolio_hover .sml_video_decor, .tiles .tile_portfolio:hover .tile_portfolio_hover .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .tiles .tile_portfolio:hover .tile_portfolio_hover .sml_video_decor:before, .tiles .tile_portfolio:hover .tile_portfolio_hover .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .tiles .tile_portfolio:hover .tile_portfolio_hover .sml_video_decor:after, .tiles .tile_portfolio:hover .tile_portfolio_hover .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .tiles .tile_portfolio:hover .tile_portfolio_hover .all_articles_decor, .tiles .tile_portfolio:hover .tile_portfolio_hover .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .tiles .tile_portfolio:hover .tile_portfolio_hover .all_articles_decor:before, .tiles .tile_portfolio:hover .tile_portfolio_hover .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .tiles .tile_portfolio:hover .tile_portfolio_hover .all_articles_decor:after, .tiles .tile_portfolio:hover .tile_portfolio_hover .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .tiles .tile_portfolio:hover .tile_portfolio_hover .section_ico:before, .tiles .tile_portfolio:hover .tile_portfolio_hover .contacts .contacts_plug, .contacts .tiles .tile_portfolio:hover .tile_portfolio_hover .contacts_plug, .tiles .tile_portfolio:hover .tile_portfolio_site {opacity: 0.9}

.tiles .tile_misc .tiles_ico_wrap .ti_01 {width: 30px;height: 77px;background-position: -4px -4px}

.tiles .tile_misc .tiles_ico_wrap .ti_02 {width: 82px;height: 60px;background-position: -38px -4px}

.tiles .tile_misc .tiles_ico_wrap .ti_02:before {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 27px;height: 27px;background: url(/local/templates/f5-studio/img/tiles_icons.png) -38px -68px no-repeat;position: absolute;content: ""}

.tiles .tile_misc .tiles_ico_wrap .ti_03, .tiles .tile_misc .tiles_ico_wrap .ti_04 {background: none}

.tiles .tile_misc .tiles_ico_wrap .ti_03:before, .tiles .tile_misc .tiles_ico_wrap .ti_03:after, .tiles .tile_misc .tiles_ico_wrap .ti_04:before, .tiles .tile_misc .tiles_ico_wrap .ti_04:after {left: 0;right: 0;margin: auto;background: url(/local/templates/f5-studio/img/tiles_icons.png) no-repeat;position: absolute;content: ""}

.tiles .tile_misc .tiles_ico_wrap .ti_03:before, .tiles .tile_misc .tiles_ico_wrap .ti_04:before {top: 0;width: 23px;height: 24px}

.tiles .tile_misc .tiles_ico_wrap .ti_03:after, .tiles .tile_misc .tiles_ico_wrap .ti_04:after {bottom: 0}

.tiles .tile_misc .tiles_ico_wrap .ti_03 {width: 95px;height: 102px}

.tiles .tile_misc .tiles_ico_wrap .ti_03:before {background-position: -161px -4px}

.tiles .tile_misc .tiles_ico_wrap .ti_03:after {width: 95px;height: 65px;background-position: -124px -32px}

.tiles .tile_misc .tiles_ico_wrap .ti_04 {width: 85px;height: 108px}

.tiles .tile_misc .tiles_ico_wrap .ti_04:before {background-position: -254px -4px}

.tiles .tile_misc .tiles_ico_wrap .ti_04:after {width: 85px;height: 71px;background-position: -223px -32px}

.tiles .tile_misc .tiles_title {margin-top: -4px;font: 13px/21px "Gotham Regular", sans-serif;letter-spacing: 0.02em;color: #000;display: block}

.tiles .tile_form {padding: 27px 25px 0 25px;text-align: center}

.tiles .tile_form .tile_form_ico {margin: 0 auto 13px auto;width: 63px;height: 63px;position: relative}

.tiles .tile_form .tile_form_ico:before {background-color: #c9eaeb;border-radius: 50%;content: ""}

.tiles .tile_form .tile_form_ico:after {top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 28px;height: 20px;background: url(/local/templates/f5-studio/img/tiles_icons.png) -69px -68px no-repeat;position: absolute;content: ""}

.tiles .tile_form .tiles_title {margin-bottom: 27px;font: 17px/17px "Gotham Regular", sans-serif;color: #62c2cd;letter-spacing: 0.02em}

@media only screen and (max-width: 1280px) {
    .tiles_wrap {width: 1000px}
    }

.browser-warning {padding: 18px 0;font: 15px Helvetica, Arial, sans-serif;color: #7e7e7e;background-color: #f5f5f5;border: 1px solid #e6e6e6}

.browser-warning .browser-warning_close {top: 50%;right: 0;margin-top: -11px;font-size: 22px;line-height: 22px;color: #8a8a8a;cursor: pointer;position: absolute}

.browser-warning .browser-warning_close:hover {color: #555}

.swiper-container {margin: 0 auto;position: relative;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}

.swiper-wrapper {position: relative;width: 100%;overflow: hidden;-webkit-transition-property: -webkit-transform, left, top;-webkit-transition-duration: 0s;-webkit-transform: translate3d(0px, 0, 0);-webkit-transition-timing-function: ease;-moz-transition-property: -moz-transform, left, top;-moz-transition-duration: 0s;-moz-transform: translate3d(0px, 0, 0);-moz-transition-timing-function: ease;-o-transition-property: -o-transform, left, top;-o-transition-duration: 0s;-o-transform: translate3d(0px, 0, 0);-o-transition-timing-function: ease;-o-transform: translate(0px, 0px);-ms-transition-property: -ms-transform, left, top;-ms-transition-duration: 0s;-ms-transform: translate3d(0px, 0, 0);-ms-transition-timing-function: ease;transition-property: transform, left, top;transition-duration: 0s;transform: translate3d(0px, 0, 0);transition-timing-function: ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}

.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;position: relative}

.swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;position: relative}

.swiper-wp8-horizontal {-ms-touch-action: pan-y}

.swiper-wp8-vertical {-ms-touch-action: pan-x}

#fancybox-loading {top: 50%;left: 50%;width: 40px;height: 40px;overflow: hidden;display: none;cursor: pointer;position: fixed;z-index: 1104}

#fancybox-loading div {top: 0;left: 0;width: 40px;height: 480px;background-image: url(/local/templates/f5-studio/img/fancybox.png);position: absolute}

#fancybox-overlay {top: 0;left: 0;width: 100%;display: none;position: absolute;z-index: 1100}

#fancybox-tmp {margin: 0;padding: 0;border: 0;overflow: auto;display: none}

#fancybox-wrap {top: 0;left: 0;outline: none;display: none;position: absolute;z-index: 1101}

#fancybox-outer {width: 100%;height: 100%;background: #fff;overflow: hidden;position: relative}

#fancybox-content {padding: 0;width: 0;height: 0;outline: none;overflow: hidden;border: 0px solid #fff;position: relative;z-index: 1102}

#fancybox-hide-sel-frame {top: 0;left: 0;width: 100%;height: 100%;background: transparent;position: absolute;z-index: 1101}

#fancybox-close {top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url(/local/templates/f5-studio/img/fancybox.png) -40px 0px;cursor: pointer;display: none;position: absolute;z-index: 1103}

#fancybox-error {margin: 0;padding: 14px;font: normal 12px/20px Arial;color: #444}

#fancybox-img {margin: 0;padding: 0;width: 100%;height: 100%;line-height: 0;border: none;outline: 1px solid #666;vertical-align: top}

#fancybox-frame {width: 100%;height: 100%;border: none;display: block}

.fancybox-bg {margin: 0;padding: 0;width: 20px;height: 20px;border: 0;position: absolute;z-index: 1001}

#fancybox-left, #fancybox-right {bottom: 0px;width: 35%;height: 100%;background: transparent url(/local/templates/f5-studio/img/ie_fix.png);display: none;outline: none;cursor: pointer;position: absolute;z-index: 1102}

#fancybox-left {left: 0}

#fancybox-left:hover #fancybox-left-ico {opacity: 0.7}

#fancybox-right {right: 0}

#fancybox-right:hover #fancybox-right-ico {opacity: 0.7}

#fancybox-left-ico, #fancybox-right-ico {top: 50%;margin-top: -15px;width: 30px;height: 30px;background-image: url(/local/templates/f5-studio/img/fancybox.png);display: block;cursor: pointer;position: absolute;z-index: 1102}

#fancybox-left-ico {left: 0;background-position: -40px -30px}

#fancybox-right-ico {right: 0;background-position: -40px -60px}

html, body {height: 100%}

body {margin: 0;background-color: #f0f1f3;cursor: default}

.site_container {min-width: 1000px;min-height: 100%;overflow: hidden;position: relative}

.site_container .site_WORKAREA {min-height: 500px;display: block;position: relative}

.site_container_FIXED {left: 0;width: 100%;position: fixed}

.header_block {padding-top: 23px;height: 80px;background-color: #4fc7da;display: block}

.header_block .center_width {max-width: 1188px}

.header_block .last_item {text-align: right}

.header_lang {padding-right: 15px;white-space: nowrap;position: relative}

.header_lang .lang_list, .header_lang .lang_item {display: inline-block}

.header_lang .lang_list .lang_item + .lang_item {margin-left: 4px}

.header_lang .lang_link {width: 37px;height: 37px;text-decoration: none;display: block;position: relative}

.header_lang .lang_link > * {-webkit-transition: all 0.3s ease;transition: all 0.3s ease}

.header_lang .lang_link .lang_bg {-webkit-transform: scale(0);transform: scale(0);background-color: #7adbec;border-radius: 14px 3px 3px 3px}

.header_lang .lang_link .lang_bg:after {left: 0;right: 0;bottom: -3px;margin: auto;width: 0;height: 0;border-top: 3px solid #7adbec;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;content: ""}

.header_lang .lang_link .lang_text {padding-top: 13px;font: 11px/11px "Gotham Medium", sans-serif;color: #fff;text-align: center;text-transform: uppercase;display: block;position: relative}

.header_lang .lang_link:hover .lang_bg, .header_lang .lang_link__SELECTED .lang_bg {-webkit-transform: scale(1);transform: scale(1)}

.header_lang .lang_link:hover .lang_text, .header_lang .lang_link__SELECTED .lang_text {font-family: "Gotham Bold", sans-serif;color: #2c3c4b}

.header_logo {width: 100%;height: 57px;text-align: center;white-space: nowrap;position: relative}

.header_logo .logo_link {-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 6px 0 0 70px;height: 57px;text-decoration: none;display: inline-block;position: relative}

.header_logo .logo_link > * {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-align: left;display: block;position: relative}
.header_logo .logo_link {color: #fff;}
.header_logo .logo_link:hover {color: #b7f3fd;}
.header_logo .logo_link svg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 57px;
  height: 57px;
  }

.header_logo .logo_link:hover .logo_link_big {color: #b7f3fd}

.header_logo .logo_link_big {font: 26px/26px "Gotham Black", sans-serif;color: #fff;text-transform: uppercase}

.header_logo .logo_link_small {font: 15px/15px "Gotham Medium", sans-serif;color: #b7f3fd;letter-spacing: 0.02em}

@media only screen and (max-width: 1100px) {
    .header_logo .logo_link {padding-left: 55px;height: 46px}
    .header_logo .logo_link:before, .header_logo .logo_link:after {width: 46px;height: 46px}
    .header_logo .logo_link:after {background-position: -46px 0}
    .header_logo .logo_link_big {font-size: 20px;line-height: 20px}
    .header_logo .logo_link_small {font-size: 14px;line-height: 14px}
    }

.header_social {white-space: nowrap;position: relative;z-index: 1}

.header_social .social_list {-webkit-transition: all 0.3s ease;transition: all 0.3s ease}

.header_social .social_list .social_item {display: inline-block}

.header_social .social_list .social_item .social_link {-moz-box-sizing: border-box;box-sizing: border-box;width: 39px;height: 39px;text-decoration: none;border: 1px solid #b7f3fd;border-radius: 50%;display: block;position: relative}

.header_social .social_list .social_item .social_link:before, .header_social .social_list .social_item .social_link:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url(/local/templates/f5-studio/img/social.png) no-repeat;position: absolute;content: ""}

.header_social .social_list .social_item .social_link:after {opacity: 0}

.header_social .social_list .social_item .social_link:hover:after {opacity: 1}

.header_social .social_list .social_item .sl_01:before, .header_social .social_list .social_item .sl_01:after {width: 19px;height: 11px}

.header_social .social_list .social_item .sl_01:before {background-position: -4px -4px}

.header_social .social_list .social_item .sl_01:after {background-position: -27px -4px}

.header_social .social_list .social_item .sl_02:before, .header_social .social_list .social_item .sl_02:after {width: 15px;height: 15px}

.header_social .social_list .social_item .sl_02:before {background-position: -4px -19px}

.header_social .social_list .social_item .sl_02:after {background-position: -23px -19px}

.header_social .social_list .social_item .sl_03:before, .header_social .social_list .social_item .sl_03:after {width: 8px;height: 14px}

.header_social .social_list .social_item .sl_03:before {background-position: -4px -38px}

.header_social .social_list .social_item .sl_03:after {background-position: -16px -38px}

.header_social .social_list .social_item + .social_item {margin-left: 11px}

@media only screen and (max-width: 1200px) {
    .header_social ul.social_list {margin-right: -20px}
    }

.header_city {margin-bottom: 8px;width: 206px;white-space: nowrap;display: inline-block;position: relative}

.header_city .header_city_select {font: 15px/15px "Gotham Bold", sans-serif;position: relative}

.header_city .hcs_selector {-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 15px 5px 0;color: #fff;letter-spacing: 0.08em;cursor: pointer;display: inline-block;position: relative}

.header_city .hcs_selector span {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding-bottom: 1px;border-bottom: 2px dotted #b7f3fd}

.header_city .hcs_selector:hover span, .header_city .hcs_OPEN span {border-color: transparent}

.header_city .hcs_arrow {top: 0;bottom: 0;right: 0;margin: auto;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #b7f3fd;position: absolute}

.header_city .hcs_list {-moz-box-sizing: border-box;box-sizing: border-box;top: 35px;right: 0;padding: 15px 0;width: 100%;color: #81ced7;text-align: center;letter-spacing: 0.02em;background-color: #fff;border-radius: 8px;box-shadow: 0 15px 30px #ccc;position: absolute;z-index: 20}

.header_city .hcs_list:before {top: -9px;right: 16px;width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid #fff;position: absolute;content: ""}

.header_city .hcs_item {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 8px 0;cursor: pointer;position: relative}

.header_city .hcs_item:hover, .header_city .hcs_item_SELECTED {color: #f78560}

.header_tel {font: 19px/19px "Gotham Medium", sans-serif;color: #2c3c4b;letter-spacing: 0.06em;white-space: nowrap;display: block;position: relative}

.header_tel span {color: #b7f3fd}

.header_menu {left: 0;width: 100%;position: absolute;z-index: 10}

.header_menu .center_width {padding: 6px 0;max-width: 1252px;background-color: #4ec6d5}

.header_menu .order_site {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform: scale(0, 1);transform: scale(0, 1);float: left;max-width: 0;opacity: 0;overflow: hidden;position: relative}

.header_menu .order_site .order_site_link {padding-top: 9px;padding-bottom: 8px;font-size: 12px;line-height: 12px}

.header_menu ul.header_menu_list {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 15px;right: 200px;white-space: nowrap;text-align: center;position: absolute}

.header_menu ul.header_menu_list .header_menu_item {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;float: left;display: block}

.header_menu ul.header_menu_list .header_menu_item .header_menu_link {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;color: #2c3c4b;font: 14px/14px "Gotham Bold", sans-serif;letter-spacing: 0.2em;text-transform: uppercase;text-decoration: none;display: block;position: relative}

.header_menu ul.header_menu_list .header_menu_item .header_menu_link:hover, .header_menu ul.header_menu_list .header_menu_item .hml_SELECTED {color: #d0f8ff}

.header_menu ul.header_menu_list .header_menu_item + .header_menu_item {margin-left: 45px}

@media only screen and (max-width: 1180px) {
    .header_menu ul.header_menu_list .header_menu_item + .header_menu_item {margin-left: 25px}
    }

@media only screen and (max-width: 1100px) {
    .header_menu ul.header_menu_list {right: 140px}
    .header_menu ul.header_menu_list .header_menu_item .header_menu_link {letter-spacing: 0.16em}
    }

.side_menu_button {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;float: left;margin: 9px 30px 0 40px;width: 18px;height: 14px;cursor: pointer;position: relative}

.side_menu_button:before, .side_menu_button:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;content: ""}

.side_menu_button:before {background-position: -4px -21px}

.side_menu_button:after {background-position: -26px -21px;opacity: 0}

.side_menu_button:hover:after {opacity: 1}

.side_menu_button_ROTATE {-webkit-transform: rotate(90deg);transform: rotate(90deg)}

.side_menu_bg {z-index: 100}

.side_menu_pos {top: 0;left: 0;right: 0;margin: auto;max-width: 1800px;width: 100%;position: absolute;z-index: 100}

.side_menu_pos .side_menu {left: 0;width: 270px;height: 583px;text-align: center;background-color: #fafbfc;overflow: hidden;position: absolute}

.side_menu_pos .side_menu ul.side_menu_list {margin-bottom: 96px;padding-top: 63px}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item {margin-bottom: 32px;font: 12px/16px "Gotham Bold", sans-serif;letter-spacing: 0.12em;text-transform: uppercase}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .side_menu_link {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-box-sizing: border-box;box-sizing: border-box;color: #2c3c4b;text-align: center;text-decoration: none;display: inline-block;position: relative}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .side_menu_link:hover {color: #f78560}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_SELECTED {color: #f78560}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video {margin: -10px 0;padding-top: 10px;width: 79px;height: 34px;color: #60c5d4}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_text {position: relative}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: url(/local/templates/f5-studio/img/link_plates.png) -4px -4px no-repeat;content: ""}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after {background-position: -87px -4px;opacity: 0}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video:hover .sml_video_decor:before {opacity: 0}

.side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video:hover .sml_video_decor:after {opacity: 1}

.side_menu_pos .side_menu ul.side_menu_list .smi_SMALL {margin-bottom: 23px}

.side_menu_pos .side_menu ul.side_menu_list .smi_SMALL .side_menu_link {font-family: "Gotham Regular", sans-serif;letter-spacing: 0.06em;text-transform: none}

.side_menu_pos .side_menu_tel {margin-bottom: 16px;font: 19px/19px "Gotham Medium", sans-serif;color: #2c3c4b;letter-spacing: 0.06em;position: relative}

.side_menu_pos .side_menu_tel span {color: #60c5d4}

.side_menu_pos .side_menu_support {font: 11px/14px "Gotham Regular", sans-serif;color: #2c3c4b;letter-spacing: 0.12em;position: relative}

.side_menu_pos .side_menu_support b {font-family: "Gotham Bold", sans-serif;font-weight: normal}

.header_menu_FIXED {min-width: 1000px;position: fixed}

.header_menu_FIXED .center_width {-webkit-transition: box-shadow 0.3s ease;transition: box-shadow 0.3s ease;box-shadow: 0 2px 15px #157e8b}

.header_menu_FIXED .order_site {-webkit-transform: scale(1);transform: scale(1);max-width: 100%;opacity: 1}

.header_menu_FIXED ul.header_menu_list {right: 105px}

@media only screen and (max-width: 1100px) {
    .header_menu_FIXED ul.header_menu_list {right: 50px}
    }

.footer_fix {position: relative}

.footer_container {left: 0;bottom: 0;width: 100%;position: absolute}

.footer_container .footer_block {padding: 32px 0;font-family: "Gotham Medium", sans-serif;letter-spacing: 0.08em;text-transform: uppercase;white-space: nowrap;background-color: #293644;display: block;position: relative}

.footer_container .footer_block .center_width {max-width: 1252px}

.f5_studio {text-align: center;position: relative}

.f5_studio .f5_studio_link {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px 0 0 50px;height: 35px;font-size: 15px;line-height: 15px;color: #4b6681;text-decoration: none;display: inline-block;position: relative}
.f5_studio .f5_studio_link svg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 35px;
    color: #4cc4db;
    transition: color .3s ease;
    }
.f5_studio .f5_studio_link:hover {color: #fff}
.f5_studio .f5_studio_link:hover svg {
    color: #fff;
    }
/*.f5_studio .f5_studio_link:before, .f5_studio .f5_studio_link:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 0;left: 0;width: 35px;height: 35px;background: url(/local/templates/f5-studio/img/logo_footer.png) no-repeat;position: absolute;content: ""}

.f5_studio .f5_studio_link:before {background-position: 0 0}

.f5_studio .f5_studio_link:after {background-position: -35px 0;opacity: 0}

.f5_studio .f5_studio_link:hover {color: #fff}

.f5_studio .f5_studio_link:hover:after {opacity: 1}*/

.footer_navi {top: 0;left: 0;width: 100%;position: absolute}

.footer_navi .footer_navi_left, .footer_navi .footer_navi_right {-moz-box-sizing: border-box;box-sizing: border-box;top: 0;padding-top: 12px;height: 33px;font-size: 11px;line-height: 11px;color: #fff;text-decoration: none;display: block;cursor: pointer;position: absolute}

.footer_navi .footer_navi_left span, .footer_navi .footer_navi_right span {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding-bottom: 2px;border-bottom: 1px solid #4cc4db}

.footer_navi .footer_navi_left:hover span, .footer_navi .footer_navi_right:hover span {border-bottom-color: transparent}

.footer_navi .footer_navi_left:before, .footer_navi .footer_navi_left:after, .footer_navi .footer_navi_right:before, .footer_navi .footer_navi_right:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 0;width: 37px;height: 33px;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;position: absolute;content: ""}

.footer_navi .footer_navi_left:after, .footer_navi .footer_navi_right:after {opacity: 0}

.footer_navi .footer_navi_left:hover:after, .footer_navi .footer_navi_right:hover:after {opacity: 1}

.footer_navi .footer_navi_left {left: 10px;padding-left: 48px}

.footer_navi .footer_navi_left:before, .footer_navi .footer_navi_left:after {left: 0}

.footer_navi .footer_navi_left:before {background-position: -4px -55px}

.footer_navi .footer_navi_left:after {background-position: -4px -92px}

.footer_navi .footer_navi_right {right: 10px;padding-right: 48px}

.footer_navi .footer_navi_right:before, .footer_navi .footer_navi_right:after {right: 0}

.footer_navi .footer_navi_right:before {background-position: -45px -55px}

.footer_navi .footer_navi_right:after {background-position: -45px -92px}

.advantages {margin-bottom: 32px;text-align: center;background-color: #81d6e4;position: relative}

.advantages .center_width {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 50px 0 56px 0;max-width: 1035px}

.advantages:before {background-position: -4px -4px}

.advantages .section_ico {top: -10px;width: 19px;height: 20px;background-position: -4px -129px}

.advantages h1 {margin: 0 0 35px 0;font: 32px/38px "Gotham Black", sans-serif;color: #fff;letter-spacing: 0.02em;text-transform: uppercase;display: block}

.advantages .advantages_article {margin: 0 auto 60px auto;width: 800px;font: 21px/30px "Gotham Regular", sans-serif;color: #2c3c4b;letter-spacing: 0.02em;position: relative}

.advantages .advantages_article a {font-family: "Gotham Medium", sans-serif;color: #2c3c4b;border-color: #fff}

.advantages .advantages_article a:hover {color: #3299ad;border-color: transparent}

.advantages .advantages_lamp {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;bottom: -9px;right: -310px;width: 633px;height: 435px;background: url(/local/templates/f5-studio/img/lamp.png) 0 0 no-repeat;position: absolute}

.advantages ul.advantages_list .advantages_plate {-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;padding-top: 61px;width: 267px;height: 269px;background: #fbfbfb url(/local/templates/f5-studio/img/advantages_plate.png) 0 0 no-repeat;position: relative}

.advantages ul.advantages_list .advantages_plate h2 {margin: 0 0 19px 0;font: 17px/20px "Gotham Bold", sans-serif;color: #33bdcf;text-transform: uppercase;display: block}

.advantages ul.advantages_list .advantages_plate .advantages_plate_text {font: 15px/20px "Lato Regular", sans-serif;color: #828f98;display: block;position: relative}

.advantages ul.advantages_list .advantages_plate:before {left: -26px;bottom: -26px;width: 290px;height: 298px;background: url(/local/templates/f5-studio/img/advantages_plate_shadow.png) 0 0 no-repeat;position: absolute;content: ""}

@media only screen and (max-width: 1190px) {
    .advantages .center_width {max-width: 882px}
    .advantages .advantages_lamp {right: -260px;bottom: 50px}
    }

.index_blog {padding: 64px 0 34px 0;background-color: #3b5065;position: relative}

.index_blog .blog_head {margin-bottom: 36px;position: relative}

.index_blog .blog_head h1 {margin: 0;font: 26px/26px "Gotham Regular", sans-serif;color: #fff;letter-spacing: 0.02em;text-align: center;text-transform: uppercase;display: block}

.index_blog .blog_head .all_articles {-moz-box-sizing: border-box;box-sizing: border-box;top: -7px;right: 0;padding-top: 13px;width: 116px;height: 40px;font: 13px/13px "Gotham Black", sans-serif;color: #fff;text-align: center;display: block;position: absolute}

.index_blog .blog_head .all_articles .all_articles_text {position: relative}

.index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .all_articles_decor:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: url(/local/templates/f5-studio/img/link_plates.png) -4px -42px no-repeat;content: ""}

.index_blog .blog_head .all_articles .all_articles_decor:after {background-position: -124px -42px;opacity: 0}

.index_blog .blog_head .all_articles:hover .all_articles_decor:before {opacity: 0}

.index_blog .blog_head .all_articles:hover .all_articles_decor:after {opacity: 1}

.index_blog ul.blog_list .blog_item {margin: 0 0 38px 23px;width: 311px;vertical-align: top;display: inline-block}

.index_blog ul.blog_list .blog_item:nth-child(3n+1) {margin-left: 0}

.index_blog ul.blog_list .blog_item .blog_item_link {display: block;position: relative}

.index_blog ul.blog_list .blog_item .blog_item_link * {display: block;position: relative}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_pic_wrap {margin-bottom: 16px;width: 311px;height: 229px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_pic_wrap .bil_pic_shadow {left: 0;bottom: 0;width: 100%;height: 175px;background: url(/local/templates/f5-studio/img/blog_index_pic_shadow.png) 0 100% repeat-x;position: absolute}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_pic_wrap .bil_pic_date, .index_blog ul.blog_list .blog_item .blog_item_link .bil_pic_wrap .bil_pic_counter {color: #fff;bottom: 18px;position: absolute}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_pic_wrap .bil_pic_date {left: 20px;font: 18px/18px "Gotham Black", sans-serif;letter-spacing: 0.05em}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_pic_wrap .bil_pic_date span {font-size: 30px;line-height: 30px;display: inline}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_pic_wrap .bil_pic_counter {right: 14px;font: 12px/12px "Gotham Black", sans-serif}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_pic_wrap .bil_pic_counter:before {top: 1px;left: -20px;width: 14px;height: 9px;background: url(/local/templates/f5-studio/img/sprite.png) -28px -4px no-repeat;position: absolute;content: ""}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_text {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 14px 18px 15px 18px;font: 15px/19px "Gotham Light", sans-serif;color: #81cde1;letter-spacing: 0.04em;background-color: #3b5065;border: 2px solid #47657b;border-radius: 3px}

.index_blog ul.blog_list .blog_item .blog_item_link .bil_text:before {top: -11px;left: 35px;width: 20px;height: 12px;background: url(/local/templates/f5-studio/img/blog_index_text_decor.png) 0 0 no-repeat;position: absolute;content: ""}

.index_blog ul.blog_list .blog_item .blog_item_link:hover .bil_text {color: #fff}

.blog {padding: 43px 0 68px 0;position: relative}

.blog .blog_item {margin-bottom: 25px;width: 648px;height: 376px;background-color: #dbdbdb;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;display: block;overflow: hidden;position: relative}

.blog .blog_item * {display: block}

.blog .blog_item nobr {display: inline}

.blog .blog_item:hover .blog_item_title {color: #fff}

.blog .short {width: 312px}

.blog .short .blog_item_info .blog_item_text {margin-right: 0}

.blog .short:hover .blog_item_text {color: #4ec6d5}

.blog .wide {width: 980px}

.blog .wide .blog_item_info {padding: 0 40px 55px 40px}

.blog .blog_item_info {-moz-box-sizing: border-box;box-sizing: border-box;left: 0;bottom: 0;padding: 0 30px 33px 30px;width: 100%;position: absolute}

.blog .blog_item_info .blog_item_shadow {left: 0;bottom: 0;width: 100%;height: 100%;background: url(/local/templates/f5-studio/img/blog_pic_shadow.png) 0 0 repeat-x;background-size: contain;position: absolute}

.blog .blog_item_info .blog_item_line {position: relative}

.blog .blog_item_info .blog_item_date, .blog .blog_item_info .blog_item_counter {color: #fff;position: relative}

.blog .blog_item_info .blog_item_date {float: left;font: 18px/18px "Gotham Black", sans-serif;letter-spacing: 0.05em}

.blog .blog_item_info .blog_item_date span {font-size: 30px;line-height: 30px;display: inline}

.blog .blog_item_info .blog_item_counter {float: right;top: 35px;font: 12px/12px "Gotham Black", sans-serif}

.blog .blog_item_info .blog_item_counter:before {top: 1px;left: -20px;width: 14px;height: 9px;background: url(/local/templates/f5-studio/img/sprite.png) -28px -4px no-repeat;position: absolute;content: ""}

.blog .blog_item_info .blog_item_title, .blog .blog_item_info .blog_item_text {-webkit-transition: all 0.3s ease;transition: all 0.3s ease}

.blog .blog_item_info .blog_item_title {margin-bottom: 16px;font: 21px/21px "Gotham Medium", sans-serif;color: #62c2cd;letter-spacing: 0.02em;text-transform: uppercase;position: relative}

.blog .blog_item_info .blog_item_text {margin-right: 160px;font: 14px/20px "Gotham Medium", sans-serif;color: #fff;letter-spacing: 0.02em;position: relative}

.blog .blog_item_info .button_01 {right: 0;bottom: 0;position: absolute}

.blog .blog_item_info .button_01 * {font-family: "Gotham Medium", sans-serif;background-color: #78c3cd}

.blog .load_more {color: #81ced7;border-color: #81ced7}

.blog .load_more .load_more_ico:before {background-position: -29px -153px}

.page_detail {position: relative}

.page_detail .detail_header {text-align: center;background: #4a4d73 url(/local/templates/f5-studio/img/page_detail_header.jpg) 50% 50% no-repeat;background-size: cover;position: relative}

.page_detail .detail_header .center_width {padding-top: 110px;padding-bottom: 50px;max-width: 1200px;min-height: 170px}

.page_detail .detail_header .detail_author {padding-bottom: 44px;left: 10px;bottom: 0;width: 170px;text-align: center;position: absolute}

.page_detail .detail_header .detail_author:after {left: 0;right: 0;bottom: 0;margin: auto;width: 19px;height: 19px;background: url(/local/templates/f5-studio/img/sprite.png) -4px -181px no-repeat;position: absolute;content: ""}

.page_detail .detail_header .detail_author .detail_author_pic {width: 116px;height: 116px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 50%;display: inline-block;overflow: hidden;position: relative}

.page_detail .detail_header .detail_author .detail_author_name {margin-bottom: 12px;font: 18px/16px "Gotham Medium", sans-serif;color: #fff;letter-spacing: 0.08em;position: relative}

.page_detail .detail_header .detail_author .detail_author_post {font: 13px/13px "Gotham Medium", sans-serif;color: #50c7d9;letter-spacing: 0.04em;position: relative}

.page_detail .detail_header .detail_title {margin: 0 auto;padding-left: 170px;width: 700px;position: relative}

.page_detail .detail_header .detail_title .detail_date {margin-bottom: 20px;font: 18px/18px "Gotham Black", sans-serif;color: #50c7d9;letter-spacing: 0.05em}

.page_detail .detail_header .detail_title .detail_date span {font-size: 22px}

.page_detail .detail_header .detail_title h1 {margin: 0;color: #fff;display: inline}

.page_detail .detail_header .detail_title .detail_counter {top: -6px;margin-left: 12px;padding-left: 19px;font: 12px/12px "Gotham Black", sans-serif;color: #f78560;display: inline-block;position: relative}

.page_detail .detail_header .detail_title .detail_counter:before {top: 1px;left: 0;width: 14px;height: 9px;background: url(/local/templates/f5-studio/img/sprite.png) -46px -4px no-repeat;position: absolute;content: ""}

.page_detail .detail_content {padding: 33px 0 40px 0;position: relative}

.page_detail .detail_content p, .page_detail .detail_content blockquote, .page_detail .detail_content h1, .page_detail .detail_content h2, .page_detail .detail_content h3, .page_detail .detail_content h4, .page_detail .detail_content h5, .page_detail .detail_content h6 {margin-left: 150px;margin-right: 150px}

.page_detail .detail_content img {margin-bottom: 36px}

.portfolio_detail {position: relative}

.portfolio_detail h1, .portfolio_detail h2 {text-align: center}

.portfolio_detail .portfolio_header {padding-bottom: 86px;text-align: center;background-color: #444458;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;position: relative}

.portfolio_detail .portfolio_header .center_width {max-width: 802px}

.portfolio_detail .portfolio_header h1 {margin: 0 0 70px 0;color: #fff;letter-spacing: 0.04em}

.portfolio_detail .portfolio_header .ph_anno {margin-bottom: 66px;padding: 44px 60px 30px 60px;font: 21px/28px "Gotham Light", sans-serif;color: #fff;letter-spacing: normal;border: 5px solid #826cd0;border-top-color: transparent;position: relative}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_title {top: -15px;left: 0;width: 100%;font: 27px/27px "Gotham Regular", sans-serif;color: #fff;text-transform: uppercase;text-align: center;position: absolute}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_prev, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100px;font: 12px/15px "Gotham Medium", sans-serif;color: #4ec6d5;letter-spacing: 0.14em;text-align: center;text-transform: uppercase;display: block;position: absolute}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > *, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * {margin: 0 auto 18px auto;width: 52px;height: 52px;display: block;position: relative}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > *:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > *:after {top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 10px;height: 15px;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;position: absolute;content: ""}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .FILL_all, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .popup_close:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .popup_close:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .load_more .load_more_ico:before, .load_more .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .load_more_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .load_more .load_more_ico:after, .load_more .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .load_more_ico:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .tiles_ico_bg, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .tiles .tile_portfolio .tile_portfolio_hover, .tiles .tile_portfolio .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .tile_portfolio_hover, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .tiles .tile_form .tile_form_ico:before, .tiles .tile_form .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .tile_form_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .header_lang .lang_link .lang_bg, .header_lang .lang_link .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .lang_bg, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .side_menu_button:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .side_menu_button:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .sml_video_decor, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .sml_video_decor:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .sml_video_decor:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .all_articles_decor, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .all_articles_decor:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .all_articles_decor:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .section_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .contacts .contacts_plug, .contacts .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev > * .contacts_plug, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .FILL_all, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .popup_close:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .popup_close:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .load_more .load_more_ico:before, .load_more .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .load_more_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .load_more .load_more_ico:after, .load_more .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .load_more_ico:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .tiles_ico_bg, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .tiles .tile_portfolio .tile_portfolio_hover, .tiles .tile_portfolio .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .tile_portfolio_hover, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .tiles .tile_form .tile_form_ico:before, .tiles .tile_form .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .tile_form_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .header_lang .lang_link .lang_bg, .header_lang .lang_link .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .lang_bg, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .side_menu_button:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .side_menu_button:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .sml_video_decor, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .sml_video_decor:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .sml_video_decor:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .all_articles_decor, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .all_articles_decor:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .all_articles_decor:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .section_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .contacts .contacts_plug, .contacts .portfolio_detail .portfolio_header .ph_anno .ph_anno_next > * .contacts_plug {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #fff;border-radius: 50%;opacity: 0.4}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .FILL_all, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .popup_close:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .popup_close:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .load_more .load_more_ico:before, .load_more .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .load_more_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .load_more .load_more_ico:after, .load_more .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .load_more_ico:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .tiles_ico_bg, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .tiles .tile_portfolio .tile_portfolio_hover, .tiles .tile_portfolio .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .tile_portfolio_hover, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .tiles .tile_form .tile_form_ico:before, .tiles .tile_form .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .tile_form_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .header_lang .lang_link .lang_bg, .header_lang .lang_link .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .lang_bg, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .side_menu_button:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .side_menu_button:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .sml_video_decor, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .sml_video_decor:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .sml_video_decor:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .all_articles_decor, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .all_articles_decor:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .all_articles_decor:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .section_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .contacts .contacts_plug, .contacts .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev:hover span .contacts_plug, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .FILL_all, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .popup_close:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .popup_close:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .load_more .load_more_ico:before, .load_more .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .load_more_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .load_more .load_more_ico:after, .load_more .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .load_more_ico:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .tiles_ico_bg, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .tiles .tile_portfolio .tile_portfolio_hover, .tiles .tile_portfolio .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .tile_portfolio_hover, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .tiles .tile_form .tile_form_ico:before, .tiles .tile_form .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .tile_form_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .header_lang .lang_link .lang_bg, .header_lang .lang_link .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .lang_bg, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .side_menu_button:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .side_menu_button:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .sml_video_decor, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .sml_video_decor:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .sml_video_decor:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .all_articles_decor, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .all_articles_decor:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .all_articles_decor:after, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .section_ico:before, .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .contacts .contacts_plug, .contacts .portfolio_detail .portfolio_header .ph_anno .ph_anno_next:hover span .contacts_plug {opacity: 1}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_prev {left: -315px}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_prev span:after {background-position: -52px -181px}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_next {right: -315px}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_next span:after {background-position: -66px -181px}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_border_left, .portfolio_detail .portfolio_header .ph_anno .ph_anno_border_right {top: -5px;width: 321px;height: 5px;background-color: #826cd0;position: absolute}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_border_left {left: -5px}

.portfolio_detail .portfolio_header .ph_anno .ph_anno_border_right {right: -5px}

@media only screen and (max-width: 1450px) {
    .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev {left: -200px}
    .portfolio_detail .portfolio_header .ph_anno .ph_anno_next {right: -200px}
    }

@media only screen and (max-width: 1220px) {
    .portfolio_detail .portfolio_header .ph_anno .ph_anno_prev {left: -130px}
    .portfolio_detail .portfolio_header .ph_anno .ph_anno_next {right: -130px}
    .portfolio_detail .portfolio_header .ph_anno .ph_anno_border_left, .portfolio_detail .portfolio_header .ph_anno .ph_anno_border_right {width: 270px}
    }

.portfolio_detail .portfolio_header .ph_site {padding: 15px 36px 18px 36px;font: 15px/15px "Gotham Medium", sans-serif;color: #fd702e;letter-spacing: 0.035em;background-color: #fff;border-radius: 3px;display: inline-block;position: relative}

.portfolio_detail .portfolio_header .ph_site:hover {color: #2c3c4b}

@media only screen and (max-width: 1220px) {
    .portfolio_detail .portfolio_header .center_width {max-width: 700px}
    }

.portfolio_detail .header_dark_style h1, .portfolio_detail .header_dark_style .ph_anno {color: #2c3c4b}

.portfolio_detail .header_dark_style h1 .ph_anno_title, .portfolio_detail .header_dark_style .ph_anno .ph_anno_title {color: #2c3c4b}

.portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .FILL_all, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .popup_close:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .popup_close:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .load_more .load_more_ico:before, .load_more .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .load_more_ico:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .load_more .load_more_ico:after, .load_more .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .load_more_ico:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .tiles_ico_bg, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .tiles .tile_portfolio .tile_portfolio_hover, .tiles .tile_portfolio .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .tile_portfolio_hover, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .tiles .tile_form .tile_form_ico:before, .tiles .tile_form .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .tile_form_ico:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .header_lang .lang_link .lang_bg, .header_lang .lang_link .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .lang_bg, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .side_menu_button:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .side_menu_button:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .sml_video_decor, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .sml_video_decor:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .sml_video_decor:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .all_articles_decor, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .all_articles_decor:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .all_articles_decor:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .section_ico:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .contacts .contacts_plug, .contacts .portfolio_detail .header_dark_style .ph_anno .ph_anno_prev > * .contacts_plug, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .FILL_all, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .popup_close:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .popup_close:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .load_more .load_more_ico:before, .load_more .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .load_more_ico:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .load_more .load_more_ico:after, .load_more .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .load_more_ico:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .tiles .tiles_item .tiles_ico_wrap .tiles_ico_bg, .tiles .tiles_item .tiles_ico_wrap .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .tiles_ico_bg, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .tiles .tile_portfolio .tile_portfolio_hover, .tiles .tile_portfolio .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .tile_portfolio_hover, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .tiles .tile_form .tile_form_ico:before, .tiles .tile_form .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .tile_form_ico:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .header_lang .lang_link .lang_bg, .header_lang .lang_link .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .lang_bg, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .side_menu_button:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .side_menu_button:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .sml_video_decor, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:before, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .sml_video_decor:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .sml_video_decor:after, .side_menu_pos .side_menu ul.side_menu_list .side_menu_item .sml_video .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .sml_video_decor:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .index_blog .blog_head .all_articles .all_articles_decor, .index_blog .blog_head .all_articles .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .all_articles_decor, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .index_blog .blog_head .all_articles .all_articles_decor:before, .index_blog .blog_head .all_articles .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .all_articles_decor:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .index_blog .blog_head .all_articles .all_articles_decor:after, .index_blog .blog_head .all_articles .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .all_articles_decor:after, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .internet_adv .internet_adv_order .section_ico:before, .internet_adv .internet_adv_order .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .section_ico:before, .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .contacts .contacts_plug, .contacts .portfolio_detail .header_dark_style .ph_anno .ph_anno_next > * .contacts_plug {border-color: #50c7d9}

.portfolio_detail .header_dark_style .ph_anno .ph_anno_prev span:after {background-position: -52px -198px}

.portfolio_detail .header_dark_style .ph_anno .ph_anno_next span:after {background-position: -66px -198px}

.portfolio_detail .section_01 {padding-top: 76px;padding-bottom: 5px;text-align: center;background-color: #fff;position: relative}

.portfolio_detail .section_01:before {background-position: -4px -78px}

.portfolio_detail .section_01 .section_ico {top: -10px;width: 19px;height: 20px;background-position: -80px -129px}

.portfolio_detail .section_01 .center_width {max-width: 880px}

.portfolio_detail .section_01 h2 {margin: 0 0 16px 0;font-size: 21px;line-height: 26px}

.portfolio_detail .section_01 blockquote {margin-bottom: 50px}

.portfolio_detail .section_01 .section_01_slider {margin-bottom: 90px;overflow: visible}

.portfolio_detail .section_01 .section_01_slider .swiper-slide {padding: 0 5px}

.portfolio_detail .section_01 .section_01_slider .slider_controls {top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 980px;height: 0;position: absolute}

.portfolio_detail .section_01 .section_01_slider .slider_control_left, .portfolio_detail .section_01 .section_01_slider .slider_control_right {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 0;bottom: 0;margin: auto;width: 52px;height: 52px;background-color: #f78560;border-radius: 50%;cursor: pointer;position: absolute}

.portfolio_detail .section_01 .section_01_slider .slider_control_left:hover, .portfolio_detail .section_01 .section_01_slider .slider_control_right:hover {background-color: #40d5de}

.portfolio_detail .section_01 .section_01_slider .slider_control_left:after, .portfolio_detail .section_01 .section_01_slider .slider_control_right:after {top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 10px;height: 15px;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;position: absolute;content: ""}

.portfolio_detail .section_01 .section_01_slider .slider_control_left {left: 45px}

.portfolio_detail .section_01 .section_01_slider .slider_control_left:after {background-position: -52px -181px}

.portfolio_detail .section_01 .section_01_slider .slider_control_right {right: 45px}

.portfolio_detail .section_01 .section_01_slider .slider_control_right:after {background-position: -66px -181px}

.portfolio_detail .section_01 .section_01_slider .slider_counters {-moz-box-sizing: border-box;box-sizing: border-box;left: 0;right: 0;bottom: -28px;margin: auto;padding-top: 20px;width: 57px;height: 57px;font: 16px/16px "Gotham Regular", sans-serif;color: #fff;letter-spacing: normal;text-align: center;background-color: #40d5de;border-radius: 50%;position: absolute}

.portfolio_detail .section_01 .section_01_slider .slider_counters_all {top: -3px;font-size: 12px;line-height: 12px;color: #bdf1fa;display: inline-block;position: relative}

.portfolio_detail .section_02 {-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 540px;min-height: 874px;text-align: center;background-color: #61bed3;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;position: relative}

.portfolio_detail .section_02 .center_width {padding-top: 80px;max-width: 750px}

.portfolio_detail .section_02 h2 {color: #d1f0f3}

.portfolio_detail .section_02 blockquote {color: #fff}

.portfolio_detail .section_02 .section_02_pic {left: 0;right: 0;bottom: 38px;margin: auto;width: 822px;height: 479px;background-position: 50% 50%;background-repeat: no-repeat;position: absolute}

.portfolio_detail .section_02 .scrolling_pic {-moz-box-sizing: border-box;box-sizing: border-box;left: 0;right: 0;bottom: 38px;margin: auto;padding-top: 26px;width: 822px;height: 479px;font-size: 0;line-height: 0;text-align: center;background: url(/local/templates/f5-studio/img/scrolling_pic.png) 50% 0 no-repeat;position: absolute}

.portfolio_detail .section_02 .scrolling_pic .pic_block {margin: 0 auto;width: 618px;height: 389px;overflow: hidden;position: relative}

.portfolio_detail .section_02 .scrolling_pic img {display: block;position: relative}

.portfolio_detail .section_03 {padding: 23px 0 53px 0;text-align: center;background-color: #fff;position: relative}

.portfolio_detail .section_03 .section_03_slider {width: 980px}

.portfolio_detail .section_03 .section_03_slider .slider_decor_top, .portfolio_detail .section_03 .section_03_slider .slider_decor_bottom {background-color: #bee6f1;position: relative}

.portfolio_detail .section_03 .section_03_slider .slider_decor_top {-moz-box-sizing: border-box;box-sizing: border-box;padding: 21px 0 0 92px;height: 50px;font: 11px/11px "Gotham Regular", sans-serif;text-align: left;background: url(/local/templates/f5-studio/img/case/section_03_slider_top.png) 0 0 no-repeat;border-radius: 5px 5px 0 0}

.portfolio_detail .section_03 .section_03_slider .slider_decor_bottom {height: 24px;border-radius: 0 0 5px 5px}

.portfolio_detail .section_03 .slider_tabs {margin-bottom: 27px;font: 13px/13px "Gotham Medium", sans-serif;color: #6cb9c2;letter-spacing: 0.1em;position: relative}

.portfolio_detail .section_03 .slider_tabs .slider_tabs_item {-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 10px 30px 0 30px;height: 39px;border: 2px solid transparent;border-radius: 4px 4px 10px 4px;display: inline-block;cursor: pointer;position: relative}

.portfolio_detail .section_03 .slider_tabs .slider_tabs_item:hover {color: #fd702e}

.portfolio_detail .section_03 .slider_tabs .sti_SELECTED {color: #fd702e;border-color: #fd702e}

.portfolio_detail .section_03 .slider_tabs .sti_SELECTED:after {left: 0;right: 0;bottom: -8px;margin: auto;width: 13px;height: 8px;background: url(/local/templates/f5-studio/img/sprite.png) -64px -4px no-repeat;position: absolute;content: ""}

.portfolio_detail .section_03 .slider_control_left, .portfolio_detail .section_03 .slider_control_right {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 170px;width: 70px;height: 70px;background-color: #8fdbf0;border-radius: 50%;cursor: pointer;position: absolute;z-index: 2}

.portfolio_detail .section_03 .slider_control_left:hover, .portfolio_detail .section_03 .slider_control_right:hover {background-color: #7ecdd6}

.portfolio_detail .section_03 .slider_control_left:after, .portfolio_detail .section_03 .slider_control_right:after {top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 26px;height: 19px;background: url(/local/templates/f5-studio/img/sprite.png) no-repeat;position: absolute;content: ""}

.portfolio_detail .section_03 .slider_control_left {left: -137px}

.portfolio_detail .section_03 .slider_control_left:after {background-position: -4px -263px}

.portfolio_detail .section_03 .slider_control_right {right: -137px}

.portfolio_detail .section_03 .slider_control_right:after {background-position: -34px -263px}

@media only screen and (max-width: 1310px) {
    .portfolio_detail .section_03 .slider_control_left {left: -80px}
    .portfolio_detail .section_03 .slider_control_right {right: -80px}
    }

@media only screen and (max-width: 1200px) {
    .portfolio_detail .section_03 .slider_control_left {left: 20px}
    .portfolio_detail .section_03 .slider_control_right {right: 20px}
    }

.portfolio_detail .section_04 {padding: 44px 0 0 0;color: #fff;text-align: center;background: #787ace url(/local/templates/f5-studio/img/case/section_04_bg.jpg) 0 0 no-repeat;background-size: cover;position: relative}

.portfolio_detail .section_04 .center_width {max-width: 880px}

.portfolio_detail .section_04 h2 {margin: 0 0 42px 0;font-size: 21px;line-height: 26px;color: #fff}

.portfolio_detail .section_04 ul.section_04_list .section_04_item {margin: 0 18px 46px 18px;width: 200px;display: inline-block;vertical-align: top}

.portfolio_detail .section_04 .s04_ico_wrap {margin: 0 auto 8px auto;width: 124px;height: 138px;background: url(/local/templates/f5-studio/img/case/section_04_item.png) 0 0 no-repeat;position: relative}

.portfolio_detail .section_04 .s04_ico {top: 23px;left: 0;right: 0;margin: auto;width: 55px;height: 44px;position: absolute}

.portfolio_detail .section_04 .s04_ico_text {left: 0;bottom: 36px;width: 100%;font: 28px/28px "Gotham Medium", sans-serif;position: absolute}

.portfolio_detail .section_04 .s04_item_text {font: 14px/21px "Gotham Regular", sans-serif;position: relative}

.portfolio_detail .section_05 {padding: 48px 0 67px 0;text-align: center;background-color: #fff;position: relative}

.portfolio_detail .section_05 .center_width {max-width: 700px}

.portfolio_detail .section_05 blockquote {margin: 0 0 46px 0}

.portfolio_detail .section_05 .s05_social {font: 12px/12px "Gotham Medium", sans-serif;color: #60727f;text-transform: uppercase;position: relative}

.portfolio_detail .section_05 .s05_social_title {margin-bottom: 14px;position: relative}

.portfolio_detail .section_05 .s05_social_buttons {font-size: 0;line-height: 0;text-align: center;position: relative}

.portfolio_detail .section_05 .s05_social_buttons img {display: none}

.portfolio_detail .section_05 .s05_social_buttons a {margin-right: 10px;width: 90px;height: 35px;border-radius: 3px;display: inline-block;position: relative}

.portfolio_detail .section_05 .s05_social_buttons a:last-child {margin-right: 0}

.portfolio_detail .section_05 .s05_social_buttons a:before {top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: url(/local/templates/f5-studio/img/social_buttons.png) no-repeat;position: absolute;content: ""}

.portfolio_detail .section_05 .s05_social_buttons .asd_vk_share {background-color: #4c75a3}

.portfolio_detail .section_05 .s05_social_buttons .asd_vk_share:hover {background-color: #3167a3}

.portfolio_detail .section_05 .s05_social_buttons .asd_vk_share:before {width: 20px;height: 11px;background-position: -4px -4px}

.portfolio_detail .section_05 .s05_social_buttons .asd_fb_share {background-color: #4c68b3}

.portfolio_detail .section_05 .s05_social_buttons .asd_fb_share:hover {background-color: #3657af}

.portfolio_detail .section_05 .s05_social_buttons .asd_fb_share:before {width: 8px;height: 15px;background-position: -28px -4px}

.portfolio_detail .section_05 .s05_social_buttons .asd_tw_share {background-color: #00abed}

.portfolio_detail .section_05 .s05_social_buttons .asd_tw_share:hover {background-color: #009ee6}

.portfolio_detail .section_05 .s05_social_buttons .asd_tw_share:before {width: 16px;height: 13px;background-position: -40px -4px}

.portfolio_detail .section_06 {padding: 69px 0 36px 0;text-align: center;background-color: #def7fc;position: relative}

.portfolio_detail .section_06:before {background-position: -4px -115px}

.portfolio_detail .section_06 h2 {margin: 0 0 24px 0;font: 26px/26px "Gotham Regular", sans-serif;color: #31bdd2}

.portfolio_detail .section_06 .s06_text {margin-bottom: 25px;font: 15px/15px "Gotham Regular", sans-serif}

.portfolio_detail .section_06 .def_form {margin: 0 auto;width: 400px}

.portfolio_detail .section_06 .def_form input, .portfolio_detail .section_06 .def_form textarea {background-color: #fcfeff}

.portfolio_detail .section_06 .def_form input, .portfolio_detail .section_06 .def_form .def_form_label {height: 48px;text-align: left}

.portfolio_detail .section_06 .def_form textarea, .portfolio_detail .section_06 .def_form .def_textarea_label {height: 138px}

.portfolio_detail .section_06 .def_form .button_01 button {padding: 16px 26px;font-size: 15px;line-height: 15px;background-color: #4fc6d6}

.portfolio_detail .section_06 .def_form .button_01 button:hover {background-color: #46b9c8}

.portfolio_detail .scroll_to_top {-moz-box-sizing: border-box;box-sizing: border-box;top: 0;bottom: 0;right: 26px;margin: auto;padding-top: 40px;width: 65px;height: 64px;font: 10px/10px "Gotham Bold", sans-serif;color: #fd702e;text-align: center;text-transform: uppercase;letter-spacing: normal;background-color: #fff;border: 2px solid #fd702e;border-radius: 16px 4px 4px 4px;cursor: pointer;position: fixed;z-index: 10}

.portfolio_detail .scroll_to_top:before {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: 16px;left: 0;right: 0;margin: auto;width: 23px;height: 14px;background: url(/local/templates/f5-studio/img/sprite.png) -54px -216px no-repeat;position: absolute;content: ""}

.portfolio_detail .scroll_to_top:hover:before {top: 12px}

.clients {position: relative}

.clients .clients_head {text-align: center;background: url(/local/templates/f5-studio/img/clients_bg.jpg) 0 0 no-repeat;background-size: cover;position: relative}

.clients .clients_head .center_width {padding-bottom: 100px;max-width: 810px}

.clients .clients_head, .clients .clients_head h1 {color: #fff}

.clients .clients_content {padding: 80px 0 30px 0;background-color: #81d6e4;position: relative}

.clients .clients_content .section_ico {top: -10px;width: 19px;height: 20px;background-position: -27px -129px}

.clients .clients_content .center_width {max-width: 890px}

.clients .clients_content ul.clients_list {float: left}

.clients .clients_content ul.clients_list .clients_item {float: left;margin: 0 0 60px 30px;width: 200px;height: 100px}

.clients .clients_content ul.clients_list .clients_item:nth-child(4n+1) {margin-left: 0}

.clients .clients_content ul.clients_list .clients_item_pic {margin: 0 auto;width: 180px;height: 100px;background-position: 0 0;background-repeat: no-repeat;display: block;opacity: 0.8;position: relative}

.clients .clients_content ul.clients_list .clients_item_link {top: 0;left: 0;width: 100%;height: 100%;display: block;position: absolute}

.clients .clients_content ul.clients_list .clients_item_link .cil_hover {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform: scale(0);transform: scale(0);top: -50px;left: 0;width: 200px;height: 200px;background-color: #fb7b49;border-radius: 50%;display: block;opacity: 0;position: absolute}

.clients .clients_content ul.clients_list .clients_item_link .cil_hover span {top: 25px;left: 0;width: 100%;font: 11px/11px "Gotham Medium", sans-serif;color: #fff;text-align: center;text-transform: uppercase;display: block;position: absolute}

.clients .clients_content ul.clients_list .clients_item_link:hover {z-index: 1}

.clients .clients_content ul.clients_list .clients_item_link:hover .cil_hover {-webkit-transform: scale(1);transform: scale(1);opacity: 1}

.clients .clients_content ul.clients_list .clients_item_link:hover .clients_item_pic {background-position: 0 -100px;opacity: 1}

.services {position: relative}

.services .services_head_pic {height: 87px;background: url(/local/templates/f5-studio/img/clients_bg.jpg) 0 -170px no-repeat;background-size: cover;position: relative}

.services .center_width {max-width: 1252px}

.services .services_wrap {position: relative}

.services .services_wrap .section_margin {margin-right: 317px;position: relative}

.services .section {overflow: hidden;position: relative}

.services .section .section_pic {-webkit-transition: all 0.3s ease;transition: all 0.3s ease}

.services .section_head {-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 55px 50px 58px 265px;position: relative}

.services .section_head h2 {margin: 0 0 20px 0;font-size: 32px;line-height: 44px}

.services .section_head b {font-family: "Gotham Medium", sans-serif}

.services .section_head .button_03 {float: right;display: inline-block}

.services .section_head .button_03 a {padding-left: 22px;padding-right: 22px;color: #f78560}

.services .section_head .button_03 a:hover {color: #2c3c4b}

.services .section_head_text {font: 21px/30px "Gotham Regular", sans-serif;letter-spacing: normal;position: relative}

.services .section_big_link {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;top: -10px;left: 10px;padding: 26px 0 5px 0;width: 220px;font: 13px/21px "Gotham Medium", sans-serif;text-align: center;text-transform: uppercase;background-color: #fff;display: block;position: absolute;z-index: 1}

.services .section_big_link:after {left: 0;bottom: -42px;width: 100%;height: 44px;background: url(/local/templates/f5-studio/img/section_big_link.png) 50% 0 no-repeat;background-size: cover;position: absolute;content: ""}

.services .section_big_link .sbl_ico {margin: 0 auto 10px auto;width: 142px;height: 142px;display: block;position: relative}

.services .section_big_link .sbl_text {text-decoration: underline;display: block;position: relative}

.services .section_big_link:hover {top: 0}

.services .section_big_link:hover .sbl_text {text-decoration: none}

.services .section_01 {color: #fff;background: #5c6fbd url(/local/templates/f5-studio/img/services_section_01_bg.jpg) 100% 100% no-repeat;background-size: cover}

.services .section_01 .section_head {float: right;padding-left: 0;width: 670px}

.services .section_01 .section_head h2 {color: #fff;display: inline-block}

.services .section_01 .section_head_text {font-family: "Gotham Medium", sans-serif}

.services .section_01 .section_pic {top: 55px;left: 0;width: 217px;height: 196px;background: url(/local/templates/f5-studio/img/services_section_01_pic.png) 0 0 no-repeat;position: absolute}

.services .section_01 ul.section_list .section_item {-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 44px;padding: 10px 50px 0 65px;width: 50%;display: inline-block;vertical-align: top}

.services .section_01 ul.section_list .section_num {-moz-box-sizing: border-box;box-sizing: border-box;top: 0;left: 0;padding-top: 14px;width: 46px;height: 43px;font: 18px/18px "Gotham Medium", sans-serif;text-align: center;background: url(/local/templates/f5-studio/img/sprite.png) -4px -216px no-repeat;position: absolute}

.services .section_01 ul.section_list .section_title {margin-bottom: 18px;font: 23px/26px "Gotham Medium", sans-serif;position: relative}

.services .section_01 ul.section_list .section_text {font: 14px/19px "Lato Medium", sans-serif;position: relative}

@media only screen and (max-width: 1250px) {
    .services .section_01 .section_head {width: 660px}
    .services .section_01 .section_pic {left: -120px}
    }

@media only screen and (max-width: 1125px) {
    .services .section_01 .section_pic {left: -220px;opacity: 0}
    }

.services .section_02 {background-color: #e9fbff}

.services .section_02 .section_pic {right: 88px;bottom: -190px;width: 437px;height: 528px;background: url(/local/templates/f5-studio/img/services_section_02_pic.png) 0 0 no-repeat;position: absolute}

.services .section_02 .section_head {margin-bottom: 28px}

.services .section_02 .section_head h2 {color: #4ec6d5}

.services .section_02 .section_head_text {margin-bottom: 25px}

.services .section_02 .section_anno {font: 19px/27px "Lato Regular", sans-serif;position: relative}

@media only screen and (max-width: 1270px) {
    .services .section_02 .section_pic {right: -80px}
    }

@media only screen and (max-width: 1120px) {
    .services .section_02 .section_pic {right: -170px}
    }

.services .section_03 {background-color: #37dd9b}

.services .section_03 .section_margin {padding-bottom: 48px}

.services .section_03 .section_pic {right: -130px;bottom: -82px;width: 455px;height: 475px;background: url(/local/templates/f5-studio/img/services_section_03_pic.png) 0 0 no-repeat;position: absolute}

.services .section_03 .section_head {padding-bottom: 28px}

.services .section_03 .section_head h2 {color: #fff}

.services .section_03 .section_big_link {color: #1b1f20}

.services .section_03 .section_big_link:hover {color: #f78560}

.services .section_03 ul.section_list .section_item {-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 45px 5px 0;width: 272px;font: 16px/16px "Gotham Medium", sans-serif;color: #fff;letter-spacing: 0.1em;text-align: center;text-transform: uppercase;white-space: nowrap;vertical-align: top;display: inline-block;padding: 12px 14px;border: 2px solid transparent;display: inline-block}

.services .section_03 ul.section_list .si_SELECTED {font-family: "Gotham Black", sans-serif;color: #2c3c4b;border-color: #2c3c4b}

@media only screen and (max-width: 1230px) {
    .services .section_03 .section_pic {right: -250px}
    }

@media only screen and (max-width: 1100px) {
    .services .section_03 .section_pic {right: -400px;opacity: 0}
    }

.services .section_04 {background-color: #f8f8f9}

.services .section_04 .s_ico {top: 46px;left: 55px;width: 142px;height: 142px;position: absolute}

.services .section_04 .s_ico:after {top: -95px;left: -188px;width: 425px;height: 425px;background: url(/local/templates/f5-studio/img/services_section_04_ico_decor.png) 0 0 no-repeat;position: absolute;content: ""}

.services .section_04 .section_head {padding-top: 74px;padding-bottom: 17px}

.services .section_04 .section_head h2 {color: #4ec6d5}

.services .section_04 .section_pic {margin-left: 20px;width: 623px;height: 231px;background: url(/local/templates/f5-studio/img/services_section_04_pic.png) 0 0 no-repeat;position: relative}

.services .section_05 {color: #fff;background: #f98e56 url(/local/templates/f5-studio/img/services_section_05_bg.jpg) 100% 100% no-repeat;background-size: cover}

.services .section_05 .s_ico {top: 42px;left: 55px;width: 142px;height: 142px;position: absolute}

.services .section_05 .s_ico:after {top: -46px;left: -146px;width: 430px;height: 431px;background: url(/local/templates/f5-studio/img/services_section_05_ico_decor.png) 0 0 no-repeat;position: absolute;content: ""}

.services .section_05 .section_head {padding-top: 74px;padding-bottom: 208px}

.services .section_05 .section_head h2 {color: #2c3c4b}

.services .section_05 .section_pic {right: 60px;bottom: -82px;width: 498px;height: 320px;background: url(/local/templates/f5-studio/img/services_section_05_pic.png) 0 0 no-repeat;position: absolute}

@media only screen and (max-width: 1100px) {
    .services .section_05 .section_pic {right: -50px}
    }

.services .section_06 {background-color: #c2eaf6}

.services .section_06 .s_ico {top: 40px;left: 55px;width: 142px;height: 142px;position: absolute}

.services .section_06 .s_ico:after {top: -40px;left: -142px;width: 427px;height: 324px;background: url(/local/templates/f5-studio/img/services_section_06_ico_decor.png) 0 0 no-repeat;position: absolute;content: ""}

.services .section_06 .section_head {padding-top: 94px;padding-bottom: 206px}

.services .section_06 .section_head h2 {color: #4ec6d5}

.services .services_order {top: 0;right: 0;height: 100%;background-color: #c8f5ff;position: absolute}

.services .services_order_wrap {padding: 60px 0 0 39px;width: 280px;position: relative}

.services .services_order_wrap:after {top: 200px;left: -19px;width: 21px;height: 31px;background: url(/local/templates/f5-studio/img/sprite.png) -27px -181px no-repeat;position: absolute;content: ""}

.services .services_order_wrap h2 {margin: 0 0 18px 0;font: 26px/26px "Gotham Regular", sans-serif;color: #31bdd2}

.services .services_order_text {margin-bottom: 12px;font: 15px/19px "Gotham Light", sans-serif;letter-spacing: normal;position: relative}

.services .services_order_tel {margin-bottom: 29px;font: 26px/26px "Gotham Medium", sans-serif;letter-spacing: normal;position: relative}

.services .services_order_form .def_form_line {margin-bottom: 14px}

.services .services_order_form .custom_select_list {right: 22px;width: 236px}

.services .services_order_form input, .services .services_order_form textarea, .services .services_order_form .custom_select_selector {background-color: #f5fdff}

.services .services_order_form input, .services .services_order_form .def_form_label {height: 48px}

.services .services_order_form textarea, .services .services_order_form .def_textarea_label {height: 138px}

.services .services_order_form .button_01 {text-align: left}

.services .services_order_form .button_01 button {padding: 16px 26px;font-size: 15px;line-height: 15px;background-color: #4fc6d6}

.services .services_order_form .button_01 button:hover {background-color: #46b9c8}

.identity {position: relative}

.identity .center_width {padding-top: 98px}

.identity h1 {text-align: center}

.identity .tile_form {background-color: #4ec6d5}

.identity .tile_form .tiles_title {color: #fff}

.identity .tile_form input, .identity .tile_form textarea {background-color: #e6f6f7}

.identity .tile_form input:focus, .identity .tile_form textarea:focus {border-color: #3b9eb2;box-shadow: 0 0 20px #3b9eb2}

.identity .tile_form .button_01 button {color: #4ec6d5;background-color: #fff}

.identity .tile_form .button_01 button:hover {color: #fd702e}

.identity .tile_misc {background-color: #4ec6d5}

.identity .tile_misc .tiles_title {margin-top: -12px;color: #fff}

.internet_adv {text-align: center;position: relative}

.internet_adv .internet_adv_text {position: relative}

.internet_adv .internet_adv_text .center_width {padding-bottom: 30px;max-width: 740px}

.internet_adv .internet_adv_order {background-color: #4a6d84;position: relative}

.internet_adv .internet_adv_order:before {background-position: 50% -41px}

.internet_adv .internet_adv_order .section_ico {top: -12px;width: 63px;height: 63px;background: none}

.internet_adv .internet_adv_order .section_ico:before {background-color: #c9eaeb;border-radius: 50%;content: ""}

.internet_adv .internet_adv_order .section_ico:after {top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 28px;height: 20px;background: url(/local/templates/f5-studio/img/tiles_icons.png) -69px -68px no-repeat;position: absolute;content: ""}

.internet_adv .internet_adv_order .center_width {padding: 70px 0 40px 0;max-width: 367px}

.internet_adv .internet_adv_order h2 {margin: 0 0 25px 0;font: 26px/35px "Gotham Regular", sans-serif;color: #7ad0e7}

.internet_adv .internet_adv_order .button_02 {padding-top: 17px}

.internet_adv .internet_adv_order .button_02 button {padding-left: 54px}

.internet_adv .internet_adv_order .button_02 button:before {top: 0;bottom: 0;margin: auto;left: 14px;width: 31px;height: 17px;background: url(/local/templates/f5-studio/img/sprite.png) -48px -21px no-repeat;position: absolute;content: ""}

.vacancy {text-align: center;position: relative}

.vacancy .center_width {padding-bottom: 40px;max-width: 770px}

.vacancy blockquote {margin-bottom: 52px}

.vacancy .vacancy_address {font: 12px/30px "Gotham Regular", sans-serif;position: relative}

.vacancy .vacancy_address span {font: 24px/24px "Gotham Medium", sans-serif;color: #fd702e;text-transform: uppercase}

.vacancy ul.vacancy_list {float: left;margin-bottom: 35px;min-height: 288px}

.vacancy ul.vacancy_list .vacancy_item {-moz-box-sizing: border-box;box-sizing: border-box;float: left;margin: 0 0 60px 10px;padding-top: 19px;width: 250px;height: 242px;background-color: #fff;border-radius: 6px 6px 0 0;cursor: pointer}

.vacancy ul.vacancy_list .vacancy_item:nth-child(3n+1) {margin-left: 0}

.vacancy ul.vacancy_list .vacancy_item:before {left: 0;bottom: -47px;width: 100%;height: 50px;background: url(/local/templates/f5-studio/img/vacancy_decor.png) 0 0 no-repeat;position: absolute;content: ""}

.vacancy ul.vacancy_list .vacancy_item .vacancy_item_table {margin: 0 auto 12px auto;width: 142px;height: 142px;background-color: #c9eaeb;border-radius: 50%}

.vacancy ul.vacancy_list .vacancy_item .vacancy_title {font: 13px/21px "Gotham Medium", sans-serif;letter-spacing: 0.02em;text-transform: uppercase}

.vacancy ul.vacancy_list .vacancy_item .vacancy_title span {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;color: #1b1f20;border-bottom: 1px solid #a9c5c6}

.vacancy ul.vacancy_list .vacancy_item .vacancy_text {padding: 0 25px;font: 12px/18px "Gotham Regular", sans-serif;color: #798791;position: relative}

.vacancy ul.vacancy_list .vacancy_item:hover .vacancy_title span {color: #ff6e32;border-color: transparent}

.vacancy_popup {padding: 50px 0 55px 0;width: 885px;background-color: #fff;position: relative}

.vacancy_popup .popup_close {top: 23px;right: 23px}

.vacancy_popup .vacancy_popup_title, .vacancy_popup .vacancy_popup_desc {padding: 0 60px;text-align: center;position: relative}

.vacancy_popup .vacancy_popup_title {margin-bottom: 40px;font: 33px/40px "Gotham Bold", sans-serif;color: #50c7d9;letter-spacing: 0.12em;text-transform: uppercase}

.vacancy_popup .vacancy_popup_desc {margin-bottom: 25px;font: 17px/23px "Gotham Medium", sans-serif;letter-spacing: 0.02em}

.vacancy_popup .vacancy_popup_pay {-moz-box-sizing: border-box;box-sizing: border-box;float: left;padding: 30px 45px 45px 45px;width: 315px;text-align: center;background-color: #eef4f4;position: relative}

.vacancy_popup .vacancy_popup_pay .vpp_title {margin-bottom: 19px;font: 21px/20px "Gotham Medium", sans-serif;letter-spacing: 0.02em;position: relative}

.vacancy_popup .vacancy_popup_pay .vpp_summ {margin-bottom: 34px;font: 19px/21px "Gotham Medium", sans-serif;color: #50c7d9;position: relative}

.vacancy_popup .vacancy_popup_pay .vpp_summ span {font-size: 39px}

.vacancy_popup .vacancy_popup_pay .vpp_cond {font: 12px/20px "Gotham Regular", sans-serif;position: relative}

.vacancy_popup .vacancy_popup_pay .vpp_cond span {font-family: "Gotham Bold", sans-serif;font-size: 21px;text-transform: uppercase}

.vacancy_popup .vacancy_popup_items {float: right;margin-right: 70px;width: 460px;position: relative}

.vacancy_popup .vacancy_popup_items .vpi_section {margin-bottom: 34px;position: relative}

.vacancy_popup .vacancy_popup_items .vpi_title {margin-bottom: 17px;font: 21px/24px "Gotham Regular", sans-serif;color: #62c2cd;letter-spacing: 0.02em;text-transform: uppercase;position: relative}

.vacancy_popup .vacancy_popup_items .vpi_text {padding-left: 18px;font: 14px/20px "Lato Regular", sans-serif;position: relative}

.vacancy_popup .vacancy_popup_items ul.vpi_list .vpi_item {margin-bottom: 3px;padding-left: 12px}

.vacancy_popup .vacancy_popup_items ul.vpi_list .vpi_item:before {top: 8px;left: 0;width: 3px;height: 3px;background-color: #fd702e;position: absolute;content: ""}

.contacts {height: 790px;overflow: hidden;position: relative}

.contacts .center_width {max-width: 1252px}

.contacts #contacts_map {top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;position: absolute}

.contacts .gmnoprint, .contacts .gm-style-cc, .contacts a[href^="http://maps.google.com/maps?"] {display: none !important}

.contacts .contacts_plug {display: none}

.contacts .cp_MOSCOW {background: url(/local/templates/f5-studio/img/contacts_moscow_plug.jpg) 0 50% no-repeat;background-size: cover}

.contacts .map_selector {top: 130px;left: 10px;width: 298px;text-align: center;position: absolute}

.contacts .map_selector .ms_tabs_wrap {-moz-box-sizing: border-box;box-sizing: border-box;height: 288px;background: #37405e url(/local/templates/f5-studio/img/contacts_map_selector.jpg) 0 0 no-repeat;border-radius: 24px 4px 0 0;position: relative}

.contacts .map_selector .ms_tabs_wrap .ms_tabs_title {margin-bottom: 32px;font: 22px/22px "Gotham Bold", sans-serif;color: #fff;letter-spacing: 0.04em;position: relative}

.contacts .map_selector .ms_tabs_wrap .ms_tabs {padding: 0 30px;position: relative}

.contacts .map_selector .ms_tabs_wrap .ms_tabs_item {margin-bottom: 10px;padding: 13px 15px 11px 15px;font: 13px/15px "Gotham Bold", sans-serif;color: #fff;text-transform: uppercase;white-space: nowrap;border-radius: 4px 4px 10px 4px;display: inline-block;cursor: pointer;position: relative}

.contacts .map_selector .ms_tabs_wrap .ms_tabs_item span {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-bottom: 2px dotted #fff;position: relative}

.contacts .map_selector .ms_tabs_wrap .ms_tabs_item:hover {color: #f78560}

.contacts .map_selector .ms_tabs_wrap .ms_tabs_item:hover span {border-color: transparent}

.contacts .map_selector .ms_tabs_wrap .ms_ti_SELECTED {color: #fd702e;background-color: #fff}

.contacts .map_selector .ms_tabs_wrap .ms_ti_SELECTED span {border-color: transparent}

.contacts .map_selector .ms_tabs_wrap .ms_ti_SELECTED:hover {color: #fd702e}

.contacts .map_selector .ms_content {height: 280px;background-color: #8cd9ec;position: relative}

.contacts .map_selector .ms_content .ms_content_item {height: 280px;position: relative}

.contacts .map_selector .ms_content .ms_content_address {margin-bottom: 44px;font: 16px/23px "Gotham Regular", sans-serif;color: #fff;letter-spacing: 0.12em;position: relative}

.contacts .map_selector .ms_content .ms_content_tel {margin-bottom: 50px;font: 19px/19px "Gotham Medium", sans-serif;letter-spacing: 0.06em;position: relative}

.contacts .map_selector .ms_content .ms_content_tel .ms_ct_code {color: #3e8b9e}

.contacts .map_selector .ms_content .ms_content_tel .ms_ct_time {padding-top: 4px;font: 12px/12px "Gotham Regular", sans-serif;letter-spacing: 0.12em;color: #fff;display: block;position: relative}

.contacts .map_selector .ms_content .ms_content_link {font: 19px/19px "Gotham Medium", sans-serif;color: #3e8b9e;letter-spacing: 0.06em;display: inline-block;position: relative}

.contacts .map_selector .ms_content .ms_content_link:hover {color: #fff}

.sitemap {position: relative}

.sitemap .center_width {padding-bottom: 60px}

.sitemap h1 {text-align: center}

.sitemap a {color: #000}


/** выравнивание iframe **/
.site_WORKAREA .iframe-wrapper {
    margin: 0 0 36px 0;
    }

.page_detail .detail_content .iframe-wrapper {
    margin-left: 150px;
    margin-right: 150px;
    }

.iframe-wrapper {
    position: relative;
    padding-bottom: 29%;
    padding-top: 30px;
    height: 0;
    max-width: 560px;
    width: 100%;
    overflow: hidden;
    }

.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

/** new blocks**/
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    }

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    }

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    }

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    }

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    }

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    }

[class*="col-"] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    }

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }

.topintegrator {
    /*background-color: linear-gradient(#5FC5FF, #8BEAFF);*/
    background: linear-gradient(114.47deg, #5FC5FF -15.32%, #8BEAFF 123.1%);
    }

.topintegrator .section_head {
    padding-left: 0;
    padding-bottom: 29px;
    }

.topintegrator .section_head h2 {
    color: white;
    font-size: 30px;
    line-height: 43px;
    margin-bottom: 0;
    }

.topintegrator .section_content p {
    margin-bottom: 40px;
    color: white;
    font-size: 18px;
    line-height: 26px;
    float: left;
    }

.topintegrator .section_pic_wrap {
    max-width: 50%;
    }

@media (max-width: 1024px) {
    .topintegrator .section_pic_wrap {
        max-width: 300px;
        }
    }

.topintegrator .button_03 {
    width: max-content;
    margin-bottom: 0px;
    }

.topintegrator .section_head .section_pic {
    float: right;
    width: 132px;
    height: 61px;
    background-image: url("/local/templates/f5-studio/img/logo-topintegrator.svg");
    flex: 0 0 132px;
    margin-left: 10px;
    }

.topintegrator .section_content .section_pic {
    width: 434px;
    height: 345px;
    margin-left: 45px;
    background-image: url("/local/templates/f5-studio/img/section_topint_pic.png");
    }

@media (max-width: 1024px) {
    .topintegrator .section_content .section_pic {
        margin-left: 20px;
        }
    }

.outsourcing {
    position: relative;
    color: #ffffff;
    background: linear-gradient(117.2deg, #FF5934 -15.32%, #FF9775 123.1%);
    }

.outsourcing .section_head {
    padding-bottom: 47px;
    padding-left: 50px;
    text-align: center;
    }

.outsourcing .section_head h2 {
    color: #ffffff;
    font-size: 36px;
    line-height: 52px;
    margin-bottom: 0;
    }

.outsourcing .section_content {
    max-width: 560px;
    position: relative;
    z-index: 2;
    }

.outsourcing .section_content p {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 101px;
    }

.outsourcing .section_pic {
    width: 383px;
    height: 277px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("/local/templates/f5-studio/img/section_outsourcing_pic.png");
    }

@media (max-width: 1120px) {
    .outsourcing .section_pic {
        width: 300px;
        height: 250px;
        }
    }

.outsourcing .button_03 {
    width: max-content;
    margin-bottom: 71px;
    }

/* cookies */
.cookies-modal {
    display: none;
    position: fixed;
    z-index: 999999999;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    width: 90%;
    min-height: 200px;
    overflow: hidden;
}

.cookies-modal.open {
    display: block;
}

.cookies-modal__content {
    box-sizing: border-box;
    background-color: white;
    padding: 20px 80px 30px 30px;
    border: 1px solid #4fc7da;
    width: 100%;
    min-height: 100%;
    position: relative;
    border-radius: 3px;
    color: #6a6a6a;
    font: 16px/26px "Gotham Regular", sans-serif;
    box-shadow: -4px 3px 18px 0px rgba(34, 60, 80, 0.2);
}

.cookies-modal__content a {
    color: #4fc7da;
}

.cookies-modal__close {
    position: absolute;
    top: 24px;
    right: 20px;
    font-size: 50px;
    font-weight: bold;
    cursor: pointer;
    color: #4fc7da;
}


/* End */
/* /local/templates/f5-studio/additional_style.css?16130599521452 */
/* /local/templates/f5-studio/styles.css?16130503212011 */
/* /local/templates/f5-studio/template_styles.css?1686055707131654 */