/* Theme Name: HyperFilter 1.0.0 Theme URL: http://www.hyperfilter.com/ Description: N/A Author: N/A Author URL: N/A Version: 1.0.0 */ @font-face { font-family: 'Doppio One'; src: url('/wp-content/themes/hyperfilter/assets/fonts/DoppioOne-Regular.eot'); src: url('/wp-content/themes/hyperfilter/assets/fonts/DoppioOne-Regular.eot?#iefix') format('eot'), url('/wp-content/themes/hyperfilter/assets/fonts/DoppioOne-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ruda'; src: url('/wp-content/themes/hyperfilter/assets/fonts/Ruda-Regular.eot'); src: url('/wp-content/themes/hyperfilter/assets/fonts/Ruda-Regular.eot?#iefix') format('eot'), url('/wp-content/themes/hyperfilter/assets/fonts/Ruda-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ruda Black'; src: url('/wp-content/themes/hyperfilter/assets/fonts/Ruda-Black.eot'); src: url('/wp-content/themes/hyperfilter/assets/fonts/Ruda-Black.eot?#iefix') format('eot'), url('/wp-content/themes/hyperfilter/assets/fonts/Ruda-Black.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Outage'; src: url('/wp-content/themes/hyperfilter/assets/fonts/Outage.ttf') format('truetype'); font-weight: normal; font-style: normal; } .font-doppioOne {font-family: 'Doppio One', Arial, sans-serif !important} .font-ruda {font-family:"Ruda", Arial, sans-serif !important;} .font-rudaBlack {font-family:'Ruda Black', Arial Black, sans-serif !important} .font-outage {font-family:'Outage', Arial Black, sans-serif !important} *.cor-roxo {color:#3D0F7C !important} *.cor-amarelo {color:#FDBC00 !important} *.cor-azul {color:#01AAE3 !important} *.cor-laranja {color:#f69c00 !important} *.cor-cinzaBlack {color:#4C4C4C } @media (max-width: 767px) { html, body, #wrap, .container-fluid, .container-narrow, .row-fluid, .row { min-width: 1024px !important} body {padding-left:10px!important; padding-right:10px!important; } } /* -------------------------------------------------------------------------------------------------- :: Micro-Classes Adicionais -------------------------------------------------------------------------------------------------- */ .red { background: url(/wp-content/themes/hyperfilter/assets/css/img/_col-red.png) repeat !important } .container.show { background: url(/wp-content/themes/hyperfilter/assets/css/img/_col-fluid.png) repeat-y top center !important; background-size:100%;} .pull-center { float:none; margin:0 auto; } img.pull-center { text-align:center; } .well.none { background:none !important; border:none !important; box-shadow:none !important} .no-radios {-webkit-border-radius: 0px !important;border-radius: 0px !important;} /* -------------------------------------------------------------------------------------------------- :: Tipografia -------------------------------------------------------------------------------------------------- */ /* Text and Links -------------------------------------------------- */ ::-moz-selection, ::selection { background:#000; color:#FDBC00; text-shadow: none; } html, body {height:100%; color: #4d4d4d; font-family: Arial, Helvetica, sans-serif; } a:hover {} a, a:link, a:visited {} blockquote {} blockquote p {} blockquote small {} .text-right {text-align:right} .text-left {text-align:left} .text-justify {text-align:justify} .text-center {text-align:center} .small { font-size: 70%; } .big { font-size: 160%;} /* Heading -------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {font-family: 'Doppio One', Arial, sans-serif; word-spacing:3px; letter-spacing:-1px; font-weight:normal; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:#333; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 70%; } h1 big, h2 big, h3 big, h4 big, h5 big, h6 big { font-size: 160%;} h1 {font-size:40px; line-height:normal;} h1 span {} h1 a {} h1 a:hover {} h2 {font-size:26px; color: #4d4d4d; text-transform:uppercase;} h2 span {} h2 a {} h2 a:hover {} h3 {} h3 span {} h3 a {} h3 a:hover {} h4 {font-size:16px; color: #202020;} h4 span {} h4 a {} h4 a:hover {} h5 {} h5 span {} h5 a {} h5 a:hover {} h6 {} h6 span {} h6 a {} h6 a:hover {} /* -------------------------------------------------------------------------------------------------- :: Navbars -------------------------------------------------------------------------------------------------- */ .navbar {} .navbar .navbar-inner {} .navbar .navbar-inner .container {} /* Brand Marca -------------------------------------------------- */ .navbar .brand {} /* Nav -------------------------------------------------- */ .nav-collapse ul.nav li {} .nav-collapse ul.nav li {} .nav-collapse ul.nav li a {} .nav-collapse ul.nav li a:hover {} .nav-collapse ul.nav li.active {} .nav-collapse ul.nav li.active a:hover {} /* Dropdown -------------------------------------------------- */ .nav-collapse ul.nav li.dropdown .nav-collapse ul.nav li.dropdown a.dropdown-toggle {} .nav-collapse ul.nav li.dropdown ul.dropdown-menu {} .nav-collapse ul.nav li.dropdown ul.dropdown-menu li {} .nav-collapse ul.nav li.dropdown ul.dropdown-menu li a {} .nav-collapse ul.nav li.dropdown ul.dropdown-menu li a:hover {} .nav-collapse ul.nav li.dropdown ul.dropdown-menu li.divider {} /* -------------------------------------------------------------------------------------------------- :: Buttons -------------------------------------------------------------------------------------------------- */ .btn, a.btn, button.btn {text-shadow:none; color:#333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Ruda Black', Arial Black, sans-serif;} .btn.btn-large, a.btn-large, button.btn-large {} .btn.btn-small, a.btn-small, button.btn-small {} .btn.btn-mini, a.btn-mini, button.btn-mini {} .btn.disabled, a.btn.disabled, button.btn-disabled {} /* Colors -------------------------------------------------- */ a.btn, button.btn, input.btn { background:#4d4d4d; color:#FFFFFF } a.btn:hover, button.btn:hover, input.btn:hover { background:#4d4d4d; color:#FFFFFF } a.btn.btn-primary, button.btn-primary, input.btn-primary { background:#4d4d4d; color:#FFFFFF} a.btn.btn-primary:hover, button.btn-primary:hover, input.btn-primary:hover {background:#f69c00; color:#FFFFFF} a.btn.btn-info, button.btn-info, input.btn-info. { background:#01ABE3; } a.btn.btn-info:hover, button.btn-info:hover, input.btn-info:hover {background:#006F94; } a.btn.btn-success, button.btn-success, input.btn-success {} a.btn.btn-success:hover, button.btn-success:hover, input.btn-success:hover {} a.btn.btn-warning, button.btn-warning, input.btn-warning { background:#f69c00; color:#FFFFFF} a.btn.btn-warning:hover, button.btn-warning:hover, input.btn-warning:hover { background:#4d4d4d; color:#FFFFFF} a.btn.btn-danger, button.btn-danger, input.btn-danger { } a.btn.btn-danger:hover, button.btn-danger:hover, input.btn-danger:hover { } a.btn.btn-inverse, button.btn-inverse, input.btn-inverse { } a.btn.btn-inverse:hover, button.btn-inverse:hover, input.btn-inverse:hover { } /* Split Group Dropdown -------------------------------------------------- */ .btn-group {} .btn-group a.btn {} .btn-group a.btn.dropdown-toggle {} .btn-group ul.dropdown-menu {} .btn-group ul.dropdown-menu li {} .btn-group ul.dropdown-menu li a {} .btn-group ul.dropdown-menu li a:hover {} .btn-group ul.dropdown-menu li.divider {} /* -------------------------------------------------------------------------------------------------- :: Forms -------------------------------------------------------------------------------------------------- */ select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { font-size: 14px; color: #555555; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #FFF; box-shadow:none; } textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus { border-color: gray; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* -------------------------------------------------------------------------------------------------- :: Tables -------------------------------------------------------------------------------------------------- */ table {} table thead tr th {} table tbody tr th {} /* -------------------------------------------------------------------------------------------------- :: Miscellaneous -------------------------------------------------------------------------------------------------- */ /* Dropdown Menu -------------------------------------------------- */ a.dropdown-toggle {} ul.dropdown-menu {} ul.dropdown-menu li {} ul.dropdown-menu li a {} ul.dropdown-menu li a:hover {} ul.dropdown-menu li.divider {} /* Alerts -------------------------------------------------- */ .alert {} .alert-error {} .alert-success {} .alert-info {} .alert-block {} .alert-heading {} /* Alerts -------------------------------------------------- */ .well {} .well-large {} .well-small {} /* -------------------------------------------------------------------------------------------------- :: Global -------------------------------------------------------------------------------------------------- */ .container-narrow {margin: 0 auto; max-width: 980px;} .container-narrow > hr {margin: 30px 0;} /*#wrap { padding:0px; margin:0 auto; width:100%; height:auto !important; min-height:100%; height:100%; position:relative;}*/ /* -------------------------------------------------------------------------------------------------- :: Header -------------------------------------------------------------------------------------------------- */ #header { background:url(/wp-content/themes/hyperfilter/assets/img/topo-bg-x.png) repeat-x; } #header .container-fluid {background:url(/wp-content/themes/hyperfilter/assets/img/topo-bg.png) center top no-repeat; height:114px; } #header .container-fluid .row {} #headerpromotion { background:url(/wp-content/themes/hyperfilter/assets/img/topo-bg-x.png) repeat-x; } #headerpromotion .container-fluid {background:url(/wp-content/themes/hyperfilter/assets/img/topo-bg.png) center top no-repeat; height:160px; } #headerpromotion .container-fluid .row {} #headerpromotionpanel { background:url(/wp-content/themes/hyperfilter/assets/img/topo-bg-x.png) repeat-x; } #headerpromotionpanel .container-fluid {background:url(/wp-content/themes/hyperfilter/assets/img/topo-bg.png) center top no-repeat; height:150px; } #headerpromotionpanel .container-fluid .row {} #logo {margin-top:-7px;} /* Promotional Area */ #headerpromotion .promotion-class { font-family: 'Arial', sans-serif; font-size:18px; color:#FFF; text-decoration:none; } /* topoAside (Languages) */ .topoAside {margin-top:27px;} .topoAside a.especialBtn:hover, .page-template-page-ddosprotection-php .topoAside a.especialBtn {background:url(/wp-content/themes/hyperfilter/assets/img/btn-header.png) center bottom no-repeat;} .topoAside a.especialBtn {background:url(/wp-content/themes/hyperfilter/assets/img/btn-header.png) center top no-repeat; font-family: 'Ruda', sans-serif; font-size:16px; display:block; padding:20px 0px 20px 100px; width:200px; color:#FFF; text-decoration:none; float:left; margin-right:20px } .especialDropdown { padding:0px 20px;margin-top:7px; font-size:16px; } .especialDropdown .smallText {color:#cb8702; font-size:12px;} .especialDropdown.brasil {background:url(/wp-content/themes/hyperfilter/assets/img/bandeiras.png) 0px 8px no-repeat} .especialDropdown .btn.dropdown-toggle { text-align:left; background:url(/wp-content/themes/hyperfilter/assets/img/topo-arrow.png) right 8px no-repeat !important; padding-right:40px; border:0px; box-shadow:none} .especialDropdown ul.dropdown-menu {margin-left:20px; border:#f69c00 2px solid; -webkit-border-radius: 0px;border-radius: 0px;} .especialDropdown ul.dropdown-menu a:hover { background:#f69c00} /* Menu Principal */ #menuPrimary {font-family: 'Doppio One', Arial, sans-serif; font-weight:400; background:url(/wp-content/themes/hyperfilter/assets/img/menu-bg.png) repeat-x bottom #1E1E1E; padding-top:5px; min-height:45px ; max-height:45px ; display:block; float:left; clear:both; width:100%; } #menuPrimary .nav {margin:0px !important;} #menuPrimary .nav .item-1 {font-size:12px; color:#f8af00; margin-top:8px;} #menuPrimary .nav .dropdown-toggle {font-size:16px; text-transform:uppercase; margin:0px 12px; } #menuPrimary .nav .dropdown-toggle a {color:#ffffff; -webkit-border-radius: 0px;border-radius: 0px; border-top:3px solid #1E1E1E; padding-bottom:20px; } #menuPrimary .nav .dropdown-toggle a:hover {color:#FDBC00;background:#FFF; border-top:3px solid #E5E5E5;} #menuPrimary .nav .dropdown-toggle a.hoverSubMenu {color:#FDBC00;background:#FFF; border-top:3px solid #E5E5E5; } #menuPrimary .nav .dropdown-toggle a span {padding:2px 4px;-webkit-border-radius: 4px;border-radius: 4px;} #menuPrimary .nav .dropdown-toggle div.box { display:none;visibility:hidden; position:absolute; background:#0F0; width:940px; } #menuPrimary .nav .dropdown-toggle:hover div.box {/*visibility:visible;*/ } #menuPrimary .nav .dropdown-toggle.item-2 div.box {margin-left:-50px;} #menuPrimary .nav .item-6 {} #menuPrimary .nav .item-6 a, #menuPrimary .nav .item-7 a {color:#FFF; font-family: 'Ruda', sans-serif; font-size:12px; margin-top:7px !important; text-transform:uppercase;} #menuPrimary .nav .item-6 a:hover, #menuPrimary .nav .item-7 a:hover {color:#FFF; background:#4C4C4C;} /* Menu Ativo body.page-template-page-webhosting-php #menuPrimary .nav .item-2 a:hover, body.page-template-page-serverprotection-php #menuPrimary .nav .item-3 a:hover , body.page-template-page-supportcenter-php #menuPrimary .nav .item-4 a:hover, body.page-template-page-about-php #menuPrimary .nav .item-5 a:hover {color:#FDBC00;background:#FFF; border-top:3px solid #E5E5E5;} */ /*body.page-template-page-webhosting-php #menuPrimary .nav .item-2 a span, body.page-template-page-serverprotection-php #menuPrimary .nav .item-3 a span, body.page-template-page-supportcenter-php #menuPrimary .nav .item-4 a span, body.page-template-page-about-php #menuPrimary .nav .item-5 a span { background:#FDBC00;color:#1E1E1E;}*/ /* Menu Principal >> Sub MENU .showSubMenu {visibility:visible; } .hideSunbMenu {visibility:hidden; display:none; }*/ /**/ #menuPrimary #subMenu-2, #menuPrimary #subMenu-3, #menuPrimary #subMenu-5 { visibility:hidden } #menuPrimary.submenu-open li.item-2:hover .StyleSubMenu, #menuPrimary.submenu-open li.item-3:hover .StyleSubMenu, #menuPrimary.submenu-open li.item-5:hover .StyleSubMenu {transition-delay: 0.2s; -moz-transition-delay: 0.2s; /* Firefox 4 */ -webkit-transition-delay: 0.2s; /* Safari and Chrome */ -o-transition-delay: 0.2s; /* Opera */ visibility:visible!important;} #subMenu-2 { margin-left:-23px;} #subMenu-3 {margin-left:-185px;} #subMenu-5 {margin-left:-525px;} .StyleSubMenu { position:absolute; z-index:9999; background:none; width:920px; padding-top:30px; margin-top:-5px; font-size:14px; } .StyleSubMenu ul.arrowYellow {margin-top:8px; font-weight:normal !important; text-transform:none !important; font-family:Arial, Helvetica, sans-serif !important} .StyleSubMenu a {color:#f69c00; border:0px !important; background: none !important} .StyleSubMenu a:hover {text-decoration:none;} .StyleSubMenu h2 a {font-size:30px; color:#4d4d4d ; font-family: 'Doppio One', Arial, sans-serif; font-weight:400;} .StyleSubMenu hr.separe { } .StyleSubMenu h3 { background:url(/wp-content/themes/hyperfilter/assets/img/subMenuBgH2.jpg) no-repeat left; min-height:66px; padding-left:50px; text-transform:uppercase} .StyleSubMenu h3 a { } .StyleSubMenu h3 a .cor-cinzaBlack { font-size:50px} .StyleSubMenu h3 a:hover .cor-cinzaBlack {color:#f69c00 !important} .StyleSubMenu h3 a.link-orange {color:#f69c00 !important;} .StyleSubMenu a.link-gray {color:#4d4d4d !important;} #subMenu-5.StyleSubMenu h3 {line-height:27px ; margin:0px 12px} #subMenu-5.StyleSubMenu h3 a .cor-cinzaBlack {font-size:22px ; margin-top:10px; } /*About*/ #subMenu-box { display:block; margin:0 auto; margin-top:50px; } #subMenu-box .subMenuContent { background:#FFF; position:absolute; z-index:999; padding:20px 30px; border-bottom:5px solid #f69c00; display:block; height:230px; width:910px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .subMenu { } #subMenu-2 {} #subMenu-3 {} #subMenu-5 {} } /* -------------------------------------------------------------------------------------------------- :: Footer -------------------------------------------------------------------------------------------------- */ #footer { position:relative; bottom:0px; width:100%; background: url(/wp-content/themes/hyperfilter/assets/img/footer-bg.png) top repeat-x #F6F7F9; font-size:12px; word-spacing:3px; padding:20px 0 70px;} #footer .container-fluid {padding:10px 0 0;} #footer .container-fluid .row {} #footer a {color: #4d4d4d;} #footer a:hover {color:#f69c00} #footer img.pagamentos { } #footer img.focoinovacao {} #footer img.copyright {} .list-brands span {margin:0px 14px 30px;} span.brand-centos { width: 133px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) 0px 0px no-repeat; } span.brand-cisco { width: 63px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -133px 0px no-repeat; } span.brand-cpanel { width: 62px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -196px 0px no-repeat; } span.brand-dell { width: 36px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -258px 0px no-repeat; } span.brand-hp { width: 43px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -938px 0px no-repeat; } span.brand-freebsd { width: 109px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -294px 0px no-repeat; } span.brand-intel { width: 52px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -403px 0px no-repeat; } span.brand-pagseguro { width: 200px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -736px 0px no-repeat; } span.brand-paypal { width: 107px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -629px 0px no-repeat; } span.brand-skrill { width: 81px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -1121px 0px no-repeat; } span.brand-bitcoin { width: 142px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -981px 0px no-repeat; } span:hover.brand-centos { width: 133px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) 0px -43px no-repeat; } span:hover.brand-cisco { width: 63px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -133px -43px no-repeat; } span:hover.brand-cpanel { width: 62px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -196px -43px no-repeat; } span:hover.brand-dell { width: 36px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -258px -43px no-repeat; } span:hover.brand-hp { width: 43px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -938px -43px no-repeat; } span:hover.brand-freebsd { width: 109px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -294px -43px no-repeat; } span:hover.brand-intel { width: 52px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -403px -43px no-repeat; } span:hover.brand-pagseguro { width: 200px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -736px -43px no-repeat; } span:hover.brand-paypal { width: 107px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -629px -43px no-repeat; } span:hover.brand-skrill { width: 81px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -1121px -45px no-repeat; } span:hover.brand-bitcoin { width: 142px; height: 43px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-brands.png) -981px -43px no-repeat; } /* -------------------------------------------------------------------------------------------------- :: Conteudo -------------------------------------------------------------------------------------------------- */ #conteudo { background: url(/wp-content/themes/hyperfilter/assets/img/conteudo-bg.png) repeat-x top #FFF; padding:40px 0px 50px} #conteudo .container-fluid {} #conteudo .container-fluid .row-fluid {} .smallTextYellow {color:#f69c00; font-size:12px;} .twoColumn {-moz-column-count: 2; -webkit-column-count: 2;-moz-column-width: 400px; -webkit-column-width: 400px; -moz-column-gap: 50px;-webkit-column-gap: 50px;} .learn-more { color:#8d8c8c; background: url(/wp-content/themes/hyperfilter/assets/img/learn-more.png) repeat-x 4px; width:100%; height:20px; display:block; text-align:right; font-family: 'Doppio One', Arial, sans-serif;font-weight:400; font-size:12px; text-transform:uppercase} .learn-more:hover {color:#f69c00} .learn-more span {background:#FFF; height:25px; padding:2px 10px;} .learn-more span:after {content: " ›"; color:#f69c00; } .divisor {background: url(/wp-content/themes/hyperfilter/assets/img/learn-more.png) repeat-x 4px; width:100%;height:20px; display:block; margin:25px 0px} .divisor-2 {background: url(/wp-content/themes/hyperfilter/assets/img/learn-more.png) repeat-x 4px; width:100%;height:8px; display:block; margin:10px 0px} ul.arrowYellow {list-style:none; margin-left:5px;} ul.arrowYellow li { margin-bottom:7px;} ul.arrowYellow li:before {content: "» "; color:#f69c00; } ul.arrowYellow li.noarrow:before {content: ""; } /*a.btn-client-area {background: url(/wp-content/themes/hyperfilter/assets/img/btn-client-area.png) no-repeat center; width:49px; height:163px; display:block; position:fixed; z-index:9999; left:0px; top:250px; } display: block !important; */ .group-client-area { position:fixed; z-index:99999; left:0px; top:250px;} .group-client-area a.btn-client-area {background: url(/wp-content/themes/hyperfilter/assets/img/btn-client-area.png) no-repeat center; width:49px; height:163px; display:block;} .group-client-area .modal-client-area { width:240px; height:180px; background:url(/wp-content/themes/hyperfilter/assets/img/box-clientearea-bg.png) center 10px #FFF no-repeat;-webkit-border-radius: 0px;border-radius: 0px; margin-left:49px; margin-top:-163px; border:1px solid #D3D3D3; padding-top:60px } .group-client-area .modal-client-area p { padding:0px 25px; margin:3px 0px; text-align:center} .group-client-area .modal-client-area .input-user { width:176px; padding:7px;} .group-client-area .modal-client-area .input-pass { width:176px; padding:7px;} .group-client-area .modal-client-area .input-sign {text-transform:uppercase; padding:7px; font-size:18px;} .group-client-area .modal-client-area a {font-size:12px; font-weight:bold;} span.mini-arrow {display: block; width:9px; height:18px; background:url(/wp-content/themes/hyperfilter/assets/img/box-clientearea-arrow.png) no-repeat; position:absolute; margin-left:-9px; margin-top:-50px} span.mini-close {display: block; width:30px; height:30px; background:url(/wp-content/themes/hyperfilter/assets/img/box-clientearea-close.png) no-repeat; position:absolute; margin-left:240px; margin-top:-61px; cursor:pointer} .columns-2 {-moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap: 60px; -webkit-column-gap: 60px;} .columns-3 {-moz-column-count:3; -webkit-column-count:3; column-count:3; -moz-column-gap: 40px; -webkit-column-gap: 40px;} .columns-4 {-moz-column-count:4; -webkit-column-count:4; column-count:4; -moz-column-gap: 20px; -webkit-column-gap: 20px;} section.list-announcements {} section.list-announcements article {} section.list-announcements article h1 { font-size:18px; color:#202020} section.list-announcements article .entry-date {font-size:12px; color:#f69c00; font-weight:bold} section.list-announcements article .entry-content {} section.list-media-supportcenter { } section.list-media-supportcenter .media { float:left; width:48%; height:90px; margin:10px 5px; border-bottom:1px solid #CDCDCD } section.list-media-supportcenter .media .media-heading {font-size:16px; font-family:Ruda Black, Arial Black, Helvetica, sans-serif; color:#202020; text-transform:uppercase; font-weight:bold; margin-top:-5px;} section.list-media-supportcenter .media p {margin-top:-5px;} /* -------------------------------------------------------------------------------------------------- :: Page Home (index.php) -------------------------------------------------------------------------------------------------- */ #conteudo.index { } #conteudo.index .container-fluid {} #conteudo.index .container-fluid .row-fluid { } #conteudo.index { padding:50px 0} #conteudo.index article {margin-bottom:30px;} #conteudo.index article .media h2.media-heading {font-weight:bold} #conteudo.index article .media h4.media-heading {margin-top:-5px;} #conteudo.index article div.description { margin-top:10px;} #conteudo.index article.ProtectedWebHosting {} #conteudo.index article.ServerProtection {} #conteudo.index article.latestNews {} #conteudo.index article.latestNews .title { margin-bottom:5px; color:#202020; font-size:18px; line-height:18px;} #conteudo.index article.latestNews .title a {color:#202020;} #conteudo.index article.latestNews .date {color:#f69c00; font-size:12px; font-weight:bold} #conteudo.index article.latestNews .resume {} #conteudo.index article.SupportClock {} #conteudo.home article.ReasonsChooseHyperFilter {} .SupportClock span.texthour { font-size:12px; font-weight:bold; color: #f69c00; position:absolute; margin-top:80px; margin-left:17px;} .SupportClock span.texthour strong {color: #4d4d4d; } /* Carousel -------------------------------------------------- */ #carouselHome { clear:both; margin:0px 0px 42px; float:left; width:100%;} #carouselHome .carousel-inner .item {margin-top:0px; background:#FFF} #carouselHome .carousel-inner .item.black { background:#000000 } #carouselHome .carousel-inner .item.gray { background:#0C0C0C } #carouselHome .carousel-inner .item.white { background:#FFFFFF } #carouselHome .carousel-inner .item.orange { background:#f69c00 } #carouselHome .carousel-inner .item.yellow { background:#FDBC00 } #carouselHome .carousel-inner .item .image { max-width:940px; margin:0 auto;} #carouselHome .carousel-inner .item .image img {min-width:940px !important; min-height:375px!important;} #carouselHome .carousel-nav { width:920px; margin:0 auto; margin-top:-50px; margin-bottom:50px; z-index:50; position:relative } #carouselHome .carousel-nav a {display:block;width:20px;height:19px;background: url(/wp-content/themes/hyperfilter/assets/img/bullets.png) no-repeat top; text-indent:-9999px; border:0;margin-right:3px;float:left; } #carouselHome .carousel-nav a.active {background-position: bottom;} /* -------------------------------------------------------------------------------------------------- :: Page Default (page.php) -------------------------------------------------------------------------------------------------- */ #conteudo.page { } #conteudo.page .container-fluid {} #conteudo.page .container-fluid .row-fluid { } body.page {} body.page #postHero {background:#27282A;color:#FFF; padding-top:15px; font-family:"Ruda", Arial, sans-serif; position:relative; clear:both;} body.page #postHero h1 {font-size:56px; font-family:"Outage", Arial Black, sans-serif; text-transform:uppercase } body.page #postHero h3 {font-size:17px; font-family:"Outage", Arial Black, sans-serif; text-transform:uppercase; background:#0B0B0C; color:#FDBC00; padding:2px 15px; margin-bottom:20px; } body.page #postHero p { margin-bottom:40px; line-height:25px} body.page #conteudo .entry-header h1 {font-family:"Outage", Arial Black, sans-serif; text-transform:uppercase; font-size:36px; border-bottom:1px solid #B0B0B0; padding:0px 0px 7px; margin-top:-14px } body.page #conteudo .entry-main-title h1 {font-family:"Outage", Arial Black, sans-serif; text-transform:uppercase; font-size:36px; } body.page.page-template-page-blog-php #conteudo .entry-header h1 {padding:3px 0px 10px; margin-top:0px } body.page #conteudo h4 {color:#4d4d4d; text-transform:uppercase} /* -------------------------------------------------------------------------------------------------- :: Post Default (post.php) -------------------------------------------------------------------------------------------------- */ #conteudo.single { } #conteudo.single .container-fluid {} #conteudo.single .container-fluid .row-fluid { } body.single {} body.single #conteudo .entry-header h1 {font-family:"Outage", Arial Black, sans-serif; text-transform:uppercase; font-size:36px; border-bottom:1px solid #B0B0B0; padding:0px 0px 7px; margin-top:-14px } body.single #conteudo .entry-main-title h1 {font-family:"Outage", Arial Black, sans-serif; text-transform:uppercase; font-size:36px; } body.single #conteudo h4 {color:#4d4d4d; text-transform:uppercase} /* Page Titles (Images) */ body.page-id-4 #postHero, body.page-id-111 #postHero, body.page-id-114 #postHero, body.page-id-116 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg4.jpg) center no-repeat; } body.page-id-8 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg8.jpg) center no-repeat; } body.page-id-12 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg12.jpg) center no-repeat; } body.page-id-14 #postHero{ background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg14.jpg) center no-repeat; } body.page-id-535 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg16.jpg) center no-repeat; } body.page-id-394 #postHero, body.page-id-450 #postHero, body.page-id-452 #postHero, body.page-id-401 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg16.jpg) center no-repeat; } body.page-id-598 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg8.jpg) center no-repeat; } body.page-id-600 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg8.jpg) center no-repeat; } body.page-id-637 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg8.jpg) center no-repeat; } body.page-id-816 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg16.jpg) center no-repeat; } body.page-id-896 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg16.jpg) center no-repeat; } body.page-id-1050 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg8.jpg) center no-repeat; } body.page-id-1115 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg16.jpg) center no-repeat; } body.page-id-1415 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg16.jpg) center no-repeat; } body.page-id-1483 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg16.jpg) center no-repeat; } body.page-id-1931 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg8.jpg) center no-repeat; } body.page-id-1996 #postHero { background:#27282A url(/wp-content/themes/hyperfilter/assets/img/bgs/bg16.jpg) center no-repeat; } /* -------------------------------------------------------------------------------------------------- :: Page Sidebar (page-aside.php) -------------------------------------------------------------------------------------------------- */ #conteudo.sidebar { } #conteudo.sidebar .container-fluid {} #conteudo.sidebar .container-fluid .row-fluid { } #conteudo.sidebar #aside {} #conteudo.sidebar #container-column {} .page-template-page-ddosprotection-php .submit-ticket {width:380px; font-size:18px; padding:10px 0px} .page-template-page-about-php ul.nav-tabs *,.page-template-page-contactus-php ul.nav-tabs * {border:0px !important;} .page-template-page-about-php ul.nav-tabs,.page-template-page-contactus-php ul.nav-tabs {font-family: 'Doppio One', Arial, sans-serif; font-weight:400;font-size:16px; text-transform:uppercase; margin-bottom:0px; margin-top:80px; border:0px; background:#FFF; } .page-template-page-about-php ul.nav-tabs li,.page-template-page-contactus-php ul.nav-tabs li {display:block; width:140px; -webkit-border-radius: 0px;border-radius: 0px;} .page-template-page-about-php ul.nav-tabs li a,.page-template-page-contactus-php ul.nav-tabs li a {color:#4d4d4d;-webkit-border-radius: 0px;border-radius: 0px;} .page-template-page-about-php ul.nav-tabs li a:hover, .page-template-page-about-php ul.nav-tabs li.active a, .page-template-page-contactus-php ul.nav-tabs li a:hover, .page-template-page-contactus-php ul.nav-tabs li.active a {color:#FDBC00;-webkit-border-radius: 0px;border-radius: 0px;background:none} .page-template-page-about-php #contact-information {} .page-template-page-about-php #contact-information h3,.page-template-page-contactus-php #contact-information h3 {font-size:18px; font-family: 'Ruda Black', Arial Black, sans-serif; text-transform:uppercase; line-height:20px; height:20px; margin:5px 0} .page-template-page-about-php #contact-information .bg-contact,.page-template-page-contactus-php #contact-information .bg-contact {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook.png) top right no-repeat; width:320px; height: 240px; } .page-template-page-supportcenter-php ul.nav-tabs * {border:0px !important;} .page-template-page-supportcenter-php ul.nav-tabs {font-family: 'Doppio One', sans-serif; font-weight:400;font-size:16px; text-transform:uppercase; margin-bottom:0px; margin-top:80px; border:0px; background:#FFF; } .page-template-page-supportcenter-php ul.nav-tabs li {display:block; width:140px; -webkit-border-radius: 0px;border-radius: 0px;} .page-template-page-supportcenter-php ul.nav-tabs li.item-1 {width:100px;} .page-template-page-supportcenter-php ul.nav-tabs li.item-2 {width:130px;} .page-template-page-supportcenter-php ul.nav-tabs li.item-3 {width:160px;} .page-template-page-supportcenter-php ul.nav-tabs li.item-4 {width:160px;} .page-template-page-supportcenter-php ul.nav-tabs li.item-5, .page-template-page-supportcenter-php ul.nav-tabs li.item-6 { display:none;} .page-template-page-supportcenter-php ul.nav-tabs li a {color:#4d4d4d;-webkit-border-radius: 0px;border-radius: 0px; } .page-template-page-supportcenter-php ul.nav-tabs li a:hover, .page-template-page-supportcenter-php ul.nav-tabs li.active a {color:#FDBC00;-webkit-border-radius: 0px;border-radius: 0px;background:none} .page-template-page-supportcenter-php #client-area h3 {font-size:18px; font-family: 'Ruda Black', Arial Black, sans-serif; text-transform:uppercase; line-height:20px; height:20px; margin:5px 0} .page-template-page-supportcenter-php #contact-information {} .page-template-page-supportcenter-php #contact-information h3 {font-size:18px; font-family: 'Ruda Black', Arial Black, sans-serif; text-transform:uppercase; line-height:20px; height:20px; margin:5px 0} .page-template-page-supportcenter-php #contact-information .bg-contact {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook.png) top right no-repeat; width:320px; height: 240px; } .page-template-page-supportcenter-php .submit-ticket {width:300px; font-size:18px; padding:10px 0px} span.flag-eua { width: 20px; height: 17px; background: url(/wp-content/themes/hyperfilter/assets/img/flags.png) center left no-repeat; display:block; float:left; margin-right:3px } span.flag-europe { width: 20px; height: 17px; background: url(/wp-content/themes/hyperfilter/assets/img/flags.png) center right no-repeat; display:block; float:left; margin-right:3px} .page-template-page-webhosting-php .bg-planet { background:url(/wp-content/themes/hyperfilter/uploads/bg-planet.png) right no-repeat; min-height:340px; } .page-template-page-webhosting-php table thead td {} .page-template-page-webhosting-php table tbody { } .page-template-page-proxyprotection-php .bg-notebook-2 {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook-2.png) bottom right no-repeat; min-height:410px; } .page-template-page-serverprotection-php .bg-notebook-2 {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook-2.png) bottom right no-repeat; min-height:410px; } .page-template-page-webprotection-php .bg-notebook-2 {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook-2.png) bottom right no-repeat; min-height:410px; } .page-template-page-microprotection-php .bg-notebook-2 {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook-2.png) bottom right no-repeat; min-height:410px; } .page-template-page-dedicatedservers-php .bg-notebook-2 {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook-2.png) bottom right no-repeat; min-height:410px; } .page-template-page-colocation-php .bg-notebook-2 {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook-2.png) bottom right no-repeat; min-height:410px; } .page-template-page-affiliates-php .bg-notebook-2 {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook-2.png) bottom right no-repeat; min-height:410px; } .page-template-page-iptransit-php .bg-notebook-2 {background:url(/wp-content/themes/hyperfilter/uploads/bg-notebook-2.png) bottom right no-repeat; min-height:410px; } /*TABLES HYPERFILTER*/ table td.align-center { text-align: center; /* Valid: * baseline, sub, super, top, text-top, middle, * bottom, text-bottom, length, or a value in percentage */ vertical-align: middle; margin:0 auto; } table td.align-center-left { text-align: left; /* Valid: * baseline, sub, super, top, text-top, middle, * bottom, text-bottom, length, or a value in percentage */ vertical-align: middle; margin:0 auto; } table td.align-center-bottom { text-align: center; vertical-align: bottom; margin:0 auto;padding-bottom:0px;padding-top:0px } .icon-custom { width: 159px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) 0px 0px no-repeat; } .icon-advanced { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) 0px -92px no-repeat; } .icon-professional { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -159px 0px no-repeat; } .icon-standard { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -159px -46px no-repeat; } .icon-light-c { width: 115px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -159px -92px no-repeat; } .icon-light-b { width: 115px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) 0px -138px no-repeat; } .icon-light-a { width: 115px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -115px -138px no-repeat; } span.icon-order-now { width: 108px; height: 24px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) 0px -184px no-repeat; } .icon-quote-now { width: 108px; height: 24px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -108px -184px no-repeat; } span.icon-order-now:hover { width: 108px; height: 24px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) 0px -208px no-repeat; } .icon-check-info { width: 108px; height: 24px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -108px -208px no-repeat; } .icon-header-6 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) 0px -232px no-repeat; margin-top:-5px; } .icon-header-5 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -60px -232px no-repeat; margin-top:-5px; } .icon-header-7 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -120px -232px no-repeat; margin-top:-5px; } .icon-header-4 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -180px -232px no-repeat; margin-top:-5px; } .icon-header-3 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -240px -232px no-repeat; margin-top:-5px; } .icon-header-2 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -314px 0px no-repeat; margin-top:-5px; } .icon-header-12 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -314px -55px no-repeat; margin-top:-5px; } .icon-header-11 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -314px -110px no-repeat; margin-top:-5px; } .icon-header-10 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -314px -165px no-repeat; margin-top:-5px;} .icon-header-1 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -314px -220px no-repeat; margin-top:-5px; } .icon-header-9 { width: 60px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) 0px -287px no-repeat; margin-top:-5px; } .icon-header-8 { width: 55px; height: 55px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -60px -287px no-repeat; margin-top:-5px; } .icon-check { width: 20px; height: 20px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -274px -92px no-repeat; } .icon-notcheck { width: 20px; height: 20px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -273px -131px no-repeat; } .icon-segure { width: 17px; height: 16px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -294px -92px no-repeat; } .icon-rss { width: 16px; height: 16px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -274px -112px no-repeat; } .icon-add { width: 14px; height: 14px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite.png) -290px -112px no-repeat; } .icon-DomainChecker { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) 0px 0px no-repeat; } .icon-DomainChecker:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -55px 0px no-repeat; } .icon-NetworkIssues { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -110px 0px no-repeat; } .icon-NetworkIssues:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) 0px -56px no-repeat; } .icon-PreSales { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -55px -56px no-repeat; } .icon-PreSales:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -110px -56px no-repeat; } .icon-ServerStatus { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -165px 0px no-repeat; } .icon-ServerStatus:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -165px -56px no-repeat; } .icon-affiliates { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) 0px -112px no-repeat; } .icon-affiliates:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -55px -112px no-repeat; } .icon-announcements { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -110px -112px no-repeat; } .icon-announcements:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -165px -112px no-repeat; } .icon-clientarea { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -220px 0px no-repeat; } .icon-clientarea:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -220px -56px no-repeat; } .icon-downloads { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -220px -112px no-repeat; } .icon-downloads:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) 0px -168px no-repeat; } .icon-knowledgebase { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -55px -168px no-repeat; } .icon-knowledgebase:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -110px -168px no-repeat; } .icon-order { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -165px -168px no-repeat; } .icon-order:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -220px -168px no-repeat; } .icon-supportTickets { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -275px 0px no-repeat; } .icon-supportTickets:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -275px -56px no-repeat; } .icon-ticketsubmission { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -275px -112px no-repeat; } .icon-ticketsubmission:hover { width: 55px; height: 56px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-supportcenter.png) -275px -168px no-repeat; } .icon-light-a { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) 0px 0px no-repeat; } .icon-light-b { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) -155px 0px no-repeat; } .icon-light-c { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) -775px 0px no-repeat; } .icon-ultra-a { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) -310px 0px no-repeat; } .icon-ultra-b { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) -465px 0px no-repeat; } .icon-ultra-c { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) -620px 0px no-repeat; } .icon-standard-a { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) -930px 0px no-repeat; } .icon-standard-b { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) -1085px 0px no-repeat; } .icon-standard-c { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-plans.png) -1240px 0px no-repeat; } .icon-hmpp-micro { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/spritehmpp.png) 0px 0px no-repeat; } .icon-hmpp-light { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/spritehmpp.png) -155px 0px no-repeat; } .icon-hmpp-standard { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/spritehmpp.png) -310px 0px no-repeat; } .icon-hmpp-ultra { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/spritehmpp.png) -465px 0px no-repeat; } .icon-ds-1 { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-ds.png) 0px 0px no-repeat; } .icon-ds-2 { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-ds.png) -155px 0px no-repeat; } .icon-ds-3 { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-ds.png) -310px 0px no-repeat; } .icon-ds-4 { width: 155px; height: 46px; background: url(/wp-content/themes/hyperfilter/assets/img/sprite-ds.png) -465px 0px no-repeat; } #sidebar {} #sidebar a {color:#4d4d4d} #sidebar a:hover {color:#f69c00} #sidebar .widgettitle { font-size:24px; font-family: 'Ruda Black', Arial Black, sans-serif; } .breadcrumb { background:none; padding:5px 0px} .breadcrumb li {color:#4d4d4d} .breadcrumb li a {color:#4d4d4d} .breadcrumb li a:hover {color:f69c00;} .breadcrumb li.active, .breadcrumb li.active a, .breadcrumb li.active a:hover {color:#f69c00; font-weight:bold} .breadcrumb li span.divider {color:#4d4d4d} .entry-content a {color:#f69c00} .entry-content a:hover {color:#4d4d4d} .clr {clear : both;font:normal 1px/1px arial;height:1px;width:700px;} #navbar_outer {background:#000000; width:100%;color:#fff; position:relative; float:left;} #subnav_box a,.link_title a { text-decoration: none; } #navbar,#navbar2 {max-width:980px; margin:0 auto; position:relative;} #navbar2{ height:100%; position:absolute; left:0; top:0; background:#fff; z-index:999; display:none; opacity:0; } #navbar a{ text-decoration:none; } #navbox {position: relative;z-index:10;width:680px;} /* Menu Box - Height */ #subnav_box {width:950px; display:none; position: absolute; top:37px; left:0;z-index:100; margin:0 0 0 0; background-color: rgba(30,30,30,0.8); padding:0 15px;border-top:1px solid #F2AC03; height:300px;background-image:url('/wp-content/themes/hyperfilter/arw-dn.gif'); background-repeat:no-repeat; background-position: -50px -50px;} #subnav_box a,#subnav_box a:hover{ text-decoration:none; } /* Menu Category - Height */ li#menu-item-136.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } li#menu-item-802.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } li#menu-item-803.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } li#menu-item-804.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } li#menu-item-1361.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } li#menu-item-1368.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } li#menu-item-1369.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } li#menu-item-1370.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } li#menu-item-1371.menu-item.menu-item-type-custom.menu-item-object-custom { height:70px; } #subnav_box_in {} #nav_rt {width:300px;float:right;} ul#nav {list-style:none;margin:0; padding:0;} ul#nav li {float:left; padding:0 10px;margin:0;} ul#nav li a, .drop_down_in .link_title span {float:left;display:block;font:normal 14px/20px 'Ruda',arial; height:100%;outline:0; padding:8px 15px; /*padding-bottom:32px;position:relative; z-index:220;*/} ul#nav li a ,.drop_down_in li a {color:#fff;} ul#nav li a:hover, ul#nav li.hover a,.drop_down_in li a:hover,.drop_down_in li.hover a{color:#FEB600;text-decoration:none;} ul#nav li.hover a {} /* LEVEL ONE */ ul#nav { /*position: relative;*/list-style:none;z-index:50; } ul#nav li a {cursor:pointer; } /* LEVEL TWO */ .drop_down { width:900px; display:none; position: absolute; top:35px; left:25px;z-index:120; margin:0; font:normal 14px/20px 'Ruda',arial;margin:0;} .drop_down_in {width:950px;min-height:200px; } ul#nav ul ,.drop_down_in ul{ padding:0; margin:0;list-style:none; width:220px;padding:0;margin:15px 0 0 0; position:relative; float:left;} ul#nav ul li ,.drop_down_in ul li{float: none; margin:0; border:0;padding:0;width:220px; color:#fff;height:25px} ul#nav ul li a ,.drop_down_in ul li a{text-align:left; padding:5px 0; display: inline-block; width:180px;margin:0; font-size:13px;} ul#nav li.current_page_item li a, ul#nav li.hover li a {color:#fff;} ul#nav ul ul li a {border-bottom:0 !important;} /* Dropdown - Hover Effect (semi-orange) */ /* ul#nav ul li a:hover,.drop_down_in ul li a:hover{color:#f0b266} */ .link_title {padding:15px 0 0 0;float:left; /*width:190px;*/ text-align:left !important; } .drop_down_in .link_desc {float:left; width:500px;padding:15px 0 0 30px;} .drop_down_in .link_title a{color:#fff !important;padding-left:0 !important;font-size:16px !important; font-weight:bold !important; background:url('/wp-content/themes/hyperfilter/arw-rt.gif') no-repeat right 2px; padding-right:25px; margin-top:15px;} .drop_down_in .link_title span { color:#fff !important; padding:0 0 3px 0; margin:2px 0; outline:0; padding-left:0 !important; font-size:16px !important; font-weight:bold !important; background:url('/wp-content/themes/hyperfilter/arw-rt.gif') no-repeat right 2px; padding-right:25px; } .drop_down_in .link_title a:hover {color:#f0b266 !important;} #nav_rt ul {list-style:none;float:right;margin:0; padding:0;} #nav_rt .nav-pills a {color:#fff;} #nav_rt .nav-pills a:hover {background-color:#2d2d2d;} /* Blinking Code */ .blink { animation-duration: 1s; animation-name: blink; animation-iteration-count: infinite; animation-timing-function: steps(2, start); } @keyframes blink { 80% { visibility: hidden; } } /* Custom Tables */ .customtable001 td { line-height: 20px !important; padding: 0px !important; padding-left: 8px !important; } .customtable002 td { line-height: 20px !important; padding: 5px !important; padding-left: 8px !important; } .no-borders td { border-top: 0px !important; } tr .gray-row { background-color: #EEEEEE; } /* Custom Buttons */ .cbutton1 { background-color: #F8AF00; border: none; color: white !important; padding: 6px 10px; text-align: center; text-decoration: none !important; display: inline-block; font-size: 12px; font-weight: bold; margin: 2px 1px; cursor: pointer; border-radius: 8px; } .cbutton1:hover { background-color: #000000; }