/* Theme Name: SOHONET Author: Me Description: SOHONET Version: 1.0 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* STYLESHEET FILE DESCRIPTION: Initial styles, applied to all pages */ /* CUSTOM FONT-FACES ######################################### */ @font-face { font-family: 'Regular'; src: url('fonts/regular.eot'); src: url('fonts/regular.eot?#iefix') format('embedded-opentype'), url('fonts/regular.woff2') format('woff2'), url('fonts/regular.woff') format('woff'), url('fonts/regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bold'; src: url('fonts/bold.eot'); src: url('fonts/bold.eot?#iefix') format('embedded-opentype'), url('fonts/bold.woff2') format('woff2'), url('fonts/bold.woff') format('woff'), url('fonts/bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Italic'; src: url('fonts/italic.eot'); src: url('fonts/italic.eot?#iefix') format('embedded-opentype'), url('fonts/italic.woff2') format('woff2'), url('fonts/italic.woff') format('woff'), url('fonts/italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Light'; src: url('fonts/light.eot'); src: url('fonts/light.eot?#iefix') format('embedded-opentype'), url('fonts/light.woff2') format('woff2'), url('fonts/light.woff') format('woff'), url('fonts/light.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* INITIAL LAYOUT #########################################*/ body { background-color: #fff; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } body *{ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } html, body {height: 100%;} .g_clear {clear: both;} .g_page { width: 1060px; margin: 0 auto; } #g_screen { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; margin-bottom: -80px; } #g_page { width: 1060px; height: 100%; margin: 0 auto; } #g_footer, .g_push {height: 250px;} .box_icon, .box_icon-hover, .box_arrow, .box_arrow-hover {position: absolute;} .box_icon-hover, .box_arrow-hover { opacity: 0; transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; } /* INITIAL TYPOGRAPY #########################################*/ body { font-family: Regular, sans-serif; font-size: 18px; line-height: 24px; color: #2a2a2a; -webkit-font-smoothing: antialiased; } a { color: #3a82ed; text-decoration: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; outline: 0; } a:hover, a:active { color: #e6332a; outline: 0; } /* a:visited {color: #951b81;} */ input::-moz-focus-inner { border: 0; } /* STYLESHEET FILE DESCRIPTION: Generic styles, applied to all pages */ /* INITIAL LAYOUT #########################################*/ /* Mega sprite */ #g_header .wrap_logo .box_logo, #g_header .item_secondaryMenu .box_icon, #g_header .item_secondaryMenu .box_icon-hover, #g_header .button_tel .box_icon, #g_header .button_tel .box_icon-hover, #g_header .button_tel .box_arrow, #g_header .button_tel .box_arrow-hover, #g_header .item_mainMenu .box_arrow, #g_header .item_mainMenu .box_arrow-hover, #g_footer .button_mainTel .box_icon, #g_footer .button_mainTel .box_icon-hover, #g_footer .item_mobile .box_icon, #g_footer .item_mobile .box_icon-hover, #g_header .item_mobile .box_icon, #g_header .item_mobile .box_icon-hover, #g_footer .button_mail .box_icon, #g_footer .button_mail .box_icon-hover, #g_footer .button_forum .box_icon, #g_footer .button_forum .box_icon-hover, #g_footer .item_social .box_icon, #g_footer .item_social .box_icon-hover, #g_footer .wrap_unitisLogo .box_icon, #g_footer .wrap_unitisLogo .box_icon-hover, #g_header .item_mainSection .box_icon, #g_header .item_mainSection .box_icon-hover, #g_header .item_secondarySection .box_icon, #g_header .item_secondarySection .box_icon-hover, .button_close .box_icon, .button_close .box_icon-hover, .box_external, .box_plusTv, .wrap_breadcrumbs .item_tab .box_corner-left, .wrap_breadcrumbs .item_tab .box_corner-right, .wrap_paginator .item_button .box_arrow, .wrap_paginator .item_button .box_arrow-hover, .g_select::after, .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow .box_arrow, .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow .box_arrow-hover, .g_form .wrap_sent .box_icon, #g_header .item_secondarySection .box_new, #modal_callBack .wrap_callBack .box_icon {background: url('images/global/sprites.png?9.12.2016') no-repeat;} #g_header .item_secondaryMenu .text_label, #g_footer .button_mail .text_label, #g_footer .button_forum .text_label, #g_header .item_mainSection .text_label, #g_header .item_secondarySection .text_label, .text_secHeading .text_label, .wrap_paginator .item_button .text_label, .wrap_breadcrumbs .text_currentPage a {background: url('images/global/link.png') repeat-x;} @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { #g_header .wrap_logo .box_logo, #g_header .item_secondaryMenu .box_icon, #g_header .item_secondaryMenu .box_icon-hover, #g_header .button_tel .box_icon, #g_header .button_tel .box_icon-hover, #g_header .button_tel .box_arrow, #g_header .button_tel .box_arrow-hover, #g_header .item_mainMenu .box_arrow, #g_header .item_mainMenu .box_arrow-hover, #g_footer .button_mainTel .box_icon, #g_footer .button_mainTel .box_icon-hover, #g_footer .item_mobile .box_icon, #g_footer .item_mobile .box_icon-hover, #g_header .item_mobile .box_icon, #g_header .item_mobile .box_icon-hover, #g_footer .button_mail .box_icon, #g_footer .button_mail .box_icon-hover, #g_footer .button_forum .box_icon, #g_footer .button_forum .box_icon-hover, #g_footer .item_social .box_icon, #g_footer .item_social .box_icon-hover, #g_footer .wrap_unitisLogo .box_icon, #g_footer .wrap_unitisLogo .box_icon-hover, #g_header .item_mainSection .box_icon, #g_header .item_mainSection .box_icon-hover, #g_header .item_secondarySection .box_icon, #g_header .item_secondarySection .box_icon-hover, .button_close .box_icon, .button_close .box_icon-hover, .box_external, .box_plusTv, .wrap_breadcrumbs .item_tab .box_corner-left, .wrap_breadcrumbs .item_tab .box_corner-right, .wrap_paginator .item_button .box_arrow, .wrap_paginator .item_button .box_arrow-hover, .g_select::after, .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow .box_arrow, .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow .box_arrow-hover, .g_form .wrap_sent .box_icon, #g_header .item_secondarySection .box_new, #modal_callBack .wrap_callBack .box_icon {background: url('images/global/sprites@2x.png?9.12.2016') 0 0 / 1024px 1024px no-repeat;} #g_header .item_secondaryMenu .text_label, #g_footer .button_mail .text_label, #g_footer .button_forum .text_label, #g_header .item_mainSection .text_label, #g_header .item_secondarySection .text_label, .text_secHeading .text_label, .wrap_paginator .item_button .text_label, .wrap_breadcrumbs .text_currentPage a {background: url('images/global/link@2x.png') 0 0 / 1px 1px repeat-x;} } #g_header .item_secondaryMenu:hover .box_icon-hover, #g_header .button_tel:hover .box_icon-hover, #g_header .button_tel:hover .box_arrow-hover, #g_footer .button_mainTel:hover .box_icon-hover, #g_header .item_mainSection:hover .box_icon-hover, #g_footer .item_mobile:hover .box_icon-hover, #g_header .item_mobile:hover .box_icon-hover, #g_footer .button_mail:hover .box_icon-hover, #g_footer .button_forum:hover .box_icon-hover, #g_footer .item_social:hover .box_icon-hover, #g_footer .wrap_unitis a:hover .box_icon-hover, #g_header .button_mainMenu:hover .box_arrow-hover, #g_header .item_secondarySection:hover .box_icon-hover, .button_close:hover .box_icon-hover, .wrap_paginator .item_button:hover .box_arrow-hover, .wrap_breadcrumbs .text_currentPage.mode_withBack:hover .wrap_arrow .box_arrow-hover {opacity: 1;} /* HEADER #########################################*/ #g_header {height: 190px;} #g_header .wrap_logo, #g_header .wrap_secondaryMenu, #g_header .item_secondaryMenu, #g_header .button_join, #g_header .wrap_tel, #g_header .wrap_telMenu, #g_header .box_liner, #g_header .item_mainMenu .button_mainMenu, #g_header .item_openedMenu, #g_header .box_underliner {position: absolute;} #g_header .wrap_logo, #g_header .wrap_secondaryMenu, #g_header .item_secondaryMenu, #g_header .button_join, #g_header .wrap_tel, #g_header .wrap_mainMenu, #g_header .item_mainMenu .button_mainMenu, #g_header .item_mainMenu, #g_header .box_underliner {z-index: 200;} #g_header .box_liner { width: 744px; margin: 94px 0 0 318px; border-top: 1px solid #97d2f4; z-index: 140; } /* Logo */ #g_header .wrap_logo { margin: 68px 0 0 20px; transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; } #g_header .wrap_logo .box_logo, .text_logo { width: 281px; display: block; } .foot-logo .text_logo { width: unset; } #g_header .wrap_logo .box_logo { height: 52px; text-indent: -9000px; } .text_logo { font-size: 16px; line-height: 21px; text-align: center; color: #09a3ff; } /* Secondary menu */ #g_header .wrap_secondaryMenu {margin: 50px 0 0 328px;} #g_header .item_secondaryMenu {margin-top: 4px;} #g_header .item_secondaryMenu .box_icon, #g_header .item_secondaryMenu .box_icon-hover { width: 22px; height: 18px; margin-top: 3px; } #g_header .item_secondaryMenu .text_label { white-space: nowrap; font-size: 16px; color: #09a3ff; background-position: 0 20px; position: absolute; transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; } #g_header .item_secondaryMenu:hover .text_label {color: #e6332a;} #g_header .item_secondaryMenu.name_my {margin-left: 0px;} #g_header .item_secondaryMenu.name_shop {margin-left: 151px;} #g_header .item_secondaryMenu.name_coverage {margin-left: 258px;} #g_header .item_secondaryMenu.b_uk.name_shop {margin-left: 163px;} #g_header .item_secondaryMenu.name_my .box_icon {background-position: -288px 0;} #g_header .item_secondaryMenu.name_my .box_icon-hover {background-position: -288px -32px;} #g_header .item_secondaryMenu.name_my .text_label {margin-left: 17px;} #g_header .item_secondaryMenu.name_shop .box_icon {background-position: -320px 0;} #g_header .item_secondaryMenu.name_shop .box_icon-hover {background-position: -320px -32px;} #g_header .item_secondaryMenu.name_shop .text_label {margin-left: 25px;} #g_header .item_secondaryMenu.name_coverage .box_icon {background-position: -352px 0;} #g_header .item_secondaryMenu.name_coverage .box_icon-hover {background-position: -352px -32px;} #g_header .item_secondaryMenu.name_coverage .text_label {margin-left: 15px;} #g_header .button_join {margin-left: 367px;} /* Tel */ #g_header .wrap_tel {margin: 54px 0 0 872px;} #g_header .button_tel, #g_header .button_mainTel {display: block;} #g_header .button_tel { position: absolute; z-index: 200; } #g_header .button_tel .text_label {position: absolute;} /* Tel Menu */ #g_header .wrap_telMenu { width: 200px; height: 0; margin: -54px 0 0 -9px; background: #ecf5f9; z-index: 150; overflow: hidden; box-shadow: 0px 0 9px rgba(1,61,92,0.3); transition: height .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: height .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: height .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: height .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } #g_header.show_telMenu .wrap_telMenu {height: 280px;} /* #g_header.show_telMenu .wrap_telMenu {height: 120px;} */ #g_header .button_secondaryTel {margin: 5px 0 0 13px;} #g_header .button_secondaryTel:first-child {margin-top: 20px;} #g_header .button_secondaryTel:nth-of-type(1) {margin-top: 20px;} /* Icon */ /* .device_touch #g_header .button_tel .box_arrow, .device_touch #g_header .button_tel .box_arrow-hover, .device_touch #g_header .wrap_telMenu {display: none;} */ #g_header .button_tel .box_icon, #g_header .button_tel .box_icon-hover, #g_footer .button_mainTel .box_icon, #g_footer .button_mainTel .box_icon-hover { width: 22px; height: 22px; } #g_header .button_tel .box_icon {background-position: -384px 0;} #g_header .button_tel .box_icon-hover {background-position: -384px -32px;} /* Arrow */ #g_header .button_tel .box_arrow, #g_header .button_tel .box_arrow-hover { width: 8px; height: 5px; margin: 8px 0 0 168px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } #g_header .button_tel .box_arrow {background-position: -416px 0;} #g_header .button_tel .box_arrow-hover {background-position: -416px -32px;} #g_header.show_telMenu .button_tel .box_arrow, #g_header.show_telMenu .button_tel .box_arrow-hover { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Label */ #g_header .button_tel .text_label, #g_footer .button_mainTel .text_label, #g_footer .button_secondaryTel .text_label, #g_header .button_secondaryTel .text_label { margin-left: 24px; font-family: Bold; font-size: 21px; line-height: 21px; color: #09a3ff; white-space: nowrap; transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; } #g_header .button_tel:hover .text_label, #g_footer .button_mainTel:hover .text_label, #g_footer .button_secondaryTel:hover .text_label, #g_header .button_secondaryTel:hover .text_label {color: #e6332a;} #g_header .button_tel .text_label .text_bracketsFix, #g_footer .button_mainTel .text_label .text_bracketsFix, #g_footer .button_secondaryTel .text_label .text_bracketsFix, #g_header .button_secondaryTel .text_label .text_bracketsFix { top: -2px; display: inline-block; position: relative; } /* Main menu */ #g_header .wrap_mainMenu {padding: 112px 0 0 327px;} #g_header .button_mainMenu {height: 35px;} #g_header .item_mainMenu.name_services .button_mainMenu {width: 200px;} #g_header .item_mainMenu.name_users .button_mainMenu {width: 135px;} #g_header .item_mainMenu.name_company .button_mainMenu {width: 115px;} #g_header .item_mainMenu.name_users.b_uk { margin-left: 250px; } #g_header .item_mainMenu.name_company.b_uk { margin-left: 410px; } #g_header .item_mainMenu.name_services.b_uk .box_arrow { margin-left: 231px; } #g_header .item_mainMenu.name_services.b_uk .box_arrow-hover { margin-left: 231px; } #g_header .button_mainMenu .text_label { font-family: Light; font-size: 28px; line-height: 28px; white-space: nowrap; position: absolute; } #g_header .item_mainMenu.name_services {margin-left: 0;} #g_header .item_mainMenu.name_users {margin-left: 231px;} #g_header .item_mainMenu.name_company {margin-left: 406px;} #g_header .item_mainMenu.lang { margin-left: 640px; display: flex; font-size: 33px; } #g_header .item_mainMenu.lang .change_lang { margin-left: 10px; } #g_header .item_mainMenu.lang .change_lang:hover { cursor: pointer; } #g_header .button_mainMenu .box_arrow, #g_header .button_mainMenu .box_arrow-hover { width: 10px; height: 6px; margin-top: 15px; position: absolute; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } #g_header.show_services .item_mainMenu.name_services .box_arrow, #g_header.show_services .item_mainMenu.name_services .box_arrow-hover, #g_header.show_users .item_mainMenu.name_users .box_arrow, #g_header.show_users .item_mainMenu.name_users .box_arrow-hover, #g_header.show_company .item_mainMenu.name_company .box_arrow, #g_header.show_company .item_mainMenu.name_company .box_arrow-hover { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #g_header .button_mainMenu .box_arrow {background-position: -448px 0;} #g_header .button_mainMenu .box_arrow-hover {background-position: -448px -32px;} #g_header .item_mainMenu.name_services .box_arrow, #g_header .item_mainMenu.name_services .box_arrow-hover {margin-left: 204px;} #g_header .item_mainMenu.name_users .box_arrow, #g_header .item_mainMenu.name_users .box_arrow-hover {margin-left: 140px;} #g_header .item_mainMenu.name_company .box_arrow, #g_header .item_mainMenu.name_company .box_arrow-hover {margin-left: 122px;} #g_header .box_underliner { width: 0px; height: 2px; margin-left: -9px; background-color: #3a82ed; margin-top: 33px; transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } #g_header.show_services .box_underliner {width: 225px; margin-left: 0px;} #g_header.show_users .box_underliner {width: 133px; margin-left: 250px;} #g_header.show_company .box_underliner {width: 113px; margin-left: 408px;} /* Opened main menu */ #g_header .item_openedMenu { width: 100%; height: 0; top: 0; left: 0; background: #ecf5f9; z-index: 100; overflow: hidden; box-shadow: 0px 0 19px rgba(1,61,92,0.3); } #g_header.show_services #menu_services, #g_header.show_users #menu_users, #g_header.show_company #menu_company {height: 375px;} #g_header .wrap_openedMenu { padding-top: 130px; opacity: 0; /* transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; */ transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } #g_header.show_services #menu_services .wrap_openedMenu, #g_header.show_users #menu_users .wrap_openedMenu, #g_header.show_company #menu_company .wrap_openedMenu { padding-top: 160px; opacity: 1; } #g_header .wrap_secondarySections {clear: both;} #g_header .button_close { margin: -20px 0 0 1010px; /* display: none; */ display: block; } /* .device_touch #g_header .button_close {display: block;} */ /* Main sections */ #g_header .wrap_mainSections { height: 105px; border-bottom: 1px dotted #97d2f4; } #g_header .item_mainSection { width: 353px; height: 100px; float: left; transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; } #g_header .item_mainSection .box_icon, #g_header .item_mainSection .box_icon-hover { width: 50px; height: 60px; } #g_header .item_mainSection .text_label, #g_header .item_mainSection .text_description {margin-left: 50px;} #g_header .item_mainSection .text_label { margin-top: 17px; margin-bottom: 4px; font-size: 21px; line-height: 24px; background-position: 0 22px; display: inline-block; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } #g_header .item_mainSection .text_description { width: 80%; font-size: 14px; line-height: 18px; color: #4a5970; display: block; } #g_header .item_mainSection.name_internet .box_icon {background-position: 0 -192px;} #g_header .item_mainSection.name_internet .box_icon-hover {background-position: 0 -256px;} #g_header .item_mainSection.name_tv .box_icon {background-position: -56px -187px;} #g_header .item_mainSection.name_tv .box_icon-hover {background-position: -56px -251px;} #g_header .item_mainSection.name_phone .box_icon {background-position: -118px -187px;} #g_header .item_mainSection.name_phone .box_icon-hover {background-position: -118px -251px;} #g_header .item_mainSection.name_support .box_icon {background-position: -384px -187px;} #g_header .item_mainSection.name_support .box_icon-hover {background-position: -384px -251px;} #g_header .item_mainSection.name_support {width: 400px;} #g_header .item_mainSection.name_faq .box_icon {background-position: -438px -183px;} #g_header .item_mainSection.name_faq .box_icon-hover {background-position: -438px -247px;} #g_header .item_mainSection.name_faq {width: 330px;} #g_header .item_mainSection.name_payment .box_icon {background-position: -504px -181px;} #g_header .item_mainSection.name_payment .box_icon-hover {background-position: -504px -245px;} #g_header .item_mainSection.name_payment {width: 330px;} #g_header .item_mainSection.name_company .box_icon {background-position: -192px -181px;} #g_header .item_mainSection.name_company .box_icon-hover {background-position: -192px -245px;} #g_header .item_mainSection.name_company {width: 420px;} #g_header .item_mainSection.name_news .box_icon {background-position: -246px -181px;} #g_header .item_mainSection.name_news .box_icon-hover {background-position: -246px -245px;} #g_header .item_mainSection.name_news {width: 240px;} #g_header .item_mainSection.name_contact .box_icon {background-position: -320px -178px;} #g_header .item_mainSection.name_contact .box_icon-hover {background-position: -320px -242px;} #g_header .item_mainSection.name_contact .box_icon, #g_header .item_mainSection.name_contact .box_icon-hover {margin-left: -5px;} #g_header .item_mainSection.name_contact {width: 380px;} /* Secondary sections */ #g_header .wrap_secondarySections { height: 52px; padding-left: 15px; border-bottom: 1px dotted #97d2f4; } #g_header .wrap_secondarySections .box_separator { height: 38px; margin-top: 7px; margin-right: 25px; border-left: 1px dotted #97d2f4; float: left; } #g_header .wrap_secondarySections:last-child {border: none;} #g_header .item_secondarySection { height: 22px; padding: 15px 25px 15px 0; float: left; transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; } #g_header .item_secondarySection .box_icon, #g_header .item_secondarySection .box_icon-hover { width: 24px; height: 26px; margin-top: -1px; } #g_header .item_secondarySection .text_label, #g_header .item_secondarySection .text_description {margin-left: 26px;} #g_header .item_secondarySection .text_label { font-size: 16px; line-height: 22px; background-position: 0 20px; display: inline-block; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } #g_header .item_secondarySection .box_external { margin-left: 2px; margin-bottom: -2px; } #g_header .item_secondarySection .box_new { height: 14px; margin-left: 5px; padding: 0 4px 0 8px; background-position: -768px 0; background-color: #09a3ff; font-family: Bold; font-size: 12px; line-height: 14px; color: #fff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; } #g_header .item_secondarySection.name_antivirus .box_icon {background-position: 2px -320px;} #g_header .item_secondarySection.name_antivirus .box_icon-hover {background-position: 2px -352px;} #g_header .item_secondarySection.name_cctv .box_icon {background-position: -30px -320px;} #g_header .item_secondarySection.name_cctv .box_icon-hover {background-position: -30px -352px;} #g_header .item_secondarySection.name_technology .box_icon {background-position: -192px -320px;} #g_header .item_secondarySection.name_technology .box_icon-hover {background-position: -192px -352px;} #g_header .item_secondarySection.name_technology_landing .box_icon-custom, #g_header .item_secondarySection.name_inet_for_biz .box_icon-custom, #g_header .item_secondarySection.name_invite .box_icon-custom { background-size: contain; margin-top: 0; width: 24px; height: 24px; position: absolute; } #g_header .item_secondarySection.name_technology_landing .box_icon-custom { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9Ii0yNCAtMjQgNzk5Ljk5OTk4IDc5OS45OTk5OCIgd2lkdGg9IjUxMnB4Ij48Zz48cGF0aCBkPSJtNzQ4LjMzMjAzMSA0MzIuMzQ3NjU2di0xMTguMDI3MzQ0bC03My44MzU5MzctMjQuNjA5Mzc0Yy02LjgwMDc4Mi0yNC40NzY1NjMtMTYuNTc0MjE5LTQ4LjAyNzM0NC0yOS4wOTc2NTYtNzAuMTI4OTA3bDM0LjgyODEyNC02OS42NzU3ODEtODMuNDU3MDMxLTgzLjQ2ODc1LTY5LjY4NzUgMzQuODMyMDMxYy0yMi4wOTc2NTYtMTIuNTI3MzQzLTQ1LjY0ODQzNy0yMi4yOTY4NzUtNzAuMTI1LTI5LjA5NzY1NmwtMjQuNjA5Mzc1LTczLjgzOTg0NGgtMTE4LjAyNzM0NGwtMjQuNjA5Mzc0IDczLjgzOTg0NGMtMjQuNDc2NTYzIDYuODAwNzgxLTQ4LjAyNzM0NCAxNi41NzAzMTMtNzAuMTI4OTA3IDI5LjA5NzY1NmwtNjkuNjg3NS0zNC44MzIwMzEtODMuNDU3MDMxIDgzLjQ1NzAzMSAzNC44MzIwMzEgNjkuNjg3NWMtMTIuNTI3MzQzIDIyLjEwMTU2My0yMi4yOTY4NzUgNDUuNjUyMzQ0LTI5LjA5NzY1NiA3MC4xMjg5MDdsLTczLjgzOTg0NCAyNC42MDkzNzR2MTE4LjAyNzM0NGw3My44Mzk4NDQgMjQuNjA5Mzc1YzYuODAwNzgxIDI0LjQ3NjU2MyAxNi41NzAzMTMgNDguMDI3MzQ0IDI5LjA5NzY1NiA3MC4xMjVsLTM0LjgzMjAzMSA2OS42ODc1IDgzLjQ1NzAzMSA4My40NTcwMzEgNjkuNjg3NS0zNC44MjgxMjRjMjIuMTA1NDY5IDEyLjUyMzQzNyA0NS42NTYyNSAyMi4yOTY4NzQgNzAuMTM2NzE5IDI5LjA5NzY1NmwyNC42MDE1NjIgNzMuODM1OTM3aDExOC4wMjczNDRsMjQuNjA5Mzc1LTczLjgzNTkzN2MyNC40NzY1NjMtNi44MDA3ODIgNDguMDI3MzQ0LTE2LjU3NDIxOSA3MC4xMjUtMjkuMDk3NjU2bDY5LjY3OTY4OCAzNC44MjgxMjQgODMuNDU3MDMxLTgzLjQ1NzAzMS0zNC44MjAzMTItNjkuNjg3NWMxMi41MjM0MzctMjIuMTAxNTYyIDIyLjI5Njg3NC00NS42NTIzNDMgMjkuMDk3NjU2LTcwLjEzNjcxOXptLTk2LjI1IDExLjgxMjVjLTYuNzg1MTU2IDI2Ljc1NzgxMy0xNy40MjE4NzUgNTIuMzkwNjI1LTMxLjU2MjUgNzYuMDk3NjU2bC0zLjQ5NjA5MyA1Ljg3ODkwNyAzMi44NDc2NTYgNjUuNjk5MjE5LTU4LjAzNTE1NiA1Ny45NzI2NTYtNjUuNjk5MjE5LTMyLjg0NzY1Ni01Ljg3ODkwNyAzLjQ5NjA5M2MtMjMuNzA3MDMxIDE0LjE2MDE1Ny00OS4zMzU5MzcgMjQuODIwMzEzLTc2LjA5NzY1NiAzMS42MjVsLTYuNjEzMjgxIDEuNjkxNDA3LTIzLjIyNjU2MyA2OS41NTg1OTNoLTgxLjk3MjY1NmwtMjMuMjI2NTYyLTY5LjYyMTA5My02LjYxMzI4Mi0xLjY5MTQwN2MtMjYuNzU3ODEyLTYuNzg1MTU2LTUyLjM5MDYyNC0xNy40MTc5NjktNzYuMDk3NjU2LTMxLjU2MjVsLTUuODc4OTA2LTMuNDk2MDkzLTY1LjY5OTIxOSAzMi44NDc2NTYtNTcuOTcyNjU2LTU3Ljk3MjY1NiAzMi44NDc2NTYtNjUuNjk5MjE5LTMuNDk2MDkzLTUuODc4OTA3Yy0xNC4xNDg0MzgtMjMuNzA3MDMxLTI0Ljc3NzM0NC00OS4zMzk4NDMtMzEuNTYyNS03Ni4wOTc2NTZsLTEuNjkxNDA3LTYuNjEzMjgxLTY5LjYyNS0yMy4yMjY1NjN2LTgxLjk3MjY1Nmw2OS42MjUtMjMuMjI2NTYyIDEuNjkxNDA3LTYuNjEzMjgyYzYuNzg1MTU2LTI2Ljc1NzgxMiAxNy40MTQwNjItNTIuMzkwNjI0IDMxLjU2MjUtNzYuMDk3NjU2bDMuNDk2MDkzLTUuODc4OTA2LTMyLjg0NzY1Ni02NS42OTkyMTkgNTcuOTcyNjU2LTU3Ljk3MjY1NiA2NS42OTkyMTkgMzIuODQ3NjU2IDUuODc4OTA2LTMuNDk2MDkzYzIzLjcwNzAzMi0xNC4xNDg0MzggNDkuMzM5ODQ0LTI0Ljc3NzM0NCA3Ni4wOTc2NTYtMzEuNTYyNWw2LjYxMzI4Mi0xLjY5MTQwNyAyMy4yMjY1NjItNjkuNjI1aDgxLjk3MjY1NmwyMy4yMjY1NjMgNjkuNjI1IDYuNjEzMjgxIDEuNjkxNDA3YzI2Ljc1NzgxMyA2Ljc4NTE1NiA1Mi4zOTA2MjUgMTcuNDE0MDYyIDc2LjA5NzY1NiAzMS41NjI1bDUuODc4OTA3IDMuNDk2MDkzIDY1LjY5OTIxOS0zMi44NDc2NTYgNTcuOTcyNjU2IDU3Ljk3MjY1Ni0zMi44NDc2NTYgNjUuNjk5MjE5IDMuNDk2MDkzIDUuODc4OTA2YzE0LjE2MDE1NyAyMy43MDcwMzIgMjQuODIwMzEzIDQ5LjMzNTkzOCAzMS42MjUgNzYuMDk3NjU2bDEuNjkxNDA3IDYuNjEzMjgyIDY5LjU1ODU5MyAyMy4yMjY1NjJ2ODEuOTcyNjU2bC02OS42MjEwOTMgMjMuMjI2NTYzem0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiMzQTgyRUQiLz48cGF0aCBkPSJtMzczLjMzMjAzMSAxNzMuMzMyMDMxYy0xMTAuNDUzMTI1IDAtMjAwIDg5LjU0Njg3NS0yMDAgMjAwIDAgMTEwLjQ1NzAzMSA4OS41NDY4NzUgMjAwIDIwMCAyMDAgMTEwLjQ1NzAzMSAwIDIwMC04OS41NDI5NjkgMjAwLTIwMC0uMTI1LTExMC4zOTg0MzctODkuNTk3NjU2LTE5OS44NzEwOTMtMjAwLTIwMHptMCAzNzVjLTk2LjY0ODQzNyAwLTE3NS03OC4zNDc2NTYtMTc1LTE3NSAwLTk2LjY0ODQzNyA3OC4zNTE1NjMtMTc1IDE3NS0xNzUgOTYuNjUyMzQ0IDAgMTc1IDc4LjM1MTU2MyAxNzUgMTc1LS4xMDE1NjIgOTYuNjA5Mzc1LTc4LjM5MDYyNSAxNzQuODk4NDM4LTE3NSAxNzV6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iIzNBODJFRCIvPjxwYXRoIGQ9Im0zMzUuODMyMDMxIDM2OC4xNTYyNS01MC01MC02Ny42NzU3ODEgNjcuNjc1NzgxIDExNy42NzU3ODEgMTE3LjY3NTc4MSAxOTIuNjc1NzgxLTE5Mi42NzU3ODEtNjcuNjc1NzgxLTY3LjY3NTc4MXptMCAxMDAtODIuMzI0MjE5LTgyLjMyNDIxOSAzMi4zMjQyMTktMzIuMzI0MjE5IDUwIDUwIDEyNS0xMjUgMzIuMzI0MjE5IDMyLjMyNDIxOXptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjM0E4MkVEIi8+PC9nPiA8L3N2Zz4=); } #g_header .item_secondarySection.name_technology_landing:hover .box_icon-custom { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9Ii0yNCAtMjQgNzk5Ljk5OTk4IDc5OS45OTk5OCIgd2lkdGg9IjUxMnB4Ij48Zz48cGF0aCBkPSJtNzQ4LjMzMjAzMSA0MzIuMzQ3NjU2di0xMTguMDI3MzQ0bC03My44MzU5MzctMjQuNjA5Mzc0Yy02LjgwMDc4Mi0yNC40NzY1NjMtMTYuNTc0MjE5LTQ4LjAyNzM0NC0yOS4wOTc2NTYtNzAuMTI4OTA3bDM0LjgyODEyNC02OS42NzU3ODEtODMuNDU3MDMxLTgzLjQ2ODc1LTY5LjY4NzUgMzQuODMyMDMxYy0yMi4wOTc2NTYtMTIuNTI3MzQzLTQ1LjY0ODQzNy0yMi4yOTY4NzUtNzAuMTI1LTI5LjA5NzY1NmwtMjQuNjA5Mzc1LTczLjgzOTg0NGgtMTE4LjAyNzM0NGwtMjQuNjA5Mzc0IDczLjgzOTg0NGMtMjQuNDc2NTYzIDYuODAwNzgxLTQ4LjAyNzM0NCAxNi41NzAzMTMtNzAuMTI4OTA3IDI5LjA5NzY1NmwtNjkuNjg3NS0zNC44MzIwMzEtODMuNDU3MDMxIDgzLjQ1NzAzMSAzNC44MzIwMzEgNjkuNjg3NWMtMTIuNTI3MzQzIDIyLjEwMTU2My0yMi4yOTY4NzUgNDUuNjUyMzQ0LTI5LjA5NzY1NiA3MC4xMjg5MDdsLTczLjgzOTg0NCAyNC42MDkzNzR2MTE4LjAyNzM0NGw3My44Mzk4NDQgMjQuNjA5Mzc1YzYuODAwNzgxIDI0LjQ3NjU2MyAxNi41NzAzMTMgNDguMDI3MzQ0IDI5LjA5NzY1NiA3MC4xMjVsLTM0LjgzMjAzMSA2OS42ODc1IDgzLjQ1NzAzMSA4My40NTcwMzEgNjkuNjg3NS0zNC44MjgxMjRjMjIuMTA1NDY5IDEyLjUyMzQzNyA0NS42NTYyNSAyMi4yOTY4NzQgNzAuMTM2NzE5IDI5LjA5NzY1NmwyNC42MDE1NjIgNzMuODM1OTM3aDExOC4wMjczNDRsMjQuNjA5Mzc1LTczLjgzNTkzN2MyNC40NzY1NjMtNi44MDA3ODIgNDguMDI3MzQ0LTE2LjU3NDIxOSA3MC4xMjUtMjkuMDk3NjU2bDY5LjY3OTY4OCAzNC44MjgxMjQgODMuNDU3MDMxLTgzLjQ1NzAzMS0zNC44MjAzMTItNjkuNjg3NWMxMi41MjM0MzctMjIuMTAxNTYyIDIyLjI5Njg3NC00NS42NTIzNDMgMjkuMDk3NjU2LTcwLjEzNjcxOXptLTk2LjI1IDExLjgxMjVjLTYuNzg1MTU2IDI2Ljc1NzgxMy0xNy40MjE4NzUgNTIuMzkwNjI1LTMxLjU2MjUgNzYuMDk3NjU2bC0zLjQ5NjA5MyA1Ljg3ODkwNyAzMi44NDc2NTYgNjUuNjk5MjE5LTU4LjAzNTE1NiA1Ny45NzI2NTYtNjUuNjk5MjE5LTMyLjg0NzY1Ni01Ljg3ODkwNyAzLjQ5NjA5M2MtMjMuNzA3MDMxIDE0LjE2MDE1Ny00OS4zMzU5MzcgMjQuODIwMzEzLTc2LjA5NzY1NiAzMS42MjVsLTYuNjEzMjgxIDEuNjkxNDA3LTIzLjIyNjU2MyA2OS41NTg1OTNoLTgxLjk3MjY1NmwtMjMuMjI2NTYyLTY5LjYyMTA5My02LjYxMzI4Mi0xLjY5MTQwN2MtMjYuNzU3ODEyLTYuNzg1MTU2LTUyLjM5MDYyNC0xNy40MTc5NjktNzYuMDk3NjU2LTMxLjU2MjVsLTUuODc4OTA2LTMuNDk2MDkzLTY1LjY5OTIxOSAzMi44NDc2NTYtNTcuOTcyNjU2LTU3Ljk3MjY1NiAzMi44NDc2NTYtNjUuNjk5MjE5LTMuNDk2MDkzLTUuODc4OTA3Yy0xNC4xNDg0MzgtMjMuNzA3MDMxLTI0Ljc3NzM0NC00OS4zMzk4NDMtMzEuNTYyNS03Ni4wOTc2NTZsLTEuNjkxNDA3LTYuNjEzMjgxLTY5LjYyNS0yMy4yMjY1NjN2LTgxLjk3MjY1Nmw2OS42MjUtMjMuMjI2NTYyIDEuNjkxNDA3LTYuNjEzMjgyYzYuNzg1MTU2LTI2Ljc1NzgxMiAxNy40MTQwNjItNTIuMzkwNjI0IDMxLjU2MjUtNzYuMDk3NjU2bDMuNDk2MDkzLTUuODc4OTA2LTMyLjg0NzY1Ni02NS42OTkyMTkgNTcuOTcyNjU2LTU3Ljk3MjY1NiA2NS42OTkyMTkgMzIuODQ3NjU2IDUuODc4OTA2LTMuNDk2MDkzYzIzLjcwNzAzMi0xNC4xNDg0MzggNDkuMzM5ODQ0LTI0Ljc3NzM0NCA3Ni4wOTc2NTYtMzEuNTYyNWw2LjYxMzI4Mi0xLjY5MTQwNyAyMy4yMjY1NjItNjkuNjI1aDgxLjk3MjY1NmwyMy4yMjY1NjMgNjkuNjI1IDYuNjEzMjgxIDEuNjkxNDA3YzI2Ljc1NzgxMyA2Ljc4NTE1NiA1Mi4zOTA2MjUgMTcuNDE0MDYyIDc2LjA5NzY1NiAzMS41NjI1bDUuODc4OTA3IDMuNDk2MDkzIDY1LjY5OTIxOS0zMi44NDc2NTYgNTcuOTcyNjU2IDU3Ljk3MjY1Ni0zMi44NDc2NTYgNjUuNjk5MjE5IDMuNDk2MDkzIDUuODc4OTA2YzE0LjE2MDE1NyAyMy43MDcwMzIgMjQuODIwMzEzIDQ5LjMzNTkzOCAzMS42MjUgNzYuMDk3NjU2bDEuNjkxNDA3IDYuNjEzMjgyIDY5LjU1ODU5MyAyMy4yMjY1NjJ2ODEuOTcyNjU2bC02OS42MjEwOTMgMjMuMjI2NTYzem0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiNFNjMzMkEiLz48cGF0aCBkPSJtMzczLjMzMjAzMSAxNzMuMzMyMDMxYy0xMTAuNDUzMTI1IDAtMjAwIDg5LjU0Njg3NS0yMDAgMjAwIDAgMTEwLjQ1NzAzMSA4OS41NDY4NzUgMjAwIDIwMCAyMDAgMTEwLjQ1NzAzMSAwIDIwMC04OS41NDI5NjkgMjAwLTIwMC0uMTI1LTExMC4zOTg0MzctODkuNTk3NjU2LTE5OS44NzEwOTMtMjAwLTIwMHptMCAzNzVjLTk2LjY0ODQzNyAwLTE3NS03OC4zNDc2NTYtMTc1LTE3NSAwLTk2LjY0ODQzNyA3OC4zNTE1NjMtMTc1IDE3NS0xNzUgOTYuNjUyMzQ0IDAgMTc1IDc4LjM1MTU2MyAxNzUgMTc1LS4xMDE1NjIgOTYuNjA5Mzc1LTc4LjM5MDYyNSAxNzQuODk4NDM4LTE3NSAxNzV6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iI0U2MzMyQSIvPjxwYXRoIGQ9Im0zMzUuODMyMDMxIDM2OC4xNTYyNS01MC01MC02Ny42NzU3ODEgNjcuNjc1NzgxIDExNy42NzU3ODEgMTE3LjY3NTc4MSAxOTIuNjc1NzgxLTE5Mi42NzU3ODEtNjcuNjc1NzgxLTY3LjY3NTc4MXptMCAxMDAtODIuMzI0MjE5LTgyLjMyNDIxOSAzMi4zMjQyMTktMzIuMzI0MjE5IDUwIDUwIDEyNS0xMjUgMzIuMzI0MjE5IDMyLjMyNDIxOXptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjRTYzMzJBIi8+PC9nPiA8L3N2Zz4=); } #g_header .item_secondarySection.name_inet_for_biz .box_icon-custom { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxnPjxnPjxwYXRoIGQ9Ik00NzYuMjk0LDEyNi40NTNIMzQ4LjgxM3YtMjIuMjUxYzAtMjIuNTg5LTE4LjM3OC00MC45NjctNDAuOTY3LTQwLjk2N0gyMDQuMTU0Yy0yMi41ODksMC00MC45NjcsMTguMzc4LTQwLjk2Nyw0MC45NjcgICAgdjIyLjI1MUgzNS43MDZDMTYuMDE4LDEyNi40NTMsMCwxNDIuNDcxLDAsMTYyLjE1OHYyNTAuOWMwLDE5LjY4OSwxNi4wMTgsMzUuNzA2LDM1LjcwNiwzNS43MDZoNDQwLjU4NyAgICBjMTkuNjg5LDAsMzUuNzA2LTE2LjAxOCwzNS43MDYtMzUuNzA2di0yNTAuOUM1MTIsMTQyLjQ3MSw0OTUuOTgyLDEyNi40NTMsNDc2LjI5NCwxMjYuNDUzeiBNMTgzLjU4NiwxMDQuMjAyICAgIGMwLTExLjM0Miw5LjIyNy0yMC41NjksMjAuNTY5LTIwLjU2OWgxMDMuNjkxYzExLjM0MSwwLDIwLjU2OSw5LjIyNywyMC41NjksMjAuNTY5djIyLjI1MUgxODMuNTg2VjEwNC4yMDJ6IE00OTEuNjAyLDQxMy4wNTkgICAgYzAsOC40NDEtNi44NjcsMTUuMzA4LTE1LjMwOCwxNS4zMDhIMzUuNzA2Yy04LjQ0MSwwLTE1LjMwOC02Ljg2Ni0xNS4zMDgtMTUuMzA4VjIxNi4yNDhMMTc2Ljk5MiwyOTIuMiAgICBjMy4xNzQsMTkuMzU2LDIwLjAxMiwzNC4xNzQsNDAuMjUxLDM0LjE3NGg3Ny41MTRjMjAuMjM5LDAsMzcuMDc3LTE0LjgxOCw0MC4yNTEtMzQuMTc0bDk3LjgwOS00Ny40NDIgICAgYzUuMDY4LTIuNDU4LDcuMTgzLTguNTU5LDQuNzI1LTEzLjYyN2MtMi40NTctNS4wNjktOC41NTgtNy4xODUtMTMuNjI3LTQuNzI1bC05MS4yMDUsNDQuMjM4ICAgIGMtNS45NzQtMTUuMTI4LTIwLjcyOS0yNS44NjMtMzcuOTUzLTI1Ljg2M2gtNzcuNTE0Yy0xNy4yMjQsMC0zMS45OCwxMC43MzYtMzcuOTUzLDI1Ljg2M0wyMC4zOTgsMTkzLjU3N3YtMzEuNDE5ICAgIGMwLTguNDQsNi44NjctMTUuMzA3LDE1LjMwOC0xNS4zMDdoNDQwLjU4N2M4LjQ0LDAsMTUuMzA4LDYuODY2LDE1LjMwOCwxNS4zMDdWNDEzLjA1OXogTTE5Ni44NDUsMjg1LjU3OCAgICBjMC0xMS4yNDgsOS4xNTEtMjAuMzk4LDIwLjM5OC0yMC4zOThoNzcuNTE0YzExLjI0OCwwLDIwLjM5OCw5LjE1MSwyMC4zOTgsMjAuMzk4cy05LjE1MSwyMC4zOTgtMjAuMzk4LDIwLjM5OGgtNzcuNTE0ICAgIEMyMDUuOTk1LDMwNS45NzYsMTk2Ljg0NSwyOTYuODI1LDE5Ni44NDUsMjg1LjU3OHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiMzQTgyRUQiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGQ9Ik00NzcuNDU4LDIxMS43NzNjLTIuNDU3LTUuMDctOC41NTktNy4xODMtMTMuNjI3LTQuNzI3bC02LjI1OCwzLjAzNWMtNS4wNjksMi40NTgtNy4xODQsOC41Ni00LjcyNywxMy42MjcgICAgYzEuNzYzLDMuNjM1LDUuMzk5LDUuNzUxLDkuMTg0LDUuNzUxYzEuNDkzLDAsMy4wMS0wLjMyOCw0LjQ0My0xLjAyNGw2LjI1OC0zLjAzNUM0NzcuOCwyMjIuOTQyLDQ3OS45MTUsMjE2Ljg0LDQ3Ny40NTgsMjExLjc3M3ogICAgIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjM0E4MkVEIi8+PC9nPjwvZz48L2c+IDwvc3ZnPg==); } #g_header .item_secondarySection.name_inet_for_biz:hover .box_icon-custom { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIGNsYXNzPSIiPjxnPjxnPjxnPjxwYXRoIGQ9Ik00NzYuMjk0LDEyNi40NTNIMzQ4LjgxM3YtMjIuMjUxYzAtMjIuNTg5LTE4LjM3OC00MC45NjctNDAuOTY3LTQwLjk2N0gyMDQuMTU0Yy0yMi41ODksMC00MC45NjcsMTguMzc4LTQwLjk2Nyw0MC45NjcgICAgdjIyLjI1MUgzNS43MDZDMTYuMDE4LDEyNi40NTMsMCwxNDIuNDcxLDAsMTYyLjE1OHYyNTAuOWMwLDE5LjY4OSwxNi4wMTgsMzUuNzA2LDM1LjcwNiwzNS43MDZoNDQwLjU4NyAgICBjMTkuNjg5LDAsMzUuNzA2LTE2LjAxOCwzNS43MDYtMzUuNzA2di0yNTAuOUM1MTIsMTQyLjQ3MSw0OTUuOTgyLDEyNi40NTMsNDc2LjI5NCwxMjYuNDUzeiBNMTgzLjU4NiwxMDQuMjAyICAgIGMwLTExLjM0Miw5LjIyNy0yMC41NjksMjAuNTY5LTIwLjU2OWgxMDMuNjkxYzExLjM0MSwwLDIwLjU2OSw5LjIyNywyMC41NjksMjAuNTY5djIyLjI1MUgxODMuNTg2VjEwNC4yMDJ6IE00OTEuNjAyLDQxMy4wNTkgICAgYzAsOC40NDEtNi44NjcsMTUuMzA4LTE1LjMwOCwxNS4zMDhIMzUuNzA2Yy04LjQ0MSwwLTE1LjMwOC02Ljg2Ni0xNS4zMDgtMTUuMzA4VjIxNi4yNDhMMTc2Ljk5MiwyOTIuMiAgICBjMy4xNzQsMTkuMzU2LDIwLjAxMiwzNC4xNzQsNDAuMjUxLDM0LjE3NGg3Ny41MTRjMjAuMjM5LDAsMzcuMDc3LTE0LjgxOCw0MC4yNTEtMzQuMTc0bDk3LjgwOS00Ny40NDIgICAgYzUuMDY4LTIuNDU4LDcuMTgzLTguNTU5LDQuNzI1LTEzLjYyN2MtMi40NTctNS4wNjktOC41NTgtNy4xODUtMTMuNjI3LTQuNzI1bC05MS4yMDUsNDQuMjM4ICAgIGMtNS45NzQtMTUuMTI4LTIwLjcyOS0yNS44NjMtMzcuOTUzLTI1Ljg2M2gtNzcuNTE0Yy0xNy4yMjQsMC0zMS45OCwxMC43MzYtMzcuOTUzLDI1Ljg2M0wyMC4zOTgsMTkzLjU3N3YtMzEuNDE5ICAgIGMwLTguNDQsNi44NjctMTUuMzA3LDE1LjMwOC0xNS4zMDdoNDQwLjU4N2M4LjQ0LDAsMTUuMzA4LDYuODY2LDE1LjMwOCwxNS4zMDdWNDEzLjA1OXogTTE5Ni44NDUsMjg1LjU3OCAgICBjMC0xMS4yNDgsOS4xNTEtMjAuMzk4LDIwLjM5OC0yMC4zOThoNzcuNTE0YzExLjI0OCwwLDIwLjM5OCw5LjE1MSwyMC4zOTgsMjAuMzk4cy05LjE1MSwyMC4zOTgtMjAuMzk4LDIwLjM5OGgtNzcuNTE0ICAgIEMyMDUuOTk1LDMwNS45NzYsMTk2Ljg0NSwyOTYuODI1LDE5Ni44NDUsMjg1LjU3OHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiNFNjMzMkEiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGQ9Ik00NzcuNDU4LDIxMS43NzNjLTIuNDU3LTUuMDctOC41NTktNy4xODMtMTMuNjI3LTQuNzI3bC02LjI1OCwzLjAzNWMtNS4wNjksMi40NTgtNy4xODQsOC41Ni00LjcyNywxMy42MjcgICAgYzEuNzYzLDMuNjM1LDUuMzk5LDUuNzUxLDkuMTg0LDUuNzUxYzEuNDkzLDAsMy4wMS0wLjMyOCw0LjQ0My0xLjAyNGw2LjI1OC0zLjAzNUM0NzcuOCwyMjIuOTQyLDQ3OS45MTUsMjE2Ljg0LDQ3Ny40NTgsMjExLjc3M3ogICAgIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjRTYzMzJBIi8+PC9nPjwvZz48L2c+IDwvc3ZnPg==); } #g_header .item_secondarySection.name_invite .box_icon-custom { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIGNsYXNzPSIiPjxnPjxnPjxnPjxwYXRoIGQ9Ik0zNDAuNDIxLDI2LjY0OWMtMTQuMzA5LTE1LjI3NC0zMy43MTgtMjMuNjg2LTU0LjY0Ny0yMy42ODZoLTU5LjU0NmMtMjAuOTMsMC00MC4zMzgsOC40MTEtNTQuNjQ3LDIzLjY4NiAgICBjLTE0LjMxLDE1LjI3My0yMS40NDEsMzUuMTg2LTIwLjA3OSw1Ni4wNzJsMi42NDcsNDAuNTgybDYuMTgxLDk0Ljc2M2MyLjE0MSwzMi44MzcsMjAuNjMzLDYxLjkxLDQ5LjQ2OCw3Ny43NjkgICAgYzE0LjQ2OSw3Ljk1NywzMC4zMzMsMTEuOTM0LDQ2LjIwNCwxMS45MzRjMTUuODY4LDAsMzEuNzQtMy45NzksNDYuMjA0LTExLjkzM2MyOC44MzQtMTUuODYsNDcuMzI3LTQ0LjkzMyw0OS40NjgtNzcuNzcgICAgbDcuMDYyLTEwOC4yODV2LTAuMDAxbDEuNzY0LTI3LjA1OEMzNjEuODYzLDYxLjgzNSwzNTQuNzMxLDQxLjkyMiwzNDAuNDIxLDI2LjY0OXogTTE3MS44NTUsODEuMzk1ICAgIGMtMC45OS0xNS4xOTcsNC4xOTktMjkuNjg2LDE0LjYxLTQwLjc5OWMxMC40MTItMTEuMTEzLDI0LjUzMy0xNy4yMzMsMzkuNzYyLTE3LjIzM2g1OS41NDZjMS4zMjEsMCwyLjYyOSwwLjA2MywzLjkzMiwwLjE1NCAgICBsLTE1Ljc3Niw0Mi4wNzFjLTEuMzEzLDIuMTE5LTcuNjM0LDExLjUwMi0yMi4wNjMsMjEuMjQ0Yy0xNC4wOSw5LjUxMy0zOC43NjcsMjEuMTYzLTc4LjAzNCwyNC44NzFMMTcxLjg1NSw4MS4zOTV6ICAgICBNMzMxLjMxNywyMTYuNzM4Yy0xLjY4NiwyNS44NTItMTYuMjQzLDQ4LjczOS0zOC45NDQsNjEuMjI0Yy0yMi43NzUsMTIuNTI2LTQ5Ljk3MiwxMi41MjctNzIuNzQ3LTAuMDAxICAgIGMtMjIuNy0xMi40ODQtMzcuMjU4LTM1LjM3Mi0zOC45NDUtNjEuMjIybC01LjUyMy04NC42ODFjNTcuNDQ2LTUuMjY5LDg4Ljc3OC0yNi4yNjcsMTA0LjIxNS00MS4zNDEgICAgYzQuMTI4LDQuNzM0LDEwLjAyNSw5LjA5NCwxNy42NDUsMTMuMDNjOC4yMzIsNC4yNTMsMjEuOTM0LDguNzIzLDQwLjc5OCwxMy4zMThMMzMxLjMxNywyMTYuNzM4eiBNMzQwLjE0NSw4MS4zOTRsLTAuOTc4LDE0Ljk5NCAgICBjLTE4LjkwMi00Ljc1MS0yOC4yMTYtOC40MDMtMzIuNzgzLTEwLjc2M2MtMTEuMTIxLTUuNzQ3LTEzLjYzMi0xMC41LTEzLjY5OS0xMS45NTljMC4wMDgtMC4wMiwwLjAxMy0wLjA0MSwwLjAyLTAuMDYxICAgIGMwLjAwNi0wLjAxNSwwLjAxMy0wLjAyOSwwLjAxOC0wLjA0NGwxNi43OTctNDQuNzkzYzUuOTI3LDIuODc0LDExLjM0Niw2Ljg0NSwxNi4wMTUsMTEuODI4ICAgIEMzMzUuOTQ3LDUxLjcwOSwzNDEuMTM2LDY2LjIsMzQwLjE0NSw4MS4zOTR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjM0E4MkVEIi8+PC9nPjwvZz48Zz48Zz48cGF0aCBkPSJNNTExLjgzNyw0OTcuMDJsLTkuODYyLTU0LjQzNWMtNS41MjctMzAuNTA3LTIwLjAzLTU4LjItNDEuOTQzLTgwLjA4NmMtMjEuNjU1LTIxLjYyOS00OC45NDctMzYuMDQ1LTc4LjkyNC00MS42OSAgICBjLTAuMDAxLDAtMC4wMDMtMC4wMDEtMC4wMDQtMC4wMDFjLTkuMjM4LTEuNzQtMTguNjg5LTIuNjIyLTI4LjA5LTIuNjIyaC0yOS42OTljLTIuNzA1LDAtNS4yOTksMS4wNzUtNy4yMTIsMi45ODdMMjU2LDM4MS4yNzMgICAgbC02MC4xMDItNjAuMTAzYy0xLjkxMy0xLjkxMi00LjUwNy0yLjk4Ny03LjIxMi0yLjk4N2gtMjkuN2MtOS40MDEsMC0xOC44NTEsMC44ODItMjguMDksMi42MjJjLTAuMDAxLDAtMC4wMDMsMC4wMDEtMC4wMDQsMC4wMDEgICAgYy0yOS45NzgsNS42NDUtNTcuMjcsMjAuMDYxLTc4LjkyNiw0MS42OWMtMjEuOTEyLDIxLjg4Ni0zNi40MTUsNDkuNTc5LTQxLjk0Miw4MC4wODZMMC4xNjMsNDk3LjAyICAgIGMtMC41MzksMi45NzQsMC4yNyw2LjAzNSwyLjIwNyw4LjM1NWMxLjkzOCwyLjMxOSw0LjgwNiwzLjY2MSw3LjgyOSwzLjY2MWg0OTEuNjAyYzMuMDIzLDAsNS44OS0xLjM0MSw3LjgyOS0zLjY2MSAgICBDNTExLjU2Nyw1MDMuMDU1LDUxMi4zNzUsNDk5Ljk5NCw1MTEuODM3LDQ5Ny4wMnogTTI2My4yMTIsNDAyLjkwOWw2NC4zMjctNjQuMzI2aDI1LjQ3NmMxLjMyMSwwLDIuNjQyLDAuMDIsMy45NjMsMC4wNjEgICAgbC01MC40ODgsNTAuNDg4TDI1Niw0MzkuNjE5bC0xNC43NDktMTQuNzQ5TDI2My4yMTIsNDAyLjkwOXogTTE1OC45ODYsMzM4LjU4MWgyNS40NzV2MC4wMDFsNTcuMTE1LDU3LjExNWwtMTQuNzQ5LDE0Ljc0OSAgICBsLTIxLjMxNS0yMS4zMTVsLTUwLjQ4OC01MC40ODhDMTU2LjM0NSwzMzguNjAyLDE1Ny42NjUsMzM4LjU4MSwxNTguOTg2LDMzOC41ODF6IE0yMi40MTMsNDg4LjYzOGw3LjY4NC00Mi40MTggICAgYzkuMjk1LTUxLjMwOCw0OC45MDItOTIuNTk4LDk5LjM3OC0xMDQuMjc3bDExOS4zMTMsMTE5LjMxMmMxLjk5MiwxLjk5MSw0LjYwMiwyLjk4Nyw3LjIxMiwyLjk4N2MyLjYxLDAsNS4yMi0wLjk5Niw3LjIxMi0yLjk4NyAgICBsMTE5LjMxMy0xMTkuMzEyYzUwLjQ3NSwxMS42OCw5MC4wODIsNTIuOTcxLDk5LjM3OCwxMDQuMjc3bDcuNjg0LDQyLjQxOEgyMi40MTN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjM0E4MkVEIi8+PC9nPjwvZz48L2c+IDwvc3ZnPg==); } #g_header .item_secondarySection.name_invite:hover .box_icon-custom { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIGNsYXNzPSIiPjxnPjxnPjxnPjxwYXRoIGQ9Ik0zNDAuNDIxLDI2LjY0OWMtMTQuMzA5LTE1LjI3NC0zMy43MTgtMjMuNjg2LTU0LjY0Ny0yMy42ODZoLTU5LjU0NmMtMjAuOTMsMC00MC4zMzgsOC40MTEtNTQuNjQ3LDIzLjY4NiAgICBjLTE0LjMxLDE1LjI3My0yMS40NDEsMzUuMTg2LTIwLjA3OSw1Ni4wNzJsMi42NDcsNDAuNTgybDYuMTgxLDk0Ljc2M2MyLjE0MSwzMi44MzcsMjAuNjMzLDYxLjkxLDQ5LjQ2OCw3Ny43NjkgICAgYzE0LjQ2OSw3Ljk1NywzMC4zMzMsMTEuOTM0LDQ2LjIwNCwxMS45MzRjMTUuODY4LDAsMzEuNzQtMy45NzksNDYuMjA0LTExLjkzM2MyOC44MzQtMTUuODYsNDcuMzI3LTQ0LjkzMyw0OS40NjgtNzcuNzcgICAgbDcuMDYyLTEwOC4yODV2LTAuMDAxbDEuNzY0LTI3LjA1OEMzNjEuODYzLDYxLjgzNSwzNTQuNzMxLDQxLjkyMiwzNDAuNDIxLDI2LjY0OXogTTE3MS44NTUsODEuMzk1ICAgIGMtMC45OS0xNS4xOTcsNC4xOTktMjkuNjg2LDE0LjYxLTQwLjc5OWMxMC40MTItMTEuMTEzLDI0LjUzMy0xNy4yMzMsMzkuNzYyLTE3LjIzM2g1OS41NDZjMS4zMjEsMCwyLjYyOSwwLjA2MywzLjkzMiwwLjE1NCAgICBsLTE1Ljc3Niw0Mi4wNzFjLTEuMzEzLDIuMTE5LTcuNjM0LDExLjUwMi0yMi4wNjMsMjEuMjQ0Yy0xNC4wOSw5LjUxMy0zOC43NjcsMjEuMTYzLTc4LjAzNCwyNC44NzFMMTcxLjg1NSw4MS4zOTV6ICAgICBNMzMxLjMxNywyMTYuNzM4Yy0xLjY4NiwyNS44NTItMTYuMjQzLDQ4LjczOS0zOC45NDQsNjEuMjI0Yy0yMi43NzUsMTIuNTI2LTQ5Ljk3MiwxMi41MjctNzIuNzQ3LTAuMDAxICAgIGMtMjIuNy0xMi40ODQtMzcuMjU4LTM1LjM3Mi0zOC45NDUtNjEuMjIybC01LjUyMy04NC42ODFjNTcuNDQ2LTUuMjY5LDg4Ljc3OC0yNi4yNjcsMTA0LjIxNS00MS4zNDEgICAgYzQuMTI4LDQuNzM0LDEwLjAyNSw5LjA5NCwxNy42NDUsMTMuMDNjOC4yMzIsNC4yNTMsMjEuOTM0LDguNzIzLDQwLjc5OCwxMy4zMThMMzMxLjMxNywyMTYuNzM4eiBNMzQwLjE0NSw4MS4zOTRsLTAuOTc4LDE0Ljk5NCAgICBjLTE4LjkwMi00Ljc1MS0yOC4yMTYtOC40MDMtMzIuNzgzLTEwLjc2M2MtMTEuMTIxLTUuNzQ3LTEzLjYzMi0xMC41LTEzLjY5OS0xMS45NTljMC4wMDgtMC4wMiwwLjAxMy0wLjA0MSwwLjAyLTAuMDYxICAgIGMwLjAwNi0wLjAxNSwwLjAxMy0wLjAyOSwwLjAxOC0wLjA0NGwxNi43OTctNDQuNzkzYzUuOTI3LDIuODc0LDExLjM0Niw2Ljg0NSwxNi4wMTUsMTEuODI4ICAgIEMzMzUuOTQ3LDUxLjcwOSwzNDEuMTM2LDY2LjIsMzQwLjE0NSw4MS4zOTR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjRTYzMzJBIi8+PC9nPjwvZz48Zz48Zz48cGF0aCBkPSJNNTExLjgzNyw0OTcuMDJsLTkuODYyLTU0LjQzNWMtNS41MjctMzAuNTA3LTIwLjAzLTU4LjItNDEuOTQzLTgwLjA4NmMtMjEuNjU1LTIxLjYyOS00OC45NDctMzYuMDQ1LTc4LjkyNC00MS42OSAgICBjLTAuMDAxLDAtMC4wMDMtMC4wMDEtMC4wMDQtMC4wMDFjLTkuMjM4LTEuNzQtMTguNjg5LTIuNjIyLTI4LjA5LTIuNjIyaC0yOS42OTljLTIuNzA1LDAtNS4yOTksMS4wNzUtNy4yMTIsMi45ODdMMjU2LDM4MS4yNzMgICAgbC02MC4xMDItNjAuMTAzYy0xLjkxMy0xLjkxMi00LjUwNy0yLjk4Ny03LjIxMi0yLjk4N2gtMjkuN2MtOS40MDEsMC0xOC44NTEsMC44ODItMjguMDksMi42MjJjLTAuMDAxLDAtMC4wMDMsMC4wMDEtMC4wMDQsMC4wMDEgICAgYy0yOS45NzgsNS42NDUtNTcuMjcsMjAuMDYxLTc4LjkyNiw0MS42OWMtMjEuOTEyLDIxLjg4Ni0zNi40MTUsNDkuNTc5LTQxLjk0Miw4MC4wODZMMC4xNjMsNDk3LjAyICAgIGMtMC41MzksMi45NzQsMC4yNyw2LjAzNSwyLjIwNyw4LjM1NWMxLjkzOCwyLjMxOSw0LjgwNiwzLjY2MSw3LjgyOSwzLjY2MWg0OTEuNjAyYzMuMDIzLDAsNS44OS0xLjM0MSw3LjgyOS0zLjY2MSAgICBDNTExLjU2Nyw1MDMuMDU1LDUxMi4zNzUsNDk5Ljk5NCw1MTEuODM3LDQ5Ny4wMnogTTI2My4yMTIsNDAyLjkwOWw2NC4zMjctNjQuMzI2aDI1LjQ3NmMxLjMyMSwwLDIuNjQyLDAuMDIsMy45NjMsMC4wNjEgICAgbC01MC40ODgsNTAuNDg4TDI1Niw0MzkuNjE5bC0xNC43NDktMTQuNzQ5TDI2My4yMTIsNDAyLjkwOXogTTE1OC45ODYsMzM4LjU4MWgyNS40NzV2MC4wMDFsNTcuMTE1LDU3LjExNWwtMTQuNzQ5LDE0Ljc0OSAgICBsLTIxLjMxNS0yMS4zMTVsLTUwLjQ4OC01MC40ODhDMTU2LjM0NSwzMzguNjAyLDE1Ny42NjUsMzM4LjU4MSwxNTguOTg2LDMzOC41ODF6IE0yMi40MTMsNDg4LjYzOGw3LjY4NC00Mi40MTggICAgYzkuMjk1LTUxLjMwOCw0OC45MDItOTIuNTk4LDk5LjM3OC0xMDQuMjc3bDExOS4zMTMsMTE5LjMxMmMxLjk5MiwxLjk5MSw0LjYwMiwyLjk4Nyw3LjIxMiwyLjk4N2MyLjYxLDAsNS4yMi0wLjk5Niw3LjIxMi0yLjk4NyAgICBsMTE5LjMxMy0xMTkuMzEyYzUwLjQ3NSwxMS42OCw5MC4wODIsNTIuOTcxLDk5LjM3OCwxMDQuMjc3bDcuNjg0LDQyLjQxOEgyMi40MTN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjRTYzMzJBIi8+PC9nPjwvZz48L2c+IDwvc3ZnPg==); } #g_header .item_secondarySection.name_inet_for_biz .text_label { margin-left: 28px; } #g_header .item_secondarySection.name_join .box_icon {background-position: -222px -320px;} #g_header .item_secondarySection.name_join .box_icon-hover {background-position: -222px -352px;} #g_header .item_secondarySection.name_coverage .box_icon {background-position: -252px -320px;} #g_header .item_secondarySection.name_coverage .box_icon-hover {background-position: -252px -352px;} #g_header .item_secondarySection.name_media .box_icon {background-position: -128px -318px;} #g_header .item_secondarySection.name_media .box_icon-hover {background-position: -128px -350px;} #g_header .item_secondarySection.name_actions .box_icon {background-position: -158px -320px;} #g_header .item_secondarySection.name_actions .box_icon-hover {background-position: -158px -352px;} #g_header .item_secondarySection.name_contract .box_icon, #g_header .item_secondarySection.name_warranty .box_icon {background-position: -348px -318px;} #g_header .item_secondarySection.name_contract .box_icon-hover, #g_header .item_secondarySection.name_warranty .box_icon-hover {background-position: -348px -350px;} #g_header .item_secondarySection.name_my .box_icon {background-position: -380px -318px;} #g_header .item_secondarySection.name_my .box_icon-hover {background-position: -380px -350px;} #g_header .item_secondarySection.name_forum .box_icon {background-position: -448px -316px;} #g_header .item_secondarySection.name_forum .box_icon-hover {background-position: -448px -348px;} #g_header .item_secondarySection.name_status .box_icon {background-position: -416px -318px;} #g_header .item_secondarySection.name_status .box_icon-hover {background-position: -416px -350px;} #g_header .item_secondarySection.name_social .box_icon {background-position: -62px -318px;} #g_header .item_secondarySection.name_social .box_icon-hover {background-position: -62px -350px;} #g_header .item_secondarySection.name_events .box_icon {background-position: -96px -318px;} #g_header .item_secondarySection.name_events .box_icon-hover {background-position: -96px -350px;} #g_header .item_secondarySection.name_partners .box_icon {background-position: -288px -318px;} #g_header .item_secondarySection.name_partners .box_icon-hover {background-position: -288px -350px;} #g_header .item_secondarySection.name_jobs .box_icon {background-position: -318px -318px;} #g_header .item_secondarySection.name_jobs .box_icon-hover {background-position: -318px -350px;} #g_header .item_secondarySection.name_jobs .box_icon, #g_header .item_secondarySection.name_jobs .box_icon-hover {margin-top: -3px;} /* FOOTER #########################################*/ #g_footer {background: url('images/global/footer_texture.png') 0 0 / 321px 180px} #g_footer .wrap_tel, #g_footer .wrap_actions, #g_footer .wrap_social, #g_footer .wrap_social, #g_footer .wrap_legal {position: absolute;} /* Tel */ #g_footer .wrap_tel {margin: 38px 0 0 20px;} #g_footer .button_mainTel, #g_footer .button_secondaryTel, #g_header .button_secondaryTel { margin-bottom: 5px; display: block; } #g_footer .button_mainTel .box_icon {background-position: 0 -64px;} #g_footer .button_mainTel .box_icon-hover {background-position: 0 -96px;} #g_footer .button_mainTel .text_label, #g_footer .button_secondaryTel .text_label, #g_header .button_secondaryTel .text_label {color: #3a82ed;} #g_footer .button_secondaryTel .text_label, #g_header .button_secondaryTel .text_label { font-family: Regular; font-size: 18px; } #g_footer .text_multiline { margin: -28px 0 0 24px; font-size: 14px; font-family: Italic; color: #878787; position: absolute; } #g_footer .name_singleline {margin-top: 20px;} /* Mobile */ #g_footer .wrap_mobile, #g_header .wrap_mobile {margin-top: 20px;} #g_header .wrap_mobile {margin-top: 85px;} /* #g_header .wrap_mobile, #g_footer .wrap_mobile {display: none;} */ #g_footer .wrap_mobile { margin: -103px 0 0 200px; } #g_footer .item_mobile, #g_header .item_mobile { margin: 0 0 2px 5px; display: block; } #g_header .item_mobile {margin-left: 17px;} #g_footer .item_mobile .text_label, #g_header .item_mobile .text_label { margin-left: 20px; font-size: 18px; display: block; } #g_footer .item_mobile .text_label .text_bracketsFix, #g_header .item_mobile .text_label .text_bracketsFix { top: -2px; display: inline-block; position: relative; } #g_footer .item_mobile .box_icon, #g_footer .item_mobile .box_icon-hover, #g_header .item_mobile .box_icon, #g_header .item_mobile .box_icon-hover { width: 16px; height: 16px; margin-top: 4px; } #g_footer .item_mobile.name_ks .box_icon, #g_header .item_mobile.name_ks .box_icon {background-position: -32px -64px;} #g_footer .item_mobile.name_ks .box_icon-hover, #g_header .item_mobile.name_ks .box_icon-hover {background-position: -32px -96px;} #g_footer .item_mobile.name_ks .box_icon, #g_footer .item_mobile.name_ks .box_icon-hover, #g_header .item_mobile.name_ks .box_icon, #g_header .item_mobile.name_ks .box_icon-hover {margin-left: 3px;} #g_footer .item_mobile.name_mts .box_icon, #g_header .item_mobile.name_mts .box_icon {background-position: -64px -64px;} #g_footer .item_mobile.name_mts .box_icon-hover, #g_header .item_mobile.name_mts .box_icon-hover {background-position: -64px -96px;} #g_footer .item_mobile.name_mts .box_icon, #g_footer .item_mobile.name_mts .box_icon-hover, #g_header .item_mobile.name_mts .box_icon, #g_header .item_mobile.name_mts .box_icon-hover {margin-left: 3px;} #g_footer .item_mobile.name_life .box_icon, #g_header .item_mobile.name_life .box_icon {background-position: -96px -64px;} #g_footer .item_mobile.name_life .box_icon-hover, #g_header .item_mobile.name_life .box_icon-hover {background-position: -96px -96px;} #g_footer .item_mobile.name_life .box_icon, #g_footer .item_mobile.name_life .box_icon-hover, #g_header .item_mobile.name_life .box_icon, #g_header .item_mobile.name_life .box_icon-hover {margin-left: 3px;} /* Actions */ #g_footer .wrap_actions {margin: 28px 0 0 420px;} #g_footer .button_callBack, #g_footer .button_chat, #g_footer .button_mail {margin-right: 30px;} #g_footer .button_mail, #g_footer .button_forum {margin-left: 13px;} #g_footer .button_forum { padding-top: 4px; display: inline-block; } #g_footer .button_callBack {margin-bottom: 30px;} #g_footer .button_mail .text_label, #g_footer .button_forum .text_label { margin-left: 24px; font-size: 16px; background-position: 0 19px; } #g_footer .button_mail .box_icon, #g_footer .button_mail .box_icon-hover { width: 22px; height: 15px; margin-top: 9px; } #g_footer .button_forum .box_icon, #g_footer .button_forum .box_icon-hover { width: 22px; height: 20px; margin-top: 2px; } #g_footer .button_mail .box_icon {background-position: -128px -64px;} #g_footer .button_mail .box_icon-hover {background-position: -128px -96px;} #g_footer .button_forum .box_icon {background-position: -448px -318px;} #g_footer .button_forum .box_icon-hover {background-position: -448px -350px;} /* Social */ #g_footer .wrap_social {margin: 35px 0 0 790px;} #g_footer .text_social { margin: 0 0 2px 5px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #878787; } #g_footer .item_social, #g_footer .item_social .box_icon, #g_footer .item_social .box_icon-hover { width: 48px; height: 48px; } #g_footer .item_social { margin-right: 15px; display: inline-block; } #g_footer .item_social.name_vk .box_icon {background-position: -256px -64px;} #g_footer .item_social.name_vk .box_icon-hover {background-position: -256px -128px;} #g_footer .item_social.name_fb .box_icon {background-position: -320px -64px;} #g_footer .item_social.name_fb .box_icon-hover {background-position: -320px -128px;} #g_footer .item_social.name_tw .box_icon {background-position: -384px -64px;} #g_footer .item_social.name_tw .box_icon-hover {background-position: -384px -128px;} #g_footer .item_social.name_yt .box_icon {background-position: -448px -64px;} #g_footer .item_social.name_yt .box_icon-hover {background-position: -448px -128px;} #g_footer .item_social.name_fr .box_icon, #g_footer .item_social.name_fr .box_icon-hover { background: url("images/global/forum.png"); background-size: cover; } #g_footer .item_social.name_fr .box_icon {background-position: 0 0;} #g_footer .item_social.name_fr .box_icon-hover {background-position: 0 -65px;} /* Legal */ #g_footer .wrap_legal {margin: 138px 0 0 623px;} #g_footer .text_copy, #g_footer .text_licenses, #g_footer .box_liner, #g_footer .wrap_unitis { width: 417px; text-align: right; color: #878787; } #g_footer .text_copy { margin-bottom: 6px; font-size: 14px; line-height: 17px; } #g_footer .text_licenses { font-size: 12px; line-height: 16px; } #g_footer .box_liner { margin: 6px 0 6px 0; border-top: 1px solid #878787; } /* Unitis */ #g_footer .wrap_unitis { font-family: Italic; font-size: 16px; line-height: 23px; } #g_footer .wrap_unitis a {color: #878787;} #g_footer .wrap_unitis a:hover {color: #e6332a;} #g_footer .wrap_unitisLogo {display: inline;} #g_footer .wrap_unitisLogo .box_icon, #g_footer .wrap_unitisLogo .box_icon-hover, #g_footer .wrap_unitisLogo .text_label { width: 75px; height: 23px; margin-top: -3px; } #g_footer .wrap_unitisLogo .box_icon, #g_footer .wrap_unitisLogo .box_icon-hover {position: absolute;} #g_footer .wrap_unitisLogo .box_icon {background-position: -160px -64px;} #g_footer .wrap_unitisLogo .box_icon-hover {background-position: -160px -96px;} #g_footer .wrap_unitisLogo .text_label { text-indent: -9000px; opacity: 0; display: inline-block; } /* BREADCRUMBS #########################################*/ /* Heading */ .wrap_breadcrumbs .wrap_heading { width: 1020px !important; height: 250px; margin: 0 auto; } .wrap_breadcrumbs .text_section { padding-top: 20px; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; } .wrap_breadcrumbs .text_currentPage { padding-top: 6px; font-size: 48px; line-height: 48px; } .wrap_breadcrumbs .text_currentPage a {background-position: 0 -50px;} .wrap_breadcrumbs .wrap_description { width: 640px; padding-top: 15px; font-size: 16px; line-height: 21px; } .wrap_breadcrumbs .wrap_description p {margin-bottom: 15px;} /* Heading with back button */ .wrap_breadcrumbs .text_currentPage.mode_withBack:hover {color: #e6332a !important;} .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow {margin: 13px 0 0 -14px;} .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow, .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow .box_arrow, .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow .box_arrow-hover { height: 21px; width: 12px; position: absolute; } .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow .box_arrow {background-position: -64px -544px} .wrap_breadcrumbs .text_currentPage.mode_withBack .wrap_arrow .box_arrow-hover {background-position: -64px -576px} /* Tabs */ .wrap_breadcrumbs .wrap_tabs { width: 1020px; margin-top: -64px; left: 50%; margin-left: -510px; position: absolute; } .wrap_breadcrumbs .wrap_tabsBox { display: inline-block; border: 1px solid #fff; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } .wrap_breadcrumbs .item_tab { height: 64px; cursor: pointer; float: left; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; } .wrap_breadcrumbs .item_tab:first-child {border-top-left-radius: 3px;} .wrap_breadcrumbs .item_tab:last-child {border-top-right-radius: 3px;} .wrap_breadcrumbs .item_tab.item_tab.name_business {border-top-right-radius: 3px; background: rgba(88, 73, 138, 0.6);} .wrap_breadcrumbs .item_tab.item_tab.name_business:hover {background: rgba(88, 73, 138, 0.8);} .wrap_breadcrumbs .item_tab.name_private .box_liner {display:none!important;} .wrap_breadcrumbs .item_tab .wrap_label { height: 64px; padding-left: 70px; display: table; } .wrap_breadcrumbs.mode_simpleTabs .item_tab .wrap_label {padding-left: 15px;} .wrap_breadcrumbs .item_tab .text_label { padding-right: 15px; vertical-align: middle; color: #fff; display: table-cell; } .wrap_breadcrumbs .item_tab .box_icon { width: 48px; height: 48px; margin: 8px 0 0 13px; position: absolute; } .wrap_breadcrumbs .item_tab .box_liner { height: 46px; margin-left: 1px; margin-top: 8px; border-right: 1px solid #fff; position: absolute; } .wrap_breadcrumbs .item_tab.state_active .box_liner {display: none;} .wrap_breadcrumbs .item_tab:last-child .box_liner {display: none;} .wrap_breadcrumbs .item_tab.state_active, .wrap_breadcrumbs .item_tab.state_active:hover {background: #fff;} .wrap_breadcrumbs .item_tab.state_active .text_label {color: #09a3ff;} .wrap_breadcrumbs .item_tab:hover {background: rgba(255,255,255,0.2);} .wrap_breadcrumbs .item_tab .box_corner-left, .wrap_breadcrumbs .item_tab .box_corner-right { width: 4px; height: 4px; margin-top: 59px; position: absolute; display: none; } .wrap_breadcrumbs .item_tab.state_active .box_corner-left, .wrap_breadcrumbs .item_tab.state_active .box_corner-right {display: block;} .wrap_breadcrumbs .item_tab .box_corner-left {background-position: -672px 0; margin-left: -4px;} .wrap_breadcrumbs .item_tab .box_corner-right {background-position: -704px 0;} /* Tab content */ .item_tabWrapper, .item_secondaryTabWrapper {display: none;} .item_tabWrapper.state_current, .item_secondaryTabWrapper.state_current {display: inherit;} /* MODAL #########################################*/ body.show_guide, body.show_orderSmart, body.show_orderMag, body.show_orderAntivirus, body.show_orderCam, body.show_orderShop, body.show_lightboxShop, body.show_deliveryShop, body.show_callBack, body.show_jobModal, body.show_order {overflow: hidden;} body.show_guide #g_screen, body.show_orderSmart #g_screen, body.show_orderMag #g_screen, body.show_orderCam #g_screen, body.show_orderAntivirus #g_screen, body.show_orderShop #g_screen, body.show_lightboxShop #g_screen, body.show_deliveryShop #g_screen, body.show_callBack #g_screen, body.show_order #g_screen, body.show_jobModal #g_screen { -ms-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); } body.show_guide #modal_guide, body.show_orderSmart #modal_orderSmart, body.show_orderMag #modal_orderMag, body.show_orderCam #modal_orderCam, body.show_orderAntivirus #modal_orderAntivirus, body.show_orderShop #modal_orderShop, body.show_lightboxShop #modal_lightboxShop, body.show_deliveryShop #modal_deliveryShop, body.show_callBack #modal_callBack, body.show_order #modal_order, body.show_jobModal #jobModal { opacity: 1; -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); } #modal_deliveryShop { display:none; } #g_screen, .wrap_modal { transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .wrap_modal { width: 100%; height: 100%; top: 0; left: 0; z-index: 500; position: fixed; overflow: hidden; opacity: 0; -ms-transform: scale(0,0); -webkit-transform: scale(0,0); transform: scale(0,0); } .wrap_modal .wrap_screen { width: 100%; height: 100%; background: rgba(9, 163, 255,0.7); overflow: hidden; overflow-y: scroll; } .wrap_modal.mode_form .wrap_screen {display: table;} .wrap_modal.mode_form .wrap_page { vertical-align: middle; display: table-cell; } .wrap_modal.mode_fullScreen .wrap_page {padding: 60px;} .wrap_modal .wrap_window { margin: 0 auto; padding: 40px; background: #fff; box-shadow: 0px 0px 25px #0096eb; } .wrap_modal .text_windowHeading { width: 100%; padding: 10px 0 40px 5px; font-size: 14px; line-height: 18px; color: #09a3ff; text-transform: uppercase; letter-spacing: 2px; border-top: 1px solid #09a3ff; display: inline-block; } .wrap_modal .button_close { margin: -60px 0 0 0; position: relative; float: right; } /* Call back form */ #modal_callBack .wrap_window, #modal_callBack .wrap_window {width: 500px;} #modal_callBack .wrap_callBack { height: 75px; margin: -20px 0 10px 10px; } #modal_callBack .wrap_callBack .box_icon { width: 60px; height: 60px; background-position: -576px -96px; position: absolute; } #modal_callBack .text_callBack { padding-top: 5px; margin-left: 75px; font-size: 16px; line-height: 19px; } /* UI ELEMENTS #########################################*/ /* Button */ .g_button { height: 32px; padding: 0 13px 0 15px; display: inline-block; background: #d5d003; border-radius: 100px; transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; } .g_button:hover {background-color: #09a3ff !important;} .g_button:active {background-color: #394f20 !important;} .g_button .text_label { font-family: Bold; font-size: 14px; line-height: 32px; color: #394f20; text-transform: uppercase; letter-spacing: 1px; transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; } .g_button:hover .text_label {color: #fff !important;} .g_button:active .text_label {color: #d5d003 !important;} /* Select */ .g_select { position: relative; display:block; padding:0; } .g_select select { width:100%; margin:0; background:none; border: 1px solid transparent; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; appearance: none; -webkit-appearance: none; font-size: 16px; font-family: Regular; padding: 0 25px 0 5px; line-height: 30px; color: #3a82ed; background: #ebf3f8; border-radius: 2px; } .g_select::after { content: ""; position: absolute; width: 9px; height: 8px; top: 50%; right: 10px; margin-top:-4px; background-position: -448px 2px; z-index: 2; pointer-events:none; } .g_select:hover select {color: #e6332a;} .g_select:hover:after {background-position: -448px -30px;} .g_select select:focus {} .g_select option {font-weight:normal;} /* Hacks */ x:-o-prefocus, .g_select::after { display:none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .g_select select::-ms-expand { display: none; } .g_select select:focus::-ms-value { background: transparent; color: #222; } } @-moz-document url-prefix() { .g_select { overflow: hidden; } .g_select select { width: 120%; width: -moz-calc(100% + 3em); width: calc(100% + em); } } .g_select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } /* Close button */ .button_close, .button_close .box_icon, .button_close .box_icon-hover { width: 34px; height: 34px; position: absolute; } .button_close .box_icon {background-position: -512px 0;} .button_close .box_icon-hover {background-position: -512px -64px;} /* External link sign */ .box_external { width: 14px; height: 14px; margin-bottom: -4px; margin-left: 4px; background-position: -640px 0; display: inline-block; } /* Plus TV */ .box_plusTv { width: 39px; height: 22px; margin-left: 3px; background-position: -576px -64px; display: inline-block; } /* Section heading */ .text_secHeading { margin-left: -5px; padding: 10px 50px 20px 5px; font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: 2px; border-top: 1px solid #3a82ed; display: inline-block; } .text_secHeading .text_label {background-position: 0 17px;} /* Block heading */ .text_blockHeading { margin-bottom: 15px; font-size: 31px; line-height: 36px; color: #09a3ff; text-align: center; } /* Page tabs */ .wrap_pageTabs { width: 900px; margin: 0 auto; padding: 2px; border: 1px solid #c3e6ff; border-radius: 100px; display: table; } .wrap_pageTabs .item_pageTab { padding: 15px 0 15px 0; vertical-align: middle; text-align: center; font-size: 16px; line-height: 19px; color: #3a82ed; border-right: 1px solid #c3e6ff; cursor: pointer; display: table-cell; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } .wrap_pageTabs .item_pageTab:hover {color: #e6332a;} .wrap_pageTabs .item_pageTab:first-child { border-top-left-radius: 100px; border-bottom-left-radius: 100px; } .wrap_pageTabs .item_pageTab:last-child { border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-right: none; } .wrap_pageTabs .item_pageTab.state_active { background: #09a3ff; color: #fff; cursor: default; border-right-color: #09a3ff; } /* Secondary tabs */ .wrap_secondaryTabs {width: 100%;} .wrap_secondaryTabs .item_secondaryTab { padding: 10px 10px 0 10px; font-size: 19px; line-height: 21px; color: #3a82ed; cursor: pointer; display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } .wrap_secondaryTabs .item_secondaryTab:hover {color: #e6332a;} .wrap_secondaryTabs .item_secondaryTab.state_active { font-family: Bold; color: #e6332a; cursor: default; } /* Paginator */ .wrap_paginator {height: 25px;} .wrap_paginator .text_status, .wrap_paginator .item_button .text_label { font-size: 16px; line-height: 25px; } .wrap_paginator .text_status { color: #808080; float: right; } .wrap_paginator .item_button { height: 25px; margin-right: 10px; padding-right: 15px; display: inline-block; } .wrap_paginator .item_button .text_label {background-position: 0 18px;} .wrap_paginator .item_button.state_inactive .text_label { color: #808080; background: none; } .wrap_paginator .item_button.name_prev {border-right: 1px dotted #dedede;} .wrap_paginator .item_button .wrap_arrow { width: 25px; height: 25px; margin-bottom: -8px; display: inline-block; } .wrap_paginator .item_button .box_arrow, .wrap_paginator .item_button .box_arrow-hover { width: 25px; height: 25px; } .wrap_paginator .item_button.state_inactive .box_arrow-hover {display: none;} .wrap_paginator .item_button.name_prev.state_inactive .box_arrow {background-position: 0 -544px;} .wrap_paginator .item_button.name_prev .box_arrow {background-position: 0 -576px;} .wrap_paginator .item_button.name_prev .box_arrow-hover {background-position: 0 -608px;} .wrap_paginator .item_button.name_next.state_inactive .box_arrow {background-position: -32px -544px;} .wrap_paginator .item_button.name_next .box_arrow {background-position: -32px -576px;} .wrap_paginator .item_button.name_next .box_arrow-hover {background-position: -32px -608px;} /* FORMS #########################################*/ .g_form input, .g_form textarea { height: 30px; margin: 0; padding: 5px; border: none; background-color: #ebf3f8; font-family: Regular; font-size: 16px; line-height: 30px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } .g_form input:hover, .g_form textarea:hover, .g_form input:focus, .g_form textarea:focus {background-color: #ddedf8;} .g_form input:focus, .g_form textarea:focus { outline: none; -webkit-outline: none; -moz-outline: none; -ms-outline: none; } .g_form textarea { height: auto; line-height: 19px; } .g_form .item_input {margin-bottom: 15px;} .g_form label { width: 100px; margin-left: 5px; font-size: 16px; line-height: 19px; display: table; position: absolute; } .g_form label .text_label { height: 40px; vertical-align: middle; display: table-cell; } .g_form .item_input input, .g_form .item_input textarea, .g_form .item_input .text_invalid { width: 365px; margin-left: 120px; display: block; } .g_form .item_input .text_invalid { margin-top: 5px; font-size: 14px; color: #d61c24; display: none; } .g_form .item_input.state_invalid .text_invalid {display: block;} .g_form .item_input.state_invalid input, .g_form .item_input.state_invalid textarea {background-color: #f8e7e7;} .g_form .button_submit { margin-left: 120px; display: inline-block; } .g_form .text_invalid { font-size: 14px; line-height: 32px; color: #d61c24; float: right; display: none; } .state_invalid .text_invalid {display: block;} /* Sent */ .g_form .wrap_sent, .g_form.state_sent .item_input, .g_form.state_sent .button_submit, .g_form.state_sent .text_fieldGroup, .g_form.state_sent .wrap_formTabs, .g_form.state_sent .text_or, .g_form.state_sent .text_invalid, .g_form.state_sent .wrap_address, .g_form.state_sent .wrap_action, .g_form.state_sent .wrap_callBack { transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .g_form .wrap_sent { /* display: table; */ position: absolute; -ms-transform: scale(0,0); -webkit-transform: scale(0,0); transform: scale(0,0); } .g_form .wrap_sentBox { /* vertical-align: middle; */ /* text-align: center; */ display: table-cell; } .g_form.state_sent .wrap_sent { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); } .g_form .wrap_sent .wrap_message { width: 320px; display: inline-block; } .g_form.state_sent .item_input, .g_form.state_sent .button_submit, .g_form.state_sent .text_fieldGroup, .g_form.state_sent .wrap_formTabs, .g_form.state_sent .text_or, .g_form.state_sent .text_invalid, .g_form.state_sent .wrap_address, .g_form.state_sent .wrap_action, .g_form.state_sent .wrap_callBack {opacity: 0;} .g_form .wrap_sent .box_icon { width: 92px; height: 96px; background-position: 0 -672px; position: absolute; } .g_form .wrap_sent .text_sent, .g_form .wrap_sent .text_whatNext { padding-left: 105px; text-align: left; } .g_form .wrap_sent .text_sent { margin-bottom: 10px; font-size: 24px; line-height: 24px; color: #80b13f; } .g_form .wrap_sent .text_whatNext { font-size: 16px; line-height: 19px; color: #808080; } /* Form tabs */ .wrap_formTabs { margin: 20px 0 20px 0; display: table; } .wrap_formTabs .item_formTab { padding: 15px 25px 15px 25px; vertical-align: middle; text-align: center; font-size: 16px; line-height: 19px; color: #3a82ed; background-color: #ebf3f9; cursor: pointer; display: table-cell; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } .wrap_formTabs .item_formTab:hover {color: #e6332a;} .wrap_formTabs .item_formTab:first-child { border-top-left-radius: 100px; border-bottom-left-radius: 100px; } .wrap_formTabs .item_formTab:last-child { border-top-right-radius: 100px; border-bottom-right-radius: 100px; } .wrap_formTabs .item_formTab.state_active { background: #09a3ff; color: #fff; cursor: default; } /* CROSS PROMO #########################################*/ .wrap_crossPromo { width: 900px; height: 150px; margin: 0 auto; margin-bottom: 40px; } .wrap_crossPromo .item_promo { width: 440px; height: 150px; border-radius: 4px; display: table; float: left; transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; } .wrap_crossPromo .item_promo:first-child {margin-right: 20px;} .wrap_crossPromo .wrap_promo { padding-left: 210px; vertical-align: middle; display: table-cell; } .wrap_crossPromo .text_title { font-size: 21px; line-height: 26px; color: #fff; } .wrap_crossPromo .text_action { margin-top: 15px; font-family: Bold; font-size: 14px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; color: #d5d003; display: block; } #g_header .wrap_tel {z-index: 205;} @font-face { font-family: 'ProbaPro Bold'; src: url('fonts_footer/ProbaPro-Bold.eot'); src: url('fonts_footer/ProbaPro-Bold.eot') format('embedded-opentype'), url('fonts_footer/ProbaPro-Bold.woff2') format('woff2'), url('fonts_footer/ProbaPro-Bold.woff') format('woff'), url('fonts_footer/ProbaPro-Bold.ttf') format('truetype'); } @font-face { font-family: 'ProbaPro Regular'; src: url('fonts_footer/ProbaPro-Regular.eot'); src: url('fonts_footer/ProbaPro-Regular.eot') format('embedded-opentype'), url('fonts_footer/ProbaPro-Regular.woff2') format('woff2'), url('fonts_footer/ProbaPro-Regular.woff') format('woff'), url('fonts_footer/ProbaPro-Regular.ttf') format('truetype'); } @font-face { font-family: 'ProbaPro Light'; src: url('fonts_footer/ProbaPro-Light.eot'); src: url('fonts_footer/ProbaPro-Light.eot') format('embedded-opentype'), url('fonts_footer/ProbaPro-Light.woff2') format('woff2'), url('fonts_footer/ProbaPro-Light.woff') format('woff'), url('fonts_footer/ProbaPro-Light.ttf') format('truetype'); } @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); /*'OpenSans-Light', sans-serif*/ .footer a, .footer .link, .circle, .unit-is { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } /************************* common styles *************************/ .footer .holder { width: 100%; max-width: 1042px; margin: 0 auto; } .footer .holder:after { display: block; content: ''; clear: both; } /****************** page *************************/ /******** footer-block *********/ .footer { font-family: "ProbaPro Light", sans-serif; font-size: 18px; padding: 85px 0; line-height: 1; background: url(images/20/footer/fon.png) 0 0 no-repeat; background-size: cover; } .footer-left { font-size: 14px; line-height: 20px; } .footer-left > a { font-family: "ProbaPro Light"; color: #09a3ff; } .footer-right { display: -webkit-box; display: -ms-flexbox; display: flex; } .unit-is { display: inline-block; } .unit-is:hover { opacity: 0.7; } .footer-right-text { font-family: "ProbaPro Light"; font-size: 12px; line-height: 1.2; margin-left: 6px; color: #000; } .foot-top, .foot-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .foot-top { margin-bottom: 45px; } .foot-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .foot-icon .f-social img { width:28px; height: 28px; } .f-social { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .foot-icon a:not(:last-of-type) { margin-right: 8px; } .soc-icons-mobile-app { max-width:20%; } .foot-icon a:hover { opacity: 0.7; } a.foot-logo { margin-right: 38px; } .foot-list li { margin-bottom: 10px; } .foot-list li a { display: block; color: #000000; } .footer-left { margin: 35px 0; } .foot-item { } .f-item5 { width: 100%; max-width: 480px; } .circle { display: inline-block; width: 10px; height: 10px; border-radius: 50px; margin-right: 12px; /*background-color: #ffffff;*/ border: 2px solid #009fdf; } .foot-list li a:hover { color: #e6332a; } .foot-list li a:hover .circle { border: 2px solid #e6332a; } .foot-title { font-family: "ProbaPro Bold"; font-size: 24px; margin-bottom: 25px; text-transform: uppercase; } .foot-logo img { width: 250px; height: 60px; } .footer-mobile-app-icons{ display: block; clear: both; width: 100%; } .footer-mobile-app-icons > a { margin: 20px 0 0 0!important; display: block; } .f-serve { margin-left: 22px; } #map { width: 250px; height: 210px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } /*App Bttons*/ .app-buttons > div { display:inline-block; } .app-buttons > div:nth-child(n+2) { margin-left:10px; } .app-buttons a { text-decoration:none!important; background:none!important; } /************************* media *************************/ @media screen and (max-width: 1024px) { .competition .video { width: 500px; height: 281px; } .animatable { visibility: visible; !important; animation: none; } .holder { padding: 0 20px; } .year { /*width: 35%;*/ margin-left: 0; z-index: 12; } .girl { margin-left: -75px; } .head-wrap .anchors:nth-of-type(2) { position: absolute; left: 50%; right: 330px; margin-left: -64px; } .arror { top: 674px; margin-left: 287px; z-index: 12; } .hashteg-tv { width: 40%; margin-left: -337px; } .head-fon-bottom { display: none; } .header-main { margin-top: 0; background: url(images/20/gratter/fon-up-up.png) 0 0 no-repeat; background-size: cover; } .year-20-img-l { display: none; } .circle1 { display: none; } .description { padding: 55px; } /*.year-20-img-l {*/ /*width: 100%;*/ /*display: block;*/ /*position: relative;*/ /*height: 260px;*/ /*border-radius: unset;*/ /*background-size: 125% 125%;*/ /*}*/ .year-right { margin-left: 0; } .years-20 .title { text-align: center; } .year-right .title { padding-top: 85px; } .image-block img { display: none; } .years-20 { margin-bottom: 85px; } #map { display: none; } .video-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } .people-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } .link { white-space: nowrap; } .gratter-top .bottom, .gratter-top .bottom-2 { padding: 55px; } .gratter-top .bottom-2 { padding-top: 0; } /*.gratter-top .bottom {*/ /*margin-top: 108px;*/ /*}*/ .gratter-top .top-title { font-size: 46px; } .gratter-top .desc { font-size: 20px; } .present-1 img { margin-top: 10px; width: 280px; margin-left: 53px; } .present-2 img { margin-top: 10px; margin-left: -99px; width: 432px; } .present-3 img { margin-top: 10px; width: 323px; margin-left: 10px; } .present-4 img { margin-left: -19px; width: 352px; margin-top: 0; } .present-title{ flex-wrap: wrap; justify-content: left; } /*.present-2 img {*/ /*margin-left: -190px;*/ /*}*/ /*.present-3 img {*/ /*margin-left: -17px;*/ /*}*/ /*.present-4 img {*/ /*margin-left: -49px;*/ /*margin-top: 0;*/ /*}*/ .gratter-top .bottom-3 .title { font-size: 46px; padding: 0 20px; } .descr { padding: 0 60px; line-height: 1.3; } .bottom-2 .link { margin-right: 20px; } .gratter-top .top { text-align: center; margin: 0; padding: 55px; } .top-girl { display: none; } .youtube { width: 100%; height: 100%; } .person:nth-of-type(6):after, .person:nth-of-type(7), .person:nth-of-type(8), .person:nth-of-type(9), .person:nth-of-type(10) { display: none; } } @media screen and (max-width: 767px) { .wrap_servicesCards .wrap_servicesCardsb { flex-direction: column; } .wrap_servicesCards .wrap_servicesCardsb .item_card { margin-bottom: 10px; } .wrap_actions .item_action { margin: 0 !important; margin-bottom: 20px !important; padding: 0 5px; } .wrap_actions .wrap_actionsb { flex-direction: column; } .wrap_actions .item_action .wrap_message { padding-right: 0 !important; } .competition .video { width: 280px; height: 156px; } .link{ display: none; } .link.mob{ display: flex; border-bottom: 1px transparent; flex-direction: column; align-items: center; } .link.mob > p{ border-bottom: 1px dashed #00aeef; } .video-block .video{ margin-bottom: 15px; } .g-item-1 .disc, .g-item-3 .disc { display: flex; flex-direction: column; align-items: center; justify-content: center; } .foot-logo img, a.foot-logo{ display: none; } .gratter-bottom > p { line-height: 20px; margin-bottom: 5px; } .gratter-bottom > p:last-of-type { margin-bottom: 0; } /*.mob_present{*/ /*display: flex;*/ /*justify-content: center;*/ /*}*/ /*.mob_present .count{*/ /*margin-right: 15px;*/ /*}*/ .present .present-right .title { margin-bottom: 0; } .gratter-bottom .connect-hid { position: relative; width: 280px; font-size: 16px; line-height: 15px; margin-bottom: 10px; } .header-main { height: 500px; } .girl { width: 100%; max-width: 245px; top: 25px; left: 50%; margin-left: -116px; } .year { width: 170px; top: 385px; z-index: 22; } .arror { display: none; } .hashteg { width: 239px; top: 260px; margin-left: -64px; z-index: 21; } .head-20 { max-width: 280px; left: 50%; margin-left: -136px; top: 279px; z-index: 20; } .hashteg-tv { display: none; } .gratter-top { margin-bottom: 35px; background: #ffffff; } .gratter-top .top { border-top-left-radius: 20px; border-top-right-radius: 20px; background: url(images/20/gratter/fon-up-up.png) 0 0 no-repeat; background-size: 100% 100%; } .form { width: 280px; } .form .holder, .form-bottom .holder { padding: 20px; } .submit { width: 100%; } body { font-size: 16px; } /*.year-20-img-l {*/ /*height: 165px;*/ /*}*/ .gratter-top .bottom { margin-top: 0; } .foot-icon { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .foot-logo { margin-bottom: 15px; } .year-right .title { padding-top: 35px; } .years-20 .title, .present .title, .competition .title, .gratter .title { font-size: 34px; } .gratter-top .bottom-3 .title{ font-size: 29px; } .gratter-top .bottom-3 .title, .descr { padding: 0; } .gratter-top .descr { font-size: 16px; margin-bottom: 20px; } .years-20 .content p, .present-right .content { margin-top: 5px; line-height: 22px; } .description p { line-height: 24px; } .accordion-hid p:last-of-type { margin-bottom: 0; } .present-right { text-align: center; } .description p, .accordion-hid p, .present-right .content { margin-bottom: 5px; } .accordion-hid p { font-size: 12px; line-height: 15px; } .description .list > li { margin-bottom: 0; } .g-title { text-align: center; margin-bottom: 15px; } .disc { font-size: 55px; line-height: 24px; } .bottom > div { margin-bottom: 10px; display: flex; flex-direction: column; align-items: center; } .bottom > div:last-of-type{ margin-bottom: 0; } .g-item-1 .spincrement, .g-item-3 .spincrement{ width: 100%; } .g-item-2 .disc { font-size: 22px; margin-bottom: 0; } .g-item-2 .disc .spincrement{ line-height: 15px; } .g-item-2 .disc span:not(.spincrement) { font-size: 16px; } .person:nth-of-type(3):after, .person:nth-of-type(4), .person:nth-of-type(5), .person:nth-of-type(6), .person:nth-of-type(7), .person:nth-of-type(8), .person:nth-of-type(9), .person:nth-of-type(10) { display: none; } .gratter .title { margin: 0 0 20px 0; } .youtube-block { width: 100%; } .video > img:last-child { width: 100%; } .youtube-block { width: 100%; } .video-block .youtube-play { width: 30%; } .gratter-bottom { padding: 35px 0 35px 0; font-size: 16px; } .gratter { padding-bottom: 0; } .years-20 .article, .present .present-right { margin-bottom: 35px; } .present .present-right { margin-top: 35px; } .competition, .competition .title { margin-bottom: 35px; } .description, .gratter-top .bottom-3 { padding: 20px; } .description .list { padding: 0; } .description .list > li { line-height: 25px; } .phone-submenu li > a { padding-left: 30px; } .years-20 { margin-bottom: 35px; } .years-20 .title, .present .title, .competition .title { margin-bottom: 15px; } .present-block > div { overflow: hidden; position: relative; } .present-right { margin: 0 auto; } .present-left { margin: 0 auto; padding: 0; max-width: 230px; height: 140px; } .present-left img { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin: 0 auto; } .present-1 img { margin-top: 7px; /* width: 180px; */ width: 138px; margin-left: 1px; } .present-2 img { margin-top: 7px; /* width: 277px; */ width: 215px; margin-left: -75px; } .present-3 img { margin-top: 7px; /*margin-left: -49px;*/ margin-left: -21px; /*width: 211px;*/ width: 161px; } .present-4 img { /*width: 230px;*/ /*margin-left: -68px;*/ width: 180px; margin-left: -40px; } .present-title { margin-bottom: 0; padding-bottom: 25px; } .present-right .count { font-size: 54px; position: absolute; top: 39px; left: 0; right: 0; bottom: 0; margin-left: 169px; } .present .present-right .title { font-size: 24px; text-align: center; } .present-right .title, .present-right .content, .present-right .link { margin-left: 0; text-align: center; } .gratter { margin-top: 115px; padding-top: 0; } .gratter-top .top-title { font-size: 36px; } .gratter-top .desc { font-size: 20px; margin-bottom: 10px; } .gratter-top .top-title, .gratter-top .top-text { margin-bottom: 10px; } .gratter-top .top-text { font-size: 18px; } .top-text2 { font-size: 12px; } .bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .g-item-2 .g-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /***************footer**************/ .footer { padding: 35px 0; } .foot-top, .foot-bottom { flex-direction: column-reverse; -webkit-box-align: left; -ms-flex-align: left; align-items: left; } .foot-item, .footer-right{ margin-bottom: 15px; } .foot-bottom .foot-item:last-of-type{ margin-bottom: 5px; } .foot-bottom .foot-item:nth-of-type(2){ margin-bottom: 0; } .foot-top{ margin-bottom: 0; } .footer-left { margin: 15px 0; } .foot-title, .foot-list li { margin-bottom: 10px; } a.foot-logo { margin-right: 0; /*padding-bottom: 15px;*/ } } /* STYLESHEET FILE DESCRIPTION: Tours list page styles */ /* Mega sprite */ .wrap_status .wrap_ok .box_icon, .wrap_quickLinks .item_quickLink .box_icon, .wrap_quickLinks .item_quickLink .box_icon-hover {background: url('images/global/sprites.png') no-repeat;} .wrap_actions .item_action .text_heading, .wrap_news .item_news .text_heading, .wrap_quickLinks .item_quickLink .text_label, .wrap_status .button_archive .text_label {background: url('images/global/link.png') repeat-x;} .item_card .wrap_feature .box_icon, .item_card .box_smartTv, .item_card .box_android, .item_card .box_mag, .item_card .box_lg, .item_card .box_dune, .item_card .box_windows {background: url('images/frontpage/servicesCards.png') no-repeat;} @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { .wrap_status .wrap_ok .box_icon, .wrap_quickLinks .item_quickLink .box_icon, .wrap_quickLinks .item_quickLink .box_icon-hover {background: url('images/global/sprites@2x.png') 0 0 / 1024px 1024px no-repeat;} .wrap_actions .item_action .text_heading, .wrap_news .item_news .text_heading, .wrap_quickLinks .item_quickLink .text_label, .wrap_status .button_archive .text_label {background: url('images/global/link@2x.png') 0 0 / 1px 1px repeat-x;} .item_card .wrap_feature .box_icon, .item_card .box_smartTv, .item_card .box_android, .item_card .box_mag, .item_card .box_lg, .item_card .box_dune, .item_card .box_windows {background: url('images/frontpage/servicesCards@2x.png') 0 0 / 256px 256px no-repeat;} } .wrap_quickLinks .item_quickLink:hover .box_icon-hover {opacity: 1;} /* SLIDER #########################################*/ .wrap_slider, .wrap_slider .item_slide { width: 100%; height: 600px; overflow: hidden; display: block; } .wrap_slider .item_slide { background-position: 50% 0; background-repeat: no-repeat; background-size: 1920px 600px; transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; } .wrap_slider .item_slide .wrap_slide {display: table;} .wrap_slider .item_slide .wrap_message { width: 460px; height: 350px; padding-left: 580px; vertical-align: middle; display: table-cell; } .wrap_slider .item_slide .text_action { padding: 6px 6px 4px 6px; font-family: Bold; font-size: 12px; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; color: #09a3ff; border: 2px solid #09a3ff; border-radius: 2px; display: inline-block; } .wrap_slider .item_slide .text_heading { margin-top: 12px; margin-bottom: 12px; font-family: Light; font-size: 48px; line-height: 42px; } .wrap_slider .item_slide .text_message { font-size: 18px; line-height: 24px; } /* Pager */ .wrap_slider .wrap_pager { width: 100%; margin-top: -80px; position: absolute; } .wrap_slider .wrap_pages { display: table; max-width: 1100px; height: 44px; padding: 4px; background: rgba(255,255,255,0.8); border-radius: 100px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .wrap_slider .wrap_pages .item_page { width: 219px; height: 44px; border-right: 1px solid rgba(9, 165, 255, 1); text-align: center; font-size: 16px; line-height: 44px; display: block; float: left; } .wrap_slider .wrap_pages .item_page.name_first { border-top-left-radius: 100px; border-bottom-left-radius: 100px; } .wrap_slider .wrap_pages .item_page.name_third { border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-right: none; } .wrap_slider .wrap_pages .item_page.active { background: #09a3ff; color: #fff; } /* SERVICES CARDS #########################################*/ .wrap_servicesCards { /* width: 1020px; height: 390px; margin: 0px auto; margin-top: 40px; margin-bottom: 40px; */ width: 100%; display: flex; margin: 0px auto; margin-top: 40px; margin-bottom: 40px; } .wrap_servicesCards .wrap_servicesCardsb { margin: auto; display: flex; } .item_card { width: 256px; height: 390px; border-radius: 3px; display: block; float: left; overflow: hidden; position: relative; } .item_card.name_inet, .item_card.name_tv, .item_card.name_phone {background-size: 256px !important; margin-right: 20px;} .item_card.name_inet {background: url('images/frontpage/servicesCards-internet.jpg') #91b91e; color: #374f00;} .item_card.name_tv {background: url('images/frontpage/servicesCards-tv.jpg') #f4bf2d; color: #422918;} .item_card.name_phone {background: url('images/frontpage/servicesCards-phone.jpg') #1cb5ea; color: #1b1464;} .item_card.name_surveillance {background: url('images/frontpage/servicesCards-cam.jpg') #9896db; color: #2c0052;background-size: 256px !important;} .item_card.name_inet .box_shade {background: #9dbe39;} .item_card.name_tv .box_shade {background: #edac13;} .item_card.name_phone .box_shade {background: #49bbee;} .item_card.name_surveillance .box_shade {background: #9999dc;} .item_card.name_inet .text_action {border-color: #374f00;} .item_card.name_tv .text_action {border-color: #422918;} .item_card.name_phone .text_action {border-color: #1b1464;} .item_card.name_surveillance .text_action {border-color: #2c0052;} .item_card.name_inet .text_heading {border-color: rgba(55, 79, 0, 0.3);} .item_card.name_tv .text_heading {border-color: rgba(66, 41, 24, 0.3);} .item_card.name_phone .text_heading {border-color: rgba(27, 20, 100, 0.3);} .item_card.name_surveillance .text_heading {border-color: rgba(44, 0, 82, 0.3);} .wrap_servicesCards .text_heading, .wrap_servicesCards .text_description, .wrap_servicesCards .text_action, .wrap_servicesCards .text_planTitle, .wrap_servicesCards .text_planPrice, .wrap_servicesCards .text_phonePrice, .wrap_servicesCards .wrap_feature, .wrap_servicesCards .wrap_feature .text_label {display: block;} .item_card .box_shade { width: 256px; height: 0px; opacity: 0.9; border-radius: 3px; position: absolute; transition: height .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: height .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: height .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: height .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .item_card:hover .box_shade {height: 390px;} .item_card .button_action { width: 190px; margin: 245px 0 0 12px; text-align: center; position: absolute; } .item_card .wrap_heading { width: 256px; position: absolute; } .item_card .text_heading { margin: 15px 0 10px 15px; border-bottom: 1px solid; font-size: 26px; line-height: 24px; display: inline-block; } .item_card .text_description { margin: 0 15px 0 15px; font-size: 16px; line-height: 18px; } .item_card .wrap_action { margin-top: 290px; position: absolute; transition: margin-top .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: margin-top .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: margin-top .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: margin-top .5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .item_card:hover .wrap_action {margin-top: 100px;} .item_card .text_action { width: 210px; margin-left: 10px; padding: 8px 0 10px 5px; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid; } /* Inet */ .item_card .item_plan { margin: 5px 0 11px 0; display: block; } .item_card .text_planTitle { margin: 0 0 5px 15px; font-size: 28px; line-height: 28px; letter-spacing: 2px; } .item_card .text_planPrice { margin-left: 15px; font-size: 16px; line-height: 16px; } /* Tv */ .item_card .box_smartTv, .item_card .box_android, .item_card .box_mag, .item_card .box_lg, .item_card .box_dune, .item_card .box_windows {position: absolute;} .item_card .box_smartTv { width: 91px; height: 33px; margin: 10px 0 0 15px; } .item_card .box_android { width: 107px; height: 24px; margin: 17px 0 0 118px; background-position: 0 -32px; } .item_card .box_mag { width: 78px; height: 16px; margin: 75px 0 0 16px; background-position: -128px 0; } .item_card .box_lg { width: 120px; height: 28px; margin: 70px 0 0 105px; background-position: 0 -64px; } .item_card .box_dune { width: 78px; height: 36px; margin: 120px 0 0 34px; background-position: 0 -96px; } .item_card .box_windows { width: 42px; height: 42px; margin: 120px 0 0 129px; background-position: -128px -32px; } /* Phone */ .item_card .text_phonePrice { margin: 15px 0 0 15px; font-size: 40px; } .item_card .text_units {font-size: 16px;} .item_card .item_price { padding-top: 15px; display: block; } .item_card .item_price .text_price { margin-left: 10px; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; } .item_card .item_price .text_phonePrice { margin-top: 3px; font-size: 30px; } /* Surveillence */ .item_card .wrap_feature { margin-top: 10px; float: left; } .item_card .wrap_feature.name_anyCamera {margin-left: 15px;} .item_card .wrap_feature.name_storage {margin-left: 10px;} .item_card .wrap_feature .text_label { margin-left: 30px; font-size: 14px; line-height: 16px; } .item_card .wrap_feature .box_icon { width: 25px; height: 25px; position: absolute; } .item_card .wrap_feature.name_platforms { margin-top: 25px; clear: both; } .item_card .wrap_feature.name_platforms .box_icon { width: 132px; height: 40px; margin-left: 50px; } .item_card .wrap_feature.name_platforms .text_label { width: 240px; margin: 48px 0 0 0; text-align: center; } .item_card .wrap_feature.name_anyCamera .box_icon {background-position: 0 -160px; margin-top: 3px; margin-left: 3px;} .item_card .wrap_feature.name_storage .box_icon {background-position: 0 -192px; margin-top: 5px;} .item_card .wrap_feature.name_platforms .box_icon {background-position: -64px -160px;} /* QUICK LINKS #########################################*/ .wrap_quickLinks { width: 100%; height: 80px; margin-bottom: 40px; background: #edf5fa; text-align: center; display: flex; } .wrap_quickLinks .wrap_quickLinksb { display: flex; height: 100%; overflow: auto; margin: auto; } .wrap_quickLinks .item_quickLink { /*height: 63px; margin-right: 50px; padding: 17px 0 0 50px; font-size: 16px; line-height: 20px; text-align: left; display: inline-block;*/ height: 63px; margin-right: 50px; padding: 17px 0 0 50px; font-size: 16px; line-height: 20px; text-align: left; position: relative; } .wrap_quickLinks .item_quickLink:first-child {margin-left: 20px;} .wrap_quickLinks .item_quickLink:last-child {margin-right: 0;} .wrap_quickLinks .item_quickLink .text_label {background-position: 0 19px;} .wrap_quickLinks .item_quickLink .box_icon, .wrap_quickLinks .item_quickLink .box_icon-hover { width: 42px; height: 50px; margin-left: -50px; position: absolute; } .wrap_quickLinks .item_quickLink.name_my .box_icon {background-position: 10px -416px;} .wrap_quickLinks .item_quickLink.name_my .box_icon-hover {background-position: 10px -480px;} .wrap_quickLinks .item_quickLink.name_chat .box_icon {background-position: -58px -412px;} .wrap_quickLinks .item_quickLink.name_chat .box_icon-hover {background-position: -58px -476px;} .wrap_quickLinks .item_quickLink.name_faq .box_icon {background-position: -120px -414px;} .wrap_quickLinks .item_quickLink.name_faq .box_icon-hover {background-position: -120px -478px;} .wrap_quickLinks .item_quickLink.name_speedTest .box_icon {background-position: -192px -412px;} .wrap_quickLinks .item_quickLink.name_speedTest .box_icon-hover {background-position: -192px -476px;} .wrap_quickLinks .item_quickLink.name_topUp .box_icon {background-position: -250px -412px;} .wrap_quickLinks .item_quickLink.name_topUp .box_icon-hover {background-position: -250px -476px;} /* ACTIONS #########################################*/ .wrap_actions { /*width: 760px; margin: 0 auto;*/ width: 100%; margin: 0 auto; display: flex; } .wrap_actions .wrap_actionsb { margin: auto; display: flex; } .wrap_actions .item_action { /*width: 380px; min-height: 128px; float: left;*/ max-width: 380px; min-height: 128px; float: left; margin: auto; } .wrap_actions .item_action .box_cover { width: 128px; height: 128px; border-radius: 128px; background-color: #edf5fa; position: absolute; } .wrap_actions .item_action .wrap_message { padding-left: 145px; padding-right: 40px; display: block; } .wrap_actions .item_action .text_action { width: 43px; margin-bottom: 12px; padding: 5px 4px 3px 4px; color: #09a3ff; font-size: 12px; line-height: 12px; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #09a3ff; border-radius: 2px; display: block; } .wrap_actions .item_action .text_heading { font-size: 21px; line-height: 24px; background-position: 0 24px; } .wrap_actions .item_action .text_description { margin-top: 4px; font-size: 16px; line-height: 21px; color: #000; display: block; } /* NEWS AND STATUS #########################################*/ .wrap_newsStatus { margin-top: 40px; padding-bottom: 40px; } .wrap_newsStatus .coll_news, .wrap_newsStatus .coll_status {float: left;} .wrap_newsStatus .coll_news { width: 755px; margin-left: 25px; } .wrap_newsStatus .coll_status { width: 238px; margin-left: 30px; } /* News */ .wrap_news .item_news { width: 220px; margin-right: 30px; float: left; transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; } .wrap_news .item_news .box_cover, .wrap_news .item_news .text_date, .wrap_news .item_news .text_excerpt {display: block;} .wrap_news .item_news .box_cover { width: 220px; height: 120px; margin-bottom: 20px; border-radius: 2px; background-color: #edf5fa; border: 1px solid #dbe5f5; background-size: 220px 120px; transition: border-color .2s ease-in-out; -webkit-transition: border-color .2s ease-in-out; -o-transition: border-color .2s ease-in-out; -moz-transition: border-color .2s ease-in-out; } .wrap_news .item_news .box_cover:hover {border-color: #e6332a;} .wrap_news .item_news .box_cover.state_noCover { /*background-position: -890px 40px;*/ /*background-color: #edf5fa;*/ background: url('images/global/news_small.png') 0 0 / 220px 120px; } .wrap_news .item_news .text_date { margin-bottom: 5px; font-family: Italic; font-size: 14px; color: #64879a; } .wrap_news .item_news .text_heading { font-size: 18px; line-height: 22px; background-position: 0 21px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } .wrap_news .item_news .text_excerpt { margin-top: 10px; font-size: 14px; line-height: 19px; color: #000; } /* Status */ .wrap_status { padding: 10px; border: 1px solid; border-radius: 3px; } .wrap_status.state_ok, .wrap_status.state_ok .button_archive {border-color: #80b13f;} .wrap_status.state_notOk, .wrap_status.state_notOk .button_archive {border-color: #ffad0e;} .wrap_status.state_ok .text_date {color: #80b13f;} .wrap_status.state_notOk .text_date {color: #ffad0e;} .wrap_status.state_ok .text_date, .wrap_status.state_ok .text_status, .wrap_status.state_notOk .wrap_ok {display: none;} .wrap_status .text_secHeading { border: none; padding: 0; margin: 0; } .wrap_status .text_date { margin-top: 15px; margin-bottom: 5px; font-family: italic; font-size: 16px; } .wrap_status .text_status { font-size: 16px; line-height: 21px; } .wrap_status .button_archive { border-top: 1px solid; margin: 20px -10px -10px -10px; padding: 10px; font-size: 16px; line-height: 19px; display: block; } .wrap_status .button_archive .text_label {background-position: 0 18px;} /* Ok */ .wrap_status .wrap_ok {height: 120px;} .wrap_status .wrap_ok .box_icon { width: 55px; height: 55px; margin: 30px 0 0 35px; background-color: #80b23f; background-position: -576px 0; border-radius: 100%; position: absolute; } .wrap_status .wrap_ok .text_ok { margin: 46px 0 0 100px; font-family: Italic; font-size: 16px; position: absolute; } .wrap_newsStatus .text_ip { margin: 10px 0 0 10px; font-size: 14px; line-height: 19px; color: #64879a; } .wrap_newsStatus .text_ip strong {font-family: Bold;} #g_footer .wrap_actions {width: auto;} /*ScrollBar*/ #footballtabs .gc--2-of-3::-webkit-scrollbar { width: 3px; border-radius: 5px; } #footballtabs .gc--2-of-3::-webkit-scrollbar-track { background: #f2f2f2; border-radius: 0px; padding-right: 20px; } #footballtabs .gc--2-of-3::-webkit-scrollbar-thumb:vertical { background-color: rgba(58, 130, 237, .4); border-radius: 5px; } #footballtabs .gc--2-of-3::-webkit-scrollbar-thumb:vertical:hover { background: rgba(58, 130, 237, .4); } #footballtabs .gc--2-of-3 { user-select: none; } /*ScrollBar*/ #footballtabs.grid { list-style: none; width: 100%; } #footballtabs .gc { box-sizing: border-box; display: inline-block; margin-right: -.25em; min-height: 1px; padding-left: 0; vertical-align: top; } #footballtabs .gc--1-of-3 { width: 33.33333%; } #footballtabs .gc--2-of-3 { width: 66.66666%; border: 1px solid #dbe5f5; padding: 15px 15px!important; max-height: 235px; max-height: 235px; height: 235px; border-radius: 0 4px 4px 0; overflow-y: auto; overflow-x: hidden; background: rgba(255, 255, 255, .5); } #footballtabs { position: relative; } #footballtabs .bannerholder { top: -1px; left: -2px; position: absolute; width: 100%; height: 100%; overflow: hidden; padding: 3px; box-sizing: border-box; z-index: -1; border-radius: 4px; opacity: .6; } #footballtabs .fkbanner { border-radius: 4px; } .naccs { position: relative; max-width: 723px; margin: 40px auto 32px 0; } .naccs .menu div { padding: 15px 20px 15px 15px; margin-bottom: 10px; color: #3a82ed; background: rgba(255, 255, 255, .5); cursor: pointer; position: relative; vertical-align: middle; -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); border: 1px solid #dbe5f5; border-right: none!important; border-radius: 4px 0 0 4px; font-size: 18px; line-height: 19px; } .naccs .menu div:last-child { margin-bottom: 0; padding-bottom: 16px; } .text_heading.football-club { text-decoration: none; color: #3a82ed; border-bottom: 1px solid #dbe5f5; margin-left: -5px; padding: 10px 0 0 0; font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: 2px; border-top: 1px solid #3a82ed; display: inline-block; } .text_heading.football-club:hover { color: #e6332a; } /* .text_heading.football-club:after { padding-left: 10px; content: "→"; text-decoration: none; } .text_heading.football-club:hover:after { padding-left: 20px; }*/ #footballtabs .gc--2-of-3 a:hover, .naccs .menu div:hover { color: #e6332a; fill: #e6332a; } .naccs .menu div span.light { height: 10px; width: 10px; position: absolute; top: 20px; left: 15px; background-color: #3a82ed; border-radius: 100%; -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); display: none; } .naccs .menu div.active span.light { background-color: #dbe5f5; left: 0; height: 100%; width: 3px; top: 0; border-radius: 4px 0 0 4px; display: block; } .naccs .menu div.active { background: #09a3ff; color: #fff; padding: 15px 20px 15px 25px; border: 1px solid #09a3ff; } ul.nacc { position: relative; height: 0px; list-style: none; margin: 0; padding: 0; -webkit-transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1); transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1); } ul.nacc li { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); position: absolute; list-style: none; -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); } ul.nacc li.active { z-index: 2; opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } ul.nacc li:not(.active) { overflow: hidden; height: 0; } ul.nacc li p { margin-bottom: 10px; font-size: 14px; line-height: 19px; color: #000; } #footballtabs h3{ margin-bottom: 15px; font-weight: bold; } #footballtabs.grid .menu svg, #footballtabs.grid .menu img { width: 24px; height: 24px; float: left; display: block; padding-right: 10px; margin-top: -1px; fill: #3a82ed; } #footballtabs.grid .menu div.active svg, #footballtabs.grid .menu div.active img { fill: #fff; } #footballtabs .cup-image { height: 110px; width: 90px; float: left; } #footballtabs .tabcontent a { font-size: 18px; line-height: 24px; display: block; color: #3a82ed; text-decoration: underline; } #footballtabs .tabcontent>ul>li { width: 100%; } /* Награды */ #footballtabs #cupsblock .cup a { margin-left: 90px; } #footballtabs #cupsblock .cup p { margin-left: 90px; padding-top: 10px; font-size: 80%; line-height: 120%; color: #606060; font-style: italic; } #footballtabs #cupsblock .cup { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px dashed #eee; display: inline-block; } #footballtabs #cupsblock .cup:last-child { margin-top: 15px; padding-bottom: 15px; border-bottom: none; } /* Награды */ /* Матчи */ #footballtabs #matchesblock .news-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #footballtabs #matchesblock .news-date { margin: 8px 0 0 0; padding: 0px 0 0 20px; background: url(img/news-icon-date.png) no-repeat; font-style: italic; margin-bottom: 5px; font-family: Italic; font-size: 14px; color: #64879a; line-height: 16px; } #footballtabs #matchesblock .news-item { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #eee; } #footballtabs #matchesblock .news-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #footballtabs .news-item.next { position: relative; background: rgba(58, 130, 237, .15); margin: -15px; padding: 15px; border-radius: 0; border-bottom: none!important; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.05))!important; } #footballtabs .news-item svg, #footballtabs .news-item img { position: absolute; width: 50px; height: 50px; right: 20px; top: 45px; fill: #3a82ed; animation: acAnimatedSvgIconAlarmClockAnimation 4s ease-out infinite; } #footballtabs .news-item.next:after { content: ''; position: absolute; width: 50px; height: 50px; right: 20px; top: 50px; fill: #3a82ed; animation: acAnimatedSvgIconAlarmClockAnimation 4s ease-out infinite; background: url(svg/024-stopwatch.svg) no-repeat; background-size: 50px 50px; } /* Матчи */ /* Турниры */ #footballtabs #tournirtable table { width: 100%; border: none!important; border-spacing: 0; } #footballtabs #tournirtable tr.tablehead { background: #61AF6A; color: #fff; text-align: center; } #footballtabs #tournirtable tr { border-bottom: 1px solid rgba(255,255,255, .4); line-height: 30px; font-size: 14px; } #footballtabs #tournirtable tr:nth-child(2n) { background: rgba(242, 242, 242, .4); } #footballtabs #tournirtable .left, #footballtabs #tournirtable .tourtable-k { text-align: left!important; } #footballtabs #tournirtable td[class^="tourtable-"] { } #tournirtable th { font-weight:bold; } #footballtabs #tournirtable .tourtable-legend { margin-top: 20px; background: #f2f2f2; padding: 10px 20px; border: 1px solid #ccc; border-radius: 5px; } #footballtabs #tournirtable tr.tablehead { background: rgba(219, 229, 245, .5); color: #000; } #footballtabs #tournirtable .tourtable-legend { margin-top: 20px; background: rgba(242, 242, 242, .4); padding: 5px 15px; border: 1px solid rgba(204, 204, 204, .5); border-radius: 5px; font-size: 11px; line-height: 1.6em; } /* Турниры */ #sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; color: #fff; } #sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none; } #sb-overlay { position: relative; height: 100%; width: 100%; } #sb-wrapper { position: absolute; visibility: hidden; width: 100px; } #sb-wrapper-inner { position: relative; border: 8px solid #f9faed; border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; height: 100px; } #sb-body { position: relative; height: 100%; } #sb-body-inner { position: absolute; height: 100%; width: 100%; } #sb-player.html { height: 100%; overflow: auto; } #sb-body img { border: none; } #sb-loading { position: relative; height: 100%; } #sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; } #sb-loading-inner span { background: url('img/shadowbox_loading.gif') no-repeat; padding-left: 34px; display: inline-block; } #sb-body, #sb-loading { background-color: #060606; } #sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; } #sb-title, #sb-title-inner { height: 26px; line-height: 26px; } #sb-title-inner { font-size: 16px; } #sb-info, #sb-info-inner { height: 28px; line-height: 20px; } #sb-info-inner { font-size: 12px; } #sb-nav { float: right; height: 24px; padding: 2px 0; width: 45%; } #sb-nav a { display: block; float: right; height: 24px; width: 24px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; } #sb-nav-close { background-image: url('img/shadowbox-close.png'); } #sb-nav-next { background-image: url('img/shadowbox-next.png'); } #sb-nav-previous { background-image: url('img/shadowbox-previous.png'); } #sb-nav-play { background-image: url('img/shadowbox-play.png'); } #sb-nav-pause { background-image: url('img/shadowbox-pause.png'); } #sb-counter { float: left; width: 45%; } #sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; } #sb-counter a.sb-counter-current { text-decoration: underline; } div.sb-message { font-size: 12px; padding: 10px; text-align: center; } div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; } #footballtabs #aboutblock td { width: 100%; display: block; } #footballtabs #aboutblock td.image { text-align: center; padding-top: 10px; } #footballtabs img.small { width: 250px; padding: 3px; border-radius: 4px; border: 1px solid rgba(204, 204, 204, .3); background: rgba(255, 255, 255, .4); } @media (max-width: 700px) { #footballtabs.grid { list-style: none; margin-left: 0px; } #footballtabs .gc--1-of-3 { width: 100%!important; } #footballtabs .gc--2-of-3 { width: 100%; border-radius: 0 4px 4px 4px; } .naccs .menu div { padding: 15px; margin-bottom: 0; display: inline-block; border: 1px solid #dbe5f5!important; border-bottom: none!important; border-radius: 4px 4px 0 0; } .naccs .menu div span.light, #footballtabs .menutitle { display: none!important; } #footballtabs.grid .menu svg, #footballtabs.grid .menu img { width: 24px; height: 24px; float: none; display: block; padding-right: 0; margin-top: -1px; fill: #3a82ed; } #footballtabs.grid .menu { width: 100%; display: block; } #footballtabs .gc { box-sizing: border-box; display: block; margin-right: 0; min-height: 1px; padding-left: 0; vertical-align: top; } .naccs .menu div.active { background: #3a82ed; color: #fff; padding: 15px; border: 1px solid #3a82ed; } #footballtabs #aboutblock td { width: 100%; display: block; } #footballtabs #aboutblock td.image { text-align: center; padding-top: 10px; } #footballtabs .fkbanner { border-radius: 0 4px 4px 4px; float: right; } #footballtabs .bannerholder { padding-bottom: 40px; border-radius: 20px; } #footballtabs .bannerholder { top: 50px; right: 0; left: 0; position: absolute; width: auto; height: 100%; overflow: hidden; padding: 3px; box-sizing: border-box; z-index: -1; border-radius: 4px; opacity: .2; } } @-webkit-keyframes acAnimatedSvgIconAlarmClockAnimation { 0% { -webkit-transform: rotateZ(0deg); } 20% { -webkit-transform: rotateZ(0deg); } /* 1 */ 24% { -webkit-transform: rotateZ(2deg) translateY(-2%); } 27% { -webkit-transform: rotateZ(0deg); } 28% { -webkit-transform: rotateZ(-2deg) translateY(-2%); } 29% { -webkit-transform: rotateZ(0deg); } 30% { -webkit-transform: rotateZ(2deg) translateY(-2%); } 31% { -webkit-transform: rotateZ(0deg); } 32% { -webkit-transform: rotateZ(-2deg) translateY(-2%); } 33% { -webkit-transform: rotateZ(0deg); } /* 2 */ 59% { -webkit-transform: rotateZ(0deg); } 60% { -webkit-transform: rotateZ(2deg) translateY(-2%); } 63% { -webkit-transform: rotateZ(0deg); } 64% { -webkit-transform: rotateZ(-2deg) translateY(-2%); } 65% { -webkit-transform: rotateZ(0deg); } 66% { -webkit-transform: rotateZ(2deg) translateY(-2%); } 67% { -webkit-transform: rotateZ(0deg); } 68% { -webkit-transform: rotateZ(-2deg) translateY(-2%); } 69% { -webkit-transform: rotateZ(0deg); } } /* STYLESHEET FILE DESCRIPTION: News pages styles */ /* Mega sprite */ .wrap_breadcrumbs .text_currentPage.mode_withBack .text_label {background: url('images/global/link-dark.png') repeat-x;} .wrap_newsList .item_news .text_heading {background: url('images/global/link.png') repeat-x;} @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { .wrap_breadcrumbs .text_currentPage.mode_withBack .text_label {background: url('images/global/link-dark@2x.png') 0 0 / 1px 1px repeat-x;} .wrap_newsList .item_news .text_heading {background: url('images/global/link@2x.png') 0 0 / 1px 1px repeat-x;} } /* HEADER #########################################*/ .wrap_breadcrumbs { background: url('images/global/uniHeader.png') 0 0 / 344px 300px repeat-x #82cbff; } .wrap_breadcrumbs .wrap_archive { margin: 54px 0 0 190px; position: absolute; } .wrap_breadcrumbs .text_currentPage.mode_withBack .text_label {background-position: 0 52px;} .wrap_breadcrumbs .wrap_heading.news {width: 800px !important;} .wrap_breadcrumbs .text_section, .wrap_breadcrumbs .text_currentPage {color: #11315e;} /* NEWS LIST #########################################*/ .wrap_newsList { width: 800px; margin: 0 auto; padding-top: 40px; padding-bottom: 10px; } .wrap_newsList .item_news { width: 800px; min-height: 120px; margin: 0 0 30px -10px; padding: 0 10px 30px 10px; border-bottom: 1px solid #dedede; display: block; transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; } .wrap_newsList .item_news .box_cover, .wrap_newsList .item_news .text_date, .wrap_newsList .item_news .text_excerpt {display: block;} .wrap_newsList .item_news .box_cover { width: 220px; height: 120px; margin-bottom: 20px; border-radius: 2px; background-color: #edf5fa; background-repeat: no-repeat; background-size: 220px 120px; border: 1px solid #dbe5f5; position: absolute; transition: border-color .2s ease-in-out; -webkit-transition: border-color .2s ease-in-out; -o-transition: border-color .2s ease-in-out; -moz-transition: border-color .2s ease-in-out; } .wrap_newsList .item_news:hover .box_cover {border-color: #e6332a;} .wrap_newsList .item_news .box_cover.state_noCover { /*background-position: -890px 40px;*/ /*background-color: #edf5fa;*/ background: url('images/global/news_small.png') 0 0 / 220px 120px; } .wrap_newsList .item_news .text_date, .wrap_newsList .item_news .text_excerpt, .wrap_newsList .item_news .wrap_heading {margin-left: 240px;} .wrap_newsList .item_news .wrap_heading { display: block; } .wrap_newsList .item_news .text_date, .wrap_newsPost .text_date { margin-bottom: 5px; font-family: Italic; font-size: 14px; color: #64879a; } .wrap_newsList .item_news .text_heading { font-size: 18px; line-height: 22px; background-position: 0 21px; /*display: block;*/ transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } .wrap_newsList .item_news .text_excerpt { margin-top: 10px; font-size: 14px; line-height: 19px; color: #000; } /* Paginator */ .wrap_paginator {margin-bottom: 30px;} /* NEWS POST #########################################*/ .wrap_newsPost { width: 800px; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; } /* Header */ .wrap_newsPost .wrap_newsHeader { height: 200px; padding-bottom: 40px; display: table; } .wrap_newsPost .box_cover { width: 366px; height: 200px; border-radius: 2px; background-color: #edf5fa; background-repeat: no-repeat; background-size: 366px 200px; border: 1px solid #dbe5f5; position: absolute; } .wrap_newsPost .box_cover.state_noCover { /*background-position: -810px 80px;*/ /*background-color: #edf5fa;*/ background: url('/images/global/news_big.png') 0 0 / 366px 200px; } .wrap_newsPost .text_date {font-size: 16px;} .wrap_newsPost .wrap_header { padding-left: 390px; display: table-cell; vertical-align: bottom; } .wrap_newsPost .text_heading { font-size: 24px; line-height: 25px; color: #09a3ff; } .wrap_newsPost .wrap_social { margin: 15px 0 0 -10px; padding: 10px 0 0 10px; border-top: 1px solid #dedede; } .wrap_newsPost .wrap_social .wrap_vk, .wrap_newsPost .wrap_social .wrap_fb, .wrap_newsPost .wrap_social .wrap_tw { margin-right: 20px; float: left; }