/* * K3 Kerio CSS Core * Aristomenis Capogeannis * Matt Lovato * 12/2013 */ /* Theme Customs ================================================== #Misc Custom #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing #Adjustments #Social Icons */ /* #Misc Custom ================================================= */ * { font-family: 'Open Sans', sans-serif !important; } /* #Base 960 Grid ================================================== */ /* .ABwrap < .columnA | .columnB > used for responsive side by side 50/50 col row */ /* .container .ABwrap .columnA, .container .ABwrap .columnB { } */ .container .ABwrap { width: 850px; margin-left: 10px; margin-right: 10px; padding: 45px; overflow: auto; } .rowFix1 { margin-bottom: 10px; } .rowFix2 { margin-top: 20px; } .rowFixCloud{margin-bottom:0;} .sidesocial { float: right !important; } .container .ABwrap .columnA, .container .ABwrap .columnB { width: 50%; float: left; display: inline; margin: 0; } #hpSPbx { background: #f9f9f9; margin-bottom: 30px; } .simple-pricing-table.col-6 .column { width: 156px; } .simple-pricing-table.col-6 .column.small { width: 140px; } .simple-pricing-table.col-9 .column { width: 100px; } .simple-pricing-table.col-9 .cost { font-size:26px; } #main .simple-pricing-table.col-6 .column { width: 116px; } .single-col-center { overflow: auto; text-align: center; margin-left: auto; margin-right: auto; width: 250px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container .ABwrap { width: 658px; } .rowFix1 { margin-bottom:10px; } .rowFix2 { margin-top:0; } /* Columns with Sidebar */ /* Pricing Tables */ /* Offsets */ .simple-pricing-table.col-5 .column { width: 124px; } } /*#Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container .ABwrap { width: 170px; } .rowFix1 { margin-bottom:20px; } .rowFix2 { margin-top:-15px; } /* .container .ABwrap .columnA, .container .ABwrap .columnB { width: 240px; } */ .container .ABwrap .columnA, .container .ABwrap .columnB { width: 150px; } .container .ABwrap .columnA img, .container .ABwrap .columnB img { max-width: 150px; } .container .ABwrap .columnA {padding-bottom:45px;} /* Columns with Sidebar */ /* Pricing Tables */ /* Offsets */ .simple-pricing-table.col-6 .column { width: 100%; } .sidesocial { float: left !important; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container .ABwrap { width: 290px; } .rowFix1 { margin-bottom:20px; } .rowFix2 { margin-top:-15px; } /* .container .ABwrap .columnA, .container .ABwrap .columnB { width: 360px; } */ .container .ABwrap .columnA, .container .ABwrap .columnB { width: 270px; } .container .ABwrap .columnA img, .container .ABwrap .columnB img { max-width: 270px; } .container .ABwrap .columnA {padding-bottom:45px;} /* Columns with Sidebar */ } /* #Mobile (<480px) ================================================= */ @media only screen and (max-width: 480px) { } /* #Clearing ================================================== */ /* Self Clearing Goodness */ /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ /* You can also use a
to clear columns */ /* #Adjustments ================================================== */ .adjective { border: none; } #content { margin-bottom: 0; } #after-content { margin-top: 0; } .pane-content { margin-top: -15px; } #footer { background:url(../images/ctlmtail.png) no-repeat; background-position: 63% 0; background-color: #373737; } #footer-mykerio{ background-color: #373737; } #footer .content, #footer-mykerio .content { overflow: hidden; } /* Social Icons */ ul.social-icons .twitter, ul.social-icons .facebook, ul.social-icons .linkedin { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } ul.social-icons li { background-color: transparent; } #footer ul.social-icons li { background-color: transparent; } ul.social-icons li a { background-image: url(../images/icons/social-icons.png); } .social-icons.homepage li a { background-image: none !important; } .social-icons.homepage li a { width: 27px; height: 27px; background-color: #c2c4c7; margin-right: 10px; } .flinks .widget .social-icons.homepage li a { background-color: #848181; } .social-icons.homepage li:last-child a { margin-right: 0; } .social-icons.homepage li a:hover, .flinks .widget .social-icons.homepage li a:hover { background-color: #62656a; } .social-icons.homepage li a:before { position: absolute; top: 15px; left: 5px; color: #ffffff; font-family: "FontAwesome"; font-size: 20px; } .social-icons.homepage li a.smc-fb:before { content: "\f09a"; } .social-icons.homepage li a.smc-li:before { content: "\f0e1"; } .social-icons.homepage li a.smc-tw:before { content: "\f099"; } .social-icons.homepage li a.smc-rg:before { content: "\f0ac"; } #wrapper ul.social-icons .twitter:hover, #wrapper ul.social-icons .facebook:hover, #wrapper ul.social-icons .linkedin:hover { background-color: transparent; filter: alpha(opacity=100); opacity: 1; } #wrapper ul.social-icons .dribble:hover { background-color: transparent; } #wrapper ul.social-icons .vimeo:hover { background-color: transparent; } #wrapper ul.social-icons .youtube:hover { background-color: transparent; } #wrapper ul.social-icons .rss:hover { background-color: transparent; } #wrapper ul.social-icons .picasa:hover { background-color: transparent; } #wrapper ul.social-icons .stubleupon:hover { background-color: transparent; } #wrapper ul.social-icons .skype:hover { background-color: transparent; } #wrapper ul.social-icons .dropbox:hover { background-color: transparent; } #wrapper ul.social-icons .cat:hover { background-color: transparent; } #wrapper ul.social-icons .plus:hover { background-color: transparent; } #wrapper ul.social-icons .pinterest:hover { background-color: transparent; } #wrapper ul.social-icons .blogger:hover { background-color: transparent; } #wrapper ul.social-icons .flickr:hover { background-color: transparent; } #wrapper ul.social-icons .delicious:hover { background-color: transparent; } #wrapper ul.social-icons .yahoo:hover { background-color: transparent; } #wrapper ul.social-icons .evernote:hover { background-color: transparent; } #wrapper ul.social-icons .apple:hover { background-color: transparent; } #wrapper ul.social-icons .behance:hover { background-color: transparent; } #wrapper ul.social-icons .gplus:hover { background-color: transparent; } #wrapper ul.social-icons .digg:hover { background-color: transparent; } #wrapper ul.social-icons .lastfm:hover { background-color: transparent; } #wrapper ul.social-icons .myspace:hover { background-color: transparent; } #wrapper ul.social-icons .deviantart:hover { background-color: transparent; } #wrapper ul.social-icons .wordpress:hover { background-color: transparent; } #wrapper ul.social-icons .mail:hover { background-color: transparent; } /* ------------------------------------------ Kerio.com Kerio Basic Page Content Type Theme Settings [Aristomenis Capogeannis] ------------------------------------------ */ /* --- Remove sidebar margins --- */ .node-type-kerio-basic-page #sidebar { margin: 0 !important; } /* --- Fullwidth Stripes field --- */ .kstripes .ksrow .container { min-height: 310px; position: relative; width: 960px; margin: 0 auto; padding: 58px 0 40px 0; color: #464547; } .kstripes .cloud .container { min-height:0; position: relative; width: 960px; margin: 0 auto; padding: 58px 0 40px 0; color: #464547; } #override{ min-height: 0px;padding:2% 0 0%;} @media only screen and (max-width: 480px) { #override{ min-height: 0px;padding:10% 0 0%;} } /* .kstripes { margin-top: -70px; } */ .kstripes .ksrow .container .row { margin-left: 0; } .ksrow .container h1 { font-weight: 300; margin: 0 10px 7px 10px; } .ksrow .container p { font-size: 1.5em; font-weight: 300; margin: 0 10px 30px 10px; } .ksrow .container div .button { margin-left: 10px; } .ksrow:nth-of-type(1) h1 { font-weight: 600; margin-bottom: 22px; } .ksrow:nth-of-type(1) .container p { font-size: 1.8em; } /* Disti and Reseller under logo trademark verbiage */ span.trdmrk { font-size: 10px; display: block; } /* Kerio Basic Page Banner */ .kbanner { width: 100%; min-height: 150px; position: relative; overflow: auto; } #mykerio-kbanner{ background-color: #99ddcf; } .kbanner.kerio { background: url(../images/icons/banner-bg-kerio.png) no-repeat right 23% bottom 140%; background-color: #6595be; } .kbanner.cloudSubMessaging { background: url(../images/banner-bg-cloud-messaging-1.png) no-repeat right 30% bottom 130%; background-color: #E2E0E1; } .kbanner.cloudSubVoice { background: url(../images/banner-bg-cloud-voice-1.png) no-repeat right 30% bottom 130%; background-color: #E2E0E1; } .kbanner.cloudSubSecurity { background: url(../images/banner-bg-cloud-security-1.png) no-repeat right 30% bottom 130%; background-color: #E2E0E1; } .kbanner.connect { background: url(../images/icons/banner-bg-connect.png) no-repeat right 24% bottom 130%; background-color: #00A1E1; } .kbanner.control { background: url(../images/icons/banner-bg-control.png) no-repeat right 24% bottom 120%; background-color: #E73A27; } .kbanner.operator { background: url(../images/icons/banner-bg-operator.png) no-repeat right 24% bottom 130%; background-color: #F77C0F; } .kbanner.samepage { min-height:auto; border-top: 5px solid #C11535; } .kbanner.samepage img{ width:auto; height:auto; } @media only screen and (max-width: 1150px) { .kbanner.kerio { background-position: right 12% bottom 140% !important; } .kbanner.connect { background-position: right 13% bottom 130% !important; } .kbanner.control { background-position: right 13% bottom 120% !important; } .kbanner.operator { background-position: right 13% bottom 130% !important; } .kbanner.samepage { background-position: right 13% bottom 120% !important; } } @media only screen and (max-width: 767px) { .kbanner.kerio, .kbanner.connect, .kbanner.control, .kbanner.operator, .kbanner.samepage { background-image: none; } #header ul.social-icons { float: right; } } .connect .container img, .control .container img, .operator .container img, .samepage .container img { margin-left: 15px; margin-bottom: 0; padding-bottom: 0; } .connect .container h2, .control .container h2, .operator .container h2, .samepage .container h2 { margin-left: 123px; margin-top: 0; padding-top: 0; } .kbanner .container { padding: 46px 0 55px 50px; } #mykerio-kbanner .container { padding: 10px 0 0px 50px; } .kbanner.connect .container, .kbanner.control .container, .kbanner.operator .container, .kbanner.samepage .container { padding: 38px 0 39px 50px; } .kbanner .container h1 { color: #FFFFFF; font-weight: 300; font-size: 3.6em; margin-bottom: 0; } .cloudSubMessaging div h1, .cloudSubVoice div h1, .cloudSubSecurity div h1{color:#6b98bf!important;} .kbanner .container h2 { color: #FFFFFF; font-weight: 300; font-size: 2.25em; } @media only screen and (max-width: 480px) { /* .kbanner.kerio, .kbanner.connect, .kbanner.control, .kbanner.operator, .kbanner.samepage { background: url(../images/kbanner-swirl.png) no-repeat left top; } */ .kbanner.kerio { background-color: #6595BE; } .kbanner.connect { background-color: #00A1E1; } .kbanner.control { background-color: #E73A27; } .kbanner.operator { background-color: #F77C0F; } .kbanner.samepage {} .kbanner .container { padding-left: 0; } .connect .container img, .control .container img, .operator .container img, .samepage .container img { margin-left: auto; margin-right: auto; } .connect .container h2, .control .container h2, .operator .container h2, .samepage .container h2 { margin-left: auto; margin-right: auto; } .kbanner .container h1 { font-size: 3em; } .kbanner .container h2 { font-size: 1.8em; } } /* Kerio Quote Box Adjustments */ .boxquote .quote-text { overflow: hidden; border-color: #D9DADB !important; } .boxquote .quote-text { font-size: 1.10em;/*1.5em;*/ font-weight: 300; background: #f3f4f4; padding: 30px 30px 30px 30px; height:200px!important; } .boxquote .quote-text:before { content: ""; background-image: none; } .boxquote .quote-author { margin-left: 0; } /* Buttons */ .button { font-size:1.1em; margin:0 0 0 10px; } @media only screen and (min-width: 768px) and (max-width: 959px) { .kstripes .ksrow .container { width: 768px; } } @media only screen and (max-width: 767px) { .kstripes .ksrow .container { width: 280px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .kstripes .ksrow .container { width: 400px; } } .kstripes .ksrow:nth-of-type(odd) { background: #f3f4f4; } /* ------------------------------------------ Kerio.com Buttons Base CSS via: CSS3 GITHUB BUTTONS (Nicolas Gallagher) Licensed under Unlicense http://github.com/necolas/css3-github-buttons Tweaks and add-ons: Aristomenis Capogeannis ------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------- BUTTON */ * .button, * .button.default, .more-link a, .node-article div .button { position: relative; overflow: visible; display: inline-block; padding: 0.4em 1.5em; margin: 0; text-decoration: none; font-family: 'Open Sans', sans-serif !important; font-weight:600; color: #fff; white-space: nowrap; cursor: pointer; outline: none; background-color: #6b98bf; -webkit-background-clip: padding; -moz-background-clip: padding; -o-background-clip: padding-box; /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */ -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; /* IE hacks */ zoom: 1; *display: inline; } .more-link { text-align: left; padding-left: 30px; padding-top: 15px; } * .button, .more-link a, * .button.default, .node-article div .button { text-transform: uppercase; } * .button a, * .button.default a, .more-link a { text-decoration: none; } .coConnect { color:#00a1e1; } .bgConnect { background-color:#00a1e1; } .coControl { color:#e73a27; } .bgControl { background-color:#e73a27; } .coOperator { color:#f77c0f; } .bgOperator { background-color:#f77c0f; } .coKerio { color:#002067; } .bgKerio { background-color:#002067; } .coSlate { color:#6b98bf; } .bgSlate { background-color:#6b98bf; } .bgGrey { background-color: #b3b1b3; } * .button:hover, * .button:focus, * .button:active, * .button.default:hover, * .button.default:focus, * .button.default:active, .more-link a:hover, .more-link a:focus, .more-link a:active, .btnOn:hover, .node-article div .button:hover, .btnOn:focus, .node-article div .button:focus, .btnOn:active, .node-article div .button:active { text-decoration: none; color: #fff; background-color: #002067; } * .button:active, * .button.active, * .button.default:active, * .button.default.active, .more-link a:active, .more-link a.active, .btnOn:active, .node-article div .button:active, .btnOn.active, .node-article div .button.active { color: #fff; background-color: #002067; } .btnLM { color: #6b98bf; background-color: #c6d3e4; } .btnLM:hover, .btnLM:focus, .btnLM:active { color: #002067; background-color: #ffffff; } .btnLM:active, .btnLM.active { color: #002067; background-color: #ffffff; } /* overrides extra padding on button elements in Firefox */ * .button::-moz-focus-inner, * .button.default::-moz-focus-inner, .more-link a::-moz-focus-inner, .node-article div .button::-moz-focus-inner { padding: 0; border: 0; } /* ............................................................................................................. Icons */ .button.iconArrowRight:before { content: "\f04b"; font-family: FontAwesome; font-size: .8em; position: relative; top: 4px; float:right; margin: 0 -0.25em 0 0.5em; } .button.iconArrow2Right:before, .button.iconArrow2RightB:before { content: "\f04b"; font-family: FontAwesome; font-size: .7em; position: relative; top: 3px; float:right; margin: 0 -0.25em 0 1.5em; } .button.iconArrow2RightB:before { top: 1px; } .pBoxContent .button.iconArrow2Right:before { margin-left: 0.5em; } /* ... Fix for overlapping arrow placement in Mobile portrait mode ... */ @media only screen and (max-width: 767px) { .button.iconArrowRight:before { background: none; margin: 0 0 0 0; width: 0; height: 0; content: "" !important; } } /* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */ /* ............................................................................................................. Primary */ .button.primary { font-weight: bold; } /* ............................................................................................................. Danger */ .button.danger { color: #900; } .button.danger:hover, .button.danger:focus, .button.danger:active { border-color: #b53f3a; border-bottom-color: #a0302a; color: #fff; background-color: #dc5f59; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630)); background-image: -webkit-linear-gradient(#dc5f59, #b33630); background-image: -moz-linear-gradient(#dc5f59, #b33630); background-image: -o-linear-gradient(#dc5f59, #b33630); background-image: linear-gradient(#dc5f59, #b33630); } .button.danger:active, .button.danger.active { border-color: #a0302a; border-bottom-color: #bf4843; background-color: #b33630; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59)); background-image: -webkit-linear-gradient(#b33630, #dc5f59); background-image: -moz-linear-gradient(#b33630, #dc5f59); background-image: -o-linear-gradient(#b33630, #dc5f59); background-image: linear-gradient(#b33630, #dc5f59); } /* ............................................................................................................. Pill */ * .button, * .button.default, .button.pill, .more-link a, .node-article div .button { -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; } /* ............................................................................................................. Big */ .button.big { font-size: 19px; } .button.big.icon:before { top: 0; } /* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */ /* ............................................................................................................. Standard */ .button-group { display: inline-block; list-style: none; padding: 0; margin: 0; /* IE hacks */ zoom: 1; *display: inline; } .button + .button, .button + .button-group, .button-group + .button, .button-group + .button-group { margin-left: 15px; } .button-group li { float: left; padding: 0; margin: 0; } .button-group .button { float: left; margin-left: -1px; } .button-group > .button:not(:first-child):not(:last-child), .button-group li:not(:first-child):not(:last-child) .button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .button-group > .button:first-child, .button-group li:first-child .button { margin-left: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .button-group > .button:last-child, .button-group li:last-child > .button { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } /* ............................................................................................................. Minor */ .button-group.minor-group .button { border: 1px solid #d4d4d4; text-shadow: none; background-image: none; background-color: #fff; } .button-group.minor-group .button:hover, .button-group.minor-group .button:focus, .button-group.minor-group .button:active { background-color: #599bdc; } .button-group.minor-group .button:active, .button-group.minor-group .button.active { background-color: #3072b3; } .button-group.minor-group .button.icon:before { opacity: 0.8; } /* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */ /* For mixing buttons and button groups, e.g., in a navigation bar */ .button-container .button, .button-container .button-group { vertical-align: top; } /* ------------------------------------------ Kerio.com Menus Overrides Goodnex Theme Settings [Aristomenis Capogeannis] ------------------------------------------ */ /* --- Header Menu --- */ #header { padding-top: 20px; } @media only screen and (max-width: 767px) { #header { display: block !important; } .search-wrapper { display: none !important; } .cloud-login-button{display:none;} .kbanner.cloudSubMessaging, .kbanner.cloudSubVoice, .kbanner.cloudSubSecurity{background: url();background-color: #E2E0E1;} #header .container > div + div { width: 66%; margin-top: 15px; } } @media only screen and (max-width: 479px) { #header .container > div + div { width: 73%; } } /* .khlinks { margin-left: auto; margin-right: auto; text-align: right; margin-bottom: 15px; position: relative; overflow: auto; } .khlinks div { float: right; } */ .khlinks { display: none; } /* --- Responsive Nav --- */ select.responsive-nav { display: none !important; } .mean-container .mean-bar { padding: 0 !important; margin-bottom: 15px !important; background-color: #002067 !important; } .mean-container .mean-nav { background-color: #002067 !important; } .mean-container .mean-nav ul li a.mean-expand { height: 17px !important; } /* #Mobile (Portrait) */ @media only screen and (max-width: 480px) { .khlinks .first { padding-right: 5px !important; border-right: 1 solid #f4f4f4 !important; } .khlinks .langdrop { padding-left: 5px !important; padding-right: 5px !important; } .khlinks .last { padding-left: 5px !important; border-left: 1 solid #f4f4f4 !important; } } .khlinks div a { color: #626569; } .khlinks div a:hover { color: #222C63; } .khlinks .first { padding-right: 15px; border-right: 1px solid #b3b1b3; } .khlinks .last { padding-left: 15px; border-left: 1px solid #b3b1b3; } .khlinks .langdrop { margin-top: -6px; padding-left: 15px; padding-right: 15px; } .khlinks .langdrop .language div .language-icon { margin-top: 11px; } .khlinks .langdrop .language div .form-item-lang-dropdown-select { margin: 0; border: none !important; background-color: transparent; cursor: pointer; color: #626569; } .khlinks .langdrop .language div .form-item-lang-dropdown-select .lang-dropdown-select-element { font-family: 'Open Sans', sans-serif; border: none !important; background-color: transparent; cursor: pointer; color: #626569; } .khlinks .langdrop .language div .form-item-lang-dropdown-select .lang-dropdown-select-element:hover { color: #222C63; border: none !important; background: none; } /* --- Cloud Login Button --- */ #block-block-59,#block-block-53{float:right;margin-left:-142px;} .cloud-login-button{ margin-left:153px;} .cloud-login-button a{background-color:#626569;padding:5px 15px 5px 15px;text-align:center;color:#FFF;position:relative;float:left;} /* --- Main Menu --- */ .menu-container { border:none; margin-bottom:0; } .navigation > div > ul > li > a { border: none; color: #676767; } .navigation > div > ul > li > a { color: #626569; font-weight: 600; font-size: 12px; padding-bottom: 30px; } .navigation > div > ul > li:hover > a, .navigation > div > ul > li.current-menu-item > a, .navigation > div > ul > li.current-menu-parent > a, .navigation > div > ul > li.current-menu-ancestor > a, .navigation > div > ul > li.current_page_item > a, .navigation > div > ul > li.current_page_parent > a, .navigation > div > ul > li.current_page_ancestor > a { color: #fff; } /* Slider & Search Regions Position Adjustment */ .slider, .md-slide-wrap { margin-top: 0;} .md-slide-item * { font-family: 'Open Sans', sans-serif !important; font-weight: 300; } .md-slide-item .button { padding-bottom: 8px; padding-top: 6px; font-weight: 600; } .md-slide-item .button.iconArrow2Right:before { top: 1px; } .md-slide-item .md-subhead { line-height: 1.3em; } .md-arrow-left, .md-arrow-right { background: none; background-color: #464547; width: 25px; opacity: .5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .md-arrow-left:hover, .md-arrow-right:hover { opacity: .75; } .md-arrow-left:active, .md-arrow-right:active { opacity: 1; } .md-arrow-left span:before, .md-arrow-right span:before { font-family: FontAwesome; color: #ffffff; font-size: 30px; font-weight: 600; position: absolute; top: 10px; left: 7px; } .md-arrow-left { left: 2px; } .md-arrow-right { right: 2px; } .md-arrow-left span:before { content: "\f104"; } .md-arrow-right span:before { content: "\f105"; } @media only screen and (max-width: 768px) { .md-objects { margin-left: 15px; } } .search-wrapper { position: relative; overflow: hidden; float: right; padding: 0 27px 7px 0; margin-right: 10px; width: 0; border: none; } .search-wrapper .submit-search:after { position: absolute; top: 0; right: 0; z-index: 4; width: 27px; height: 27px; color: #ffffff; content: "\f002"; font-size: 14px; font-family: "FontAwesome"; line-height: 27px; text-align: center; background-color: #c2c4c7; } .search-wrapper .submit-search:hover:after, .search-wrapper .submit-search.active:after { background-color: #62656b; color: #ffffff; } .search-wrapper input[type="text"] { height: 27px; } /* Dropdown */ .navigation ul ul { background-color: #e4e5e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 250px; } .navigation ul ul li { border: none; background-color: #e4e5e6; height: 47px; line-height: 47px; } .navigation > div > ul ul li:hover, .navigation > div > ul ul li.current-menu-item, .navigation > div > ul ul li.current-menu-parent, .navigation > div > ul ul li.current-menu-ancestor, .navigation > div > ul ul li.current_page_item, .navigation > div > ul ul li.current_page_parent, .navigation > div > ul ul li.current_page_ancestor { color: #676767; background-color: #f9f9f9; } .navigation ul ul li a { color: #676767; font-size: 12px; padding: 0 20px; } .navigation ul ul li a:active { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .navigation > div > ul ul li:hover > a, .navigation > div > ul ul li.current-menu-item > a, .navigation > div > ul ul li.current-menu-parent > a, .navigation > div > ul ul li.current-menu-ancestor > a, .navigation > div > ul ul li.current_page_item > a, .navigation > div > ul ul li.current_page_parent > a, .navigation > div > ul ul li.current_page_ancestor > a { color: #676767; background-color: #f9f9f9; } /* --- Main Menu END --- */ /* --- Sticky Nav CSS Menu --- */ #cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; color: #939598; font-weight: 600; text-decoration: none; line-height: 1; font-family: 'Open Sans', sans-serif; font-size: 13px; position: relative; } #cssmenu a { line-height: 1.3; } /* #cssmenu { width: 250px; } */ #cssmenu > ul > li > a { /* padding-right: 40px; font-size: 25px; font-weight: bold; */ display: block; /* background: #bd0e36; color: #ffffff; border-bottom: 1px solid #5e071b; text-transform: uppercase; */ position: relative; } #cssmenu > ul > li > a > span { /* background: #ed1144; padding: 10px; */ display: block; /* font-size: 13px; font-weight: 300; */ } #cssmenu > ul > li > a:hover { text-decoration: none; } #cssmenu > ul > li.active { border-bottom: none; } #cssmenu span.cnt { position: absolute; top: 8px; right: 15px; padding: 0; margin: 0; background: none; } #cssmenu ul ul { display: none; } #cssmenu ul ul a { /* padding: 10px; */ display: block; /* color: #ed1144; font-size: 13px; */ } /* --- End Sticky Nav Menu --- */ /* ------------------------------------------ Kerio.com Blocks General Styling [Aristomenis Capogeannis] ------------------------------------------ */ /* Social Icons and Language Switcher */ #block-block-3, #block-lang-dropdown-language { float: right; } #block-lang-dropdown-language { cursor: pointer; margin-left: 12px; width: 27px; height: 27px; } #block-lang-dropdown-language .lang_dropdown_form .language-icon { display: none; } #block-lang-dropdown-language .lang_dropdown_form .form-item select { width: 27px !important; height: 27px; background-image: url(../images/icons/globe-icon.png); background-position: -28px -1px; padding-left: 3px; padding-top: 3px; cursor: pointer; color: transparent; -webkit-transition: all .0s linear; -moz-transition: all .0s linear; -ms-transition: all .0s linear; -o-transition: all .0s linear; transition: all .0s linear; } #block-lang-dropdown-language .lang_dropdown_form .form-item select:hover { background-position: -1px -1px; } #block-lang-dropdown-language .lang_dropdown_form .form-item select:focus { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #block-lang-dropdown-language .lang_dropdown_form .form-item select option { font-family: "Open Sans", sans-serif !important; color: #464547 !important; font-weight: 300 !important; } .fixed #block-lang-dropdown-language { display: none; } /* Hide Node Titles in Blocks */ /* Prevents display of link leading to mysterious white space in Chrome */ .block.block-block .content .node h2 {display: none;} .kblock { padding: 40px 0; overflow: hidden; } .kblock .bigBlue { margin-left: 10px; } /* Kerio.com Sticky Nav Widget */ .region-sticky-nav { z-index: 1000; } #block-block-42, #block-block-43, #block-block-44, #block-block-45, #block-block-50 { display: block; z-index: 1000; position: fixed; right: -25px; top: 285px; } #block-block-42 { right: -153px; top: 95px; } /* #block-block-42, #block-block-43, #block-block-44, #block-block-45 { display: none; } */ @media only screen and (max-width: 959px) { #block-block-43, #block-block-44, #block-block-45, #block-block-50 { right: -158px; } } @media only screen and (max-width: 767px) { #block-block-42, #block-block-43, #block-block-44, #block-block-45, #block-block-50 { display: none !important; } } #stickerMain { width: 182px; background: #ffffff; border: 1px solid #E2E3E4; -webkit-border-top-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomleft: 9px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; padding: 5px 5px 0 5px; } #stickerMain #cssmenu ul li ul { border-bottom: 1px solid #e2e3e4; margin-bottom: 10px; } #stickerMain #cssmenu ul li ul li { margin-left: 35px; margin-bottom: 12px; } #stickerMain #cssmenu span.smc-price, #stickerMain #cssmenu span.smc-price-eu, #stickerMain #cssmenu span.smc-try, #stickerMain #cssmenu span.smc-buy, #stickerMain #cssmenu span.smc-demo, #stickerMain #cssmenu span.smc-find { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #939598; background-repeat: no-repeat; -webkit-transition: right .25s linear; o-transition: right .25s linear; -moz-transition: right .25s linear; transition: right .25s linear; padding-left: 28px; } #stickerMain #cssmenu span.smc-find:before, #stickerMain #cssmenu span.smc-buy:before, #stickerMain #cssmenu span.smc-price:before, #stickerMain #cssmenu span.smc-price-eu:before, #stickerMain #cssmenu span.smc-demo:before, #stickerMain #cssmenu span.smc-try:before { position: absolute; top: 1; left: 4px; color: #929497; font-family: "FontAwesome"; } #stickerMain #cssmenu span.smc-find:before { content: "\f002"; } #stickerMain #cssmenu span.smc-buy:before { content: "\f07a"; } #stickerMain #cssmenu span.smc-price:before { content: "\f155"; } #stickerMain #cssmenu span.smc-price-eu:before { content: "\f153"; } #stickerMain #cssmenu span.smc-demo:before { content: "\f06e"; } #stickerMain #cssmenu span.smc-try:before { content: "\f019"; } #stickerMain #cssmenu span.smc-price:hover, #stickerMain #cssmenu span.smc-price:hover:before, #stickerMain #cssmenu span.smc-price-eu:hover, #stickerMain #cssmenu span.smc-price-eu:hover:before, #stickerMain #cssmenu span.smc-try:hover, #stickerMain #cssmenu span.smc-try:hover:before, #stickerMain #cssmenu span.smc-demo:hover, #stickerMain #cssmenu span.smc-demo:hover:before, #stickerMain #cssmenu span.smc-find:hover, #stickerMain #cssmenu span.smc-find:hover:before, #stickerMain #cssmenu span.smc-buy:hover, #stickerMain #cssmenu span.smc-buy:hover:before { color: #464547; } #stickerMain.cloud, #stickerMain.connect, #stickerMain.control, #stickerMain.operator { padding-bottom: 3px; } #stickerMain.cloud #cssmenu ul li, #stickerMain.connect #cssmenu ul li, #stickerMain.control #cssmenu ul li, #stickerMain.operator #cssmenu ul li { padding: 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 3px; } #stickerMain.cloud #cssmenu li { background-color: #6b98bf; } #stickerMain.connect #cssmenu li { background-color: #00a1e1; } #stickerMain.control #cssmenu li { background-color: #e73a27; } #stickerMain.operator #cssmenu li { background-color: #f77c0f; } #stickerMain.cloud #cssmenu li:hover { background-color: #6b98bf; } #stickerMain.connect #cssmenu li:hover { background-color: #008ae1; } #stickerMain.control #cssmenu li:hover { background-color: #da301d; } #stickerMain.operator #cssmenu li:hover { background-color: #ff5200; } #stickerMain.cloud #cssmenu span.smc-price, #stickerMain.connect #cssmenu span.smc-price, #stickerMain.control #cssmenu span.smc-price, #stickerMain.operator #cssmenu span.smc-price, #stickerMain.cloud #cssmenu span.smc-price-eu, #stickerMain.connect #cssmenu span.smc-price-eu, #stickerMain.control #cssmenu span.smc-price-eu, #stickerMain.operator #cssmenu span.smc-price-eu, #stickerMain.cloud #cssmenu span.smc-find, #stickerMain.connect #cssmenu span.smc-find, #stickerMain.control #cssmenu span.smc-find, #stickerMain.operator #cssmenu span.smc-find, #stickerMain.cloud #cssmenu span.smc-try, #stickerMain.connect #cssmenu span.smc-try, #stickerMain.control #cssmenu span.smc-try, #stickerMain.operator #cssmenu span.smc-try, #stickerMain.cloud #cssmenu span.smc-buy, #stickerMain.connect #cssmenu span.smc-buy, #stickerMain.control #cssmenu span.smc-buy, #stickerMain.operator #cssmenu span.smc-buy, #stickerMain.cloud #cssmenu span.smc-demo, #stickerMain.connect #cssmenu span.smc-demo, #stickerMain.control #cssmenu span.smc-demo, #stickerMain.operator #cssmenu span.smc-demo, #stickerMain.cloud #cssmenu span.smc-price:before, #stickerMain.connect #cssmenu span.smc-price:before, #stickerMain.control #cssmenu span.smc-price:before, #stickerMain.operator #cssmenu span.smc-price:before, #stickerMain.cloud #cssmenu span.smc-price-eu:before, #stickerMain.connect #cssmenu span.smc-price-eu:before, #stickerMain.control #cssmenu span.smc-price-eu:before, #stickerMain.operator #cssmenu span.smc-price-eu:before, #stickerMain.cloud #cssmenu span.smc-find:before, #stickerMain.connect #cssmenu span.smc-find:before, #stickerMain.control #cssmenu span.smc-find:before, #stickerMain.operator #cssmenu span.smc-find:before, #stickerMain.cloud #cssmenu span.smc-try:before, #stickerMain.connect #cssmenu span.smc-try:before, #stickerMain.control #cssmenu span.smc-try:before, #stickerMain.operator #cssmenu span.smc-try:before, #stickerMain.cloud #cssmenu span.smc-buy:before, #stickerMain.connect #cssmenu span.smc-buy:before, #stickerMain.control #cssmenu span.smc-buy:before, #stickerMain.operator #cssmenu span.smc-buy:before, #stickerMain.cloud #cssmenu span.smc-demo:before, #stickerMain.connect #cssmenu span.smc-demo:before, #stickerMain.control #cssmenu span.smc-demo:before, #stickerMain.operator #cssmenu span.smc-demo:before { color: #ffffff; } /* Kerio Blog Sidebar Listing */ #block-views-recent-blogs-sidebar-block { padding: 20px 0 30px 0; background: #f3f4f4; border: 1px solid #D9DADB; position: relative; } #block-views-recent-blogs-sidebar-block h2 { color: #6C98BF; font-weight: 600; font-size: 15px; padding: 5px 0 0 65px; } #block-views-recent-blogs-sidebar-block h2:before { position: absolute; top: 20px; left: 30px; display: block; width: 25px; height: 25px; background-image: url(../images/icons/icon-rss.png); background-repeat: no-repeat; content: ""; -webkit-transition: right .25s linear; -o-transition: right .25s linear; -moz-transition: right .25s linear; transition: right .25s linear; } #block-views-recent-blogs-sidebar-block .views-row { padding: 15px 30px; border-top: 1px solid #D9DADB; } #block-views-recent-blogs-sidebar-block .views-row:last-child { padding-bottom: 0; } #block-views-recent-blogs-sidebar-block span a { font-size: 13px; color: #464547; font-weight: 400; } #block-views-recent-blogs-sidebar-block span a:hover { color: #002067; } /* Kerio Blog Homepage Listing */ #block-views-recent-blogs-sidebar-block-4 .views-row, #block-views-recent-blogs-sidebar-block-3 .views-row, #block-views-recent-blogs-sidebar-block-2 .views-row, .view-display-id-block_4 .views-row, .view-display-id-block_3 .views-row, .view-display-id-block_2 .views-row, .view-display-id-block_1 .views-row { padding: 8px 0 8px 10px; border-bottom: 1px solid #ccc; } #block-views-recent-blogs-sidebar-block-4 .views-row:last-child, #block-views-recent-blogs-sidebar-block-3 .views-row:last-child, #block-views-recent-blogs-sidebar-block-2 .views-row:last-child, .view-display-id-block_1 .views-row:last-child { border-bottom: 0; } #block-views-recent-blogs-sidebar-block-4 .views-row:hover, #block-views-recent-blogs-sidebar-block-3 .views-row:hover, #block-views-recent-blogs-sidebar-block-2 .views-row:hover, .view-display-id-block_4 .views-row:hover, .view-display-id-block_3 .views-row:hover, .view-display-id-block_2 .views-row:hover, .view-display-id-block_1 .views-row:hover { background: #f3f4f4; } #block-views-recent-blogs-sidebar-block-4 h2, #block-views-recent-blogs-sidebar-block-3 h2, #block-views-recent-blogs-sidebar-block-2 h2, #block-views-recent-blogs-sidebar-block-1 h2, #block-views-recent-blogs-sidebar-block-1--2 h2, #block-views-recent-blogs-sidebar-block-1--3 h2 { display: inline-block; color: #F47C20; font-size: 20px; font-weight: 600; margin-left: 50px; margin-top: 3px; position: relative; } #block-views-recent-blogs-sidebar-block-4 h2, #block-views-recent-blogs-sidebar-block-3 h2, #block-views-recent-blogs-sidebar-block-2 h2 { margin-left: 11px; } #block-views-recent-blogs-sidebar-block-1 h2:before, #block-views-recent-blogs-sidebar-block-1--2 h2:before, #block-views-recent-blogs-sidebar-block-1--3 h2:before { position: absolute; left: -40px; display: block; font-family: FontAwesome; color: #464547; font-size: 25px; content: "\f086"; -webkit-transition: right .25s linear; -o-transition: right .25s linear; -moz-transition: right .25s linear; transition: right .25s linear; } #block-views-recent-blogs-sidebar-block-4 span, #block-views-recent-blogs-sidebar-block-4 span a, #block-views-recent-blogs-sidebar-block-3 span, #block-views-recent-blogs-sidebar-block-3 span a, #block-views-recent-blogs-sidebar-block-2 span, #block-views-recent-blogs-sidebar-block-2 span a, .view-display-id-block_4 span, .view-display-id-block_4 span a, .view-display-id-block_2 span, .view-display-id-block_2 span a, .view-display-id-block_3 span, .view-display-id-block_3 span a, .view-display-id-block_1 span, .view-display-id-block_1 span a { font-size: 15px; color: #464547; font-weight: 300; } #block-views-recent-blogs-sidebar-block-4 span.views-field-created span, #block-views-recent-blogs-sidebar-block-3 span.views-field-created span, #block-views-recent-blogs-sidebar-block-2 span.views-field-created span, .view-display-id-block_1 span.views-field-created span { font-weight: 600; width: 200px; } /* Kerio Partner Program Overview */ #block-block-22 { padding-top: 80px; } /* Kerio Grey Award Block */ #block-block-21 { padding-top: 45px; padding-bottom: 45px; background-color: #626569; } #block-block-21 .container .sixteen.columns img { margin-right: 30px; display: inline-block; vertical-align: middle; } #block-block-21 .container .sixteen.columns img:last-child { float: right; clear: both; padding-top: 7px; } #block-block-21 .container .sixteen.columns div { font-size: 22px; font-weight: 600; color: #ffffff; display: inline-block; vertical-align: middle; } /* Partner Links and Current Open Positions Block */ #block-block-20, #block-block-32 { padding-top: 45px; padding-bottom: 45px; background-color: #F3F4F4; } #block-block-32 { margin-bottom: 50px; } #block-block-20 .quote-text { font-size: 18px; color: #464547; background: #ffffff; } #block-block-20 .kplinks, #block-block-32 .kplinks { display: table; width: 100%; background-color: #f3f4f4; } #block-block-20 .kplinks div, #block-block-32 .kplinks div { display: table-row; height: 85px; } #block-block-20 .kplinks div div a, #block-block-32 .kplinks div div a { display: block; padding: 20px; } #block-block-32 .kplinks div div a { padding-top: 11px; padding-bottom: 10px; } #block-block-20 .kplinks div div a p, #block-block-32 .kplinks div div a p { margin-bottom: 0; } #block-block-32 .kplinks div div a p { font-size: 15px; } #block-block-20 .kplinks div:hover, #block-block-32 .kplinks div:hover { background-color: #ffffff; cursor: pointer; } #block-block-20 .kplinks div div, #block-block-32 .kplinks div div { display: table-cell; vertical-align: middle; border-bottom: 1px solid #B9BBBD; height: 100%; } #block-block-20 .kplinks div div:first-child { width: 90px; text-align: center; } #block-block-32 .kplinks div div:first-child { width: 450px; } #block-block-32 .kplinks div div:first-child a p { font-weight: 600; } #block-block-20 .kplinks div div:last-child a, #block-block-32 .kplinks div div:last-child a { padding-left: 0; } #block-block-20 .kplinks div:last-child div, #block-block-32 .kplinks div:last-child div { border-bottom: 0; } #block-block-32 .kplinks .kpheader:hover, #block-block-32 .kplinks .kpheader div:hover { background-color: transparent; cursor: default; } #block-block-32 .kplinks .kpheader div { border-bottom: 0; } #block-block-32 .kplinks .kpheader div h1 { font-size: 20px; margin-bottom: 3px; } #block-block-32 .kplinks .kpheader div:first-child { padding-left: 20px; } /* Press Release Block */ #block-views-press-releases-en-block-3, #block-views-press-releases-en-block-4 { margin-top: 50px; } #block-views-press-releases-en-block-4 h2, #block-views-press-releases-en-block-3 h2, #block-views-press-releases-en-block-2 h2, #block-views-press-releases-en-block-1 h2, #block-views-press-releases-en-block h2 { color: #f47c20; font-weight: 600; font-size: 28px; } .view-press-releases-en * { font-family: 'Open Sans', sans-serif; } .view-id-press_release .view-content .views-row .node-article .entry .entry-meta .author, .view-id-press_release .view-content .views-row .node-article .entry .entry-meta .comments, .view-id-press_release .view-content .views-row .node-article .entry .button { display: none; } .view-press-releases-en .view-content .views-row { border-bottom: 1px solid #D9DADB; margin: 5px 70px 0 0; } .view-press-releases-en .wp-pagenavi { margin-top: 45px; } .view-press-releases-en .view-content .views-row .views-field-title { margin: 15px 0 0 0; } .view-press-releases-en .view-content .views-row .views-field-created { margin: 0 0 15px 0; } .view-press-releases-en .view-content .views-row .views-field-title .field-content a { color: #6c98bf; text-decoration: none; font-weight: 700; margin: 15px 0; padding: 0; font-size: 15px; } .view-press-releases-en .view-content .views-row .views-field-title .field-content a:hover { color: #002067; } .view-press-releases-en .view-content .views-row .views-field-body p { margin: 0; } .view-press-releases-en .view-content .views-row .views-field-created .field-content { font-weight: 700; font-size: 15px; color: #464547; } @media only screen and (max-width: 768px) { .view-press-releases-en .view-content .views-row { margin-right: 0; } } /* Media Contact Block */ #block-block-6 * { font-size: 12px; } #block-block-16 { background: #F3F4F4; border: 1px solid #D9DADB; padding: 25px 25px 0 25px; margin-bottom: 70px; color: #6C98BF; } #block-block-16 h2, #block-block-16 .content, #block-block-16 p, #block-block-16 p a { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 17px; color: #6C98BF; width: 100%; } #block-block-16 h2 { font-size: 15px; font-weight: 600; padding-left: 35px; padding-bottom: 15px; background: url(../images/icons/phonehandle.png) no-repeat left 0; border-bottom: 1px solid #D9DADB; width: 80%; } #block-block-16 p { margin-bottom: 0; } #block-block-16 p span { font-weight: 600; } #block-block-16 .content { margin-bottom: 25px; } #block-block-16 .cname { padding-top: 15px; color: #000000; line-height: 150%; } #block-block-16 .cinfo, #block-block-16 p a { text-decoration: none; font-size: 13px; } #block-block-16 p a:hover { color: #222C63; } @media only screen and (min-width: 768px) and (max-width: 959px) { #block-block-16 { padding: 25px 5px 0 5px; } } @media only screen and (min-width: 480px) and (max-width: 768px) { } @media only screen and (max-width: 768px) { } /* Twitter Block */ /* customizations external to the api */ #block-twitter-block-1 { background: #626569; padding: 25px 50px 0 25px; margin-bottom: 25px; } #block-twitter-block-1 h2 { font-samily: 'Open Sans', sans-serif; font-size: 15px; font-weight: 600; color: #ffffff; padding-left: 35px; background: url(../images/icons/tweetybird.png) no-repeat left center; } #block-twitter-block-1 .content #twitter-widget-0 { min-width: 170px !important; } @media only screen and (min-width: 768px) and (max-width: 959px) { #block-twitter-block-1 { padding: 25px 5px 0 5px; } #block-twitter-block-1 .content #twitter-widget-0 { min-width: 160px !important; } } @media only screen and (min-width: 480px) and (max-width: 768px) { #block-twitter-block-1 .content #twitter-widget-0 { min-width: 330px !important; } } @media only screen and (max-width: 768px) { #block-twitter-block-1 { padding: 25px 25px 0 25px; } } /* Product Boxes */ .pBoxes .one-third { position:relative; overflow:hidden; } .pBoxes .kFadeIn { background-image: url(/sites/default/files/bground70.png); height:100%; width:100%; position:absolute; top:0; left:0; cursor:pointer; text-align:center; visibility: hidden; } .pBoxes .kFadeIn div { margin-top: 220px; } .pBoxes .pBoxContent { background-color:#f9f9f9; padding-top:45px; padding-bottom:23px; overflow: hidden; clear: both; } .pBoxes .pBoxContent .pB1 { width:145px; height:145px; margin-bottom:30px; margin-left:auto; margin-right:auto; } .pBoxes .pBoxContent .pBCloud1 { width:100px; height:100px; margin-bottom:10px; margin-left:auto; margin-right:auto; } .pBoxes .pBoxContent .pB1b { width:62px; height:62px; margin-bottom:20px; margin-left:auto; margin-right:auto; } .pBoxes .pBoxContent .pB1b-b { margin: 0 0 20px 0; width: 213px; height: 172px; text-align: left; padding-left: 30px; } .pBoxes.devZone .pBoxContent .pB1b { width: 213px; height: 172px; } .pBoxes .pBoxContent .pB2 { text-align:center; margin-bottom:30px; } .pBoxes .pBoxContent .pBCloud2 { text-align:center; margin-bottom:0; } .pBoxes .pBoxContent .pBCloud2 h1 { color:#FFFFFF; font-weight:bold; } .pBoxes .pBoxContent .pB2b { margin-bottom: 15px; padding-left: 30px; } .pBoxes .pBoxContent .imgFeature { margin-bottom: 20px; height: 140px; width: auto; vertical-align: middle; text-align: center; } .pBoxes .pBoxContent .imgFeature img { margin-left: auto; margin-right: auto; } .pBoxes .pBoxContent .pB3 { padding-left:30px; padding-right:30px; } .pBoxes .pBoxContent .pB4 { padding-left:30px; padding-right:30px; padding-bottom: 20px; font-size:1.2em; } .pBoxes .pBoxContent .pBCloud4 { padding-left:30px; padding-right:30px; padding-bottom: 20px; font-size:1.3em; text-align:center; color:#FFFFFF; } .pB5 { text-align: center; } .pBoxes.devZone .pBoxContent .pB5 { text-align: left; padding-left: 30px; } .pB5:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .pB5-inner { display: inline-block; vertical-align: middle; width: 90%; } .pB5-inner span { font-size: 1em; margin: 0 0 20px 0; } .pB5-inner:first-child { margin-bottom: 5px; } @media only screen and (max-width: 959px) { .pB5-inner .kIB { display: inline-block; margin-left: auto; margin-right: auto; } .pB5-inner .kIB:last-child { margin-top: 15px; } } .pBoxes .pBoxContent .pB2 h1, .pBoxes .pBoxContent .pB3 h3, .pBoxes .pBoxContent .pB2b h1 { font-weight: 400; } .pBoxes .pBoxContent h3 { margin-bottom: 0; } .pBoxes .connect h1, .pBoxes .connect h3 { color: #00a1e1; } .pBoxes .control h1, .pBoxes .control h3 { color: #e73a27; } .pBoxes .operator h1, .pBoxes .operator h3 { color: #f77c0f; } .pBoxes .samepage h1, .pBoxes .samepage h3 { color: #62a700; } /* --- Cloud Homepage Panels --- */ #cloudMessagingPanel, #cloudVoicePanel, #cloudSecurityPanel{background-color:#6B98BF;height:100%;} #cloudMessagingPanel:hover{background-color:#00A1E1;} #cloudVoicePanel:hover{background-color:#F77C0F;} #cloudSecurityPanel:hover{background-color:#002067;} /* Samepage Block */ #hpSPbx .columnA .hpSPbx-content { padding-right: 50px; } #hpSPbx .columnA .hpSPbx-content h3 { color:#C11535; font-weight:400; margin:30px 0 0 0; } #hpSPbx .columnA .hpSPbx-content p { font-size:1.6em; font-weight:300; line-height: 1.4; margin-top: 10px; margin-bottom: 0; } #hpSPbx .button { margin-top: 20px; font-size: 15px; } /* #hpSPbx .columnB div img { -webkit-box-shadow:4px 4px 4px rgba(50, 50, 50, 0.25); -moz-box-shadow:4px 4px 4px rgba(50, 50, 50, 0.25); box-shadow:4px 4px 4px rgba(50, 50, 50, 0.25); } */ #block-block-29, #block-block-33, #block-block-35, #block-block-36, #block-block-37, #block-block-39, #block-block-40 { background-color: #f3f4f4; } /* Resources Webinars Block */ .resources { padding: 40px 0; overflow: hidden; } .resources h1 { margin-left: 10px; } .resources div { background-color: #ffffff; } .resources div div:first-child { margin: 35px 10px 35px 35px; } .resources div div:last-child { margin: 35px 35px 35px 10px; } .resources div div:last-child p { font-size: 15px; color: #464547; font-weight: 600; margin-bottom: 10px; line-height: 135%; } .resources.connect div div:last-child p span { color: #00A1E1; } .resources.control div div:last-child p span { color: #e73a27; } .resources.operator div div:last-child p span { color: #F77C0F; } .resources.samepage div div:last-child p span { color: #64a500; } .resources div div:last-child a { padding-left: 35px; padding-right: 35px; } @media only screen and (max-width: 959px) { .resources div div:first-child { margin: 35px 35px 10px 35px !important; } .resources div div:last-child { margin: 0 35px 35px 35px !important; } } @media only screen and (max-width: 480px) { .resources div div:first-child { margin: 20px 20px 10px 20px !important; } .resources div div:last-child { margin: 0 20px 20px 20px !important; } } /* Video Block */ #block-block-29 .container { padding-top:45px; padding-bottom:50px; padding-left:10px; } .vidBox { height: 225px; width: 225px; position: relative; overflow: hidden; float: left; } .vidBox div { background-image: url(/sites/default/files/bground70b.png); position: absolute; top: 0; left: 0; cursor: pointer; } .vidBox div, .vidBox img { width: 225px; height: 225px; margin-left: 0 !important; } .vidBoxtext { padding-left: 20px; float:left; } .vBtitle { font-size:1.5em; font-weight: 600 !important; margin-bottom:5px !important; } .vBtitle.connect { color: #00a1e1; } .vBtitle.control { color: #e73a27; } .vBtitle.operator { color: #f77c0f; } .vBtitle.samepage { color: #62a700; } .vidBoxtext div { margin-top:0; } .vidBoxtext p { margin-left: 0 !important; } .vidBoxtext div p { color: #464547; font-size: 1.8em; font-weight: 300; line-height:1.2; margin-left: 0 !important; cursor: default; } .vidBoxtext div p span { font-weight: 600; } .vidBoxtext .button { font-size: 1.1em; margin-top: -10px; } /* Carousels */ #block-block-23, #block-block-25 { background-color:#e4e5e6; padding-top:45px; padding-bottom:50px; } #block-block-24 { background-color: #ffffff; padding-top: 15px; padding-bottom: 0; } #block-block-23 .container, #block-block-24 .container, #block-block-25 .container { padding: 10px; } #block-block-23 .container h3, #block-block-24 .container h3, #block-block-25 .container h3 { font-weight: 600; color: #626569; } /* Life at Kerio Carousel */ #block-block-24 .container ul li p, .jcarousel ul li p { width: 222px; text-align: center; font-size: 12px; font-weight:400; color: #454647; margin: 0; } #block-block-24 .container ul li > img + p, .jcarousel ul li > img + p, .jcarousel ul li > a + p { font-weight: 700; margin: 15px 0 5px 0; } /* Care to Learn More Block */ #block-block-31 { background-color: #6b98bf; } #block-block-31 .container { margin-left:auto; margin-right:auto; padding-top:45px; padding-bottom:45px; padding-left:10px; text-align:center; position:relative; overflow:auto; } #block-block-31 .container h1 { font-weight: 300; color: #ffffff; } #block-block-31 .container div { font-size: 1.5em; margin-bottom: 10px; } /* Footer Links Block */ #footer p { line-height: 1.4em !important; } #footer a:hover { color: #ffffff !important; } .slinks, .slinks div a { font-family: 'Open Sans', sans-serif !important; color:#a6a8ab !important; font-size: 12px; font-weight:normal !important; position:relative; overflow:hidden; margin-bottom:0; } .slinks div a:hover { color: #ffffff !important; } .slinks div { float: left; width: 50%; } .slinks div h5, .slinks div h5 a { font-family: 'Open Sans', sans-serif; color: #a6a8ab; font-size: 14px; font-weight: 600 !important; margin-bottom: 5px; } .flinks, .flinks div p { font-size: 12px; color:#a6a8ab; font-weight:normal; position:relative; overflow:hidden; padding-top:0; margin-top:0; } .flinks .widget { float: right; padding-right: 20px; padding-bottom: 0; margin-bottom: 0; } .flinks .kCP { float: right; padding-right: 20px; padding-top: 8px; } /* ------------------------------------------ Kerio.com Tabs Overrides Goodnex Theme Settings [Aristomenis Capogeannis] ------------------------------------------ */ /* Ajax Nav Customs */ .ajax-nav { margin-bottom: 40px; border-bottom: none; } .ajax-nav li { position: relative; margin-bottom: 2px; } .ajax-nav li:after { position: absolute; top: 19px; right: 11px; display: block; width: 14px; height: 14px; background-image: url(../images/icons/ajax-nav-row.png); background-repeat: no-repeat; content: ""; -webkit-transition: right .25s linear; -o-transition: right .25s linear; -moz-transition: right .25s linear; transition: right .25s linear; } .ajax-nav li:hover:before, .ajax-nav .current:before { position: absolute; top: 0; right: -15px; display: block; width: 0; height: 0; border-top: 28px solid transparent !important; border-bottom: 29px solid transparent !important; border-left-width: 15px; border-left-style: solid; content: ""; } .ajax-nav.connect li:hover > a, .ajax-nav.connect .current a { background-color: #00a1e1 !important; } .ajax-nav.control li:hover > a, .ajax-nav.control .current a { background-color: #e73a27 !important; } .ajax-nav.operator li:hover > a, .ajax-nav.operator .current a { background-color: #f77c0f !important; } .ajax-nav.samepage li:hover > a, .ajax-nav.samepage .current a { background-color: #62a700 !important; } .ajax-nav.connect li:hover:before, .ajax-nav.connect .current:before { border-color: #00a1e1; } .ajax-nav.control li:hover:before, .ajax-nav.control .current:before { border-color: #e73a27; } .ajax-nav.operator li:hover:before, .ajax-nav.operator .current:before { border-color: #f77c0f; } .ajax-nav.samepage li:hover:before, .ajax-nav.samepage .current:before { border-color: #62a700; } .ajax-nav li a { display: block; padding: 15px 15px 15px 15px; background-color: #F3F4F4; color: #4E4D50; font-family: 'Open Sans', sans serif; font-size: 1.2em; font-weight: 400; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; border: none !important; } .ajax-navigation-item .node .content .field .field-items .field-item ul, .ajax-navigation-item .node .content .field .field-items .field-item li { list-style: disc inside none; } .ajax-navigation-item .node .content .field .field-items .field-item .content-tabs .tabs-nav ul, .ajax-navigation-item .node .content .field .field-items .field-item .content-tabs .tabs-nav li { list-style: none; } /* PLP Style Content Boxes */ .webbox .tabs-nav li { border-top-color: #D9DADB; border-left-color: #D9DADB !important; border-right-color: #D9DADB !important; background-color: #f3f4f4; } .webbox .tabs-nav a { font-weight: 700; color: #464547 !important; } .webbox .tabs-nav .active { border-color: #D9DADB; } .webbox.kconnect .tabs-nav .active a { color: #00a1e1 !important; } .webbox.kcontrol .tabs-nav .active a { color: #e73a27 !important; } .webbox.koperator .tabs-nav .active a { color: #f77c0f !important; } .webbox.ksamepage .tabs-nav .active a { color: #C11535!important; } .webbox .tabs-nav li:hover { background-color: #E4E5E6; } .webbox .tabs-nav .active:hover { background-color: #f3f4f4; } .webbox .tabs-container { border-color: #D9DADB; width: 99%; padding-right: 2px; } .webbox.devzone .tabs-container { border-top: 0; } .webbox .tab-content .dLsection, .webbox .tab-content .dLitem { padding-right: 2px !important; } .webbox .tab-content { font-size: 1.2em; } .webbox .tab-content .wbthumb, .webbox .wbtext { float: left; } .webbox .tab-content .wbthumb { width: 20%; } .webbox .tab-content .wbthumb img { margin-left: 0; } .webbox .tab-content .wbtext { width: 80%; } .webbox .tab-content .wbtext p { font-size: 1em; font-weight: 300; line-height: 150%; } .webbox .tab-content .wbtext .wbtitle { font-weight: 600; margin-bottom: 0; } .ksrow.cloud .container h1, .ksrow.cloud .quote-author, .connect .vBtitle, .webbox.kcloud.tab-content .wbtext .wbtitle span, .webbox.kcloud .tab-content .wbtext a { color: #6B98BF !important; } .ksrow.connect .container h1, .ksrow.connect .quote-author, .connect .vBtitle, .webbox.kconnect .tab-content .wbtext .wbtitle span, .webbox.kconnect .tab-content .wbtext a { color: #00a1e1 !important; } .ksrow.control .container h1, .ksrow.control .quote-author, .control .vBtitle, .webbox.kcontrol .tab-content .wbtext .wbtitle span, .webbox.kcontrol .tab-content .wbtext a { color: #e73a27 !important; } .ksrow.operator .container h1, .ksrow.operator .quote-author, .operator .vBtitle, .webbox.koperator .tab-content .wbtext .wbtitle span, .webbox.koperator .tab-content .wbtext a { color: #f77c0f !important; } .ksrow.mykerio .container h1, .ksrow.mykerio .quote-author, .mykerio .vBtitle, .webbox.kmykerio .tab-content .wbtext .wbtitle span, .webbox.kmykerio .tab-content .wbtext a { color: #002067 !important; } .ksrow.samepage .container h1, .ksrow.samepage .quote-author, .samepage .vBtitle, .webbox.ksamepage .tab-content .wbtext .wbtitle span, .webbox.ksamepage .tab-content .wbtext a { color: #C11535 !important; } .webbox .tab-content .wbtext a:hover, .webbox.kcloud .tab-content .wbtext a:hover, .webbox.kconnect .tab-content .wbtext a:hover, .webbox.kcontrol .tab-content .wbtext a:hover, .webbox.koperator .tab-content .wbtext a:hover, .webbox.ksamepage .tab-content .wbtext a:hover { color: #222c63 !important; } .webbox .tab-content .clear { margin-bottom: 20px; } /* Support Downloads Style Tabs */ .webbox.downloads .tabs-nav li, .webbox.devzone .tabs-nav li { width: 33%; border: 1px solid #D9DADB; } .webbox.devzone .tabs-nav.foursome li { width: 24.7%; } .webbox.devzone .tabs-nav li.active { border-bottom: none; } .webbox.downloads .tabs-nav li, .webbox.downloads .tabs-nav a, .webbox.devzone .tabs-nav li, .webbox.devzone .tabs-nav a { height: 65px; text-align: center; min-width: 125px !important; padding-bottom: 10px; } .webbox.downloads .tabs-nav li a, .webbox.devzone .tabs-nav li a { font-size: 14px; font-weight: 400; background-color: transparent; padding: 25px 0; width: 100%; } .webbox.devzone .tabs-nav li a { font-weight: 700; } .webbox.downloads .tabs-nav .active, .webbox.devzone .tabs-nav .active { background-color: #ffffff; } .webbox.downloads .tabs-nav .active a { color: #464547 !important; } .webbox.downloads .tab-content, .webbox.devzone .tab-content { padding: 0; } .webbox.devzone .tab-content { padding-top: 25px; } .webbox.downloads .tab-content .dLitem .node * { margin: 0; padding: 0; } .webbox.downloads .tab-content .dLitem { width:100%; padding:0; margin:0; overflow:hidden; background-color: #F3F4F4; border-bottom: 1px solid #D9DADB; border-right: 1px solid #D9DADB; } .webbox.downloads .tab-content .dLitem div:first-child div { padding-left: 25px; } .webbox.downloads .tab-content .dLitem > div, .webbox.downloads .tab-content .dLitem > div > div { /* border-right: 1px solid #D9DADB; */ margin: 0; overflow: hidden; /* padding: 15px 0px; padding-top: 10px; */ height: 100%; font-size: 12px; font-weight: 400; color: #464547; } .webbox.downloads .tab-content .dLitem > div { padding-top: 25px; } .webbox.downloads .tab-content .dLitem div + div { border-left: 1px solid #d9dadb; border-right: 1px solid #d9dadb; padding-bottom: 10px; /* padding-top: 5px; */ padding-left: 10px; } @media only screen and (max-width: 959px) { .webbox.downloads .tab-content .dLitem div { padding-top: 20px; padding-bottom: 10px; } /* .webbox.downloads .tab-content .dLitem > div:nth-child(2) > div:nth-child(2) { margin-top: -21px !important; } */ .releaseInfo > div:nth-child(2) > div:nth-child(1) { margin-top: 0 !important; } .releaseInfo > div:nth-child(2) *, .releaseInfo p { font-size: 18px !important; } } @media only screen and (max-width: 843px) { .webbox.downloads .tab-content div div p, .webbox.downloads .tab-content div div:first-child p { padding-left: 10px !important; } .webbox.downloads .tab-content div div:first-child p { padding-bottom: 0; } /* .webbox.downloads .tab-content .dLitem div + div div:last-child { padding-top: 2px; } */ } @media only screen and (max-width: 767px) { .webbox.downloads .tab-content .dLitem > div + div { border: none; padding-bottom: 0; margin-top: -15px !important; } .webbox.downloads .tabs-nav li { display: block; width: 100%; } .webbox.downloads .tab-content .dLitem { padding-bottom: 20px; padding-left: 10px; } .webbox.downloads .tab-content .dLitem > div:first-child > div { font-weight: 600; } .webbox.downloads .tab-content .dLitem div.sixteen div { font-weight: 400; } .webbox.downloads .tab-content .dLitem div:first-child div { padding-left: 10px; } .releaseInfo div div, .releaseInfo div div * { font-size: 25px !important; } .releaseInfo p { font-size: 15px !important; } .releaseInfo > div:nth-child(1) > div:nth-child(2) { margin-top: 1px; } } .webbox.downloads .tab-content .dLitem div + div:last-child { border: none; } .webbox.downloads .tab-content .dLitem div + div div:last-child { border-left: none; padding-left: 0; /* padding-top: 4px; */ vertical-align: top; } /* .webbox.downloads .tab-content .dLitem div + div:nth-child(2) { padding-top: 0 !important; } */ .webbox.downloads .tab-content .dLitem div:last-child { position: relative; border-right: none; /* padding-left: 20px; */ } .webbox.downloads.kTable .tab-content .dLitem div:last-child { padding-left: 0; } .dLitem .four .node, .dLitem .four .node * { border: none !important; } .webbox.downloads .tab-content .dLitem div:last-child .node div div div div:before { font-family: "FontAwesome"; content: "\f019"; margin-right: 5px; } .webbox.downloads.kconnect .tab-content .dLitem a, .webbox.downloads.kconnect .releaseInfo div:first-child .node *, .webbox.downloads.kconnect .tab-content .dLitem .node > div.content > div > div > div > a, .webbox.downloads.kconnect .tab-content .dLitem div:last-child .node div div div div:before { color: #00a1e1; } .webbox.downloads.kcontrol .tab-content .dLitem a, .webbox.downloads.kcontrol .releaseInfo div:first-child .node *, .webbox.downloads.kcontrol .tab-content .dLitem .node > div.content > div > div > div > a, .webbox.downloads.kcontrol .tab-content .dLitem div:last-child .node div div div div:before { color: #e73a27; } .webbox.downloads.koperator .tab-content .dLitem a, .webbox.downloads.koperator .releaseInfo div:first-child .node *, .webbox.downloads.koperator .tab-content .dLitem .node > div.content > div > div > div > a, .webbox.downloads.koperator .tab-content .dLitem div:last-child .node div div div div:before { color: #f77c0f; } .webbox.downloads.ksamepage .tab-content .dLitem a, .webbox.downloads.ksamepage .releaseInfo div:first-child .node *, .webbox.downloads.ksamepage .tab-content .dLitem .node > div.content > div > div > div > a, .webbox.downloads.ksamepage .tab-content .dLitem div:last-child .node div div div div:before { color: #64a500; } .webbox.downloads .tab-content .dLitem a:hover, .webbox.downloads .tab-content .dLitem .node > div.content > div > div > div > a:hover, .webbox.downloads .tab-content .dLitem div:last-child .node div div div div:hover:before { color: #222c63 } .webbox.downloads .tab-content .dLitem div.kBGnone:last-child .node div div div div:before { content: ""; } /* .webbox.downloads .tab-content .dLitem div:last-child .node div div div div { padding-left: 25px !important; padding-right: 25px !important; } */ .dLitem .four > div { display: inline-block; } /* .webbox.downloads .tab-content .dLitem div:last-child { padding-top: 25px; } */ .webbox.downloads .tab-content .dLitem div:last-child p { padding: 0; /* padding-top: 20px; */ padding-bottom: 20px; } /* .webbox.downloads .tab-content .dLitem > div:nth-child(2) > div:nth-child(2) { padding-top: 0 !important; margin-top: -2px; } */ .webbox.downloads .tab-content .dLitem div.sixteen { width: 95% !important; padding-bottom:25px; } /* .webbox.downloads.kconnect .tab-content .dLitem div:last-child { background: url(../images/icons/dlblip-connect.png) no-repeat 16px 17px; } .webbox.downloads.kcontrol .tab-content .dLitem div:last-child { background: url(../images/icons/dlblip-control.png) no-repeat 16px 17px; } .webbox.downloads.koperator .tab-content .dLitem div:last-child { background: url(../images/icons/dlblip-operator.png) no-repeat 16px 17px; } .webbox.downloads.ksamepage .tab-content .dLitem div:last-child { background: url(../images/icons/dlblip-samepage.png) no-repeat 16px 17px; } .webbox.downloads .tab-content .dLitem div:last-child:hover { background: url(../images/icons/dlblip-hover.png) no-repeat 16px 17px; } */ .webbox.downloads .tab-content .dLitem.noBG div:last-child, .webbox.downloads .tab-content .dLitem.noBG div:last-child:hover { background: none; } .webbox.downloads .tab-content .dLitem.noBG p { padding-left: 20px !important; } .webbox.downloads .tab-content .dLitem div p { margin: 0; padding: 14px 15px; text-align:left; font-size:12px !important; color: #464547; font-weight: 400; width: 85%; } .webbox.downloads .tab-content div div:first-child p { padding-left: 25px; } @media only screen and (max-width: 767px) { div.ajax-content ul { margin-left: 0; } .webbox.downloads .tab-content .dLitem div p { width: 75%; } .webbox.downloads .tab-content .dLsection.dLtitle div p, .webbox.downloads .tab-content div div p, .webbox.downloads .tab-content div div:first-child p { padding-left: 10px !important; font-weight: 600; } } .webbox.downloads .tab-content .dLitem div p a { height: 100%; width: 100%; } .webbox.downloads.kconnect .tab-content .dLitem div p a { color: #00a1e1 !important; } .webbox.downloads.kcontrol .tab-content .dLitem div p a { color: #e73a27 !important; } .webbox.downloads.koperator .tab-content .dLitem div p a { color: #f77c0f !important; } .webbox.downloads.ksamepage .tab-content .dLitem div p a { color: #62a700 !important; } .webbox.downloads .tab-content .dLitem div p a:hover { color: #222C63 !important; } .webbox.downloads .tab-content .dLsection { width:100%; padding:0; margin:0; overflow:hidden; background-color: #D9DADB; border-bottom: 1px solid #D9DADB; border-top: 2px solid #D9DADB; } .webbox.downloads .tab-content .dLsection div { margin: 0; } .webbox.downloads .tab-content .dLsection div p, .webbox.downloads .tab-content .dLsection div a { margin: 0; padding: 3px 25px; font-size: 12px; text-transform: uppercase; color: #464547; font-weight: 600; } .webbox.downloads .tab-content .dLsection.dLtitle { background-color: #ffffff; } .webbox.downloads.kTable .tab-content .dLsection.dLtitle { background-color: #F3F4F4; border-top: none; border-bottom: none; padding-top: 20px; } .webbox.downloads.kTable .tab-content .dLsection.dLtitle:last-child { padding-bottom: 20px; } .webbox.downloads.kTable .tab-content .dLitem div { border-right: none; } .webbox.downloads .tab-content .dLsection.dLtitle div p, .webbox.downloads .tab-content .dLsection.dLtitle div p a { font-size: 18px; padding: 5px 25px; text-transform: none; } .webbox.downloads .tab-content .dLsection.dLtitle div p a { padding: 0; } .webbox.downloads .tab-content .dLsection.dLtitle div p a:hover { color: #222C63 !important; } .webbox.downloads .tab-content .plainLC { padding-top: 20px !important; padding-left: 0 !important; } .webbox.downloads .tab-content .plainLC a:before { font-family: "FontAwesome"; color: #6b98bf; content: "\f002"; margin-right: 5px; } .webbox.downloads .tab-content .plainLC a:hover:before { color: #222c63; } .webbox.downloads.kconnect .tab-content .dLsection.dLtitle div p, .webbox.downloads.kconnect .tab-content .dLsection.dLtitle div p a { color: #00a1e1; } .webbox.downloads.kcontrol .tab-content .dLsection.dLtitle div p, .webbox.downloads.kcontrol .tab-content .dLsection.dLtitle div p a { color: #e73a27; } .webbox.downloads.koperator .tab-content .dLsection.dLtitle div p, .webbox.downloads.koperator .tab-content .dLsection.dLtitle div p a { color: #f77c0f; } .webbox.downloads.ksamepage .tab-content .dLsection.dLtitle div p, .webbox.downloads.ksamepage .tab-content .dLsection.dLtitle div p a { color: #62a700; } /* Kerio Connect Downloads Single vs Multi Server Toggle */ .free-tech-preview { background: #c0c5c8; padding: 3px 8px; margin-left: 15px; white-space:nowrap; } @media only screen and (max-width: 959px) { .free-tech-preview { font-size:7px; } } @media only screen and (max-width: 767px) { .free-tech-preview { font-size:12px; } } @media only screen and (max-width: 479px) { .free-tech-preview { font-size:8px; } } p.single, p.multi { display: inline-block; cursor: pointer; color: #777 !important; padding: 3px 0 !important; line-height: 10px; margin-left: 25px !important; } .act { background:#00a1e1; color: white; cursor: default; } .single-multi-tabs { border: none !important; background: #f3f4f4 !important; border-bottom: 1px solid #D9DADB !important; } #single, #multi { font-size: 12px; font-weight: 700; padding: 9px 0 8px 23px; width: 310px !important; } @media only screen and (max-width: 959px) { #single, #multi { width: 238px !important; } } @media only screen and (max-width: 767px) { #single, #multi { width: 100% !important; padding: 9px 0 8px 10px; } } #single:hover, #multi:hover { font-size:12px; font-weight:700; background:#00a1e1; color:white !important; cursor:pointer; transition:.3s; } #single { margin-right:1px; } #multi { margin-right: -4px; width:101%; } #multi-text { padding:22px; } #multi-form-bg { background: #f3f4f4 !important; padding: 25px 0 0 25px; width:100%; } #multi-form-iframe { width: 100%; height: 395px; overflow:hidden; margin:0 0 0 -21px } section.multi { display: none; } /* Kerio Table */ .krt { width: 100%; } .krt, .krt td { border-collapse:collapse; color: #464547; background-color: #f6f6f6; font-weight: 300; } .krt tr td { width: 22%; border-bottom: 2px solid #e6e6e6; } .krt tr td:first-child { width: 12%; font-weight: 600; color: #464547; background-color: #e6e6e6; } .krt tr:last-child td { border-bottom: 1px solid #a4a4a4; padding-bottom: 20px; } .krt tr:first-child td { font-weight: 400; font-size: 1.5em; color: #ffffff; background-color: #373737; border-bottom: none; padding-top: 20px; padding-bottom: 20px; } .krt tr:nth-child(2) td { padding-top: 20px; } .krt tr td.krtMe { background-color: #ffffff; font-weight: 400; } .krt tr:first-child td.krtMe { background-color: #222c63; font-weight: 400; } @media only screen and (max-width: 959px) { .krt tr:first-child td { font-size: 1.2em; } } /* Landing Page Content Type */ .landing-page-footer { width: 100%; position: fixed; bottom: 0; background-color: #373737; overflow: auto; z-index: 999; padding-top: 20px; } .landing-page-footer p { margin-bottom: 0; } /* Kerio Pricing */ #kpcb { text-align: right; } #kpcb_box, .node-pricing h2 { display: none; } #kpcb_box { margin: 0; } #kpcb_box div { display: inline-block; } #chooseCurrency { width: 100px; } div#node-1190, .tipsy div.clearfix { display: inline-block; } .kp { display: none; } .kp.default { display: inline-block; } #kpcb_loading { text-align: center; height: 150px; margin-top: 50px; } /* Icons */ .icon-fa-spinner:before { font-family: FontAwesome !important; font-style: normal !important; font-weight: normal !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\f110"; } #kpcb_loading .icon-fa-spinner:before { font-size: 50px; } .icon-fa-spin { -webkit-animation: spin 2s infinite linear !important; -moz-animation: spin 2s infinite linear !important; -o-animation: spin 2s infinite linear !important; animation: spin 2s infinite linear !important; } /* Basic Kerio Page Styling */ /* Site Login form */ #user-login { background: #f3f4f4; vertical-align: middle; padding: 30px; width: 480px; margin-left: auto; margin-right: auto; } #user-login:before { font-family: "FontAwesome"; font-size: 20px; color: #a4a4a4; content: "\f023"; position: fixed; margin-left: 480px; margin-top: -20px; } #user-login .form-item { clear: both; } #user-login .form-item label { float: left; width: 150px; padding: 5px 0 0 5px; font-size: 15px; font-weight: 300; color: #626566; text-transform: uppercase; margin-left: 10px; margin-bottom: 5px; } #user-login input { margin-left: 10px; background: #fafafa; font-size: 15px; font-weight: 300; color: #626566; padding: 8px; width: 250px; border: 1px solid #e4e4e4; border-radius: 3px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; } #user-login input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 0 0 5px #51cbee; box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid #51cbee; border: 1px solid rgba(81, 203, 238, 1); background: #ffffff; } #user-login .description { display: none; } #user-login #edit-actions { margin-left: 165px; margin-top: 25px; } #user-login #edit-actions #edit-submit { background: #ffaf4b; background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); color: #f4f4f4; font-weight: 400; border-color: #ff8a00; width: 150px; height: 30px; border-radius: 60px; padding: 2px 8px 2px 8px; } #user-login #edit-actions #edit-submit:hover { background: #ffdbaf; background: -moz-linear-gradient(top, #ffdbaf 0%, #ffaf4b 45%, #ff920a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdbaf), color-stop(45%,#ffaf4b), color-stop(100%,#ff920a)); background: -webkit-linear-gradient(top, #ffdbaf 0%,#ffaf4b 45%,#ff920a 100%); background: -o-linear-gradient(top, #ffdbaf 0%,#ffaf4b 45%,#ff920a 100%); background: -ms-linear-gradient(top, #ffdbaf 0%,#ffaf4b 45%,#ff920a 100%); background: linear-gradient(to bottom, #ffdbaf 0%,#ffaf4b 45%,#ff920a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdbaf', endColorstr='#ff920a',GradientType=0 ); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 0 0 5px #51cbee; box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid #51cbee; border: 1px solid rgba(81, 203, 238, 1); } @media only screen and (max-width: 767px) { #user-login { width: 340px; } #user-login:before { margin-left: 340px; } #user-login .form-item, #user-login .form-actions { margin-left: 30px; } #user-login .form-item label { padding-left: 0; } #user-login #edit-actions { margin-left: 30px !important; } } @media only screen and (max-width: 480px) { #user-login { width: 270px; padding-left: 5px; padding-right: 5px; } #user-login:before { margin-left: 250px; } #user-login .form-item, #user-login .form-actions { margin-left: 0; } #user-login #edit-actions { margin-left: 0 !important; } } /* Doc Team Generator CSS */ ul.DocBook li p { display: inline; } /* Drupal admin menu home icon */ #admin-menu .dropdown .admin-menu-icon > a span { width: 15px; height: 11px; background: url(../images/icons/kerio-drupal-home-icon.png) no-repeat 0 0; } /* geoip based toggle classes */ /* ES Disti Ajoomal */ #a_n, #a_y, .a_n, .a_y, #a_n2, #a_y2, .a_n2, .a_y2 { display: none !important; } .a_ok { display: block !important; } .a_ok2 { display: inline !important; } /* buy online buttons */ .buybuttonDefault, .buybuttonNL, .buybuttonBE, .buybuttonLU, .buybuttonDefaultGB, .buybuttonDefaultAU { display: none; } body { background-color: #373737; } #wrapper { background-color: #ffffff; } *, body, .content * { font-family: 'Open Sans', sans-serif !important; } .fixed#header { padding-bottom: 0; } .fixed#header .menu-container { float: none; } .fixed#header .container div.sixteen { margin-top: 15px; } .fixed#header .container #block-block-15 .content a img { max-width: 120px; height: auto; } @media only screen and (max-width: 767px) { #header > div > div.sixteen.columns { display: none; } } .slogan { color: #4E4D50; font-size: 28px; font-weight: 300; } @media only screen and (max-width: 479px) { .slogan { font-size: 20px; } } article .single-image { cursor: default; } .views-row article .single-image { cursor: pointer; } .wp-pagenavi .item-list .disabled { display: none; } .wp-pagenavi .item-list li.page-numbers-current.current { width: auto; padding-left: 10px; padding-right: 10px; font-weight: 400; background-color: #464547 !important; font-size: 12px; } a.kicon-doc:before { font-family: "FontAwesome"; content: "\f05a"; margin-right: 5px; } .divider30 { margin-left: 30px; margin-right: 30px; } .tipsy .icon-lightbulb { margin-right: 0; vertical-align: text-top; } .tipsy .icon-lightbulb:before { vertical-align: text-top; font-size: .8em; color: #6b98bf; } p { font-size: 15px; font-weight: 300; line-height: 1.6em; color: #464547; margin-bottom: 30px; } p.pTitle { font-weight: 700; color: #6C98BF; margin-bottom: 0; } .content ul li:last-child { margin-bottom: 30px; } ul.tabs-nav li:last-child { margin-bottom: 0; } li.ajax-navigation-item .node .content .field .field-items .field-item ul { list-style-type: disc; list-style-position: inside; padding: 0 0 0 15px; text-indent: -1em; } li.ajax-navigation-item .node .content .field .field-items .field-item .tabs-nav { padding: 0 0; text-indent: 0; } ul.kBullets { font-size: 15px; font-weight: 300; } ul.kBullets li { margin-bottom: 5px; } .kIncluded { display: inline-block; width: 16px; height: 16px; overflow: hidden; font-size: 0; vertical-align: top; text-shadow: none; background: transparent url(../images/icons/checkmark_nocircle.png) no-repeat 0 0; position: relative; top: 2px; } i.iresource { display: inline-block; width: 15px; height: 18px; overflow: hidden; font-size: 0; vertical-align: top; text-shadow: none; background: transparent url(../images/icons/icon-resource.png) no-repeat 0 0; position: relative; top: 2px; margin-right: 20px; } i.iresource2, i.idemo2, i.imore2 { display: inline-block; width: 11px; height: 14px; overflow: hidden; font-size: 0; vertical-align: top; text-shadow: none; position: relative; top: 5px; } i.iresource2.connect { background: transparent url(../images/icons/icon-resource-cn.png) no-repeat 0 0; } i.iresource2.control { background: transparent url(../images/icons/icon-resource-ct.png) no-repeat 0 0; } i.iresource2.operator { background: transparent url(../images/icons/icon-resource-op.png) no-repeat 0 0; } .table5050 div a:hover i.iresource2 { background: transparent url(../images/icons/icon-resource-on.png) no-repeat 0 0; cursor: pointer; } i.idemo2 { width: 18px; height: 10px; top: 5px; margin-right: 15px !important; } i.idemo2.connect { background: transparent url(../images/icons/icon-demo-cn.png) no-repeat 0 0; } i.idemo2.control { background: transparent url(../images/icons/icon-demo-ct.png) no-repeat 0 0; } i.idemo2.operator { background: transparent url(../images/icons/icon-demo-op.png) no-repeat 0 0; } .table5050 div a:hover i.idemo2 { background: transparent url(../images/icons/icon-demo-on.png) no-repeat 0 0; cursor: pointer; } i.imore2 { width: 15px; height: 12px; top: 5px; margin-right: 12px !important; } i.imore2.connect { background: transparent url(../images/icons/icon-more-cn.png) no-repeat 0 0; } i.imore2.control { background: transparent url(../images/icons/icon-more-ct.png) no-repeat 0 0; } i.imore2.operator { background: transparent url(../images/icons/icon-more-op.png) no-repeat 0 0; } .table5050 div a:hover i.imore2 { background: transparent url(../images/icons/icon-more-on.png) no-repeat 0 0; cursor: pointer; } i.idemo2 { margin-left: 35px !important; margin-right: 15px !important; } i.iresource2 { margin-left: 38px !important; margin-right: 19px !important; } i.imore2 { margin-left: 37px !important; margin-right: 16px !important; } .simple-pricing-table li { white-space: nowrap; } .simple-pricing-table .features li { font-size: 12px; padding: 10px 5px; } .cost-sm { font-size: 26px !important; } .content li { /* display: list-item; */ text-align: -webkit-match-parent; font-size: 15px; font-weight: 300; color: #464547; margin-bottom: 10px; } .ajax-nav li { margin-bottom: 2px; } .tabs-nav li { margin-bottom: 0; } code { font-size: .85em; font-weight: 400; line-height: .85em; white-space: pre; background-color: #686A6D; color: #1AE707; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1em; width: 95%; float: left; position: relative; overflow-wrap: break-word; margin-top: 15px; margin-bottom: 25px; } .node-article p { margin-bottom: 15px; } * a, .content p a, .node-article .field-item a, .node-article .field-item p a { color: #6B98BF; font-weight: 400; } * a:hover, .content p a:hover, .node-article .field-item a:hover, .node-article .field-item p a:hover { color: #002067; } #user-login, .profile { margin-bottom: 70px; } .user-picture a img { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px; } /* Product Subtabs */ #block-block-17, #block-block-18, #block-block-19, #block-block-47 { padding-top: 80px; padding-bottom: 50px; } article div.link-wrapper { display: none; } .author-about { padding-bottom: 10px; } #comment-form-wrapper h6 { font-weight: 300; color: #626569; margin-bottom: 15px; } #edit-comment-body div div .filter-wrapper { display: none; } #comment-form div div input.form-text, #comment-form div div textarea { background-color: #f5f5f5; } /* #edit-subject, #edit-comment-body div div div div textarea { background-color: #f5f5f5; } */ #main.twelve.columns .field-item, .node-article { padding-right: 70px; padding-bottom: 70px; } .views-row .node-article { padding-bottom: 25px; } .node-reusable-content .field-item, .node-article .field-item { padding-right: 0 !important; padding-bottom: 0 !important; } @media only screen and (max-width: 767px) { #main.twelve.columns .field-item, .node-article { padding-right: 0; } } /* .node-kerio-basic-page .field-item { padding-bottom: 70px; */ h1, .node-article div h2 a { color: #F47C20; font-weight: 600; font-size: 28px; } h1.bigBlue { color: #6B98BF; margin-bottom: 25px; font-size: 32px; } h2 { font-size: 24px; font-weight: 400; color: #464547; } h3 { font-size: 18px; font-weight: 600; color: #464547; } h4 { font-size: 21px; font-weight: 600; color: #464547; margin-bottom: 0; } h5 { font-size: 15px; font-weight: 700; color: #6b98bf; margin-bottom: 0; } @media only screen and (max-width: 959px) { .pB5-inner .kIB.iconArrowRight, .pB5-inner .kIB.iconArrow2Right { content: "" !important; } } @media only screen and (max-width: 767px) { #hpSPbx .columnA .hpSPbx-content { padding-right: 0; } .button.big { padding: 5px 30px; } .button.iconArrowRight, .button.iconArrow2Right { content: "" !important; } } @media only screen and (max-width: 479px) { h3 { font-size: 16px; } #hpSPbx .columnA .hpSPbx-content p { font-size: 16px; } #hpSPbx .button { font-size: 10px; } #hpSPbx .button.big { padding: 5px 10px; } } /* Support Page Release Info */ .releaseInfo { margin-bottom: 65px; } .releaseInfo > div { border-bottom: 1px solid #d9dadb; } .releaseInfo > div:first-child { border-bottom: 3px solid #d9dadb; } .releaseInfo > div:first-child > div { font-weight: 600; } .releaseInfo > div > div { display: inline-block; } .releaseInfo > div:nth-child(2) > div:nth-child(1), .releaseInfo > div:nth-child(1) > div:nth-child(1) { vertical-align: top; margin-top: 8px; margin-right: 10px; } .releaseInfo > div:nth-child(1) > div:nth-child(1) { margin-top: 0; } .releaseInfo div div, .releaseInfo div div * { color: #464547; font-size: 24px; } .releaseInfo div:first-child div { color: #464547; font-size: 32px; } .releaseInfo p { color: #464547; font-size: 24px; border-bottom: 1px solid #D9DADB; } .releaseInfo div, .releaseInfo p { padding-top: 5px; padding-bottom: 5px; margin-bottom: 0; } .releaseInfo .node > h2 { display: none; } .releaseInfo .node * { padding: 0; } .releaseInfo p a { text-decoration: underline; } .kconnect .releaseInfo p a, .connect h1, .connect h3 { color: #00a1e1; } .kcontrol .releaseInfo p a, .control h1, .control h3 { color: #e73a27; } .koperator .releaseInfo p a, .operator h1, .operator h3 { color: #f77c0f; } .samepage .releaseInfo p a, .samepage h1, .samepage h3 { color: #64a500; } .releaseInfo p a:hover { color: #002067; } .connect h2, .control h2, .operator h2 { font-weight: 400; } .node-article div div div div div { font-size: 15px; font-weight: 300; color: #464547; margin-bottom: 5px; } p.link a, .node-kerio-basic-page p.link a { color: #6C98BF; text-decoration: none; font-weight: 700; } p.link a:hover, .node-kerio-basic-page p.link a:hover, .node-article div h2 a:hover { color: #222C63; } hr { color: #D9DADB; height: 0; border: 0; border-top: 1px solid #D9DADB; margin: 20px 0; } .node-article .entry { padding-bottom: 25px; border-bottom: 1px solid #ebebeb; } .author-entry, .author-entry p { font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; } .author-entry h5 { margin-bottom: 10px !important; font-size: 13px !important; font-weight: 600 !important; color: #6b98bf !important; } /* Social Share Widget for Article posts */ .entry-meta { position: relative; } .ksocial-share { position: absolute; right: 0; margin-right: 0 !important; text-align: right; } .ksocial-share span { color: #b2b2b2; font-size: 11px; font-weight: 400; margin: 0; padding: 0; margin-right: 10px; margin-top: 3px; } .ksocial-share a:before { font-family: "FontAwesome" !important; font-size: 16px; color: #b2b2b2; margin-right: 5px; } .ksocial-share a:hover:before { color: #002167; } .not-ie .ksocial-share a:before { -webkit-transition: background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -moz-transition: background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -ms-transition: background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; -o-transition: background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; transition: background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out; } .ksocial-share .share-twitter:before { content: "\f081"; } .ksocial-share .share-facebook:before { content: "\f082"; } .ksocial-share .share-linkedin:before { content: "\f08c"; } .ksocial-share .share-googleplus:before { content: "\f0d4"; } .view .ksocial-share, .entry-meta .comments { display: none; } @media only screen and (max-width: 767px) { .entry-meta span { width: 50%; } .ksocial-share { width: 50%; } .entry-meta .author { display: none; } .ksocial-share span { display: none; } } /* Try Now form layout and a bit more */ .trynow .acc-container p { padding-right: 300px; } .mktTryNow, .mktCloudForms { width: 480px; height: 575px; /*was 525px*/ overflow: hidden; } .mktTryNow{ margin-left: 90px;} .mktTryNow.de { height: 750px; } .mktContactUs { width: 480px; height: 960px; margin-left: 10px; overflow: hidden; } .mktContactUs.de { height: 1150px; } .trynow .acc-container p.mCU { padding-left: 30px; padding-top: 30px; margin-bottom: 15px; font-weight: 600 !important; font-size: 25px !important; color: #6b98bf !important; } #google_map { overflow: auto; } #google_map div iframe { margin-top: 16px; float: right; width: 415px; } .gm_address, .gm_address_loc { font-size: 15px; margin-left: 35px; margin-top: 20px; overflow: hidden; border-left: 1px solid #e4e4e4; padding-left: 20px; } .gm_address span, .gm_address_loc span { font-weight: 400; } .gm_address_view { margin-top: 25px; } .gm_address_view a { font-size: 100%; font-weight: 600; } .gm_address_view a:before { font-family: "FontAwesome"; color: #6b98bf; content: "\f002"; margin-right: 5px; } .gm_address_view a:hover:before { color: #222c63; } .gm_address_loc { margin-left: 0 !important; margin-right: 0 !important; padding-left: 15px !important; border: none; } .gm_address_loc:nth-of-type(4), .gm_address_loc:nth-of-type(8), .gm_address_loc:nth-of-type(12), .gm_address_loc:nth-of-type(16) { padding-left: 30px !important; } @media only screen and (max-width: 959px) and (min-width: 768px) { #google_map div iframe { width: 225px; float: right; } .gm_address { margin-left: 130px; } } @media only screen and (max-width: 767px) { #google_map, .gm_address, .acc-container .divider30 { display: none; } .gm_address_loc:nth-of-type(4), .gm_address_loc:nth-of-type(8), .gm_address_loc:nth-of-type(12), .gm_address_loc:nth-of-type(16) { padding-left: 15px !important; } .trynow .acc-container p { padding-left: 20px !important; padding-right: 0; } .mktTryNow { width: 260px; height: 675px; margin-left: 10px; margin-bottom: 25px; } .mktTryNow.de { height: 1175px; } .mktContactUs { width: 260px; height: 1300px; margin-bottom: 25px; } .mktContactUs.de { height: 1600px !important; } #google_map div iframe { width: 100%; } } @media only screen and (max-width: 480px) { .form-narrow { margin-left: 0; } } .kbptitle { color: #f47c20; font-weight: 600; margin: 0 10px 15px 10px; } .kbptitle-text { font-size: 2em !important; font-weight: 300 !important; margin: 0 10px 30px 10px !important; } .kbptitle-subtext { font-size: 1.5em !important; font-weight: 300 !important; margin: 0 10px 30px 10px !important; } .kcolor-cn, .kconnect h1 { color: #00a1e1 !important; } .kcolor-ct, .kcontrol h1 { color: #e73a27 !important; } .kcolor-ko, .koperator h1 { color: #f77c0f !important; } .kcolor-sp, .ksamepage h1 { color: #62a700 !important; } .kcolor_wh { color: #ffffff !important; } .kfont-light { font-weight: 300 !important; } .kfont-normal { font-weight: 400 !important; } .kfont-semibold { font-weight: 600 !important; } .kfont-bold { font-weight: 700 !important; } .kfont-extrabold { font-weight: 800 !important; } .kfont-p9em { font-size: .9em !important; } .kfont-1p1em { font-size: 1.1em; } .kfont-1p5em { font-size: 1.5em; } .kfont-1p6em { font-size: 1.6em !important; } .kfont-2em { font-size: 2em; } .kfont-12 { font-size: 12px; } .kfont-20 { font-size: 20px; } .kW225 { width: 225px; } .kH225 { height: 225px; } .kW65p { width: 65%; } .kW75p { width: 75%; } .kPad-l-30 { padding-left: 30px !important; } .kPad-t-30 { padding-top: 30px !important; } .kPad-b-30 { padding-bottom: 30px !important; } .kPad-r-25 { padding-right: 25px; } .kPad-r-50 { padding-right: 50px; } .kPad-t-3 { padding-top: 3px !important; } .kAlign_c { text-align: center; } .kAlign_l { text-align: left; } .kAlign_r { text-align: right; } .orangeLink { color:#454647; font-weight:600; font-size:15px; } .orangeLink:hover { color: #F47C20; } .kimp, .trynow .acc-container p.kimp { font-weight: 600 !important; font-size: .75em !important; color: #626569 !important; } .shadowbox-gallery { display: none !important; } p.kpbig { font-size: 24px; font-weight: 300; color: #626569; margin-bottom: 45px; } .kOJ { color: #F47C20; } .kBGnone { background-color: transparent !important; background: none !important; } .kOverflow { position: relative; overflow: hidden; } .kFloat_left { float: left; } .kFloat_right { float: right; } .kPad-b-0 { padding-bottom: 0 !important; } .kMar-b-0 { margin-bottom: 0 !important; } .kMar-b-60 { margin-bottom: 60px !important; } .kMar-t-25 { margin-top: 25px !important; } .kMar-t-45 { margin-top: 45px !important; } .kMar-l-10, .kMar-l-10r { margin-left: 10px !important; } .kMar-l-20, .kMar-l-20r { margin-left: 20px !important; } .kMar-l-30, .kMar-l-30r { margin-left: 30px !important; } .kMar-l-35 { margin-left: 35px !important; } .kMar-l-0 { margin-left: 0 !important; } .kMar-r-0 { margin-right: 0 !important; } @media only screen and (max-width: 480px) { .kMar-l-10r { margin-left: 0 !important; } .kMar-l-20r { margin-left: 0 !important; } .kMar-l-30r { margin-left: 0 !important; } } .kTblock65 { width: 65%; margin: 50px 10px 35px 10px; } .kTblock75 { width: 75%; margin: 0 10px 35px 10px; } .kTblockTable { cellpadding: 0; cellspacing: 0; border: 0; border-collapse: collapse; } .kTblockTable tr td { font-size: 1.5em; font-weight: 300; color: #464547; vertical-align: top; padding-bottom: 30px; } .kTblockTable tr td span.dropcapcircle { background-color: #626569; } .kTblockTable tr td span.kTbTt { color: #6C98BF; font-weight:600; } .kIB { display: inline-block !important; } .container .kIB:nth-child(3) { margin: 0 25px; } /* Try Now Accordions */ /* .acc-box.trynow { margin-top: 70px; } */ .trynow .acc-trigger { position: relative; display: block; min-height: 70px; padding: 15px 105px 15px 15px; border-top-width: 0; border: none; text-align: right; background-color: #E4E5E6; cursor: pointer; } #node-1070 .trynow .acc-trigger, #node-1146 .trynow .acc-trigger, #node-1149 .trynow .acc-trigger, #node-1152 .trynow .acc-trigger { padding-top: 30px; } .trynow .acc-trigger.active { cursor: default; } .trynow .acc-trigger:before { position: absolute; top: 0; left: 0; display: block; margin-top:26px; margin-left:15px; background-color: transparent; background-repeat: no-repeat; cursor: pointer; content: ""; } .trynow .acc-trigger.connect:before { width: 244px; height: 51px; background-image: url(../images/icons/collapse-connect.png); } .trynow .acc-trigger.operator:before { width: 253px; height: 51px; background-image: url(../images/icons/collapse-operator.png); } .trynow .acc-trigger.control:before { width: 229px; height: 51px; background-image: url(../images/icons/collapse-control.png); } .trynow .acc-trigger.knone:before { background-image: none; } .trynow .acc-trigger.active:before { background-color: transparent !important; } .trynow .acc-trigger:after { position:absolute; top: 0; right: 0; display: block; margin-right: 15px; margin-top: 23px; background-color: transparent; cursor: pointer; content: ""; width: 57px; height: 57px; background-repeat: no-repeat; /*background-image: url(../images/icons/accordion-plus.png);*/ } .trynow .acc-trigger.connect.active:after { background-image: url(../images/icons/accordion-minus-connect.png); } .trynow .acc-trigger.operator.active:after { background-image: url(../images/icons/accordion-minus-operator.png); } .trynow .acc-trigger.control.active:after { background-image: url(../images/icons/accordion-minus-control.png); } .trynow .acc-trigger a { font-size: 48px; font-weight: 300; color: #a2a2a3; } #node-1070 .trynow .acc-trigger a, #node-1146 .trynow .acc-trigger a, #node-1149 .trynow .acc-trigger a, #node-1152 .trynow .acc-trigger a { font-size: 28px; } .trynow .acc-trigger:hover, .trynow .acc-trigger.active { background-color: #F3F4F4; } .trynow .acc-trigger.connect:hover a, .trynow .acc-trigger.connect.active a { color: #00a1e1; } .trynow .acc-trigger.operator:hover a, .trynow .acc-trigger.operator.active a { color: #f77c0f; } .trynow .acc-trigger.control:hover a, .trynow .acc-trigger.control.active a { color: #e73a27; } .trynow .acc-container, .trynow .acc-container p { padding: 0; background-color: #F3F4F4; font-size: 20px !important; font-weight: 300 !important; color: #626569 !important; } .trynow .acc-container, .trynow .acc-trigger { margin-bottom: 10px; display: block; font-size: 35px; font-weight: 300; color: #a2a2a3; text-transform: uppercase; } .trynow .acc-trigger.active { margin-bottom: 0; } .trynow .acc-container p { padding: 0 15px 15px 90px; } .trynow .acc-container hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 20px; } @media only screen and (max-width: 767px) { .trynow .acc-trigger a, #node-1070 .trynow .acc-trigger a, #node-1146 .trynow .acc-trigger a, #node-1149 .trynow .acc-trigger a, #node-1152 .trynow .acc-trigger a { font-size: 0; } } @media only screen and (max-width: 480px) { .trynow .acc-trigger:after { background-image: none !important; } .trynow .acc-container p { padding-left: 15px; } } /* Empty Accordions */ .acc-trigger-static { position: relative; display: block; padding: 15px 15px 15px 35px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; color: #828282; text-transform: uppercase; font-size: 11px; font-family: "Open Sans", Arial; } .acc-box .acc-trigger-static:first-child { border-top-width: 0; } .acc-trigger-static:before { position: absolute; top: 50%; left: 0; display: block; margin-top: -13px; width: 25px; height: 25px; background-color: #373737; background-image: none; cursor: default; content: ""; } .acc-trigger-static.active:before { background-position: bottom; } .ie7 .acc-trigger-static, .ie8 .acc-trigger-static { font-weight: 400; } .acc-trigger-static.active + .acc-container p { margin: 0 0 10px 0; } /* 5050 Table Styling a la Collateral Block */ .table5050 { border-bottom: 1px solid #D9DADB; padding: 15px 0; /* margin: 0px 20px !important; */ margin: 0 10px !important; } .table5050.tight { padding: 8px 0 !important; } .table5050.tight:hover { background: #f4f4f4; } .table5050.liner { padding: 0; margin: 0 10px !important; } .table5050.base { border-bottom: 0; } .table5050.base2 { border-bottom: 2px solid #D9DADB; } .table5050 h1 { font-size: 20px; } .table5050 div { margin: 0 !important; display: table-cell; vertical-align: middle; } .table5050 div i { margin-right: 10px; } .table5050 div span { font-weight: 300; } .table5050 > h1 + div, .table5050 div:first-child { font-size: 15px; font-weight: 600; color: #464547; } .table5050 div span { font-weight: 300; } .table5050 div:last-child { text-align: right; } .table5050 div:last-child a { padding-left: 15px; padding-right: 15px; min-width: 100px; } .table5050 div a.nodecor { padding: 0 !important; color: #464547; } .table5050.tight div a.tWeb:before, .table5050.tight div a.tDat:before, .table5050.tight div a.tMor:before { font-family: FontAwesome; font-size: 18px; position: relative; top: 1px; margin: 0 15px 0 40px; } .table5050.tight div a.tDat:before { padding: 0 2px; } .table5050.tight div a.tWeb:before { content: "\f06e"; } .table5050.tight div a.tDat:before { content: "\f15c"; } .table5050.tight div a.tMor:before { content: "\f019"; } .table5050.tight.control div a:before { color:#e73a27; } .table5050.tight.connect div a:before { color: #00a1e1; } .table5050.tight.operator div a:before { color: #f77c0f; } @media only screen and (max-width: 480px) { .table5050 { margin-left: 0 !important; } } .kcr { background: #6597c1; background: -moz-radial-gradient(center, ellipse cover, #6597c1 0%, #5b87ae 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#6597c1), color-stop(100%,#5b87ae)); background: -webkit-radial-gradient(center, ellipse cover, #6597c1 0%,#5b87ae 100%); background: -o-radial-gradient(center, ellipse cover, #6597c1 0%,#5b87ae 100%); background: -ms-radial-gradient(center, ellipse cover, #6597c1 0%,#5b87ae 100%); background: radial-gradient(ellipse at center, #6597c1 0%,#5b87ae 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6597c1', endColorstr='#5b87ae',GradientType=1 ); margin-bottom: 25px !important; text-align: center; } .kcr:hover { background: #5b87ae; background: -moz-radial-gradient(center, ellipse cover, #5b87ae 0%, #6597c1 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#5b87ae), color-stop(100%,#6597c1)); background: -webkit-radial-gradient(center, ellipse cover, #5b87ae 0%,#6597c1 100%); background: -o-radial-gradient(center, ellipse cover, #5b87ae 0%,#6597c1 100%); background: -ms-radial-gradient(center, ellipse cover, #5b87ae 0%,#6597c1 100%); background: radial-gradient(ellipse at center, #5b87ae 0%,#6597c1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b87ae', endColorstr='#6597c1',GradientType=1 ); cursor: pointer; } .kcr img { margin: 40px 0 30px 0; } .kcr p { color: #ffffff; margin: 0 25px; font-weight: 600; text-align: left; font-size: 20px; } .kcr p:last-child { margin: 5px 25px 30px 25px; font-weight: 300; font-size: 16px; } .kcr-plp { background: #f9f9f9; margin-bottom: 25px !important; text-align: center; } .kcr-plp img { margin: 40px 0 30px 0; } .kcr-plp p { color: #464547; margin: 0 25px; font-weight: 600; text-align: left; font-size: 20px; } .kcr-plp p.hdl { color: #00a1e1; font-weight: 400; } .kcr-plp p.cta { margin: 5px 25px 30px 25px; font-weight: 300; font-size: 16px; } .kcr-plp a { color: #ffffff; margin-bottom: 30px; float: left; margin-left: 26px; } /* Exec Bios */ .team-entry.nobp { border-bottom: 0 !important; padding-bottom: 0 !important; } .nobpliner hr { margin-top: 0; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .nobpliner { display: none !important; } } @media only screen and (min-width: 768px) { .nobplining { display: none !important; } } /* One Click Release enable / disable beta section */ .ocr_beta_hide.ocr_beta_reverse { display: block } .ocr_beta_show.ocr_beta_reverse { display: none; } .ocr_beta_hide { display: none; } .ocr_beta_show {} /* visible by default */ /* Toggle button styling */ .tbtn, .tbtn2 { text-align: center; background: #c2c4c7; color: #ffffff; font-size: 18px; font-weight: 600; padding: 0; height: 20px; } .tbtn:hover { background: #616469; } .toggler { overflow: auto; position: relative; clear: both; display: inline-block; } .pricePagePullText{margin-top:-280px;width:600px;} .pricePageTopButton{margin-top:-60px;} /*.content ul li:last-child {margin-bottom: 20px;}*/ @media only screen and (max-width: 480px) { .pricePagePullText{margin-top:0px;width:100%;} .pricePageTopButton{margin-top:0px;} } .subscribeSideBg{background-color:#FFFFFF!important;} .fa{ font-family: FontAwesome!important;} /*New Partner Experience*/ .bpFormHeader{ background: #6595be; padding:15px; border-radius: 3px 3px 0 0; color:#FFF; text-align:center; margin-bottom:0px; width:280px; } .bpFormBorder{ border:1px solid #d9dadb; width:308px; } .bpFormAltHead, .bpFormAlt{ width:265px; padding: 10px 0 0 15px; font-style:italic; } .bpFormAltHead{ padding-left:25px!important; padding-top:20px!important; } .bpFormLink{ color: #6b98bf; cursor: pointer; font-weight:400; } .npe-ticks{ list-style-type:none; content: "\f046"; font-family: FontAwesome; font-size: .7em; position: relative; top: 3px; float:right; margin: 0 -0.25em 0 1.5em; } /*Kerio Cloud*/ .kbanner.cloud{display:none;} #block-block-57, #block-block-54{margin-top:-45px;} #cloudPricingBiz li,#cloudPricingBizPro li{font-size:20px;} .features.cloudPricing.biz li, .features.cloudPricing.bizPro li{font-size:16px!important;} .features.cloudPricing.biz li sup, .features.cloudPricing.bizPro li sup{vertical-align:super;font-size:10px;} .features.cloudPricing.biz li strong, .features.cloudPricing.bizPro li strong{color:#6595be!important;} .button.btnOn.pill.iconArrow2Right.dp{background-color:#c6d3e4!important;font-size:16px;} .button.btnOn.pill.iconArrow2Right.dp:hover{background-color:#6595be!important;font-size:16px;} .cloudPriceSubText, #bizPAYG, #bizProPAYG{font-size:16px;color:#FFF;} .cloudPriceSubText.lineTwo{margin-top:-10px;} #desktopCloudPricingBizTitles li, #desktopCloudPricingBizData li{font-size:18px!important;height:50px;} #desktopCloudPricingBizTitles li{line-height:1.2em;} #desktopCloudPricingBizData li{line-height:2.5em;} #desktopCloudPricingBizTitles li span{font-size:12px;} #desktopCloudPricingBizData li a{line-height:1.5em;} /* --- Cloud Homepage Boxes --- */ #cloud-hp-boxes{width:960px;margin:0 auto;} @media only screen and (max-width: 767px) {#cloud-hp-boxes{width:100%;}} /* --- Cloud Ticks --- */ .cloudTicks li{ list-style-type:none; font-size: 1.4em; line-height:1.8em; font-weight:300; margin-left:-15px; } .cloudBorder{border:1px solid #c6d3e4;padding:5px;} /*Bamboo*/ @media screen and (max-width: 480px) { .BambooHR-ATS-Department-Header{font-weight:bold;text-decoration:underline;padding-top:10px;} .BambooHR-ATS-board ul ul {border-bottom: 0px!important;} .BambooHR-ATS-board li {width: 250px!important;} .BambooHR-ATS-Location {float:left!important;padding-top:0px!important;padding-bottom:10px!important;} } /*Cookie Popup*/ #popup-text a{color:#FFFFFF;font-weight:bold;} #popup-buttons{display:none;} .alert-close{margin-top:10px;color:#FFFFFF!important;} /*Award Quote Box*/ #itproAward{text-align:center;} #itproAward img{padding-top:30px;} .quote-text.award{border-color:#f3f4f4!important;background:#FFF;font-size:1.25em;height:100px!important;} .quote-text.award .fa.fa-quote-left{color:#f3f4f4;font-size:60px;padding-right:10px;} .quote-text.award .fa.fa-quote-right{color:#f3f4f4;font-size:20px;padding-left:10px;} @media only screen and (max-width: 480px) { .quote-text.award{height:150px;} #itproAward img{padding-top:0px;padding-bottom:30px;} } /*Service Status Embed Pull Up*/ /*iframe{margin-top:-90px!important;} @media screen and (max-width: 480px) {iframe{margin-top:-80px!important;}}*/ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ /*padding-top: 25px;*/ height: 0;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .eight.columns.row.alignAppIcons{text-align:center;} .tab-content.jam{padding: 20px 0 10px!important;}