/* START IMPORT AXIGEN CUSTOM FONTS */ @import url("/css/fonts.css"); /* END IMPORT AXIGEN CUSTOM FONTS */ /* Axigen v3.css ********************************** ** Original CSS file ****************************** ***************************************************/ @charset "UTF-8"; body, form { margin: 0; padding: 0; } i { font-style: italic; } strong { font-weight: bold; } a img { border: 0;} a { text-decoration: none; } a:hover {text-decoration: underline;} a.no-opacity-hover:hover { opacity: 1; } h3 { font-size: 26px; font-weight: 400; line-height: 34px; } ul.small-round-bullet li { padding-left: 20px; text-indent: -15px; list-style-type: none; } ul.small-round-bullet li::before { margin: 0 10px 1px 0; display: inline-block; width: 2px; height: 2px; border: 2px solid #4c8ea6; border-radius: 4px; content: ""; } ul.medium-round-bullet li { padding-left: 20px; text-indent: -15px; list-style-type: none; } ul.medium-round-bullet li::before { margin: 0 10px 1px 0; display: inline-block; width: 4px; height: 4px; border: 2px solid #4c8ea6; border-radius: 6px; content: ""; } h1.as-span, h2.as-span, h3.as-span {margin: 0; padding: 0; font-weight: normal; display: inline;} .required {font-family:Arial,sans-serif;font-size:9px;color:red;} .error-message {color:red;} .tahoma-small {font-family: Tahoma, Arial, sans-serif; font-size: 9px; color: #979795; line-height: 11px; padding-bottom: 2px; } .td_none { text-decoration: none; } .td_ul { text-decoration: underline; } .tool-tip { color: #ff6f00; z-index: 13000; width: 172px; border: 1px solid #ccc; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; padding: 4px; background: #fff; } .tool-text { font-size: 11px; padding: 4px 6px; background: #fff; } .liner { overflow:hidden; } #mainPart-inner #content a { font-size: 14px; font-weight: 400; line-height: 18px; color: #4c8ea6; text-decoration: underline; } #mainPart-inner #content p { margin: 3px 0 8px 0; } #mainPart-inner #content .right-text { float: right; padding-right: 10px; font-weight: normal; font-size: 11px; } #mainPart-inner #content .right-text a {color: #fff; font-size: 11px;} #mainPart-inner #content .input { padding: 1px 2px; font-size: 11px; color: #777; } #mainPart-inner #content .select { font-size: 11px; color: #777; border: 1px solid #ccc; margin-right: 0px; padding-left:2px;} #mainPart-inner #content .button { font-size: 11px; color: #333;} #mainPart-inner #content .error { color: #dc6060; font:400 14px/18px "Source Sans Pro", sans-serif; } #mainPart-inner #content .error-list { margin: 0; padding: 0 0 0 20px; list-style-type: square; } #mainPart-inner #content .error-list li {color: #FF3E2F; padding-left: 5px;} #mainPart-inner #content .relevance {color: #666; padding-left: 5px;clear:both;} #mainPart-inner #content .preview {color: #333; margin: 7px 0; } #mainPart-inner #content .example { margin: 15px 0; display: block; padding: 20px; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; border-radius: 2px; font-family: "Consolas", "Courier New", Courier, Times, monospace; text-indent: 0; color: #000; } #mainPart-inner #content .example.display-inline-block { margin: 0; padding: 0; border: 0; } #mainPart-inner #content br + .example.display-inline-block.padding-left-20.padding-right-20 { margin: 10px 0 0; padding-left: 20px; padding-right: 20px; border: 1px solid #ddd; } #mainPart-inner #content .example.display-inline-block.padding-left-20 { padding-left: 20px; } #mainPart-inner #content .code {font-family: "Courier New", Courier, mono; color: #FF3E2F; } #mainPart-inner #content pre.example { white-space: pre; /* CSS2 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } #mainPart-inner #content .path-example {color: #4FA2B8; font-family: "Courier New", Courier, Times, sans-serif; font-size: 11px;} #mainPart-inner #content a.underlined {text-decoration: underline;} #mainPart-inner #content a.underlined:hover {text-decoration: none;} #mainPart-inner .clear {clear: both} #mainPart-inner #content .form-label {font-size: 1px; padding: 0 0 3px 0; border-bottom: 3px solid #4FA2B8; width: 100%; margin: 0;} #mainPart-inner #content .form-error-list {margin: 0 0 0 75px; padding: 0 0 0 75px; list-style-type: square; text-align: left;} #mainPart-inner #content .form-error-item-first {font-weight: bold; color: red;} #mainPart-inner #content .form-error-list li {color: red;} .newfeatures-header-table .office_edition_box { color: #fff; width: 107px; height: 55px; background: url('/img/new-features-30/office_box.jpg') no-repeat; font-weight: bold;} .newfeatures-header-table .business_edition_box { color: #fff; width: 105px; height: 55px; background-image: url('/img/new-features-30/business_box.jpg'); font-weight: bold;} .newfeatures-header-table .isp_edition_box { color: #fff; width: 103px; height: 55px; background-image: url('/img/new-features-30/isp_box.jpg'); font-weight: bold;} .newfeatures-header-table .isp_edition_box div { padding-left: 52px; padding-top: 13px;} .newfeatures-header-table .business_edition_box div { padding-left: 47px; padding-top: 13px;} .newfeatures-header-table .office_edition_box div { padding-left: 55px; padding-top: 13px;} .newfeatures-header-table .title {border-bottom: 3px solid #4FA2B8; font-size: 18px; color: #333; padding-bottom: 12px;} .newfeatures-header-table .title span {color: #808080; font-size: 18px;} .newfeatures-header-table td {color: #4FA2B8;} .newfeatures-round-table .item { padding: 5px 9px 5px 8px !important;} .newfeatures-round-table .blue-circle label { font-size: 28px;} a.bluelink:link, a.bluelink:hover, a.bluelink:visited{font-weight: bold; color: #4FA2B8 !important;} /* General New Panels */ #mContainer #reviewPanel {margin-bottom: 6px;} #mContainer #reviewPanel #linuxMagContainer {text-align: center; margin: 6px 0 10px 0;} #mContainer #reviewPanel .readOpinionsContainer {text-align: right; padding: 2px;} #mContainer #resourcesPanel {margin-bottom: 6px;} #mContainer #resourcesPanel h6 {padding: 3px 0 3px 6px; margin: 0; font: bold 12px Arial, sans-serif; line-height: 14px;} #mContainer #resourcesPanel ul {margin: 0px; padding: 5px 10px 3px 5px; list-style-type: none;} #mContainer #resourcesPanel ul li {background: url(/img/general/boxed-arrow.gif) no-repeat 1px 4px; padding: 0 0 3px 16px; line-height: 13px} #mContainer #resourcesPanel ul li.pdf {background: url(/img/general/icons/bluepanel-icon-pdf.gif) no-repeat 0px 1px;} #mContainer #resourcesPanel ul li.swf { background: none; cursor:pointer; padding:3px 0px 0px 3px; } #mContainer #resourcesPanel ul li a {color: #3d4244;} /* Securtiy Pages */ .clearBoth {clear: both; font-size: 1px; height: 1px; line-height: 1px; overflow: hidden;} /* AntiVirus AntiSpam Page*/ #mainPart-inner #cPartner .avasTableContainer h3 {font: bold 13px Arial, sans-serif; margin: 5px 0; padding: 0px} #mainPart-inner #cPartner .lightGreyHT { border: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; border-radius: 3px; } #mainPart-inner #cPartner .lightGreyHT th { text-align: center; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; padding: 3px 0 3px 9px; } #mainPart-inner #cPartner .lightGreyHT td { text-align: left; padding: 10px; } #mainPart-inner #cPartner .lightGreyHT tr.lastRow td { border-bottom: 0; } #mainPart-inner #cPartner .lightGreyHT td.lastCol { border-right: none; text-align: center;} #mainPart-inner #cPartner .lightGreyHT .center {text-align: center} #mainPart-inner #cPartner .avasTableContainer .lightGreyHT .blue-dots { background: none; } #mainPart-inner #cPartner .imgContainer { display: table; margin: 10px auto 0; padding: 20px; border: 1px solid #e5e5e5; border-radius: 3px; text-align: center; } #mainPart-inner #cPartner #mavasFiltering {overflow: hidden; margin-top: 30px;} #mainPart-inner #cPartner #mavasFiltering .description img {border: 1px solid #dadada} #mainPart-inner #cPartner #mavasFiltering h3.dotted {font-size: 13px; margin: 0 0 8px 0; padding-bottom: 8px} #mainPart-inner #cPartner #mavasFiltering .description {width: 430px; float: left} #mainPart-inner #cPartner #mavasFiltering .newsPanel {float: right; margin-top: 20px;} /* Press Room - New Version*/ #mContainer #pressResourcesMenu {margin-bottom: 6px; float: right; margin-top: 36px} #mContainer #pressResourcesMenu h6 {padding: 6px 0 3px 6px; margin: 0; font: bold 12px Arial, sans-serif; line-height: 14px;} #mContainer #pressResourcesMenu ul {margin: 0px; padding: 5px 5px 0px 5px; list-style-type: none} #mContainer #pressResourcesMenu ul li {padding: 0 0 2px 22px} #mContainer #pressResourcesMenu ul li.pdf {background: url(/img/general/icons/bluepanel-icon-pdf.gif) no-repeat 2px 1px;} #mContainer #pressResourcesMenu ul li.pic {background: url(/img/general/icons/bluepanel-icon-pic.gif) no-repeat 0px 2px;} #mContainer #pressResourcesMenu ul li.mail {background: url(/img/general/icons/bluepanel-icon-mail.gif) no-repeat 0px 0px; padding: 0px 0 2px 22px} #mContainer #pressResourcesMenu ul li.separator {border-top: 1px solid #d6d6d6; font-size: 0px; height: 1px; line-height: 1px} #mContainer #pressResourcesMenu ul li a {color: #3d4244} .backToButts { background: url(/img/press/all-button-bg.gif) no-repeat bottom left; margin-top: 25px;} .backToButts a {text-decoration: none; font-weight: bold; display: inline; background: url(/img/press/flipped-button-arrow.gif) no-repeat left 2px; padding: 0 0 0 20px; line-height: 23px;} #mainPart-inner #cPartner .news {margin-top: 12px;} #mainPart-inner #cPartner .news h4 {margin: 0 0 10px 0; padding: 0; } #mainPart-inner #cPartner .news h4 a {font: bold 11px Arial, sans-serif; background: url(/img/press/title-dotted-border.gif) bottom left; text-decoration: none;} #mainPart-inner #cPartner .news h3 {margin: 0 0 10px 0; padding: 0; } #mainPart-inner #cPartner .news h3 a {font: bold 13px Arial, sans-serif; background: url(/img/press/title-dotted-border-large.gif) bottom left; text-decoration: none;} #mainPart-inner #cPartner .news p{margin: 0; padding: 0 0 10px 0; line-height: 15px;} #mainPart-inner #cPartner .news span{float: left; color: #979795;} #mainPart-inner #cPartner .news img{vertical-align: middle} #mainPart-inner #cPartner .news .readMore{float: right;} #mainPart-inner #cPartner .news .bottomBorder{border-bottom: 2px solid #ececec; font-size: 0px; height: 0px; line-height: 0px; margin-top: 24px} #mainPart-inner #cPartner .newsDetailsContainer, #mainPart-inner #cPartner .newsDetailsContainer a {color: #979795} /* KB Patch */ #mainPart-inner .kb-article a {color: #656565; background: url('/img/link_dots_gray.gif') repeat-x left bottom; text-decoration: none !important;} #mainPart-inner .kb-article a:hover {background: none;} #mainPart-inner #cPartner .kb-version-title { width:450px; } #mainPart-inner #cPartner .kb-version-title .left { background: no-repeat url(/img/kb-title-bg-left.gif); float:left; height:20px; width:4px; } #mainPart-inner #cPartner .kb-version-title .mid { background: repeat-x url(/img/kb-title-bg-mid.gif); height:20px; font-family:Arial; font-size:14px; font-weight:bold; color:#333333; padding:4px; float:left; width:430px; } #mainPart-inner #cPartner .kb-version-title .right { background: no-repeat url(/img/kb-title-bg-right.gif); float:left; height:20px; width:4px;} #mainPart-inner #cPartner .kb-dist { width:450px; clear:both; height:35px; } #mainPart-inner #cPartner .kb-version-title-long { width:605px; } #mainPart-inner #cPartner .kb-version-title-long .left { background: no-repeat url(/img/kb-title-bg-left.gif); float:left; height:20px; width:4px; } #mainPart-inner #cPartner .kb-version-title-long .mid { background: repeat-x url(/img/kb-title-bg-mid.gif); height:20px; font-family:Arial; font-size:14px; font-weight:bold; color:#333333; padding:4px; float:left; width:580px; } #mainPart-inner #cPartner .kb-version-title-long .right { background: no-repeat url(/img/kb-title-bg-right.gif); float:left; height:20px; width:4px;} #mainPart-inner #cPartner .kb-list-articles {margin: 12px 8px 0px 8px;} #mainPart-inner #cPartner .kb-list-articles h4 {margin: 0 0 10px 0; padding: 0; } #mainPart-inner #cPartner .kb-list-articles h4 a {font: bold 11px Arial, sans-serif; background: url(/img/press/title-dotted-border.gif) bottom left; text-decoration: none;} #mainPart-inner #cPartner .kb-list-articles h3 {margin: 0 0 10px 0; padding: 0; } #mainPart-inner #cPartner .kb-list-articles h3 a {font: bold 13px Arial, sans-serif; background: url(/img/press/title-dotted-border-large.gif) bottom left; text-decoration: none;} #mainPart-inner #cPartner .kb-list-articles p{margin: 0; padding: 0 0 10px 0; line-height: 15px;} #mainPart-inner #cPartner .kb-list-articles span{float: left; color: #979795;} #mainPart-inner #cPartner .kb-list-articles img{vertical-align: middle; } #mainPart-inner #cPartner .kb-list-articles .readMore{float: right; margin-right:8px;} #mainPart-inner #cPartner .kb-list-articles .bottomBorder{border-bottom: 2px solid #ececec; font-size: 0px; height: 0px; line-height: 0px; margin-top: 24px} #mainPart-inner #cPartner .paging { text-align:left; width:100%; background: url('/img/about-us.link-long-bg.png') no-repeat 0 bottom; padding: 16px 0px 15px 0px; } #mainPart-inner #cPartner .paging .left a {font-weight: bold; padding-left: 16px; background: url('/img/arrow-left-blue.png') no-repeat 0 1px; float:left; color:#4FA2B8; font-weight:bold; text-decoration:none; } #mainPart-inner #cPartner .paging .right a {font-weight: bold; padding-right: 16px; background: url('/img/arrow-right-blue.gif') no-repeat; background-position:right; float:right; color:#4FA2B8; font-weight:bold; text-decoration:none; } #mainPart-inner #cPartner .current-page {float:right;font-size: 12px; color: #4FA2B8; margin: 10px 15px 0 0; font-weight: bold; line-height:20px;} /* Press Room Gallery */ #mainPart-inner #cPartner .gallery-box { float: left; border: 1px solid #CECECE; padding: 5px; font-size: 1px; } #mainPart-inner #cPartner .gallery-more { float: left; padding: 5px 5px 10px 10px; width:195px; } #mainPart-inner #cPartner .gallery-more a { margin-left:5px; } #mainPart-inner #cPartner .gallery-more img { margin-top:-2px; } #mainPart-inner #cPartner .gallery-caption { background: #EFEFEF; font-weight: bold; text-align: center; padding: 1px 0 4px 0; width:199px; } #mainPart-inner #cPartner .gallery-caption-alt { font-weight: bold; text-align: center; padding: 4px 0 0 0;} #mainPart-inner #cPartner ul.loose li {padding-bottom: 4px;} #mainPart-inner #cPartner .article-content h3 {font-size: 13px; padding: 1px 0 6px 0; margin: 5px 0; background: #fff url('/img/gray-white-dots.gif') repeat-x left bottom;} #mainPart-inner #cPartner .article-content ul {list-style-type: none;} #mainPart-inner #cPartner .article-nav {text-align: right; margin: 5px 0;} #mainPart-inner #cPartner .article-nav a {border: 1px solid #ccc; background: none; padding: 1px 2px;} #mainPart-inner #cPartner .article-nav a:hover {border: 0; padding: 2px 3px;} ul.flags {list-style-type: none; margin: 0 0 10px 0; padding: 0; overflow: hidden; } ul.flags li {margin: 5px 0; display: inline; float: left; width: 80px; height: 20px;} ul.flags-wide {list-style-type: none; width: 500px; margin: 0 auto 10px auto; padding: 0; overflow: hidden; } ul.flags-wide li {margin: 5px 0; display: inline; float: left; width: 100px; height: 20px;} #wt-container { padding-left: 73px; } #wt-container h2 {font-size: 18px !important; color: #4FA2B8; margin: 10px 0; font-weight: normal; font-family: Arial, sans-serif; } #wt-container .errors {margin: 10px 0 20px 0;} #wt-container .error {color: red; font-weight: bold;} #wt-container .intro {width: 600px; margin: 0 0 15px 0;} #wt-container .saved { text-align: center; padding: 10px 0; font-size: 12px; } #wt-container .filter {padding: 5px; } #wt-container .intro, #wt-container .saved, #wt-container .language { width: 600px; } #wt-container .filter { width: 576px; } #wt-container .language { width: 600px; } #wt-container .language td { width: 300px; padding: 2px;} #wt-container .language .as-textarea {border: 1px solid #000; height: 50px; width: 260px; padding: 2px; margin: 5px 0 10px 0;overflow:auto;} #wt-container .language textarea { width: 260px; height: 54px; margin: 5px 0 10px 0; } #wt-container .language .modified { border: 1px solid red; } #wt-container .language .cell-en {padding-right: 40px;} .content img{margin: 3px 0 0 0px; vertical-align: -20%} #bottom_review {background:red} .page_line ul{padding:0;margin:0;list-style: none;width:500px;} .page_line li{float:left;} .page_line li a{padding:2px;display:block;width:18px;text-align:center;vertical-align:middle;} .current{padding:2px;display:block;width:18px;text-align:center;font-weight:bold;background:#DADADA} .page_line li a:hover{background: #9BD8F5;text-decoration:none} .page_li{padding:2px;display:block;width:18px;text-align:center;font-weight:bold;font-size:12px;padding-right:20px;} .htitle {font-size: 18px; color: #4FA2B8; margin: 10px 0; font-weight: normal;} .dotted_title {padding: 1px; background: transparent url(/img/gray-white-dots.gif) repeat-x scroll left bottom;} .integration{border: 1px solid #E1E1E1; clear: both;} .integration th {text-align:left;background-color:#F3F3F3;} .integration td {border-top: 1px solid #E1E1E1;} .integration th h3 {margin:0;padding:0;} #dlang {width:107px;} #dlang img{padding-left:5px;} #dlang_sub{position:absolute; top:0; width:117px; visibility:hidden ; padding:5px;} #dlang_sub a{display:block; text-decoration:none; color:#656565; padding:3px 5px 0 0px; } .lc a { background:url(/img/dot.gif) #FFFFFF repeat; height:100%; width:100px; margin-left:5px; } .lc a:hover{background-color:#D9D9D9;} #footer-container ul{list-style:none; margin:0;padding:0;} #footer-container ul li { margin:0 1px; display: inline; } #footer-container ul li a{ display:inline; } #footer-container ul li ul li{ margin:0; } #footer-container .square { background:url(/img/gray_square.gif) no-repeat; background-position:left center; padding-left:10px; } #mainPart-inner #content .main-title {color:#4FA2B8; font-size:18px; font-weight:normal; line-height:20px;margin:10px 0pt;} .products {width:449px;margin-top:15px;clear:left;} .products br {clear:left;} .products_lft { float:left; width:94px;} .products_lft a {text-decoration:none; border:0;} .products_lft .products_details {margin:20px 8px 0px 8px;} .products_rght{float:left; background:url('/img/products-overview-shade.png') 0 10px no-repeat; width:352px;} #mainPart-inner #content .products_rght h2 {font-size:16px; margin:0; padding: 20px 0 0 20px; #333} #mainPart-inner #content .products_rght ul {padding-left:20px;} #mainPart-inner #content .products_rght p {padding-left:20px;margin-top:5px;} .download_buy{clear:both;background: url(/img/footer-dots.gif) repeat-x scroll 0pt 10px;height:20px; font-size:1px;} .download_buy div {float:right; background:white; padding-left:10px;} .download_buy div img{margin:0 0 0 5px; padding:0;} /* Product Features */ #mainPart-inner #content .productFeaturesTitle {width: 100%; padding: 0; } #mainPart-inner #content .productFeaturesTitle h3 { font: 900 18px Arial,sans-serif; color: #fff; padding: 0 10px; background: url('/img/features-platforms/blue-bg-category.jpg') repeat-x; line-height:37px; margin: 0; } /* WebMailTranslator Tooltip*/ .wt-tool-tip { font-weight: bold; color: black; z-index: 13000; border: 1px solid #ccc; } .wt-tool-title { font-weight: bold; font-size: 11px; margin: 0; padding: 4px; background: #fff; } .wt-tool-text { font-size: 11px; padding: 4px 6px; background: #dedede; } /* Events Area Classes */ ul.simpleList { list-style: none; margin: 0; padding: 0; } ul.simpleList li { margin: 8px 0; padding: 0 0 0 10px; background: url(/img/li-square.gif) no-repeat left 5px; } .event_listing_title { padding: 0 !important; margin: 0 0 2px 0 !important; font-size: 13px;} .event_listing_subtitle { color: #979795; } .event_listing_desc { margin-top: 10px !important } /* Discount */ .discount_container { position: absolute; } .discount_container .discount_price { position: absolute; left: 38px; *margin-top: 2px; display: inline; } .discount_price { color: #fff !important; z-index: 10; background: url(/img/buy-online/discount_bg.gif); padding: 0 4px; font-weight: bold; } img.strike { position: absolute; } /*promo code commented*/ /*td.strike span { background: url(/img/buy-online/strike-through-large.gif) no-repeat center center} */ /* Banners and buttons */ #banners-buttons .box {padding-bottom:40px; border-bottom:solid 2px #d3d3d2;} #banners-buttons .button {float:left; width:160px; } .dotted-title { font: 900 19px Arial,sans-serif; color: #363636; padding: 6px 0 6px 0; margin: 15px 0 0 0; } .large-banner {overflow-x:auto; overflow-y:hidden;} .pop-up {margin:10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #656565;} .pop-up textarea {width: 100%} .rightSideCol {float:left; margin-left:45px;} .spacer {margin-top:40px;} .imageAlign {vertical-align:-5px } /* home page panels table */ #homePagePanels { font-family:Arial; font-size:11px; color:#656565; line-height:14px; height:200px; } #homePagePanels ul{ margin: 5px 5px 0 5px; padding:0; } #smallMediumBusiness ul li{ font-weight:bold; list-style:none; padding-bottom:5px; padding-left:17px; background:url(/img/home-list-check-gray.gif) no-repeat scroll top left; } .innerTableBg{ background:url(/img/home60-content-bg.jpg) no-repeat right bottom; height:134px; } #enterprise ul li{ font-weight:bold; list-style:none; padding-bottom:5px; padding-left:17px; background:url(/img/home-list-check-blue.gif) no-repeat scroll top left; } #serviceProviders ul li{ font-weight:bold; list-style:none; padding-bottom:5px; padding-left:17px; background:url(/img/home-list-check-green.gif) no-repeat scroll top left; } .moreInfo{ height:24px; } * html .moreInfo{ height:auto; } *+html .moreInfo{ height:auto; } .moreInfoBg { background:url(/img/home60-more-bg.jpg) repeat-x; width:245px; padding-top:2px; } .productDescription { padding-left:5px; padding-right:5px; } .serviceProvidersRightSeparator{ width:2px; background-image:url(/img/beta.horiz-dots.gif); background-repeat:repeat-y; } * html .serviceProvidersRightSeparator{ width:1px; background-image:url(/img/beta.horiz-dots.gif); background-repeat:repeat-y; } *+html .serviceProvidersRightSeparator{ width:1px; background-image:url(/img/beta.horiz-dots.gif); background-repeat:repeat-y; } /* Axigen 6.1 for Windows */ .axigen-for-windows-register .round-label-register {background: url('/img/round-label-register.gif') no-repeat left; width:406px; height: 22px; padding: 7px 0 1px 32px; border-bottom: 3px solid #4FA2B8; color: #fff; font-size: 15px; margin: 20px 0 0 0px;} .axigen-for-windows-register .round-bottom-register {background: url('/img/round-bottom-register.gif') no-repeat top left; height: 4px;} .axigen-for-windows-register .submit {padding:0 15px 0 15px;} /* Commtouch - Buy axigen */ .faded-grey { font-size:11px !important; color:#aaa; line-height:20px; } .faded-grey sup { font-family: Tahoma; } /* index-new */ .new-bar-windows { background:transparent url(/img/axigen_for_windows_bg.jpg) no-repeat scroll left top; height:28px; margin-top:1px; padding-top:8px; padding-left:9px; width:425px; margin-left:-9px; } .delegate-admin-minibanner { height:26px; margin-top:1px; width:422px; margin-left:-9px; } .home-prime-banner { height:24px; margin-top:3px; width:421px; margin-left:-9px; } .buttonNewF-windows { margin-top:357px; margin-left: 371px; position:absolute; z-index:10; width:62px; height:20px; } /* === Tabs === */ .tab-bg1 { height:90px; background:url(/images/74-layout/tabs-bg.png) left bottom no-repeat; margin-bottom:30px; } .tab-bg2 { height:100%; background:url(/images/74-layout/tabs-bg.png) right bottom no-repeat; } ol#jsTabs { margin: 14px 0; list-style: none; } ol#jsTabs li { float: left; margin:0; margin-bottom:-3px; z-index:5; width:33%; } ol#jsTabs a { position:relative; text-align:center; background: url(/images/74-layout/tabs-a-bg.png) left bottom no-repeat; color: #464646 !important; display: block; float: left; font-weight:900; width:100%; height: 80px; text-decoration:none !important; padding: 0 0 9px 0; } ol#jsTabs a span { margin-top:27px; } ol#jsTabs a span.subtitle { margin-top:0; font:100 11px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#707070; } ol#jsTabs a:hover span { background: none; } ol#jsTabs a span.separator-left { display:block; position:absolute; bottom:0; left:0; width:2px; height:100%; background: url(/images/74-layout/tabs-separators.png) right bottom no-repeat; } ol#jsTabs li.currentTab a { background: url(/images/74-layout/tabs-a-current-bg.png) left bottom repeat-x; color: #4fa2b8 !important; text-decoration:none !important; border-bottom: 1px solid #fff; } ol#jsTabs li.currentTab a:hover { color: #4fa2b8 !important; } ol#jsTabs li.currentTab a span { margin-top:30px; } ol#jsTabs li.currentTab a span.subtitle { margin-top:0; color: #4fa2b8; } ol#jsTabs li.currentTab a span.separator-left { display:block; position:absolute; bottom:0; left:0; width:10px; height:100%; background: url(/images/74-layout/tabs-separators.png) left bottom no-repeat; } ol#jsTabs li.currentTab a span.separator-right { display:block; position:absolute; bottom:0; right:0; width:10px; height:100%; background: url(/images/74-layout/tabs-separators.png) -38px bottom no-repeat; } ol#jsTabs li.currentTab a span.last { background-position:right; } ol#jsTabs span { font: 900 17px Arial,sans-serif; background: none; display: block; } .jsTab { display: block; } #aUpcoming-panel ul { list-style:square; padding-left:15px; margin: 5px 0 20px 0; } #aUpcoming-panel ul li{ font-weight:100; } #aUpcoming-panel ul ul{ margin-left:6px; margin-bottom:0 } #aUpcoming-panel ul ul li{ background:url(/img/general/boxed-arrow.gif) left 3px no-repeat; font-weight:100; } .estimated-date { border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; margin-bottom: 5px; } /* Hosting Partners */ .hosting-partners h3{ font-size:15px !important; } .hosting-partners h4{ margin-bottom:5px; } .submenu { filter:alpha(opacity=95); opacity:0.95; } /* Axigen v7.css ********************************** ** Introduced with the 2009-2010 redesign ********* ***************************************************/ /* --- New Layout --- */ a.orange-link { color:#ff9601 !important; } .new-wrapper { margin: 0 auto; text-align: left; width: 960px; } .liner { overflow:hidden; } .new-header { height: 73px; padding: 0 4px; position: relative; z-index: 101; } /* === 7.4 Header === */ .v74-wrapper { margin: 0 auto; text-align: left; } .v74-grey-top { background: #eee url(/images/74-layout/home-header-tile.gif) 0 100% repeat-x; } .v74-header { position: absolute; top: 0; margin: 0 auto; width: 100%; height: 75px; z-index: 15; } .v74-axigen-logo { float:left; margin-top:19px; margin-left:0; } .v74-header-hotline { position:absolute; left:637px; top:29px; background:transparent url(/images/74-layout/icon-header-hotline.gif) 0 0 no-repeat; font:100 11px Arial,sans-serif; color:#515151; line-height:22px; padding-bottom:11px; padding-left:28px; text-decoration:none !important; } .v74-header-partner { background-image:url(/images/74-layout/icon-header-partners.gif); padding-left:31px; } .v74-header-contact { position:absolute; left:531px; top:29px; } .v74-search-form { width:170px; height:21px; background:url(/images/74-layout/home-header-input-search.gif); display:block; position:absolute; right:0; top:32px; text-align:left; } .new-layout .v74-search-form .go-search { position:absolute; top:0; right:0; width:24px; height:21px; } .new-layout .v74-search-form .input-search { background:transparent; border: 0; font:100 11px Arial,sans-serif; color:#555; line-height:21px; width:125px; height:21px; padding:0; border-right:0; position:absolute; top:0; left:15px; outline:none; } .new-layout .v74-search-form .input-blurred { background-color:transparent; font:100 11px Arial,sans-serif; line-height:21px; color:#bab9b9; } .new-layout .v74-header .searchSuggestBox { right:0; top:55px; text-align:left; } /* === 7.4 Homepage === */ ul.v74-menu-container { height: 40px; width: 960px; margin:12px auto; padding: 0; list-style-type: none; background: #1a2e34; border: 1px solid #2f525d; } .v74-menu-container li { /* width:95px; */ float: left; cursor: pointer; text-align:center; position:relative; z-index:99; } .v74-menu-container li a.main-navigation, .v74-menu-container li a.main-navigation:link, .v74-menu-container li a.main-navigation:visited { height: 40px; display: block; font: 900 14px/41px Arial,sans-serif; color: #d9d9d9; text-decoration: none; border-radius: 2px 2px 0 0; } .v74-menu-container li.first a.main-navigation { border-radius: 2px; } .v74-grey-top ul.v74-menu-container li a.selected-cat, .v74-wrapper ul.v74-menu-container li a.selected-cat, .v74-menu-container ul.v74-menu-container li a.selected-cat, .v74-menu-container li a.main-navigation:hover, .v74-menu-container li a.main-navigation:active { background-color: none; color: #fff; } .v74-menu-container li ul { padding: 8px 1px; list-style:none !important; margin:0 !important; } .v74-menu-container li.last ul { border-radius: 2px 0 2px 2px; } .v74-menu-container li:hover ul { display:block; } .v74-menu-container li ul li, .v74-menu-container li ul li.last { list-style: none !important; margin: 0 !important; width: 100%; } .v74-menu-container li ul li a { display: block; padding: 6px 0 !important; line-height: 18px; text-align: left; font-size: 13px; font-weight: 400; text-decoration: none !important; text-transform: uppercase; color: #ccc; opacity: .5; } .v74-menu-container li ul li a:hover { padding-top: 8px; color: #49889f !important; background: none; opacity: 1; } .v74-grey-top h1 { width:928px; margin:0 auto; font:100 24px Arial,sans-serif; color:#7d7d7d; margin-top:10px; text-align:justify; padding:0; } .v74-grey-top h1 strong { color:#111111; font:100 24px Arial,sans-serif !important; } .v74-grey-top h1 b { color:#111111; font:100 24px Arial,sans-serif !important; } .v74-grey-top .v74-demos-container { width:1105px; height:210px; margin:0 auto; position:relative; } .v74-grey-top .v74-demos-bg { width:1033px; height:210px; background:url(/images/74-layout/home-demos-hover-bg.jpg) 50% 100% no-repeat; position:absolute; left:30px; top:0; z-index:5; opacity:0; } .v74-grey-top .v74-demos-links { width:956px; height:210px; position:absolute; left:74px; top:0; z-index:10; } .v74-grey-top .v74-demos-links a, .colored-demo-links.v74-demos-links a { width:33%; height:150px; padding-top:35px; margin-bottom:25px; float:left; display:block; text-align:center; text-decoration:none; outline:none; background:url(/images/74-layout/home-demos-separator.gif) 100% 50% no-repeat; cursor:pointer; } .v74-demos-download { background:none !important; } .v74-grey-top .v74-demos-links a .v74-demos-icon { width:64px; height:81px; display:block; margin:0 auto; background:transparent url() 0 0 no-repeat; } .v74-grey-top .v74-demos-links a .v74-demos-heading { font:900 18px Arial,sans-serif; color:#464646; display:block; } .v74-grey-top .v74-demos-links a .v74-demos-desc { font:100 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#656565; display:block; } .v74-grey-top .v74-demos-links a .v74-demos-icon#webmail { background-image:url(/images/74-layout/home-demos-icon-webmail.png); } .v74-grey-top .v74-demos-links a .v74-demos-icon#webadmin { background-image:url(/images/74-layout/home-demos-icon-webadmin.png); } .v74-grey-top .v74-demos-links a .v74-demos-icon#download { background-image:url(/images/74-layout/home-demos-icon-download.png); } .v74-grey-top .v74-demos-links a:hover .v74-demos-icon { background-position:0 -81px; } .v74-grey-top .v74-demos-links a:hover .v74-demos-heading { color:#4fa2b8; } .v74-756px-deck { width:956px; padding-left:20px; margin:0 auto; text-align:left; } .v74-solution { background:url() 100% 0 no-repeat; } .v74-solution.v74-business { float:left; width:483px; background:url(/images/74-layout/home-business-solutions.jpg) right 10px no-repeat; } .v74-solution.v74-sp { float:right; width:456px; background:url(/images/74-layout/home-sp-solutions.jpg) right 10px no-repeat; } .v74-solution h2 a, .v74-solution h2 { font:900 22px Arial,sans-serif; color:#464646; } .v74-solution h2 a:hover { color:#4fa2b8; } .v74-solution p { font:100 15px/20px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#555; width:280px; margin:15px 0; } .v74-quote { float:left; width:260px; margin-right:75px; } /* To be used with v74-quote*/ .inner-pages-quote { display: flex; width:auto; margin-right:0; margin-bottom:16px; position:relative; } .inner-pages-quote p { text-indent:33px; margin:7px 0 0 0 !important; font:italic 100 13px/18px Georgia,'Trebuchet MS',sans-serif !important; } .inner-pages-quote a img, .inner-pages-listing img, .inner-pages-listing a img { float: right; margin: 7px 0 10px 10px; } .inner-pages-listing img:not(.case-study-logo), .inner-pages-listing a img:not(.case-study-logo) { width: 100px; } .inner-pages-quote-name { font:600 14px "Source Sans Pro",sans-serif; color: #000; } html.dark .inner-pages-quote-name { color: #fff; } .v74-quote.last { margin-right:0; } .v74-quote p { margin-top:7px; text-indent:38px; font:100 17px/22px Georgia,"Trebuchet MS",sans-serif; font-style:italic; color:#555; } .v74-quote a { font:900 12px Arial,sans-serif; color:#72b5c6; text-decoration:underline; } .v74-quote a:hover { text-decoration:none; } .v74-grey-bar { background:url(/images/74-layout/home-greybar-tile.jpg) 0 9px repeat-x; text-align:center; margin-top:35px; } .v74-newsletter-container { width:956px; margin:0 auto; text-align:left; } .v74-newsletter-container .v74-home-free-office-box { width:285px; height:180px; background:url(/images/74-layout/home-free-office.png) 0 0 no-repeat; padding:14px 18px 45px 20px; float:left; } .v74-newsletter-container .v74-home-newsletter { width:285px; padding:14px 30px 45px 20px; float:left; } .v74-newsletter-container .v74-home-localized { width:270px; padding:14px 5px 45px 20px; float:left; } .v74-newsletter-input { background:url(/images/74-layout/home-newsletter-input.png) 0 0 no-repeat; width:209px; height:26px; padding:0 10px; color:#555; border:0; outline:none; } .v74-homepage-localized-languages { list-style:none; margin:0; margin-top:25px; margin-left:-8px; padding:0; } .v74-homepage-localized-languages li { float:left; } .v74-homepage-localized-languages li a { width:40px; height:40px; float:left; background:url() 50% 50% no-repeat; text-decoration:none; } .v74-homepage-localized-languages li a:hover { background-position: 50% 30%; } .v74-homepage-localized-languages li a:active { background-position: 50% 70%; } .v74-homepage-localized-languages li.chinese a { background-image:url(/images/74-layout/home-flag-cn.png); } .v74-homepage-localized-languages li.german a { background-image:url(/images/74-layout/home-flag-de.png); } .v74-homepage-localized-languages li.polish a { background-image:url(/images/74-layout/home-flag-pl.png); } .v74-homepage-localized-languages li.romanian a { background-image:url(/images/74-layout/home-flag-ro.png); } .v74-homepage-localized-languages li.russian a { background-image:url(/images/74-layout/home-flag-ru.png); } .home-social-networks { list-style:none; margin:0; margin-top:25px; padding:0; } .home-social-networks li { float:left; } .home-social-networks li a { width:55px; height:20px; padding-top:34px; float:left; background:url() 0% 0% no-repeat; text-decoration:none !important; text-align:left; color:#bdbfc1 !important; font:100 10px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; } .home-social-networks li a:hover { color:#555 !important; } .home-social-networks li.twitter a { background-image:url(/images/74-layout/home-icon-twitter.png); } .home-social-networks li.facebook a { background-image:url(/images/74-layout/home-icon-facebook.png); } .home-social-networks li.linkedin a { background-image:url(/images/74-layout/home-icon-linkedin.png); } .home-social-networks li.home-rss a { background-image:url(/images/74-layout/home-icon-rss.png); } #breadcrumb { margin:10px 0 !important; padding:4px 12px; border:1px solid #d2d2d2; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } /* === v.74 Product Pages === */ .v74-container { padding-left:0; padding-right:5px; font:100 14px Arial,sans-serif; color: #666; } html.dark .v74-container { color: rgba(255, 255, 255, .65); } .v74-container h1, #content #cPartner h2.title-buy-product { font:300 36px/32px "Titillium Web",sans-serif; color:#000; margin-top:5px; } .v74-container .product-description, .v74-hybrid div .product-description { font:100 22px/25px Arial,Verdana,Helvetica,sans-serif; color:#838383; } .v74-container .product-description a, .v74-hybrid div .product-description a { font: inherit !important; } .v74-container .product-description b, .v74-hybrid .product-description b { color: #353535; font:100 22px/25px Arial,Verdana,Helvetica,sans-serif; } /* Comparison tables */ .v74-container div.compare-support-emphasys { background:#ccc; } .v74-container div.compare-support-emphasys-l { width:2px; height:100%; position:absolute; right:212px; top:-1px; -moz-box-shadow: -2px 0px 10px #808080; -webkit-box-shadow: -2px 0px 10px #808080; box-shadow: -2px 0px 10px #808080; } .v74-container div.compare-support-emphasys-r { width:2px; height:100%; position:absolute; right:117px; top:-1px; -moz-box-shadow: 2px 0px 10px #808080; -webkit-box-shadow: 2px 0px 10px #808080; box-shadow: 2px 0px 10px #808080; } .v74-container div.compare-support-emphasys-t { width:88px; height:2px; position:absolute; right:117px; top:-1px; -moz-box-shadow: 0px -2px 10px #808080; -webkit-box-shadow: 0px -2px 10px #808080; box-shadow: 0px -2px 10px #808080; } .v74-container div.compare-support-emphasys-b { width:88px; height:2px; position:absolute; right:117px; bottom:-1px; -moz-box-shadow: 0px 2px 10px #808080; -webkit-box-shadow: 0px 2px 10px #808080; box-shadow: 0px 2px 10px #808080; } .v74-container div.compare-support-emphasys-inner { -moz-box-shadow:inset 0px 0px 30px #d9d9d9; -webkit-box-shadow:inset 0px 0px 30px #d9d9d9; box-shadow:inset 0px 0px 30px #d9d9d9; } .v74-container div.compare-support-emphasys-inner { width:100%; height:100%; } .v74-container table.compare-header { border-bottom:none; } .v74-container table.compare-footer { border-top:none; } .v74-container table.compare-header th , .v74-container table.compare-footer th { padding:0 5px; } .v74-container table.compare-header th, .v74-container table.compare td { text-align:center; } .v74-container table.compare-header th.description h2 { font:900 19px Arial,sans-serif !important; color: #bfbfbf; padding:0; margin:0; } .v74-container table.compare-header th.first-header { border-left:1px solid #e1e1e1; border-bottom:none; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .v74-container table.compare-header th.last-header { border-right:1px solid #e1e1e1; border-bottom:none; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } .v74-container table.compare-header th.first-row { border-top:1px solid #e1e1e1; } .v74-container table.compare-header th.last { padding:0; width: 10px; background:#f0f0f0 url(/images/74-layout/table-compare-last-bg.gif) right bottom no-repeat; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-left:none; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } .v74-container table.compare td.last { background-color:#f0f0f0; padding:0; width: 10px; border-right:none; border-right:1px solid #e1e1e1; } .v74-container table.compare-header td.description h3 { padding:0 !important; margin:0 !important; } .v74-container table.compare { border:none; } .v74-container table.compare td { padding:15px 5px; border-bottom:1px solid #f2f2f2; } .v74-container table.compare td.description, .v74-container table.compare-header th.description { padding-left: 10px; text-align: left; } .v74-container table.compare td.description h3 { color:#000!important; font: 300 22px/24px "Source Sans Pro",sans-serif!important; margin: 0!important; } #mainPart-inner #content .productFeaturesTitle h3{ font: 300 26px/22px "Titillium Web",sans-serif !important; color: #4fa2b8!important; padding: 20px 10px; background: none; margin: 0; border-bottom: 1px solid #eee; } .compare-header-support .product-main-content h3 a{ font: 300 26px/22px "Titillium Web",sans-serif !important; color: #4fa2b8!important; } /* Support comparison specific */ .v74-container table.compare-header-support th.description, .v74-container table.compare-support td.description, .v74-container table.compare-footer-support th.description { width:314px; } .v74-container table.compare-header-support th, .v74-container table.compare-support td, .v74-container table.compare-footer-support th { width:155px; } .v74-container table.compare-footer-support th.description { text-align:left; padding-left:10px; } .v74-container table.compare-footer th.last-row { border-bottom:1px solid #e1e1e1; } .v74-container table.compare-footer th.first-footer { border-top:none; } .v74-container table.compare-footer th.last-footer { border-top:none; } .v74-container table.compare-footer th.last { padding:0; width: 10px; background:#f0f0f0; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:none; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } .v74-hybrid div div p { color:#707070; font:100 12px/16px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif !important; } .diagram-showcase { margin-top: 30px; margin-bottom: 30px; width: 100%; overflow:hidden; position:relative; border: 1px solid #ebebeb; border-radius: 10px; cursor:pointer; } html.dark .diagram-showcase { border-color: rgba(255, 255, 255, .1); } .diagram-container { border: 10px solid #fff; background: #fff; } html.dark .diagram-container { border-color: #0d1021; background: #0d1021; } .actual-diagram { background:#fff url() 50% 50% no-repeat; height:135px; max-height:700px; } .isph-diagram { background-image:url(/images/74-layout/diagrams/isph-schema.jpg); background-position:50% 43%; max-height:400px; } .support-diagram-bg { position:relative; width:693px; height:490px; background:url(/images/74-layout/diagrams/support-reasons-bg.png) 0 0 no-repeat; } .support-diagram { width:100%; height:100%; } .support-diagram a.buttons { position:absolute; display:block; width:120px; height:83px; } .support-diagram a.b1 { top:50px; left:21px; } .support-diagram a.b2 { top:31px; left:197px; } .support-diagram a.b3 { top:31px; left:375px; } .support-diagram a.b4 { width:140px; top:50px; left:540px; } .support-diagram a.b5 { top:358px; left:21px; } .support-diagram a.b6 { top:378px; left:197px; } .support-diagram a.b7 { top:378px; left:374px; } .support-diagram a.b8 { top:358px; left:550px; } .support-diagram-content { position:absolute; top:135px; left:150px; width:391px; height:200px; font-size:15px; line-height:21px; color: #fff; } .support-diagram-content div { font-size:15px; line-height:21px; } .support-diagram-content a { font-size:15px; line-height:21px; color: #fff !important; text-decoration:underline; } .support-diagram-content h4 { font:900 22px Arial,sans-serif; margin-bottom:20px; } .zoom-preview { width:55px; height:55px; background:transparent url(/images/74-layout/icon-schema-zoom.png) 0 0; position:absolute; top:123px; right:16px; z-index:9; } .product-top-headings { margin-top: 10px; } .v74-container .first-col { float: left; width: 325px; } .v74-container .last-col { float: left; width: 325px; margin-left: 45px; } .v74-container .quote-paragraph { background: url(/images/74-layout/tech-logos/quote-paragraph.gif) 0 0 no-repeat; text-indent: 23px; } .v74-container .quote-paragraph span.author { display:block; text-align:left; text-indent:0; font-weight:900; } .v74-container .last-col-special { width: 345px; float: left; margin-left: 15px; background: url(/images/74-layout/pane-featured.jpg) 0 100% no-repeat; padding-bottom: 45px; margin-top: 15px; } #pageProduct.product-business .v74-container .last-col-special { padding: 0 20px 20px; background: none; border: 1px solid #ebebeb; border-radius: 3px; } #pagePartnerLocator #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a { font-size: 18px; font-weight: 300; line-height: 24px; } .v74-container .last-col-special-top { padding: 20px 20px 0 20px; } .v74-container .last-col-special2 { width:345px; float:left; margin-left:15px; background:url(/images/74-layout/pane-topreasons.jpg) 0 100% no-repeat; padding-bottom:45px; margin-top:15px; } .v74-container .last-col-special2-top { background:url(/images/74-layout/pane-topreasons.jpg) 0 0 no-repeat; padding:20px 40px 0 20px; } .product-top-headings h2 a { display: block; line-height: 24px; padding-top: 10px; padding-bottom: 6px; border-bottom: 1px solid #dbdde1; color: #525252 !important; text-decoration: none !important; background: url(/images/74-layout/product-icons.png) 100% 0 no-repeat; } html.dark .product-top-headings h2 a { border-bottom-color: rgba(255, 255, 255, .2); } .product-top-headings h2 a:hover, .product-top-headings h2 a:hover span { text-decoration:none; color:#4fa2b8 !important; } .product-top-headings h2.column-title { font:900 20px Arial,sans-serif !important; color:#1e6e92; margin-bottom:15px !important; } .product-top-headings .no-icon { font:900 17px Arial,sans-serif; background:none; padding-bottom:2px; margin-top:6px !important; } .product-main-content .all-case { text-transform:uppercase; } .product-top-headings .no-icon span, p.small-print-note { font:100 11px/12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#888; display:block; } .product-top-headings .business-messaging { background-position:100% -2400px; } .product-top-headings .business-messaging:hover { background-position:100% -2500px; } .product-top-headings .clustering-support { background-position:100% -1200px; } .product-top-headings .clustering-support:hover { background-position:100% -1300px; } .product-top-headings .powerful-technology { background-position:100% -1600px; } .product-top-headings .powerful-technology:hover { background-position:100% -1700px; } .product-top-headings .calendaring-collaboration { background-position:100% -600px !important; } .product-top-headings .calendaring-collaboration:hover { background-position:100% -700px !important; } .product-top-headings .local-remote-access { background-position:100% -800px !important; } .product-top-headings .local-remote-access:hover { background-position:100% -900px !important; } .product-top-headings .wireless-mobile-sync { background-position:100% -1000px !important; } .product-top-headings .wireless-mobile-sync:hover { background-position:100% -1100px !important; } .product-top-headings .extensive-security-toolset { background-position:100% -400px !important; } .product-top-headings .extensive-security-toolset:hover { background-position:100% -500px !important; } .product-top-headings .effortless-administration { background-position:100% 0px !important; } .product-top-headings .effortless-administration:hover { background-position:100% -100px !important; } .cta-rounded-contact { height:90px; font:900 17px/90px Arial,sans-serif; color:#464646; width:100%; background:#ebebeb; border:1px solid #e2e2e2; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center; } .cta-bar { position:relative; height:179px; margin-top:40px; } .cta-rounded-bg { position:absolute; top:0; left:0; height:160px; width:100%; background:#ebebeb; border:1px solid #e2e2e2; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; z-index:5; } .cta-demos-bg { position:absolute; top:3px; left:0; width:94%; height:176px; margin-left: 3%; z-index:6; } .cta-demos-links { position:absolute; top:3px; left:0; height:176px; width:100%; margin-left: 5px; z-index:7; } .cta-links { position:absolute; top:0; left:0; z-index:8; } .cta-demos-description { float:left; width:345px; padding:10px 15px; } /* To be used with .cta-demos-description */ .cta-partners-description { padding:22px 30px; } .cta-demos-link { width:33%; margin-top:30px; margin-bottom:25px; float:left; display:block; text-align:center; text-decoration:none; outline:none; background:url(/images/74-layout/home-demos-separator.gif) 100% 0 no-repeat; cursor:pointer; text-decoration:none !important; } .cta-demos-download { background:none !important; } .cta-demos-link .cta-demos-icon { width:50px; height:58px; display:block; margin:0 auto; background:transparent url() 0 0 no-repeat; } .cta-demos-link .cta-demos-heading { font:900 18px Arial,sans-serif; color:#464646; display:block; text-decoration:none !important; } .cta-demos-link .cta-demos-desc { font:100 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#959595; display:block; line-height:11px; } .cta-demos-link .cta-demos-icon#webmail { background-image:url(/images/74-layout/cta-demos-icon-webmail.png); } .cta-demos-link .cta-demos-icon#buyonline { background-image:url(/images/74-layout/cta-demos-icon-buy.png); } .cta-demos-link .cta-demos-icon#reseller { background-image:url(/images/74-layout/cta-demos-icon-reseller.png); } .cta-demos-link .cta-demos-icon#contact { background-image:url(/images/74-layout/cta-demos-icon-contact.png); } .cta-demos-link .cta-demos-icon#start { background-image:url(/images/74-layout/cta-demos-icon-start.png); } .cta-demos-link .cta-demos-icon#register { background-image:url(/images/74-layout/cta-demos-icon-register.png); } .cta-demos-link .cta-demos-icon#premium { background-image:url(/images/74-layout/cta-demos-icon-buy.png); } .cta-demos-link .cta-demos-icon#premium-grey { background-image:url(/images/74-layout/cta-demos-icon-buy-grey.png); } .cta-demos-link:hover .cta-demos-icon { background-position:0 -58px; } .cta-demos-link:hover .cta-demos-heading { color:#4fa2b8; } .cta-demos-link:hover .cta-demos-desc { color:#4fa2b8; } /* ======================== START ======================== *\ \* styling of the AddThis elements in the article view page */ .addthis_counter.addthis_pill_style, .addthis_counter a.atc_s { background:#5ebbcc !important; } /* For the AddThis button in the article view page */ .addthis_counter a.atc_s span { background-position: left 4px; } .addthis_button_facebook_like iframe { width: 270px !important; height: 30px !important; } /* styling of the AddThis elements in the article view page *\ \* ========================= END ========================= */ .partners-oem-logos { text-align:center; } .partners-oem-logos img { margin:0 20px; } #mainPart-inner #content #cPartner h2, .inner-pages-listing h2, .product-main-content h2, .product-main-content h2 a { margin-top:10px; font:900 20px Arial,sans-serif !important; color:#4fa2b8; line-height:29px; padding-bottom:8px; padding-top:10px; margin-bottom:5px !important; border-bottom:1px solid #ebebeb; background:url(/images/74-layout/product-icons.png) 98% 0 no-repeat; text-decoration: none !important; } html.dark #mainPart-inner #content #cPartner h2, html.dark .inner-pages-listing h2, html.dark .product-main-content h2, html.dark .product-main-content h2 a { border-bottom-color: rgba(255, 255, 255, .1); } #mainPart-inner #content #cPartner h2.no-icon, .product-main-content h2.no-icon, .product-main-content h2.no-icon a { background:none; } #mainPart-inner #content #cPartner h3, .product-main-content h3, .cta-demos-description h3 { font:900 17px/16px Arial,sans-serif; color:#363636; margin-bottom:16px; line-height:16px; } #mainPart-inner #content #cPartner h3 a, .product-main-content h3 a, .cta-demos-description h3 a { font:900 17px "Source Sans Pro",sans-serif; margin-bottom:16px; line-height:19px; text-decoration: none !important; } .product-main-content h3 a.blue, .cta-demos-description h3 a.blue { color:#4FA2B8 !important; text-decoration:underline !important; } .product-main-content h3 a.blue:hover, .cta-demos-description h3 a.blue:hover { text-decoration:none !important; } .product-main-content h3 a:hover, .cta-demos-description h3 a:hover { color:#4FA2B8 !important; margin-bottom:16px; line-height:19px; text-decoration: underline !important; } .product-main-content h4 { float: right; margin-top: 5px; } .product-main-content .leftnav { float: left; padding: 6px; padding-right: 0; background: url('/images/74-layout/leftnav.gif') left top no-repeat; } .product-main-content .paging-prev { margin-right: -7px; float: left; } .product-main-content .paging-next { float: right; } .product-main-content .last { margin-top: 30px; } .product-main-content div.page-info, .product-main-content div.page-info{ margin: 0 8px; font: 400 15px/18px "Source Sans Pro",sans-serif; color: #51514f; float: left; padding-top: 6px; cursor: default; } .product-main-content .paging-prev .leftnav a { font:900 15px/18px "Source Sans Pro",sans-serif; color:#363636 !important; text-decoration: none !important; display: block; padding: 0 4px 0 28px; } .product-main-content .paging-next .leftnav a { font:900 15px/18px "Source Sans Pro",sans-serif; color:#363636 !important; text-decoration: none !important; display: block; padding: 0 28px 0 7px; } .product-main-content .paging-next .leftnav a.no-text { padding: 0 15px 0 6px; text-decoration: none !important; } .product-main-content .paging-prev .leftnav a.no-text { padding: 0 6px 0 14px; text-decoration: none !important; } .product-main-content .rightnav { float: left; font:900 15px/18px "Source Sans Pro",sans-serif; padding: 6px 0; background: url('/images/74-layout/rightnav.gif') right top no-repeat; min-width: 8px; } .product-main-content .bordered-container { display: block; border: 1px solid #cacaca; border-bottom: 2px solid #cacaca; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; } .product-main-content .grey-container { background-color: #E2E2E2; } /* Start right containers v7 */ .product-main-content .right-container-top { width: 166px; padding: 15px; border: 1px solid rgb(207, 226, 230); border-bottom: 2px solid rgb(207, 226, 230); background: rgb(247, 249, 250); border-radius: 3px; } .product-main-content .right-container-top .right-quote { position:relative; /*background:url(/images/74-layout/right-quote.png) 0 0 no-repeat;*/ } .product-main-content .right-container-top .right-quote p:before, .v74-quote:before { position: absolute; top: 45px; left: -35px; font-family: Georgia, Italic; font-size: 6em; color: #666; quotes: "\201C""\201D"; content: open-quote; opacity: .5; } html.dark .product-main-content .right-container-top .right-quote p:before, html.dark .v74-quote:before { color: rgba(255, 255, 255, .65); } .v74-quote:before{ left:0px; } .product-main-content .right-container-top .right-quote p { padding:5px 0 0 0 !important; font:italic 100 13px/19px Georgia,'Trebuchet MS',sans-serif !important; text-indent:33px; } .product-main-content .right-container-top .right-quote-name p { font:900 12px Arial,sans-serif !important; margin-bottom:5px !important; } /* To be used with .product-main-content .right-container-top */ .product-main-content .grey-container-top { /* background: url('/images/right-container/right-container-top-grey.gif') left top no-repeat*/; border:1px solid #cfe2e6; background:#fff; } .product-main-content .right-container-top h3{ margin:0px 0 15px 0!important; font-size: 16px; } .product-main-content .right-container-top ul li { color: #363636 !important; } .product-main-content .right-container-top p, .product-main-content .right-container-top p a { color: #363636 !important; font-size: 12px; } .product-main-content .right-container-top a.read-more { display:block; color:#363636 !important; margin-top:5px; background:url(/images/right-container/readmore-icon.gif) 0 1px no-repeat; padding-left:10px; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,sans-serif; } /* End right containers v7 */ .inner-pages-listing p, .product-main-content p, .cta-demos-description p { color:#707070; margin-bottom:16px !important; margin-top:0 !important; text-align:left; } .product-main-content ul, .product-main-content ul.prod-text { list-style:square; padding-left:15px; } .product-main-content ul.prod-text li { color:#707070; } .download-benefits { background:url('/images/74-layout/download-benefits.jpg') left top no-repeat; padding: 15px 0 0 140px; height:110px; } .foot-notes { margin-top: 50px; padding-top: 20px; border-top: 1px solid #ebebeb; } html.dark .foot-notes { border-top-color: rgba(255, 255, 255, .1); } .foot-notes p, .foot-notes p b, .foot-notes p a { margin-top: 0 !important; margin-bottom: 10px !important; font-size: 12px !important; font-weight: 400; line-height: 17px !important; color: #888; text-align: left; } .foot-notes ul { padding-left:15px; } .foot-notes ul li { color:#888; } .product-main-content p small, .product-main-content ul li small, .foot-notes p small { font-size:9px; line-height:11px; vertical-align: text-top; } .product-main-content h3 small { font-size:10px; line-height:13px; vertical-align: text-top; } .product-main-content h3 small.add-on { font-size:10px; line-height:13px; vertical-align: text-top; color:#fff; background:#4FA2B8; padding:0 5px 1px 5px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } .product-main-content p span.new { font-size:9px; line-height:13px; vertical-align: text-bottom; color:#fff; background:#f26532; padding:0 4px 1px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } .product-main-content p a, .foot-notes p a, .product-main-content li a, .version7-container .product-description a, .cta-demos-description a { /* font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif !important;*/ font-weight:100; font-size:inherit; color:#4fa2b8 !important; text-decoration:underline; } .product-main-content p a:hover, .foot-notes p a:hover, .product-main-content li a:hover, .version7-container .product-description a:hover { text-decoration:none; } .product-main-content .pdf-link { display:block; padding-left: 15px; background: url('/img/general/icons/bluepanel-icon-pdf.gif') no-repeat left 2px; } .product-main-content .img-link { display:block; padding-left: 17px; background: url('/img/icons/image.gif') no-repeat left 4px; } .product-main-content .pic-link { display:block; padding-left: 15px; background: url(/img/general/icons/bluepanel-icon-pic.gif) no-repeat -3px 2px; } .product-main-content .mail-link { display:block; padding-left: 15px; background: url(/img/general/icons/bluepanel-icon-mail.gif) no-repeat -3px 2px; } .product-main-content .flags-wide { width:auto; } .product-main-content .flags-wide li { width:45px; height:11px; } .product-main-content .business-messaging { background-position:98% -2450px; } .product-main-content .powerful-technology { background-position:98% -1650px; } .product-main-content .clustering-support { background-position:98% -1250px; } .product-main-content .calendaring-collaboration { background-position:98% -650px; } .product-main-content .local-remote-access { background-position:98% -850px; } .product-main-content .move-securely-forward { background-position:98% -3050px; } .product-main-content .wireless-mobile-sync { background-position:98% -1050px; } .product-main-content .extensive-security-toolset { background-position:98% -450px; } .product-main-content .effortless-administration { background-position:98% -50px; } /* === E-store hacks === */ #cart-isp-table input { margin:0; } #cart-isp-table label { vertical-align:text-bottom; margin-left:2px; } #cart-isp-table td { font-size:11px !important; } #cart-isp-table td b { font-size:11px !important; } #cart-isp-table tr td label.active-option-title span { color:#666 !important; } table.prices tbody tr td strong { font-size:11px; } td.strike { font-size:12px; } .soho-price { position:relative; top:-61px; left:471px; text-decoration:none; outline:none; } a.button-big-blue { float:left; overflow:hidden; padding-left:19px; padding-bottom:13px; height:33px; line-height:33px; background:url(/images/74-layout/button-big-blue.png) left top no-repeat; text-decoration:none !important; } a.button-big-blue span { float:left; padding-right:18px; padding-bottom:13px; background:url(/images/74-layout/button-big-blue.png) right top no-repeat; font:900 15px Arial,sans-serif; height:33px; line-height:33px; color:#fff; text-decoration:none; cursor:pointer; } a.button-big-blue:hover span { } a.button-small-silver { float:left; overflow:hidden; padding-left:15px; padding-bottom:3px; height:23px; line-height:23px; background:url(/images/74-layout/button-small-silver.png) left top no-repeat; text-decoration:none !important; } a.button-small-silver span { float:left; padding-right:16px; padding-bottom:2px; background:url(/images/74-layout/button-small-silver.png) right top no-repeat; font:900 15px Arial,sans-serif; height:24px; line-height:24px; color:#707070; text-decoration:none; cursor:pointer; } a.button-small-silver:hover span { color:#555; } ul.context-menu { padding: 3px 0; background: #fff; border: 1px solid #ccc; border-radius: 3px; text-align: left; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05); } html.dark ul.context-menu { background: #0d1021; border-color: rgba(255, 255, 255, .2); } ul.context-menu li { min-width: 100px; list-style-type: none; line-height: 25px; } ul.context-menu.right li { text-align: right; } ul.context-menu li a { padding: 5px 8px; box-sizing: border-box; } .button-more-container { position: relative; } .button-more-container a.button-more-big-blue { position: absolute; right: 0; display: block; width: 20px; height: 36px; } .button-more-container a.button-more-big-blue span { position: absolute; top: 16px; width: 4px; height: 4px; box-sizing: border-box; border: 1px solid #4c8ea6; border-radius: 3px; } .button-more-container a.button-more-big-blue span:nth-child(1) { left: 2px; } .button-more-container a.button-more-big-blue span:nth-child(2) { left: 8px; } .button-more-container a.button-more-big-blue span:nth-child(3) { left: 14px; } .button-more-container a.button-more-big-blue + ul.context-menu { position: absolute; top: 20px; right: 0; z-index: 1; } /* to be used with button-small-silver */ a.pdf-silver { padding-left:30px; background:url(/images/74-layout/button-small-silver-pdf.png) left top no-repeat; } /* to be used with button-small-silver */ a.doc-silver { padding-left:30px; background:url(/images/74-layout/button-small-silver-doc.png) left top no-repeat; } /* to be used with button-small-silver */ a.xls-silver { padding-left:30px; background:url(/images/74-layout/button-small-silver-xls.png) left top no-repeat; } /* to be used with button-small-silver */ a.ppt-silver { padding-left:30px; background:url(/images/74-layout/button-small-silver-ppt.png) left top no-repeat; } /* to be used with button-small-silver */ a.blank-silver { padding-left:15px; background:url(/images/74-layout/button-small-silver-blank.png) left top no-repeat; } a.blank-silver span { padding-right:30px; background:url(/images/74-layout/button-small-silver-blank.png) right top no-repeat; } /* to be used with button-big-blue */ a.pdf-blue { padding-left:38px; background:url(/images/74-layout/button-big-blue-pdf.png) left top no-repeat; } a.greyed-out span { color:#9f9f9f !important; } a.button-small-blue { float:left; overflow:hidden; padding-left:15px; padding-bottom:3px; height:23px; line-height:23px; background:url(/images/74-layout/button-small-blue.png) left top no-repeat; text-decoration:none !important; } a.button-small-blue span { float:left; padding-right:16px; padding-bottom:2px; background:url(/images/74-layout/button-small-blue.png) right top no-repeat; font:900 15px Arial,sans-serif; height:24px; line-height:24px; color:#fff; text-decoration:none; cursor:pointer; } /* === SOLUTIONS === */ .v74-white-container { width:756px; background:#fff url(/images/74-layout/sol-container-tile.gif) 0 0 repeat-x; margin:0 auto; text-align:left; padding-top:25px; } .v74-white-container .center-tagline { text-align:center; font:100 15px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#7d7d7d; margin:10px 5px; } .v74-white-container .center-tagline b, .v74-white-container .center-tagline strong { font:100 15px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#111; } .solutions-features { width:741px; margin-left:9px; margin-top:20px; } .solutions-features .container-mid { background:url(../images/74-layout/solutions-container-mid.gif) repeat-y; } .solutions-features .container-top { background:url(../images/74-layout/solutions-container-top.jpg) 0 0 no-repeat; } .solutions-features .container-bot { background:url(../images/74-layout/solutions-container-bot.gif) 0 100% no-repeat; } .solutions-features .liner { border-bottom:1px solid #dcdcdc; margin-left:10px; margin-right:11px; padding-left:9px; } .solutions-features .liner.no-border { border:0; } .solutions-features .liner.no-yes { background:url(/images/74-layout/no-yes.gif) 100% 50% no-repeat; } .solutions-features .liner.yes-yes { background:url(/images/74-layout/yes-yes.gif) 100% 50% no-repeat; } .solutions-features .liner.yes-no { background:url(/images/74-layout/yes-no.gif) 100% 50% no-repeat; } .solutions-features .liner.first { padding-top:20px; } .solutions-features .liner.last { padding-top:27px; padding-bottom:27px; } .solutions-features .liner .column { float:left; display:inline; } .solutions-features .liner .label { margin-right:12px; width:340px; font:100 13px Arial,sans-serif; color:#555555; padding:4px 0; } .solutions-features .liner .label .description { font:100 10px Arial,sans-serif; color:#7d7d7d; display:block; line-height:11px; margin:2px 0; } .solutions-features .liner .product { width:179px; text-align:center; } .solutions-features h1 { font:900 17px Arial,sans-serif; color:#464646; text-transform:uppercase; margin:0; } .solutions-features h2 { font:900 16px Arial,sans-serif; color:#646464; margin:0; } .solutions-features h2.blue { font:900 16px Arial,sans-serif; color:#00aeef; margin:12px 0 5px 0; } .solutions-features h2 a { font:900 16px Arial,sans-serif; color:#464646; } .solutions-features h2 a:hover { color:#4fa2b8; } .solutions-free { background:url(/images/74-layout/branding-office-stack-simple.jpg) 0 0 no-repeat; padding:10px 15px 35px 240px; margin-bottom:40px; } .solutions-free p { font:100 13px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#555555; } .solutions-free h2 a { font:900 17px Arial,sans-serif; color:#464646; } .solutions-free h2 a:hover { color:#4fa2b8; } /* === Supported Platforms === */ small.platform-64 { display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; width: 40px; padding: 5px 0px; line-height: 13px !important; color: #999999; background: #fff; border: 1px solid #ebebeb; border-radius: 3px; font: 400 10px "Source Sans Pro",sans-serif; text-transform: uppercase; } html.dark small.platform-64 { background: #0d1021; border-color: rgba(255, 255, 255, .1); } small.platform-64-none { border: 1px solid #fff; } html.dark small.platform-64-none { border-color: #0d1021; } .file-size span {visibility: hidden; } .hovered .file-size span { visibility: visible; } .supported-platform { margin-right: 0; } .supported-platform .platform-64 { float: right; padding: 1px 1px; margin: 1px 5px 0 0; cursor: default; } .new-axigen-logo { float:left; margin-top:18px; margin-left:14px; } .new-layout .go-search { position:absolute; right:8px; top:28px; } .new-layout .input-search { border: 0; font:100 11px Tahoma,Arial,sans-serif; line-height:11px; width:129px; padding:3px 0 2px 4px; border:1px solid #ddd; border-right:0; position:absolute; right:29px; top:28px; } .input-blurred { color: #A1A19F; } .new-header-hotline { position:absolute; right:174px; top:10px; } .new-header-contact { position:absolute; right:361px; top:9px; } .new-layout .searchSuggestBox { right:6px; top:47px; } .new-layout .searchSuggestTitle { background-color:#211a18; } .new-layout .searchSuggestResults li.suggest-results { background-image: url(/img/new-suggest-search-bg.gif); } .new-layout #menu-container-inner { width:auto; } .new-layout #menu-container-inner #center { width:auto; height:auto; padding:0px; } .new-layout #menu-container-inner #center #menu { margin:0; } .v74-wrapper .new-header-pic, .large-header-banner { position: relative; width:960px; margin:10px auto 0 auto; background-position: center -3px; } .v74-wrapper .large-header-banner { height: 174px; } .new-layout #menu-container { width:auto; } .new-layout #nContainer { width:auto; background: none; padding-bottom: 40px; } .new-layout #nContainer #nnContainer { width:auto; background: none; } .new-layout #nContainer #nnContainer #mContainer { margin:0; padding:0 4px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner { background: none; padding-left: 0; width:960px; } .new-layout .new-wrapper #nContainer #nnContainer #mContainer .new-mainPart-inner { width:700px !important; } .new-layout #mContainer #rightPart-inner { margin-left:4px; } .new-layout #mainPart-inner #leftMenu ul li .leftSub { padding-left:15px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { width:260px; margin-top:3px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #content { padding-right:0; } .new-layout .left-separator-true { background: url(/images/new-content-shadow.png) 0 0 no-repeat; padding-left: 30px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul { margin-bottom:25px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li { margin:0; background: none; line-height: 22px; padding-bottom: 0; margin-bottom: 0; margin-top:1px; padding-left:0; width:225px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a { margin: 0; padding: 0; width: auto; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a span { display: block; font: 100 16px/22px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; border-bottom:1px solid #e5e5e5; color: #838383; background: none; padding: 5px 9px 10px 0; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a:hover span { color: #222222; background-image: none; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li div.activ { border-bottom:1px solid #e5e5e5; font: 100 16px/22px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color: #222222; background: none; padding: 5px 9px 10px 0; } /* top-right-context-menu */ .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a{ background: none!important; border:none; padding: 8px 10px!important; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a span{ font-weight: 600; color: #fff; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.activ span, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a:hover span, #about-category .nav-top li a:hover, .nav-top > li > a:focus, #about-category ul.v74-menu-container .close:hover { color:#dc6060; opacity: 1; } #about-category ul.v74-menu-container .close:hover:after, #about-category ul.v74-menu-container .close:hover:before { background: #dc6060; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { position: absolute; top: 13px; right: 112px; left: auto; width: auto !important; z-index: 999; margin-top: 0; } #about-category .nav-top li a:hover .burger span { background: #dc6060; transition: all 0.2s ease-in-out 0s; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ:after{ border:none; } #about-category .v74-header .dark-demo-show-menu-button{ border:1px solid rgba(255, 255, 255, 0.2); } .new-resources-hosted { margin-left:0; } .new-resources-hosted h3 { font: 900 14px Arial,sans-serif; color: #1f1816; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .new-resources-hosted ul, .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .new-resources-hosted li { margin: 0; padding: 0; background: none; } .new-resources-hosted ul { margin-bottom: 20px !important; } .new-resources-hosted ul li { margin-bottom: 5px !important; float:left; clear:left; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .new-resources-hosted a { font: 100 11px/14px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; text-decoration: underline; color:#4195ae !important; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .new-resources-hosted a:hover { text-decoration: none; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .leftSub { padding: 10px 0 3px; position: absolute; top: 43px; right: 3px; width: auto; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 2px; display: none; opacity: 0; visibility: hidden; background: #1a2e34; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu li:hover .leftSub { display: block; opacity: 1; visibility: visible; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .leftSub a { display: block; min-width: 140px; padding: 5px 10px !important; text-align: right; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #ccc; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .leftSub a:hover { color: #dc6060; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.dropdown-leftSub:after { content: ''; position: absolute; top: 18px; right: 10px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.dropdown-leftSub { border: 1px solid rgba(255, 255, 255, 0); border-radius: 2px 2px 0 0; height: 26px; padding: 8px 25px 8px 10px!important; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li:hover a.dropdown-leftSub { border: 1px solid rgba(255, 255, 255, 0.2); } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li:last-child { margin-right: 20px; } /* --- Design Elements --- */ .version7-container ul, .version7-container ul li { padding:0; margin:0; } .version7-container ul li { background:#FFFFFF url(/img/li-square.gif) no-repeat scroll left 5px; line-height:15px; } .version7-container h1, h1.bold-normal { font: 100 24px "Source Sans Pro",sans-serif; color:#1f1816; margin-top:20px; margin-bottom:15px; } .version7-container h1 b, h1.bold-normal b { font:900 24px "Source Sans Pro",sans-serif; color:#1f1816; margin-top:20px; margin-bottom:15px; } .version7-container h2.level2-subtitle { font:100 19px "Source Sans Pro",sans-serif !important; color:#2b2b2b; margin-bottom:20px !important; } .version7-container h2.level2-subtitle b { font:900 19px "Source Sans Pro",sans-serif !important; color:#2b2b2b; margin-bottom:20px !important; } .version7-container .key-feature-list li { list-style:none; background:none !important; font:900 12px "Source Sans Pro",sans-serif !important; color:#1c1716; } .version7-container .product-description { font:100 12px "Source Sans Pro",sans-serif; color:#555; line-height:16px; padding-top:10px; } /* For the introductory text (new style) */ .version7-container .new-product-description { font: 100 22px/25px "Source Sans Pro",sans-serif; color: #838383; } .version7-container .green-highlight { color:#628a17; } .version7-container .product-features li { background:none; list-style:none; } .version7-container .product-features li span { color:#fff; font:100 12px "Source Sans Pro",sans-serif; background:#292523; line-height:17px; height:17px; padding:1px 5px !important; } .version7-container .screenshot-box-left { float: left; width: 150px; height: 100px; margin-right: 10px; } .version7-container .screenshot-box-right { float: right; width: 150px; height: 100px; margin-left: 10px; } /* === File Input Styling Hack === */ div.fileinputs { position: relative; } div.fakefile { position: absolute; top: 0px; left: 140px; z-index: 1; } div.fakefile input { width: 390px; margin-right: 10px; } input.file { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } /* === New Downloads Page === */ .downloads-container .right-top-link { float:right; margin-right:15px; } .downloads-container .right-top-link a { text-decoration:underline; } .downloads-container .right-top-link a:hover { text-decoration:none; } .downloads-container h2 { font:300 26px/22px "Titillium Web",sans-serif !important; border-bottom:1px solid #eee; margin-top:0 !important; color:#4fa2b8; padding-bottom: 8px; margin-top: 10px; padding-top:10px; } .downloads-container h3 { font:900 11px 'Tahoma','Arial','sans-serif'; line-height:22px; margin-top:15px; } .downloads-container p.pre-description { margin: 10px 0; } .downloads-container label { margin-top: 8px; float: right; width: 80px; font: 900 13px 'Arial','sans-serif'; text-align: center; } .downloads-container ul.built-in li { line-height: 18px; border-bottom: 1px solid #e5e4e3; color: #494544; } .downloads-container ul.on-demand li { line-height: 18px; border-bottom: 1px solid #e5e4e3; color: #494544; } .downloads-table { width: 100%; margin: 55px auto 25px; } .private-area .downloads-container { margin-top: 20px; } .private-area .downloads-table { width: 100%; margin: 0px auto 25px; } .downloads-table .downloads-kit-name { font-family: "Source Sans Pro",sans-serif !important; font-weight: 200; font-size: 24px !important; line-height: 29px !important; color: #4c8ea6 !important; text-decoration: none !important; outline: none; } .downloads-table .downloads-kit-description { width: 500px; padding-bottom: 2px; font-family: "Source Sans Pro",sans-serif; font-size: 14px !important; font-weight: 400; line-height: 19px !important; color: #666; opacity: 0.7; } html.dark .downloads-table .downloads-kit-description { color: rgba(255, 255, 255, .65); } #ta-cont { max-width: 960px; margin: 20px auto 0; } #dlinks, .downloads-table .dclass { padding: 5px; font-family: "Source Sans Pro",sans-serif; font-size: 14px !important; font-weight: 400; color: #757e80; line-height: 19px !important; border: 1px solid #ebebeb; border-radius: 2px; } .downloads-container tr.hovered { cursor:pointer; color:#999999; } .downloads-container tr.hovered td, html.dark .downloads-container tr.hovered td { background:rgba(79, 155, 181, .1); border-top:1px solid rgba(79, 155, 181, .2); } .downloads-container tr.hovered a { text-decoration:none; } .buy-container tr.active { background-color:#fff; cursor:default; } .downloads-container td { padding: 20px 5px; vertical-align: middle; border-bottom: 1px solid rgba(79, 155, 181, .2); border-top: 1px solid #fff; border-collapse: collapse; } html.dark .downloads-container td { border-top-color: #0d1021; } .downloads-container tr.hovered:first-child td, html.dark .downloads-container tr.hovered:first-child td { border-top: 1px solid rgba(79, 155, 181, .2); border-radius: 0px; } .downloads-container tr:first-child td { border-top: 1px solid #fff; } html.dark .downloads-container tr:first-child td { border-top-color: #0d1021; } .downloads-container .hovered td:first-child, html.dark .downloads-container .hovered td:first-child { border-left: 1px solid rgba(79, 155, 181, .2); border-top: 1px solid rgba(79, 155, 181, .2); border-radius: 3px 0px 0px 3px!important; } .downloads-container .hovered td:last-child, html.dark .downloads-container .hovered td:last-child { border-right: 1px solid rgba(79, 155, 181, .2); border-top: 1px solid rgba(79, 155, 181, .2); border-radius: 0 3px 3px 0!important; } .downloads-container td:first-child { border-left: 1px solid #fff; border-radius: 3px 0 0 3px; } html.dark .downloads-container td:first-child { border-left-color: #0d1021; } .downloads-container td:last-child { border-right: 1px solid #fff; border-radius: 0 3px 3px 0; } html.dark .downloads-container td:last-child { border-right-color: #0d1021; } .downloads-container .no-bottom-border td { border: 0; } .downloads-container td.download-now a, div.jobs-listing a { background:url(/images/74-layout/button-download.gif) center 0px no-repeat; padding:2px 0 2px; color:#555 !important; display:block; text-align:center; font-size: 10px; text-decoration:none !important; } .downloads-container td.download-now a:hover, .downloads-container td.download-now a.hovex, div.jobs-listing a:hover { background-position:center -20px; color:#fff !important; text-decoration:none; } .request-platform{ color:#666666; font-family:"Source Sans Pro",sans-serif; font-size:16px; font-weight:200; line-height:19px !important; text-align:center; } .request-platform a{ color:#4c8ea6; font-size:16px; font-weight:200; display:block; margin-bottom: 40px; } /* Downloads tabs */ .downloads-tab-menu ul{ position: absolute; top: 240px; width: auto !important; display: table; margin: 0 auto; } .downloads-tab-menu ul li { display: inline-block; width: auto; padding: 0 3px; background:none;} .downloads-tab-menu ul li a{ position: relative; display: table-cell; margin: 0 3px; height: 28px; padding: 3px 20px !important; border: 1px solid #49626b; border-radius: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-transform: uppercase; line-height: 14px; text-align: center; vertical-align: middle; } .downloads-tab-menu ul li a span { padding: 0; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; color: #dadfe1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } .downloads-tab-menu ul li.ui-tabs-active a span{ color: #294751; } .downloads-tab-menu ul li.ui-tabs-active a{ background: #fff; border: 1px solid #fff; } /* ---- Related Links Menu ---- */ .new-simple-bullet { padding-left:20px !important; } .new-simple-bullet li { background:none !important; } .new-simple-numbers { padding-left:30px; margin:0 !important; } .new-simple-numbers img { border:1px solid #aaa; margin-right:5px; margin-top:10px; margin-bottom:15px; } .increased-spacing { margin-top:30px !important; margin-bottom:10px !important; } .partners-banners { padding-left:10px !important; } .partners-banners li { list-style:none !important; background:none !important; padding:2px 0 !important; } .partners-banners li input { vertical-align:text-bottom; } .webmail-demo-read-more { display:block; margin-top:5px; background:url(/images/webmail-demo-readmore-icon.gif) 0 1px no-repeat; padding-left:7px; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,sans-serif; font-size:11px; } .regular-blue-dots { color: #049DE5; background: url('/img/link_dots_blue.gif') repeat-x left bottom; text-decoration: none !important; } .regular-blue-dots:hover { background: none; } .a-logo { background: url('/img/new/a-logo-white-fill.svg') no-repeat center center; background-size: 100% 100%; } .v74-container .bolder { font-weight:900; } /* ----------------------------------------------------------- ** 2015 Styles ** The section below overrides the above v7 declarations ** -------------------------------------------------------- */ body { overflow-x: hidden; } .button-big-rounded { display: table-cell; margin: 10px 0 0 10px; min-width: 100px; height: 54px; padding: 3px 20px; box-sizing: content-box; background: #000; border-radius: 30px; color: #fff; line-height: 56px; font-size: 17px; font-weight: 600; text-transform: uppercase; text-align: center; vertical-align: middle; } .button-rounded { margin: 10px 0 0 10px; min-width: 100px; padding: 0 40px; background: #000; border-radius: 30px; color: #fff; font-size: 17px; font-weight: 600; text-transform: uppercase; text-align: center; vertical-align: middle; } .v74-header-padding { transition: all 0.2s ease-out; } a.top-logo { float: none; transition: all 0.2s ease-out; overflow: visible; height:38px; } ul.dark-demo-menu + #siteWrapper a.top-logo { position: absolute; left: 10px; top: 15px; width: 160px; height: 40px; background:url(/img/2015/axigen-logo-2015.svg) top left no-repeat; background-size: 150px 36px; } ul.dark-demo-menu.hidden + #siteWrapper a.top-logo { background:url(/img/2015/axigen-logo-2015.svg) top -20px no-repeat; position: absolute; top: 15px; left: 10px; margin-left: 0; width: 160px; height: 40px; background-size: 150px 36px; } ul.dark-demo-menu.hidden + #siteWrapper a.top-logo:hover { opacity: 1; } /* Drawer Menu */ ul.dark-demo-menu.hidden { z-index: -1; } ul.dark-demo-menu { position: fixed; top: 75px; right: 0; bottom: 0; width: 100%; height: 255px; display: table; padding: 30px 0; background: #1c343c; border: none; box-sizing: border-box; border-top: 1px solid rgba(47, 82, 93, .35); border-bottom: 1px solid rgba(47, 82, 93, .45); z-index: 1000; } .menu-container-wrap { max-width: 1330px; margin: 0 auto; } ul.dark-demo-menu + #siteWrapper p.logo-subtitle { position: absolute; top: -5px; font-size: 28px; font-weight: 200; margin: 26px 0; color: #fff; transition: left 0.2s ease-out, opacity 0.2s ease-out; } ul.dark-demo-menu.hidden + #siteWrapper p.logo-subtitle { left: 68px; } ul.dark-demo-menu:not(.hidden) + #siteWrapper p.logo-subtitle { left: 288px; opacity: .5; } ul.dark-demo-menu.hidden { visibility: visible; opacity: 0;} .noDisplay { display: none; } .dark-demo-menu.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { opacity: 0; } .dark-demo-menu.mCustomScrollbar:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; opacity: .2; } .dark-demo-menu.mCustomScrollbar:hover .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { width: 6px; opacity: .3; } .dark-demo-menu.mCustomScrollbar:hover .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { width: 6px; opacity: .3; } ul.dark-demo-menu li ul { padding: 0 1px 8px;} ul.dark-demo-menu + #siteWrapper .v74-header { background: #1c343c; } ul.dark-demo-menu.hidden + #siteWrapper .v74-header { background: none; } ul.dark-demo-menu:not(.hidden):after { content: ''; display: block; position: absolute; top: 254px; height: 100vh; width: 100%; background: #1c343c; opacity: 0.4;} /* Header */ .homepage-2014-header h2 { font: 100 18px/20px Arial, sans-serif; width: 500px; text-align: center; color: #999; margin-left: auto; margin-right: auto; } .homepage-2014-demos { width: 100%; height: 205px; margin: 0 auto; position: absolute; bottom: 0; text-align: center; } .homepage-2014-demos div { width: 33.33333333%; float: left; } .homepage-2014-demos div a { height: 160px; padding-top: 45px; display: block; text-align: center; text-decoration: none; outline: none; cursor: pointer; } .homepage-2014-demos div.wm a { background: #55c6b9; border-right: 1px solid #1a2e34; } .homepage-2014-demos div.wa a { background: #498aa1; border-right: 1px solid #1a2e34; } .homepage-2014-demos div.t a { background: #4a8ab7; } .v74-header-padding { text-align: left; } .v74-header .top-logo { float: left; display: inline-block; width: 186px; } .v74-header .dark-demo-hide-menu-button { display: none; } .v74-header .dark-demo-hide-menu-button, .v74-header .dark-demo-show-menu-button { border: 1px solid #2f525d; border-radius: 2px; } /* new version dark_demo_buttons_201410 */ .homepage-default-dark-header .v74-grey-top { background: #1a2e34 url('/img/2015/header-bg.png') center top; margin-bottom: 50px; } .homepage-default-dark-header .homepage-2014-10-header-container { position:relative; margin-bottom:0px; margin-top:50px; overflow:hidden; } .homepage-default-dark-header .v74-demos-container { width: 100%; } .homepage-default-dark-header .v74-demos-links { left: 0; bottom: 0; width: 100%; margin-left: auto; margin-right: auto; } .homepage-default-dark-header .v74-demos-links a { height: 180px; margin-top: 0; } .homepage-default-dark-header.lp-retargeting .v74-demos-links a { margin-top: -60px; } .homepage-default-dark-header .v74-demos-links a div.vspacer { float: right; height: 215px; width: 1px; background:#e6e6e6; margin-top:-35px; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webmail { width: 33.33333333%; background: #55c6b9; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webadmin { width: 33.33333333%; background: #4c8ea6; } .homepage-default-dark-header .homepage-76-header { background: url(/img/2014/homepage-header-ab-test.svg) center top no-repeat; } .homepage-default-dark-header .v74-demos-links a h3, .colored-demo-links.v74-demos-links a h3 { font: 24px/20px 'Titillium Web', light, Arial, sans-serif; color: #fff; margin: 26px 0 7px 0; } .homepage-default-dark-header .v74-demos-links a span, .colored-demo-links.v74-demos-links a span { display: block; color: #fff; } .homepage-default-dark-header .v74-demos-links a span.but { border: 1px solid #fff; padding: 8px 30px; border-radius: 30px; width: 65px; margin: 20px auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; font-family: 'Source Sans Pro',semibold; } .phpab-control .v74-demos-links a span.but:hover { border: 1px solid #fff; background: #fff; color: #367287; } .homepage-default-dark-header .nav-dark{ list-style-type:none; float:right; } .homepage-default-dark-header .nav-dark li{ float:left; } .homepage-default-dark-header .nav-dark li a{ display:block; } .homepage-default-dark-header .v74-demos-container { width: 100%; } .homepage-default-dark-header .v74-demos-links, .colored-demo-links { left: 0; bottom: 0; width: 100%; margin-left: auto; margin-right: auto; } .homepage-default-dark-header .v74-demos-links a { height: 180px; } .homepage-default-dark-header .v74-demos-links a div.vspacer { float: right; height: 215px; width: 1px; background:#1c3a42; margin-top:-35px; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webmail, .colored-demo-links a.v74-demos-webmail { width: 33.33333333%; background: #55c6b9; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webadmin, .colored-demo-links a.v74-demos-webadmin { width: 33.33333333%; background: #4c8ea6; } .homepage-default-dark-header .v74-demos-links a.v74-demos-download, .colored-demo-links a.v74-demos-download { width: 33.33333333%; background: #dc6060!important; } .homepage-default-dark-header .v74-grey-top h1 { position: relative; margin-top: 150px; width: auto; text-align: center; font-family: 'Titillium Web' !important; color: #fff; font-size: 3.65em; line-height: 62px; transition: opacity 1s linear; } .homepage-header-with-people-2016.homepage-default-dark-header .v74-grey-top h1 { margin-top: calc(50vh - 230px); } .homepage-default-dark-header.homepage-header-with-people-2016.lp-retargeting .v74-grey-top h1 { margin-top: calc(50vh - 230px); } .lp-media-home .v74-grey-top h1 { margin-top: 0; top: 150px; } .homepage-default-dark-header.homepage-header-with-people-2016 .v74-grey-top h1 span { margin-top: calc(50vh - 230px); width: auto; font-size: 3.65em; transition: opacity 1s linear; position: relative; } .homepage-default-dark-header .v74-grey-top h1 span { font-size: inherit; font-family: 'Titillium Web' !important; font-weight: 100!important; bottom: 0; left: 0; transition: opacity 1s linear; position: relative; } .homepage-default-dark-header .v74-grey-top span.banner-subtitle span, .homepage-default-dark-header .v74-grey-top span.banner-subtitle { text-align: center; font-family: "Source Sans Pro", light; color: #fff; font-size: 24px; line-height: 26px; font-weight: lighter; opacity: .7; bottom: 0; left: 0; transition: opacity 1s linear; position: relative; } .lp-media-home .v74-grey-top span.banner-subtitle { top: 160px; font-size: 24px !important; } .homepage-default-dark-header .v74-grey-top span.banner-subtitle { font-size: 2em; } .homepage-default-dark-header .homepage-76-header { background: url(/img/2014/header-img.svg) center top no-repeat; height:43vh; width: auto; } .homepage-default-dark-header .v74-demos-links a span { display: block; color: #fff; } .homepage-default-dark-header .v74-demos-links a span.but, .colored-demo-links a span.but { border: 1px solid #fff; padding: 8px 30px; border-radius: 30px; width: 75px; margin: 20px auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; font-family: 'Source Sans Pro',semibold; } .homepage-default-dark-header .v74-demos-links a span.but:hover { border: 1px solid #fff; background: #fff; color: #367287; } .nav-top { position: absolute; display: inline-block; margin: 14px 0; list-style: outside none none; padding-left: 0; right: 30px; } ul.dark-demo-menu + #siteWrapper .nav-top { position: fixed; right: 112px; } ul.dark-demo-menu.hidden + #siteWrapper .nav-top { position: absolute; right: 30px; } .nav-top li { display: block; position: relative; float:left; border: 1px solid transparent; } .nav-top li.but-buy { margin-right: 10px; } .nav-top li a { text-transform: uppercase; padding: 12px 15px; line-height: 20px; display: block; color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; font-family: 'Source Sans Pro',sans-serif; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } .nav-top li a.none { display: none; } .nav-top li a:hover, .nav-top > li > a:focus { color: #dc6060; } .nav-top li a .burger { position: relative; top: 1px; display: inline-block; margin-right: 1px; width: 13px; cursor: pointer; } .nav-top li a .burger > span { display: block; height: 2px; margin-bottom: 1px; background: #fff; } .nav-top li a .burger > span.burger-4 { margin-bottom: 0; } .nav-top li a:hover .burger span { background: #dc6060; } .homepage-default-dark-header .dark-demo-hotline { background: none; color: #8c9ba1; font-family: 'Source Sans Pro',sans-serif; font-size: 13px; font-weight: 600; top: 28px; left: 640px; padding: 0px; margin: 0; position: absolute; text-decoration: none !important; } @font-face { font-family: 'Glyphicons Halflings'; src: url('/fonts/glyphicons-halflings-regular.eot'); src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-earphone:before { content: "\e182"; } * { font: 14px/18px "Source Sans Pro", sans-serif; font-weight: 400; } a { text-decoration: none !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } a:hover { opacity: .7; } ul.v74-menu-container { margin-top: 0; } ul.v74-menu-container .close { position: absolute; right: 30px; top: -61px; width: 40px; height: 20px; box-sizing: content-box; cursor: pointer; border: 1px solid rgba(255, 255, 255, .2); text-transform: uppercase; padding: 12px 12px 12px 28px; line-height: 20px; display: block; color: #fff; font-size: 13px; font-weight: 600; border-radius: 2px; z-index: 101; } ul.v74-menu-container .close::before { position: absolute; top: 21px; left: 11px; display: inline-block; width: 15px; height: 1px; background: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } ul.v74-menu-container .close::after { position: absolute; top: 21px; left: 11px; display: inline-block; width: 15px; height: 1px; background: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } ul.v74-menu-container .close:hover { color: #49889f; } ul.v74-menu-container .close:hover:after, ul.v74-menu-container .close:hover:before { background: #49889f; } ul.v74-menu-container li { text-align: left; width: calc(14% - 20px); margin: 0 10px; } ul.v74-menu-container li:first-of-type { margin-left: calc(2% + 20px); } ul.v74-menu-container li:last-of-type { margin-right: 0; } ul.v74-menu-container li > a.main-navigation, ul.v74-menu-container li > a.main-navigation:link, ul.v74-menu-container li > a.main-navigation:visited { width: 100%; height: auto; text-transform: uppercase; padding: 0 0 20px; line-height: 20px; display: block; color: #fff; font-family: 'Titillium Web',sans-serif; font-size: 18px; font-weight: 300; transition: all 0.2s ease-in-out 0s; text-decoration: none; } ul.v74-menu-container li > a.main-navigation:hover { color: #4c8ea6; } .product-top-headings h2 a { color: #000 !important; font: 24px/20px 'Titillium Web', Arial, sans-serif !important; transition: all 0.2s ease-in-out; } html.dark .product-top-headings h2 a { color: #fff !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings h2 a:hover { color: #4c8ea6 !important; opacity: 1; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings h2 a:hover span { color: #4c8ea6 !important; } .new-wrapper { width: 100%; } .axi-2015-header-container { height: 320px; box-sizing: content-box; background: #1a2e34 url('/img/2015/header-bg.png') center top; } .full-header .axi-2015-header-container { height: calc(100vh - 5px); } .small-header .axi-2015-header-container { height: 220px;} .axi-2015-header-container .new-header-pic { margin-top: 0; height: auto; text-align: center; } body.top-right-context-menu .axi-2015-header-container .new-header-pic { top: 120px; } body:not(.top-right-context-menu) .axi-2015-header-container .new-header-pic { top: 100px; } .full-header .axi-2015-header-container .new-header-pic { top: calc(50% - 70px); margin-top: -30px; } .small-header .axi-2015-header-container .new-header-pic, .axi-2015-header-container .new-business-header { position: absolute; left: 0; right: 0; margin-top: 0; } body.small-header .axi-2015-header-container .new-header-pic { top: 80px; padding: 0 10px; box-sizing: border-box; } body.small-header.lp-retargeting .axi-2015-header-container .new-header-pic { top: 80px; } body.small-header.top-right-context-menu .axi-2015-header-container .new-header-pic { top: 80px; } @media only screen and (min-device-width: 320px) and (max-device-width: 768px) { body.small-header.top-right-context-menu .axi-2015-header-container .new-header-pic { top: 130px; } } .axi-2015-header-container .new-business-header, .axi-2015-header-container .new-isp-header, .axi-2015-header-container .new-isph-header, .axi-2015-header-container .new-free-header, .axi-2015-header-container .new-about-us-header, .axi-2015-header-container .new-partners-header, .axi-2015-header-container .new-support-header, .axi-2015-header-container .new-download-header { background: none !important; } .axi-2015-header-container .v74-header-banner h1 { position: static; margin: 0; font-family: 'Titillium Web' !important; color: #fff; font-size: 40px; margin-top: 0px; line-height: 50px; font-weight: 200; } .small-header .axi-2015-header-container .v74-header-banner h1 { margin-top: -30px !important; line-height: 62px !important; } .small-header .axi-2015-header-container .v74-header-banner h1.smaller-font-size { font-size: 28px; line-height: 32px !important; margin-top: 0; } .small-header .axi-2015-header-container .v74-header-banner h1.two-lines { font-size: 28px; line-height: 32px !important; margin-top: -16px; } .medium-header .axi-2015-header-container .v74-header-banner h1 { position: relative; top: 20px; } .medium-header .axi-2015-header-container .v74-header-banner h1.smaller-font-size { top: 20px; font-size: 30px; line-height: 38px !important; } .medium-header .axi-2015-header-container .v74-header-banner h1.two-lines { top: 0; font-size: 30px; line-height: 38px !important; } .medium-header .axi-2015-header-container .v74-header-banner h1.three-lines { top: -19px; font-size: 30px; line-height: 38px !important; } .full-header .axi-2015-header-container .v74-header-banner h1 { margin-top: 30px; font-size: 48px; } .axi-2015-header-container .v74-header-banner h3 { position: static; margin: 12px 0 0; font-family: "Source Sans Pro", light; color: #8c9ba1; font-size: 26px; line-height: 32px; font-weight: lighter; text-transform: none; line-height: normal; } .full-header .axi-2015-header-container .v74-header-banner h3 { margin-top: -100px; font-size: 26px; color: #fff; opacity: .7; font-weight: 200; } .three-colors { background: #1a2e34; height: 4px; padding: 1px 0; } .three-colors div { width: 33.33333333%; height: 4px; float: left; } .three-colors div:nth-child(1) { background: #55c6b9; border-right: 1px solid #1a2e34; box-sizing: border-box; } .three-colors div:nth-child(2) { background: #559eb9; border-right: 1px solid #1a2e34; box-sizing: border-box; } .three-colors div:nth-child(3) { background: #dc6060; } /* Legacy left vertical menu: transform to horizontal menu */ #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner { float: none; margin: 0 auto; width: 960px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { position: absolute; top: 240px; left: 0; width: 100% !important; } .small-header:not(.top-right-context-menu) #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { top: 140px; position: absolute;} #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul { display: table; margin: 0 auto; padding:0; list-style-type: none; /*max-width: 960px;*/ } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li { display: inline-block; width: auto; padding: 0 3px; position: relative;} .tabs-link { display: block; width: auto; padding: 0 3px; margin:10px;} #tabs .ui-tabs-nav { width: 150px; float: left;} #tabs .ui-tabs-panel { width: 750px; float: right; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a, .tabs-link a { position: relative; display: table-cell; margin: 0 3px; height: 28px; padding: 3px 20px !important; border: 1px solid rgba(85, 180, 185, .3); border-radius: 18px; box-sizing: content-box; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-transform: uppercase; line-height: 14px; text-align: center; vertical-align: middle; } .tabs-link a { outline: none; } .ui-tabs-active a { background: none repeat scroll 0 0 #4c8ea6; color: #fff !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a span, .tabs-link a span { padding: 0; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 13px; color: #4c8ea6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a:hover { opacity: 1; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a:hover span { color: rgba(255, 255, 255, .7); } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li div.activ { position: relative; display: table-cell; margin: 0 3px; height: 28px; padding: 3px 20px !important; border: 1px solid #fff; border-radius: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-transform: uppercase; line-height: 14px; text-align: center; vertical-align: middle; background: #fff !important; font-size: 13px; color: #4c8ea6; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.activ { cursor: pointer; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ:hover, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ:hover span { color: #4c8ea6; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ::after { position: absolute; bottom: -8px; left: 50%; margin-left: -7px; width: 0; border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; content: ""; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content { width: 100% !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner { margin-top: 10px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container { padding: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-description, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-description b { font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: left; font-size: 22px; color: #666; line-height: 1.2em; } html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-description, html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-description b { color: rgba(255, 255, 255, .65); } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-description:only-child { text-align: center; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-big-blue, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-blue, .downloads-container td.download-now a{ display: table-cell; margin: 10px 0 0 10px; min-width: 100px; height: 34px; padding: 3px 20px; box-sizing: content-box; background: #4c8ea6; border-radius: 20px; line-height: 36px; text-align: center; vertical-align: middle; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-big-blue span, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-blue span { float: none; height: auto; padding: 0; background: none; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; line-height: normal; text-transform: uppercase; } .downloads-container td.download-now a{ font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; line-height: normal; text-transform: uppercase; color: #fff!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .diagram-showcase { width: 722px; margin: 30px auto; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .first-col { float: left; display: inline-block; width: 450px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .last-col { float: right; display: inline-block; width: 450px; } #mainPart-inner #content #cPartner h2, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2 a { font: 300 26px/22px 'Titillium Web', sans-serif !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .inner-pages-listing h2 { font:400 14px/18px "Source Sans Pro", sans-serif !important; border: none; background: none; color: #707070; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .no-icon h2 { background: none; } #mainPart-inner #content #cPartner h3, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .cta-demos-description h3 { font: 300 22px/24px "Source Sans Pro", sans-serif !important; margin: 24px 0 12px; color: #000; } html.dark #mainPart-inner #content #cPartner h3, html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3, html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a, html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .cta-demos-description h3 { color: #fff; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a:hover { text-decoration: none !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .foot-notes p a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .version7-container .product-description a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .cta-demos-description a { font-family: "Source Sans Pro", sans-serif !important; font-size: 13px; font-weight: 400; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content li { line-height: 20px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content li a { font-family: "Source Sans Pro", sans-serif !important; font-size: 14px; font-weight: 400; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p br + a { display: inline-block; margin-top: 10px; text-transform: uppercase; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .last-col-special { float: right; display: inline-block; margin-top: 0; width: 450px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-silver { float: none; display: table-cell; margin: 10px 0 0 10px; min-width: 100px; height: 28px; padding: 3px 20px; box-sizing: content-box; background: none; border: 1px solid #4c8ea6; border-radius: 20px; line-height: 28px; text-align: center; vertical-align: middle; transition: all 0.2s ease-in-out; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-silver span { float: none; height: auto; padding: 0; background: none; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 13px; line-height: normal; text-transform: uppercase; color: #4c8ea6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a { /* background: none; */ } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.no-text { min-width: 17px; padding: 3px 10px; outline: none; } #product-kits .downloads-container .downloadForm img { margin-bottom: 5px; opacity: .75; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out false; -o-transition: opacity 0.2s ease-in-out false; transition: opacity 0.2s ease-in-out; } #product-kits .downloads-container .hovered .downloadForm img { opacity: 1; } .product-main-content .leftnav, .product-main-content .rightnav { position: relative; margin-top: -6px; padding: 0; background: none; } .product-main-content .paging-next > .leftnav a::after { position: absolute; top: 3px; right: 6px; width: 0px; border-left: 10px solid #4c8ea6; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; } .product-main-content .paging-prev > .leftnav a::after { position: absolute; top: 3px; left: 6px; width: 0px; border-right: 10px solid #4c8ea6; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; } .product-main-content .paging-next > .leftnav a.padding-top-10::after, .product-main-content .paging-prev > .leftnav a.padding-top-10::after { top: 13px; } .product-main-content .paging-next > .leftnav a.no-text::after { top: 15px; right: 20px; } .product-main-content .paging-prev > .leftnav a.no-text::after { top: 15px; left: 20px; } .product-main-content .paging-next > .leftnav a, .product-main-content .paging-prev > .leftnav a { color: #4c8ea6 !important; font: 400 15px/18px "Source Sans Pro",sans-serif; } .search-container.section-search-container.search-container-right-breadcrumbs { position: relative; margin-top: 24px; float: right; width: 250px; } .search-container.section-search-container input { width: 100%; padding: 10px 15px 10px 10px; font-family: "Source Sans Pro",sans-serif; font-size: 15px; font-weight: 400; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; -webkit-transition: opacity .2s ease-out, padding .2s ease-out; -moz-transition: opacity .2s ease-out, padding .2s ease-out; transition: opacity .2s ease-out, padding .2s ease-out; } html.dark .search-container.section-search-container input { background: transparent; border-color: rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .65); } .search-container.section-search-container input:focus { border: 1px solid #4c8ea6; color: #666; outline: none; padding-left: 10px; } html.dark .search-container.section-search-container input:focus { border-color: #4c8ea6; color: rgba(255, 255, 255, .65); } .search-container.section-search-container button { position: absolute; top: 2px; right: 2px; float: none; width: 35px; height: 40px; border: none; background: transparent; cursor: pointer; outline: none; z-index: 2; } .search-container.section-search-container::after { position: absolute; top: 12px; right: 12px; font-family: 'Glyphicons Halflings'; content: "\e003"; color: #4c8ea6; z-index: 1; } .search-page-form { border: none; } .search-page-form form { position: relative; margin: 0 !important; border: none; } .search-page-form form .search-page-input { width: 100%; padding: 10px 35px 10px 5px; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-weight: 400; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; text-align: center; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .search-page-form form .search-page-input:focus { border: 1px solid #4c8ea6; color: #4c8ea6; outline: none; } .search-page-form form .search-page-input::-webkit-input-placeholder { color: #757e80; } .search-page-form form .search-page-input::-moz-placeholder { color: #757e80; } .search-page-form form .search-page-input:-ms-input-placeholder { color: #757e80; } .search-page-form form .search-page-input:focus::-webkit-input-placeholder { color: rgba(117, 126, 128, .5); } .search-page-form form .search-page-input:focus::-moz-placeholder { color: rgba(117, 126, 128, .5); } .search-page-form form .search-page-input:focus:-ms-input-placeholder { color: rgba(117, 126, 128, .5); } .search-page-form form::after { position: absolute; top: 12px; right: 12px; font-family: 'Glyphicons Halflings'; content: "\e003"; color: #4c8ea6; z-index: 1; } .search-page-image { position: absolute; top: 2px; right: 2px; float: none; width: 35px; height: 40px; border: none; background: transparent; cursor: pointer; outline: none; z-index: 2; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-silver:hover { background: #4c8ea6; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-silver:hover span { color: #fff; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 small.add-on { background: none !important; color: #757e80 !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content span.new { position: relative; left: 4px; bottom: 1px; display: inline-block; padding: 0 4px; background: #dc6060; border-radius: 2px; font-size: 11px; color: #fff; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content span.updated { position: relative; left: 4px; bottom: 1px; display: inline-block; padding: 0 4px; background: #e5ac00; border-radius: 2px; font-size: 11px; color: #fff; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content span.new.top-right-triangle { position: absolute; top: 0; left: auto; bottom: auto; right: 0; display: block; width: 0; height: 0; padding: 0; background: none; border-top: 50px solid transparent; border-left: 50px solid transparent; border-top-color: #dc6060; border-radius: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content span.new.top-right-triangle span { position: absolute; right: -3px; top: -43px; width: 40px; height: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; text-align: center; color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon { background: none !important; color: #000 !important; font: 24px/20px 'Titillium Web', sans-serif; } html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon { color: #fff !important; } html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon:hover { color: #4c8ea6 !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon span, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content p.small-print-note { margin: 5px 0 2px 0; font: 400 13px/16px "Source Sans Pro", sans-serif; color: #757e80; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon a:hover { color:#4c8ea6 !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings h2.column-title { font: 300 22px "Source Sans Pro",sans-serif !important; color: #4fa2b8; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings.tab-bg1, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .tab-bg2 { background: none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs h2 { margin-top: 0; margin-bottom: 40px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs a { height: auto; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li { width: 31%; margin-right: 3%; position:relative;} #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li:last-child { margin-right: 0; } /* Two tabs */ #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li:first-child:nth-last-child(2), #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li:nth-child(2):last-child { width: 50%; margin: 0; } /* Four tabs */ #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li:nth-child(1):nth-last-child(4), #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li:nth-child(2):nth-last-child(3), #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li:nth-child(3):nth-last-child(2), #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li:nth-child(4):nth-last-child(1) { width: 25%; margin: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab a { color: #4fa2b8 !important; border-bottom: 1px solid #eee; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab::after, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab::before { top: 138%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab::after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 15px; margin-left: -15px; } html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab::after { border-top-color: #0d1021; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab::before { border-color: rgba(235, 235, 235, 0); border-top-color: #ebebeb; border-width: 16px; margin-left: -16px; } html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab::before { border-top-color: rgba(255, 255, 255, .1); } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .dotted-title { font: 300 26px/22px 'Titillium Web', sans-serif !important; color: #4fa2b8; padding-bottom: 4px !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .estimated-date { color: #757e80; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .center-partners{ display:block; margin: 0 auto; } #mainPart-inner #content table.round-table { border: 1px solid #dbdde1; border-top: none; } html.dark #mainPart-inner #content table.round-table { border-color: rgba(255, 255, 255, .15); } #mainPart-inner #content #aFeatures-panel .productFeaturesTitle h3, #mainPart-inner #content #aPlatforms-panel .productFeaturesTitle h3, #mainPart-inner #content #aUpcoming-panel .productFeaturesTitle h3 { padding-bottom: 10px; border: none; color: #000 !important; } #mainPart-inner #content .productFeaturesTitle + table.round-table { border-top: 1px solid #eee; border-radius: 3px 3px 0 0; } #mainPart-inner #content table.round-table.last { border-bottom: 2px solid #eee; border-radius: 0 0 3px 3px; } #continents, #countries{ border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; background: #fff url(/img/2015/arrow-down.png) top 21px right 20px no-repeat; font-family: "Source Sans Pro"; font-size: 14px; height: 49.6px; width:460px; margin: 0 0 1em; outline: none; cursor: pointer; padding: 1em; resize: none; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #757e80; background-size: 12px 8px; } #continents:disabled, #countries:disabled { opacity: .4; } #countries:focus, #continents:focus{ border: 1px solid rgba(76, 142, 166, .7); color: #4c8ea6; } .x-ie11 select:-ms-expand { display: none; } .striked-title{ font: 300 26px/22px "Titillium Web",sans-serif !important; border-bottom: 1px solid #eee; color: #4fa2b8; padding-bottom: 8px; padding-top: 10px; } .display_partner h3{ color: #000; font: 300 22px/24px "Source Sans Pro",sans-serif; } /* LP - lp-media-home */ .grey-bg .section-solution { background:none; } .features-overview{ background:#fff; border-top:solid 1px #ccc; height:500px; } .features-overview h4, .features-overview-homepage h2{ padding-top:40px; font-family: 'Titillium Web', sans-serif; font-weight: 200; text-align: center; font-size:36px; line-height:40px; color:#000; margin:0; } .features-overview p{ color:#58646a; font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: center; font-size: 20px; line-height:1.4em; width:80%; max-width:460px; margin:20px auto; } .features-first-row{ padding: 40px 0 60px 0; } .features-second-row{ padding:0 0 90px 0; } .all-features { text-align: center; } .features-overview-homepage { position: relative; z-index: 2; } .color-remote, .color-email, .color-support, .color-availability, .color-security, .color-calendaring{ width:80px; height:80px; border-radius:50px; display:inline-block; position:relative; } .color-remote{ background:#4fb8ad; } .color-support{ background:#d890ad; } .color-availability{ background:#e38080; } .color-security{ background:#fca470; } .color-calendaring{ background:#9aca40; } .color-email{ background:#ffc767; } .features-overview .support{ background:url('/img/2015/lp/support.svg') no-repeat top 55% center; width:80px; height:80px; background-size:32px; display:block; } .features-overview .availability{ background:url('/img/2015/lp/availability.svg') no-repeat center; width:80px; height:80px; background-size:32px 32px; display:block; } .features-overview .security{ background:url('/img/2015/lp/security.svg') no-repeat center; width:80px; height:80px; background-size:32px; display:block; } .features-overview .calendaring{ background:url('/img/2015/lp/calendaring.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; } .features-overview .remote{ background:url('/img/2015/lp/remote.svg') no-repeat center; width:80px; height:80px; background-size:32px 32px; display:block; } .features-overview .email{ background:url('/img/2015/lp/email.svg') no-repeat center; width:80px; height:80px; background-size:45px; display:block; } .features-container{ display: inline-block; margin: 0 35px; width:240px; position:relative; } .features-text{ font-family: 'Titillium Web', sans-serif; font-size: 20px; font-weight: 300; text-align: center; color: #000; line-height:36px; } .btn-features a { display: inline-block; } .btn-features-border { background: #ebebeb; height: 1px; } html.dark .btn-features-border { background: rgba(255, 255, 255, .1); } .btn-features { position: relative; width: 180px; background: #fff; margin: 0 auto; padding-left: 20px; top: -20px; } html.dark .btn-features { background: #0d1021; } .screen-demo-wrap{ margin:0 auto; padding-top: 70px; } .screen-demo { width: 100%; clear: both; display: table; background: #fff; border-bottom:solid 1px #ebebeb; padding-top: 100px; } html.dark .screen-demo { background: #0d1021; border-bottom-color: rgba(255, 255, 255, .1); } .screen-demo-wrap-text { display: table-cell; width: 50%; vertical-align: middle; } .screen-demo-wrap-img { position: relative; display: table-cell; width: 50%; vertical-align: middle; overflow: hidden; } .screen-demo-wrap-img.screen-demo-wrap-img-wa { border-radius: 0 3px 0 0; } .screen-demo-wrap-img.screen-demo-wrap-img-wa .right-border { position: absolute; top: 30px; right: 0; width: 1px; height: 100%; background: #ebebeb; } html.dark .screen-demo-wrap-img.screen-demo-wrap-img-wa .right-border { background: rgba(255, 255, 255, .1); } .webclient, .webdemo{ display:block; } .webdemo { background: url(/img/2015/lp/wa.png) top right no-repeat; width: 100%; height: 515px; } .webdemo.webdemo-with-cli { background-image: url(/img/2016/lp/wa-with-cli.png); } .webclient { background: url(/img/2015/lp/wm.png) top left no-repeat; width: 100%; height: 590px; } .webclient.webclient-with-mobile { background-image: url(/img/2016/lp/wm-with-mobile.png); } body.homepage-header-with-people-2016 .screen-demo-wm .webclient, body.homepage-header-with-people-2016 .screen-demo-wa .webdemo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } body.homepage-header-with-people-2016 .buttons-bottom .v74-grey-top { max-height: 150px; } .screen-demo h2 { font-family: 'Titillium Web', sans-serif; font-size: 36px; font-weight: 200; text-align: left; color: #000; line-height:36px; margin-top:0; } .screen-demo-wm .screen-demo-wm-text-container { transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out; } .screen-demo.screen-demo-wm h2 { color: #fff; } .screen-demo p { font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: left; font-size: 20px; color: #58646a; line-height:1.4em; } .screen-demo.screen-demo-wm p { color: #ccc; } .text-demo { width: 100%; max-width: 425px; display: inline-block; vertical-align: top; padding: 70px 0; } .lp-media-home .text-demo { display: table; margin: 0 auto; } .text-demo a { display: inline-block; margin-top: 20px; } .screen-demo .button-container { display: table; margin: 50px auto 0; } .screen-demo a.button-big-blue, .btn-features-container a.button-big-blue { display: table-cell; margin: 10px 0 0 10px; min-width: 100px; height: 34px; padding: 3px 20px; background: #4c8ea6; border-radius: 20px; line-height: 36px; text-align: center; vertical-align: middle; float: none; } .screen-demo a.button-big-blue span, .btn-features-container a.button-big-blue span { float: none; height: auto; padding: 0; background: none; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; line-height: normal; text-transform: uppercase; } .btn-features-container { text-align: center; } /* Media queries small screens for LP Media Home*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .all-features .features-container { margin: 15px 35px; } .features-first-row { padding:10px 0 0 0; } .features-overview { padding-bottom: 10px; border-top: none; } .features-overview h4 { padding: 40px 10px 0 10px; } .features-second-row { padding-bottom:50px; } .colored-demo-links.v74-demos-links a h3 { line-height: 24px; text-align: center; padding: 0 40px; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webmail, .colored-demo-links a.v74-demos-webmail, .homepage-default-dark-header .v74-demos-links a.v74-demos-webadmin, .colored-demo-links a.v74-demos-webadmin { width: 50%; } .axi-font-size-32-important { line-height: 34px; } .webclient, .webdemo { width: 99%; height: 200px; background-size: 155%; border: 1px solid #ebebeb !important; border-radius: 3px; } html.dark .webclient, html.dark .webdemo { border-color: rgba(255, 255, 255, .1) !important; } .first-title .gradient-color-font { line-height: 28px; } .screen-demo{ padding-top:40px; } .text-demo{ padding-top:0px; padding-bottom:40px; } .padding-side-65, .padding-left-80 { padding: 0!important; } .animate-ball, .features-text, .rotate-retargeting{ visibility:visible!important; } .change { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .change .first { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .change .second { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .rotate-retargeting, .fadeInUp, .review-up, .zoomIn, .fadeIn { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } .homepage-default-dark-header .v74-demos-links a.v74-demos-download.retargeting-bottom{ width:100%; cursor: pointer; display: block; float: left; height: 150px; margin-bottom: 25px; outline: medium none; padding-top: 35px; text-align: center; text-decoration: none; } .homepage-default-dark-header .v74-demos-links a.v74-demos-download.retargeting{ width:100%; } .homepage-default-dark-header .v74-demos-links a.v74-demos-download.retargeting:hover{ opacity:1; } /* ----------------------------------------------------------- ** Media queries ** -------------------------------------------------------- */ @media screen and (max-height: 850px) and (min-width: 1024px) { .header-img { position: absolute; margin: 0 auto; bottom: 195px; width: 100%; height: 30vh; background-image: url(/img/2014/header-img.png); background-image: url(/img/2014/header-img.svg); background-position: center top; background-repeat: no-repeat; } } @media screen and (max-height: 1200px) and (min-width: 1024px) { .homepage-default-dark-header .v74-demos-container { position: absolute; bottom: 0; } .homepage-default-dark-header .v74-grey-top { position: relative; height: 100vh; } .homepage-default-dark-header .homepage-2014-10-header-container { position: absolute; bottom: 5px; width: 100%; } } @media screen and (min-height: 768px) and (max-height: 900px) { .homepage-default-dark-header .v74-grey-top h1 { margin-top: 20px; } .homepage-default-dark-header .homepage-76-header { height: 40vh; } } @media screen and (min-height: 200px) and (max-height: 768px) { .homepage-default-dark-header .v74-grey-top h1 { margin-top: 0px; } .homepage-default-dark-header .homepage-76-header { height: 40vh; } } .cta-rounded-contact .button-small-blue{ float:none!important; display:inline-block!important; margin-top:0!important; } /* Website Pages mobile and Ipad Portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 768px) { ul.dark-demo-menu.hidden + #siteWrapper .ribbon-new-version, ul.dark-demo-menu + #siteWrapper .ribbon-new-version { display: none !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .first-col, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .last-col, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .last-col-special, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner, .v74-wrapper .new-header-pic, .large-header-banner{ width:100%; margin:0; } #pageProduct.product-business .v74-container .last-col-special { box-sizing: border-box; } .axi-2015-header-container { min-height: 220px; height: 100% !important; padding-bottom: 50px; } .small-header .axi-2015-header-container { min-height: 160px; height:100%!important; } body.case-studies-details .axi-2015-header-container { height: 562px !important; } .homepage-default-dark-header .v74-grey-top span.banner-subtitle{ padding:0 20px; font-size: 24px; } .v74-container .last-col-special, .v74-container .last-col-special-top, .v74-container .last-col-special2, .v74-container .last-col-special2-top { background:none; padding:0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container, #globalWrapper #column-content { padding: 20px; } #pageFeatures #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container, #globalWrapper #column-content { padding: 0; } input#bottomNavOpenerCheckbox:checked ~ #bottomNavWrapper { padding:0 20px; } #globalWrapper #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container{ padding:0!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings { left: -20px; width: calc(100% + 40px); } #mainPart-inner #content #cPartner h2, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2 a{ font-size:24px!important; line-height: 26px!important; background:none; } .font-size-36, .axi-font-size-36, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-size-36 { line-height: 42px !important; } .font-size-20, .axi-font-size-20, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-size-20 { line-height: 26px !important; } .product-top-headings h2 a { background: none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .first-col, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner, .axi-2015-header-container .v74-header-banner h1, .small-header .axi-2015-header-container .v74-header-banner h1 { margin-top: 0px !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .first-col h3 { margin-top:10px !important; } .axi-2015-header-container .v74-header-banner h1 { font-size: 24px; line-height: 28px !important; } body.case-studies-details .axi-2015-header-container .v74-header-banner h1 { padding: 0 20px; } .small-header .axi-2015-header-container .v74-header-banner h1 { line-height: 28px !important; } .medium-header .axi-2015-header-container .v74-header-banner h1.two-lines { top: -5px; font-size: 26px; line-height: 32px !important; } .medium-header .axi-2015-header-container .v74-header-banner h1.three-lines { top: -22px; font-size: 24px; line-height: 30px !important; } .axi-2015-header-container .v74-header-banner h1.font-size-28, .small-header .axi-2015-header-container .v74-header-banner h1.font-size-28 { margin: 0 !important; width: 100% !important; padding: 15px 20px 10px; box-sizing: border-box; font-size: 20px !important; line-height: 24px !important; } body.top-right-context-menu .axi-2015-header-container .new-header-pic { top: 90px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } body.top-right-context-menu .axi-2015-header-container .v74-header-banner h3 { margin: 0; } .axi-2015-header-container .v74-header-banner h3 { font-size: 16px; padding: 10px 20px 20px 20px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner { position: relative; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { top: -55px; left: 0; right: 0; margin: 0; padding-top: 4px; background: rgba(255, 255, 255, .1); } /* Make it sticky upon scroll */ .top-right-context-menu.after-scroll #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { position: fixed; top: 76px; background: #304349; } .top-right-context-menu.after-scroll .three-colors { position: fixed; top: 125px; width: 100%; z-index: 1000; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul { margin: 0; display: block; width: 100%; height: 45px; overflow-x: auto; overflow-y: hidden; text-align: center; white-space: nowrap; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul::-webkit-scrollbar { display: none; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a:hover span { color: #fff; } .new-layout #nContainer #nnContainer #mContainer{ padding: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-big-blue { display: none !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .product-description, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .product-description b { text-align: center; font-size: 22px; line-height: 30px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ:after{ border:none; background: none; } .cta-trial-button{ width:100%; text-align:center; } .cta-trial-button .button-red { background: #dc6060!important; display: table!important; float: none; margin: 0 auto !important; text-align: center !important; } .cta-rounded-contact { height:100%; line-height:24px; padding-top:15px; } .cta-rounded-contact .button-small-blue { float: none !important; margin-top:0; } .product-main-content .right-container-top { float: none !important; } .foot-notes { margin-top: 0; } .new-layout #nContainer{ padding-bottom:0px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .tab-bg1.product-top-headings{ display:block!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon{ font-size:20px; } /* support pages */ .product-main-content div{ float:none!important; } .product-main-content table{ width:100%!important; margin-bottom:15px; } /* articles page */ #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .articles-button{ margin-top:10px!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .articles-button a.button-small-silver{ min-width:100%; } .inner-pages-quote a img{ display:none; } /* Search container */ .search-container.section-search-container.search-container-right-breadcrumbs { left: 20px; right: auto; margin-top: 20px; float: none; width: calc(100% - 40px); } /* Contact */ .new-form-column, .new-form-container-mid{ width:100%!important; } /* Features Platforms */ .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .tab-bg1 { height: 60px !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li { height: 60px !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab:after, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab:before { top: 117%; } .jsTab .section-feature-2-columns, .jsTab .section-feature-3-columns, .jsTab .section-feature-1-columns .supported-platform { width: 100% !important; box-sizing: border-box; } .jsTab > div { padding: 0 10px; } .jsTab .section-feature-columns:first-child, .jsTab .section-feature-columns:nth-child(2), .jsTab .section-feature-columns:last-child, .jsTab .section-feature-2-columns:first-child, .jsTab .section-feature-2-columns:last-child, .jsTab .section-feature-1-column:first-child:last-child { padding-right: 10px!important; padding-left: 10px!important; margin: 0!important; } .jsTab .border-bottom-white .section-feature-row { padding-top: 0px!important; } .jsTab .border-bottom-white .section-feature-row:last-child { padding-bottom: 5px!important; } .supported-platform span { padding-left: 5px; } .mobile-table, .mobile-table tbody, .mobile-table tr, .mobile-table td { display: table; width: 100% !important; } .jsTab .section-feature-columns > .mobile-table tr td:not(:last-child) { border-right: 1px solid #ebebeb; } .jsTab .section-feature-columns > .mobile-table tr:nth-child(2) td, .jsTab .section-feature-columns > .mobile-table tr:last-child td { border-bottom: none; } .jsTab .section-feature-columns > .mobile-table tr:last-child td:last-child { border-bottom: 2px solid #ebebeb; } .jsTab .section-feature-columns .mobile-table p, .jsTab .section-feature-columns .mobile-table h3 { display: table-cell; vertical-align: middle; } .jsTab .section-feature-columns:first-child .status, .jsTab .section-feature-columns .status { right: 10px !important; } .jsTab .section-feature-columns .multiple-cells-table td .status, .jsTab .section-feature-columns table td.position-relative > .status { right: 0 !important; } .jsTab .section-feature-1-column, .width-760, .width-600, .width-50-percent-minus-20 { width: 100% !important; } .margin-left-40{ margin-left: 0 !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-big-blue.download-patch { display: block !important; } .download-patch.border-radius-right-0-important, .download-patch.border-radius-left-0-important { border-radius: 20px! important; } .height-30 { height: auto !important; } /* Download popup */ .registration-form p.text-dwnl-page { font-size: 18px; line-height: 25px; } .license-registration-form, .license-registration-form .formOption, .company-contact-form, .company-contact-form .formOption{ width:100%!important; border:none!important; } .company-contact-form.wrapper-login .loginButton { min-width:200px; } /* KB */ .max-width-320-mobile { max-width: 320px !important; } .v74-container table.compare-header-support th.description, .v74-container table.compare-support td.description, .v74-container table.compare-footer-support th.description { min-width: 85px; width: 85px; padding-left: 0; padding-right: 0; } .v74-container table.compare-header-support th, .v74-container table.compare-support td, .v74-container table.compare-footer-support th { overflow: hidden; } .v74-container table.compare-support td.pricing { padding-left: 2px; padding-right: 2px; } .v74-container table.compare-support td.pricing .button-small-silver { min-width: 60px !important; padding-left: 0 !important; padding-right: 0 !important; border: none !important; line-height: 16px !important; } .width-500, .width-800, .width-960 { width: 100% !important; } .mobile-float-left-important { float: left !important; } .mobile-float-right-important, .product-main-content div.mobile-float-right-important { float: right !important; } .mobile-padding-0 { padding: 0; } .mobile-padding-top-10 { padding-top: 10px; } .mobile-padding-top-30 { padding-top: 30px; } .mobile-padding-bottom-5-important, #mainPart-inner #content .mobile-padding-bottom-5-important { padding-bottom: 5px !important; } .mobile-padding-side-0, #mainPart-inner #content .mobile-padding-side-0 { padding-left: 0; padding-right: 0; } .mobile-padding-side-0-important, #mainPart-inner #content .mobile-padding-side-0-important { padding-left: 0 !important; padding-right: 0 !important; } .mobile-padding-side-20, #mainPart-inner #content .mobile-padding-side-20 { padding-left: 20px; padding-right: 20px; } .mobile-padding-side-20, #mainPart-inner #content .mobile-padding-side-20-important { padding-left: 20px !important; padding-right: 20px !important; } .mobile-box-sizing-border-box { box-sizing: border-box; } .width-33-percent-minus-20 { width: 100% !important; } .mobile-width-50-percent { width: 50%; } .mobile-font-size-14-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3.mobile-font-size-14-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a.mobile-font-size-14-important { font-size: 14px !important; } .mobile-font-size-16-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3.mobile-font-size-16-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a.mobile-font-size-16-important { font-size: 16px !important; } .mobile-font-size-20-important, #mainPart-inner #content .productFeaturesTitle h3.mobile-font-size-20-important { font-size: 20px !important; } .mobile-font-weight-400-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3.mobile-font-weight-400-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a.mobile-font-weight-400-important { font-weight: 400px !important; } .mobile-line-height-20-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3.mobile-line-height-20-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a.mobile-line-height-20-important { line-height: 20px !important; } .mobile-text-align-center { text-align: center; } .breadcrumbs { position: relative; width: 100%; padding: 0 20px 10px; box-sizing: border-box; } } /* END Business Page mobile */ /** * iPad Media Query. */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .homepage-default-dark-header .v74-grey-top h1{ width:100%; margin-top:60px; } .homepage-default-dark-header .homepage-2014-10-header-container{ bottom:auto; } .homepage-default-dark-header .homepage-76-header{ height:307px;} .homepage-default-dark-header .v74-grey-top{ height:895px;} .rotate, .fadeInUp, .review-up, .zoomIn, .fadeIn { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } .breadcrumbs { width: 500px; padding-left: 20px; box-sizing: border-box; } } /* END iPad Media Query */ .cta-trial-bar-footer{ bottom: 0; left: 0; margin-left: auto; margin-right: auto; width: 100%; background:#dc6060; display:table!important; } .cta-trial-bar-link { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 200px; text-align: center; text-decoration: none; cursor: pointer; } .cta-trial-bar-link:hover { opacity: 1; } .cta-trial-bar-link h3 { color: #fff; font: 24px/20px "Titillium Web",light,Arial,sans-serif; } .cta-trial-bar-link span { margin-top: 8px; color: #fff; display: block; } .cta-trial-bar-link span.but { display: inline-flex; align-items: center; justify-content: center; margin: 20px auto 0; min-width: 200px; padding: 10px 30px; border: 2px solid #fff; border-radius: 30px; font-family: "Source Sans Pro",semibold; transition: all 0.2s ease-in-out 0s; } .cta-trial-bar-link span.but:hover { opacity: .7; } .product-main-content div.articles-button{ float:left!important;} /* Release page - features */ .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner{ width:100%!important; } .new-wrapper-wide #nContainer #nnContainer #mContainer, .new-wrapper-wide #nContainer{ padding:0; } html.dark .release-ix { background-color: #0d1021; } .release-ix .text-demo { margin:0 auto; display:block; } .release-ix h2 { font-size:36px!important; color: #000; font-family: "Source Sans Pro",sans-serif; font-weight: 400; line-height: 44px !important; margin-top: 0; margin-bottom: 40px; text-align: left; } .release-ix h3{ font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-weight: 300; text-align: center; color: #000; line-height:36px; margin-bottom:10px; } .release-ix .product-description { max-width: 960px; margin: 0 auto !important; text-align: center !important; background-color: #fff; } html.dark .release-ix .product-description { background-color: #0d1021; } .release-ix .product-description.top-description { padding: 30px 0; } .release-ix .section-feature{ display: table-cell; position: relative; vertical-align: top; width: 25%; z-index: 9; padding:20px 15px 40px 15px; } .release-ix .section-feature .section-solution-pad { padding: 40px 25%; text-align: center; } .release-ix a.btn-dark:hover{ color:#fff!important; } .release-ix .color-ix{ width:80px; height:80px; border-radius:50px; display:block; border:solid 2px #4c8ea6; margin:20px auto; } .release-ix .no-color-ix{ width:80px; height:80px; display:block; margin:20px auto; } .release-ix .color-ix .calendaring{ background:url('/img/2015/lp/calendaring-ix.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#4c8ea6; } .release-ix .color-ix .fonts{ background:url('/img/2015/lp/icon-ix-fonts.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#4c8ea6; } .release-ix .color-ix .messages{ background:url('/img/2015/lp/icon-ix-images.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#4c8ea6; } .release-ix .color-ix .archive{ background:url('/img/2015/lp/icon-ix-archive.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#4c8ea6; } .release-ix .no-color-ix .search{ background:url('/img/2015/lp/icon-ix-search.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#4c8ea6; } .release-ix .no-color-ix .cardav{ background:url('/img/2015/lp/icon-ix-carddav.svg') no-repeat center; width:80px; height:84px; background-size:80px 84px; display:block; color:#4c8ea6; } .release-ix .section-text p { text-align: center; } .release-ix li { font-size: 18px; font-weight: 300; text-align: left; margin-bottom: 15px; line-height: 22px; } .release-ix .features-container { display: inline-block; margin: 0 35px; width:240px; position:relative; } .border-right-1-eb { border-right: 1px solid #ebebeb; } html.dark .border-right-1-eb { border-right-color: rgba(255, 255, 255, 0.1); } .border-bottom-1-eb { border-bottom: 1px solid #ebebeb; } .border-bottom-white { max-width:960px;!important; margin:0 auto; } .border-top-1-eb { border-top: 1px solid #ebebeb; } .border-top-1-transparent { border-top: 1px solid transparent; } .border-top-1-eb-important { border-top: 1px solid #ebebeb !important; } .release-ix .btn-features { width:220px; } .release-ix .small-caps { text-transform:none; } .release-ix .release-notes { clear:both; margin:30px auto 60px; } .release-ix .cardav-highlight { color:#4c8ea6; font-size:20px; font-weight:200; } .release-ix .cardav-title { text-align: center; margin-top: 60px; margin-bottom: 60px; } html.dark .release-ix .cardav-title { background-color: #0d1021; } .release-ix .first-title { text-align: center; margin-top: 40px; margin-bottom: 60px; } .release-ix .first-title.dark { font-size: 32px !important; color: #000; } html.dark .release-ix .first-title.dark { color: #fff; } .release-ix .liner { margin-top:20px!important; } .new-wrapper-wide.release-iX .axi-2015-header-container{ background: #1a2e34 url("/img/2015/lp/release-iX-bg.png") no-repeat scroll left top; height:430px; } .new-product-release-header{ background: url("/img/2015/lp/release-iX-bg-circles.png") no-repeat scroll center center; height:100%!important; } .small-header .release-iX #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { top: 350px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .registered .inner-pages-listing h2 { font-family: "Titillium Web", sans-serif !important; font-size: 36px !important; font-weight: 200 !important; line-height: 36px !important; border-bottom: none; color: #4c8ea6; } #partners-portal .inner-pages-listing { max-width: 960px; margin: 0 auto; } .white-block, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block { position: relative; margin-top: 30px; background: #fff; border: 1px solid #dbdde1; border-radius: 3px 3px 4px 4px; box-sizing: border-box; } html.dark .white-block, html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block { background: #0d1021; border-color: rgba(255, 255, 255, .15); } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block:nth-child(2):last-child { width: 100%; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block h3 { margin: 0; padding: 15px 30px; height: 48px; line-height: 24px; text-align: center; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block h3:only-child { margin: auto; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block h3 a { font-family: 'Titillium Web', sans-serif !important; font-size: 20px; font-weight: 300; color: #000; } html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block h3 a { color: #fff; } .white-block p { padding: 10px; border-top: 1px solid #ebebeb; font-size: 14px; font-weight: 400; line-height: 18px; text-align: center; } html.dark .white-block p { border-color: rgba(255, 255, 255, .1); } #mainPart-inner #content .white-block h3 + p { margin: 0 !important; height: 100px; padding-top: 20px; overflow-y: hidden; } #mainPart-inner #content .white-block p.last-updated { position: absolute; bottom: 0; margin-bottom: 0 !important; width: 100%; padding: 0; background: rgba(245, 248, 250, .7); text-align: left; } html.dark #mainPart-inner #content .white-block p.last-updated { background: rgba(22, 25, 41, .7); } #mainPart-inner #content .white-block p.last-updated span { display: inline-block; padding: 10px; opacity: .7; } .white-block a.download { float: right; display: inline-block; padding: 10px; background: #4c8ea6; color: #fff !important; text-transform: uppercase; } #mainPart-inner #content .buttons-sidebyside-outline { display: table; } #mainPart-inner #content .buttons-sidebyside-outline a { display: table-cell; height: 30px; padding: 0 10px; line-height: 30px; border: 1px solid #4c8ea6; border-right: none; font-size: 13px; text-align: center; text-transform: uppercase; box-sizing: border-box; } #mainPart-inner #content .buttons-sidebyside-outline a:first-child { border-radius: 3px 0 0 3px; } #mainPart-inner #content .buttons-sidebyside-outline a:last-child { border-right: 1px solid #4c8ea6; border-radius: 0 3px 3px 0 ; } #mainPart-inner #content .margin-bottom-40 { margin-bottom: 40px; } #mainPart-inner #content .padding-top-50 { padding-top: 50px; } #mainPart-inner #content .padding-bottom-60 { padding-bottom: 60px; } .license-registration-form { background: #fff; border-color: #e4e9eb; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 2px; min-height: 280px; padding: 0; margin: 0 auto; text-align: left; width: 600px; position: relative; } .v74-container .company-contact-form { background: #fff; border-image: none; border-width: 1px 1px 2px; border-style: solid; border-color: #dbdde1; border-radius: 3px; min-height: 560px; padding: 0; margin: 0 auto; text-align: left; width: 600px; } html.dark .v74-container .company-contact-form { background: #0d1021; border-color: rgba(255, 255, 255, .15); } .v74-container .company-contact-form .formOption { position: relative; height: 55px; margin: 0 auto; width: 500px; padding-top: 5px; box-sizing: content-box; } .v74-container .company-contact-form #comment, .comment-wrap { height: 150px !important; } .v74-container .company-contact-form #comment { padding: 10px 20px; } .company-contact-form .new-form-column fieldset input.error, .company-contact-form .contact-form-left textarea.error { background: #fff; color: #dc6060!important; width: 500px !important; } .v74-container .company-contact-form .new-form-message-area{ height: auto; } .v74-container .respond-time{ text-align: center; padding: 20px 10px 10px 10px; } /* tooltip */ .license-registration-form .liner { overflow: visible; } a.tooltips { position: relative; display: inline; } .tooltips h3 { font-size: 16px; font-weight: 600; color: #000; border-bottom: 1px solid #dae2e6; padding: 10px; margin: 0; } .tooltips p { padding: 10px 15px; } a.tooltips span { position: absolute; width:250px; color: #707070; background: #FFFFFF; border: 1px solid #DAE2E6; height: auto; text-align: center; visibility: hidden; border-radius: 4px; z-index: 999; } a.tooltips span:before { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -11px; width: 0; height: 0; border-right: 10px solid #DAE2E6; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } a.tooltips span:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -10px; width: 0; height: 0; border-right: 9px solid #FFFFFF; border-top: 9px solid transparent; border-bottom: 9px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 1; left: 100%; top: 50%; margin-top: -105px; margin-left: 15px; z-index: 999; } /* END tooltip*/ div#form-contact::before { position: absolute; content: ""; width: 600px; height: 95px; margin-top: -9px; border-bottom: 1px solid #e4e9eb; } div#form-contact::after { position: absolute; content: ""; width: 600px; height: 95px; border-left: 1px solid #e4e9eb; top:0px; left:50%; } .license-registration-form fieldset, .company-contact-form fieldset { border: 0 none; margin: 30px 0 20px; padding: 0 50px; } .license-registration-form fieldset .info { text-align: center; display: block; line-height: 20px; color: #707070; cursor: default; font-size: 12px; } .wrapper-login #form-login{ } .license-registration-form #free_row, .license-registration-form #registration_row { text-align: center; padding: 25px 0 25px 0; font-size: 12px; position: relative; } .license-registration-form.error #free_row, .license-registration-form.error #registration_row { color: #707070; } .wrapper-login .formOption { height: 55px; margin: 0 auto; padding-top: 5px; position: relative; width: 300px; } .license-registration-form .formOption { width: 100%; } #frmDownloadRegister .formOption { position: relative; width: 100%; height: 55px; margin: 0 auto; padding-top: 5px; box-sizing: content-box; } .license-registration-form .formOption-height { height: 50px; z-index: 2; } .license-registration-form .sidebyside-position { position: relative; margin-top: -15px; float: left; width: 50%; padding-top: 40px; height: 57px; text-align: center; } .license-registration-form .sidebyside-position-input { float: left; width: 48%; } .license-registration-form .sidebyside-position-input + .sidebyside-position-input { margin-left: 20px; } .wrapper-login .textfield { width: 100%; height: 3.4em; padding: 0 3px 0 20px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; color: #51514f; font-family: "Source Sans Pro",sans-serif; font-size: 14px; font-weight: 400; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } html.dark .wrapper-login .textfield { background-color: #0d1021; border-color: rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .6); } .wrapper-login .textfield:focus { border: 1px solid rgba(76, 142, 166, 0.7); color: #4c8ea6; } html.dark .wrapper-login .textfield:focus { border-color: rgba(76, 142, 166, 0.7); } .wrapper-login .textfield + label.darkText { background: #fff none repeat scroll 0 0; color: #808080; content: attr(placeholder); cursor: default; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 14px; left: 15px; line-height: 1.5em; padding: 2px 5px; pointer-events: none; position: absolute; text-align: left; text-transform: uppercase; top: 18px; transition: all 0.3s ease-in-out 0s; white-space: nowrap; z-index: 1; width: auto; } html.dark .wrapper-login .textfield + label.darkText { background: #0d1021 none repeat scroll 0 0; } .wrapper-login .textfield:focus + label.darkText, .wrapper-login .selected + label.darkText, .wrapper-login #passwordField.notEmpty + label.darkText, .wrapper-login select + label.darkText { transform: translate(-0.3em, -1.7em) scale(0.9, 0.9); transition-duration: 0.2s; } .wrapper-login .textfield:focus + label.darkText, .wrapper-login label.darkText a { color: #4c8ea6; } .wrapper-login .loginButton { display: block; margin: 10px auto; min-width: 250px; height: 50px; background: #4c8ea6; border: none; border-radius: 30px; color: #fff; cursor: pointer; font-size: 14px; text-transform: uppercase; transition: opacity 0.2s ease-in-out 0s; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wrapper-login .loginButton:hover { opacity: 0.7; } .wrapper-login .new-form-message-error, .wrapper-login .new-form-message-body { color: #dc6060; text-align: center; font-size: 15px; font-weight: 400; } .wrapper-login .new-form-message-info, .wrapper-login .new-form-message-info .new-form-message-body { color: rgba(80, 169, 60, 0.95); text-align: center; font-size: 15px; font-weight: 400; } .wrapper-login .new-form-message-area { width: auto; } .wrapper-login + .formOption { margin-top: 20px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p.quote { position: relative; font-family: Georgia, italic !important; font-style: italic !important; padding: 0; margin: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p.quote.quote-indented-with-quotemark::before { position: absolute; top: 30px; left: -60px; font-family: Georgia, italic; color: #d0d7d9; content: "\201C"; font-size: 6em; } /* Start Generic classes */ .absolute-center-middle, .position-absolute-center-middle { position: absolute; left: 0; right: 0; margin: auto; text-align: center; } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-absolute-important { position: absolute !important; } .position-fixed { position: fixed; } .top-minus-40 { top: -40px; } .top-minus-8 { top: -8px; } .top-minus-6 { top: -6px; } .top-0 { top: 0; } .top-29 { top: 29px; } .top-50 { top: 50px; } .top-70 { top: 70px; } .bottom-0 { bottom: 0; } .bottom-70 { bottom: 70px; } .left-0 { left: 0; } .left-minus-10 { left: -10px; } .left-minus-20 { left: -20px; } .right-0 { right: 0; } .float-left, a.float-left { float: left; } .float-right, a.float-right { float: right; } .float-none, a.float-none { float: none; } .float-none-important, a.float-none-important { float: none !important; } .clear-both { clear: both; } .margin-0-important, #mainPart-inner #content .margin-0-important { margin: 0 !important; } .margin-0-auto, #mainPart-inner #content .margin-0-auto { margin: 0 auto; } .margin-0-auto-important, #mainPart-inner #content .margin-0-auto-important { margin: 0 auto !important; } .margin-20-auto, #mainPart-inner #content .margin-20-auto { margin: 20px auto; } .margin-25-auto, #mainPart-inner #content .margin-25-auto { margin: 25px auto; } .margin-auto, #mainPart-inner #content .margin-auto { margin: auto; } .margin-auto-important, #mainPart-inner #content .margin-auto-important { margin: auto !important; } .margin-20-0, #mainPart-inner #content .margin-20-0 { margin: 20px 0; } .margin-top-minus-8, #mainPart-inner #content .margin-top-minus-8 { margin-top: -8px; } .margin-top-minus-10, #mainPart-inner #content .margin-top-minus-10 { margin-top: -10px; } .margin-top-minus-20, #mainPart-inner #content .margin-top-minus-20 { margin-top: -20px; } .margin-top-minus-20-important, #mainPart-inner #content .margin-top-minus-20-important { margin-top: -20px !important; } .margin-top-minus-30, #mainPart-inner #content .margin-top-minus-30 { margin-top: -30px; } .margin-top-0, #mainPart-inner #content .margin-top-0 { margin-top: 0px; } .margin-top-0-important, #mainPart-inner #content .margin-top-0-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3.margin-top-0-important { margin-top: 0px !important; } .margin-top-2, #mainPart-inner #content .margin-top-2 { margin-top: 2px; } .margin-top-5, #mainPart-inner #content .margin-top-5 { margin-top: 5px; } .margin-top-5-important, #mainPart-inner #content .margin-top-5-important { margin-top: 5px !important; } .margin-top-8-important, #mainPart-inner #content .margin-top-8-important { margin-top: 8px !important; } .margin-top-10, #mainPart-inner #content .margin-top-10 { margin-top: 10px; } .margin-top-12, #mainPart-inner #content .margin-top-12 { margin-top: 12px; } .margin-top-12-important, #mainPart-inner #content .margin-top-12-important { margin-top: 12px !important; } .margin-top-15, #mainPart-inner #content .margin-top-15 { margin-top: 15px; } .margin-top-10-important, #mainPart-inner #content .margin-top-10-important { margin-top: 10px !important; } .margin-top-20, #mainPart-inner #content .margin-top-20 { margin-top: 20px; } .margin-top-20-important, #mainPart-inner #content .margin-top-20-important { margin-top: 20px !important; } .margin-top-30, #mainPart-inner #content .margin-top-30 { margin-top: 30px; } .margin-top-30-important, #mainPart-inner #content .margin-top-30-important { margin-top: 30px !important; } .margin-top-40, #mainPart-inner #content .margin-top-40 { margin-top: 40px; } .margin-top-40-important, #mainPart-inner #content .margin-top-40-important { margin-top: 40px !important; } .margin-top-60, #mainPart-inner #content .margin-top-60 { margin-top: 60px; } .margin-top-60-important, #mainPart-inner #content .margin-top-60-important { margin-top: 60px !important; } .margin-top-80, #mainPart-inner #content .margin-top-80 { margin-top: 80px; } .margin-top-90, #mainPart-inner #content .margin-top-90 { margin-top: 90px; } .margin-right-auto, #mainPart-inner #content .margin-right-auto { margin-right: auto; } .margin-right-3, #mainPart-inner #content .margin-right-3 { margin-right: 3px; } .margin-right-5, #mainPart-inner #content .margin-right-5 { margin-right: 5px; } .margin-right-10, #mainPart-inner #content .margin-right-10 { margin-right: 10px; } .margin-right-10-important, #mainPart-inner #content .margin-right-10-important { margin-right: 10px !important; } .margin-right-20, #mainPart-inner #content .margin-right-20 { margin-right: 20px; } .margin-right-30, #mainPart-inner #content .margin-right-30 { margin-right: 30px; } .margin-bottom-minus-10, #mainPart-inner #content .margin-minus-10 { margin-bottom: -10px; } .margin-bottom-minus-8, #mainPart-inner #content .margin-minus-8 { margin-bottom: -8px; } .margin-bottom-0, #mainPart-inner #content .margin-bottom-0 { margin-bottom: 0; } .margin-bottom-0-important, #mainPart-inner #content .margin-bottom-0-important { margin-bottom: 0 !important; } .margin-bottom-1, #mainPart-inner #content .margin-bottom-1 { margin-bottom: 1px; } .margin-bottom-3, #mainPart-inner #content .margin-bottom-3 { margin-bottom: 3px; } .margin-bottom-5, #mainPart-inner #content .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-5-important, #mainPart-inner #content .margin-bottom-5-important { margin-bottom: 5px !important; } .margin-bottom-10, #mainPart-inner #content .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-10-important, #mainPart-inner #content .margin-bottom-10-important { margin-bottom: 10px !important; } .margin-bottom-12, #mainPart-inner #content .margin-bottom-12 { margin-bottom: 12px; } .margin-bottom-12-important, #mainPart-inner #content .margin-bottom-12-important { margin-bottom: 12px !important; } .margin-bottom-15, #mainPart-inner #content .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20, #mainPart-inner #content .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-20-important, #mainPart-inner #content .margin-bottom-20-important { margin-bottom: 20px !important; } .margin-bottom-25, #mainPart-inner #content .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30, #mainPart-inner #content .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-30-important, #mainPart-inner #content .margin-bottom-30-important { margin-bottom: 30px !important; } .margin-bottom-40, #mainPart-inner #content .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-40-important, #mainPart-inner #content .margin-bottom-40-important { margin-bottom: 40px !important; } .margin-bottom-60, #mainPart-inner #content .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-60-important, #mainPart-inner #content .margin-bottom-60-important { margin-bottom: 60px !important; } .margin-bottom-80, #mainPart-inner #content .margin-bottom-80 { margin-bottom: 80px; } .margin-left-auto, #mainPart-inner #content .margin-left-auto { margin-left: auto; } .margin-left-minus-3, #mainPart-inner #content .margin-left-minus-3 { margin-left: -3px; } .margin-left-0, #mainPart-inner #content .margin-left-0 { margin-left: 0; } .margin-left-0-important, #mainPart-inner #content .margin-left-0-important { margin-left: 0 !important; } .margin-left-1, #mainPart-inner #content .margin-left-1 { margin-left: 1px; } .margin-left-1-important, #mainPart-inner #content .margin-left-1-important { margin-left: 1px !important; } .margin-left-3, #mainPart-inner #content .margin-left-3 { margin-left: 3px; } .margin-left-5, #mainPart-inner #content .margin-left-5 { margin-left: 5px; } .margin-left-10, #mainPart-inner #content .margin-left-10 { margin-left: 10px; } .margin-left-20, #mainPart-inner #content .margin-left-20 { margin-left: 20px; } .margin-left-30, #mainPart-inner #content .margin-left-30 { margin-left: 30px; } .margin-left-40, #mainPart-inner #content .margin-left-40 { margin-left: 40px; } .margin-left-100, #mainPart-inner #content .margin-left-100 { margin-left: 100px; } .margin-left-100-important, #mainPart-inner #content .margin-left-100-important { margin-left: 100px !important; } .hline-2, #mainPart-inner #content .hline-2 { border-bottom: 2px solid #ebebeb; line-height: 2px; } html.dark .hline-2, html.dark #mainPart-inner #content .hline-2 { border-bottom-color: rgba(255, 255, 255, .1); } .text-align-left, #mainPart-inner #content .text-align-left { text-align: left; } .text-align-center, #mainPart-inner #content .text-align-center { text-align: center; } .text-align-center-important, #mainPart-inner #content .text-align-center-important { text-align: center !important; } .text-align-justify, #mainPart-inner #content .text-align-justify { text-align: justify; } .text-align-right, #mainPart-inner #content .text-align-right { text-align: right; } .display-none, #mainPart-inner #content .display-none { display: none; } .display-block, #mainPart-inner #content .display-block { display: block; } .display-block-important, #mainPart-inner #content .display-block-important { display: block !important; } .display-inline, #mainPart-inner #content .display-inline { display: inline; } .display-inline-important, #mainPart-inner #content .display-inline-important { display: inline !important; } .display-inline-block, #mainPart-inner #content .display-inline-block { display: inline-block; } .display-inline-block-important, #mainPart-inner #content .display-inline-block-important { display: inline-block !important; } .display-table, #mainPart-inner #content .display-table { display: table; } .display-table-important, #mainPart-inner #content .display-table-important { display: table !important; } .display-table-cell, #mainPart-inner #content .display-table-cell { display: table-cell; } .display-list-item, #mainPart-inner #content .display-list-item { display: list-item; } .hcenter-box, #mainPart-inner #content .hcenter-box { margin: 0 auto; } .vertical-align-middle { vertical-align: middle; } .width-auto { width: auto; } .width-1 { width: 1px; } .width-60 { width: 60px; } .width-64 { width: 64px; } .width-80 { width: 80px; } .width-100 { width: 100px; } .width-120 { width: 120px; } .width-150 { width: 150px; } .width-160 { width: 160px; } .width-175 { width: 175px; } .width-200 { width: 200px; } .width-200-important { width: 200px !important; } .width-220 { width: 220px; } .width-240 { width: 240px; } .width-250 { width: 250px !important; } .width-280 { width: 280px; } .width-300 { width: 300px; } .width-300-important { width: 300px !important; } .width-500 { width: 500px; } .width-600 { width: 600px; } .width-640 { width: 640px; } .width-665 { width: 665px; } .width-700 { width: 700px; } .width-760 { width: 760px; } .width-800 { width: 800px; } .width-840 { width: 840px; } .width-900 { width: 900px; } .width-960 { width: 960px; } .width-25-percent-minus-20 { width: calc(25% - 20px); } .width-33-percent { width: 33.333%; } .width-33-percent-minus-20 { width: calc(33.333% - 20px); } .width-33-percent-minus-30 { width: calc(33.333% - 30px); } .width-40-percent { width: 40%; } .width-50-percent { width: 50%; } .width-50-percent-minus-15 { width: calc(50% - 15px); } .width-50-percent-minus-20 { width: calc(50% - 20px); } .width-full { width: 100%; } .width-full-important { width: 100% !important; } .width-100-percent-minus-120 { width: calc(100% - 120px); } .min-width-initial { min-width: initial; } .min-width-initial-important { min-width: initial !important; } .min-width-125 { min-width: 125px; } .min-width-156 { min-width: 156px; } .min-width-160 { min-width: 160px; } .min-width-160-important { min-width: 160px !important; } .min-width-200 { min-width: 200px; } .min-width-250 { min-width: 250px; } .min-width-300 { min-width: 300px; } .min-width-300-important { min-width: 300px !important; } .min-width-600 { min-width: 600px; } .min-height-400 { min-height: 400px; } .min-height-500 { min-height: 500px; } .max-width-21 { max-width: 21px; } .max-width-100 { max-width: 100px; } .max-width-140 { max-width: 140px; } .max-width-140-important { max-width: 140px !important; } .max-width-150 { max-width: 150px; } .max-width-200 { max-width: 200px; } .max-width-250 { max-width: 250px; } .max-width-300 { max-width: 300px; } .max-width-350 { max-width: 350px; } .max-width-350-important { max-width: 350px !important; } .max-width-400 { max-width: 400px; } .max-width-450 { max-width: 450px; } .max-width-500 { max-width: 500px; } .max-width-550 { max-width: 550px; } .max-width-550-important { max-width: 550px !important; } .max-width-600 { max-width: 600px; } .max-width-640 { max-width: 640px; } .max-width-700 { max-width: 700px; } .max-width-760 { max-width: 760px; } .max-width-720 { max-width: 720px; } .max-width-800 { max-width: 800px; } .max-width-940 { max-width: 940px; } .max-width-960 { max-width: 960px; } .max-width-1260 { max-width: 1260px; } .max-width-1300 { max-width: 1300px; } .max-width-1300 { max-width: 1340px; } .height-auto { height: auto; } .height-auto-important { height: auto !important; } .height-0 { height: 0; } .height-1 { height: 1px; } .height-2 { height: 2px; } .height-30 { height: 30px; } .height-34 { height: 34px; } .height-34-important { height: 34px !important; } .height-50 { height: 50px; } .height-50-important { height: 50px !important; } .height-51 { height: 51px; } .height-53 { height: 53px; } .height-55 { height: 55px; } .height-60 { height: 60px; } .height-70 { height: 70px; } .height-80 { height: 80px; } .height-80-important { height: 80px !important; } .height-90 { height: 90px; } .height-150 { height: 150px; } .height-160 { height: 160px; } .height-185 { height: 185px; } .height-190 { height: 190px; } .height-200 { height: 200px; } .height-200-important { height: 200px !important; } .height-250 { height: 250px; } .height-250-important { height: 250px !important; } .height-300 { height: 300px; } .height-400 { height: 400px; } .height-600 { height: 600px; } .height-600-important { height: 600px !important; } .height-650 { height: 650px; } .height-650-important { height: 650px !important; } .height-100-percent { height: 100%; } .height-100-vh { height: 100vh; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .line-height-2 { line-height: 2px; } .line-height-22 { line-height: 22px; } .line-height-24 { line-height: 24px; } .line-height-28 { line-height: 28px; } .line-height-30 { line-height: 30px; } .line-height-34 { line-height: 34px; } .line-height-34-important { line-height: 34px !important; } .line-height-42-important { line-height: 42px !important; } .line-height-45-important { line-height: 45px !important; } .line-height-46 { line-height: 46px; } .line-height-50 { line-height: 50px; } .line-height-51 { line-height: 51px; } .line-height-55 { line-height: 55px; } .line-height-60 { line-height: 60px; } .padding-0 { padding: 0; } .padding-0-important { padding: 0 !important; } .padding-2 { padding: 2px; } .padding-5 { padding: 5px; } .padding-10 { padding: 10px; } .padding-20 { padding: 20px; } .padding-30 { padding: 30px; } .padding-40 { padding: 40px; } .padding-1-4 { padding: 1px 4px; } .padding-2-4 { padding: 2px 4px; } .padding-3-8 { padding: 3px 8px; } .padding-40 { padding: 40px; } .padding-top-0, #mainPart-inner #content .padding-top-0 { padding-top: 0; } .padding-top-3, #mainPart-inner #content .padding-top-3 { padding-top: 3px; } .padding-top-4, #mainPart-inner #content .padding-top-4 { padding-top: 4px; } .padding-top-5, #mainPart-inner #content .padding-top-5 { padding-top: 5px; } .padding-top-10, #mainPart-inner #content .padding-top-10 { padding-top: 10px; } .padding-top-15, #mainPart-inner #content .padding-top-15 { padding-top: 15px; } .padding-top-18, #mainPart-inner #content .padding-top-18 { padding-top: 18px; } .padding-top-20, #mainPart-inner #content .padding-top-20 { padding-top: 20px; } .padding-top-25, #mainPart-inner #content .padding-top-25 { padding-top: 25px; } .padding-top-30, #mainPart-inner #content .padding-top-30 { padding-top: 30px; } .padding-top-40, #mainPart-inner #content .padding-top-40 { padding-top: 40px; } .padding-top-60, #mainPart-inner #content .padding-top-60 { padding-top: 60px; } .padding-top-80, #mainPart-inner #content .padding-top-80 { padding-top: 80px; } .padding-right-5, #mainPart-inner #content .padding-right-5 { padding-right: 5px; } .padding-right-10, #mainPart-inner #content .padding-right-10 { padding-right: 10px; } .padding-right-20, #mainPart-inner #content .padding-right-20 { padding-right: 20px; } .padding-right-30, #mainPart-inner #content .padding-right-30 { padding-right: 30px; } .padding-right-30-important, #mainPart-inner #content .padding-right-30-important { padding-right: 30px !important; } .padding-bottom-0, #mainPart-inner #content .padding-bottom-0 { padding-bottom: 0; } .padding-bottom-0-important, #mainPart-inner #content .padding-bottom-0-important { padding-bottom: 0 !important; } .padding-bottom-5, #mainPart-inner #content .padding-bottom-5 { padding-bottom: 5px; } .padding-bottom-8, #mainPart-inner #content .padding-bottom-8 { padding-bottom: 8px; } .padding-bottom-8-important, #mainPart-inner #content .padding-bottom-8-important { padding-bottom: 8px !important; } .padding-bottom-10, #mainPart-inner #content .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-15, #mainPart-inner #content .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-18, #mainPart-inner #content .padding-bottom-18 { padding-bottom: 18px; } .padding-bottom-20, #mainPart-inner #content .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-30, #mainPart-inner #content .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-40, #mainPart-inner #content .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-50, #mainPart-inner #content .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-60, #mainPart-inner #content .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-70, #mainPart-inner #content .padding-bottom-70 { padding-bottom: 70px; } .padding-bottom-80, #mainPart-inner #content .padding-bottom-80 { padding-bottom: 80px; } .padding-bottom-100, #mainPart-inner #content .padding-bottom-100 { padding-bottom: 100px; } .padding-bottom-150, #mainPart-inner #content .padding-bottom-150 { padding-bottom: 150px; } .padding-bottom-56-25-percent, #mainPart-inner #content .padding-bottom-56-25-percent { padding-bottom: 56.25%; } .padding-left-0, #mainPart-inner #content .padding-left-0 { padding-left: 0; } .padding-left-0-important, #mainPart-inner #content .padding-left-0-important { padding-left: 0 !important; } .padding-left-3, #mainPart-inner #content .padding-left-3 { padding-left: 3px; } .padding-left-5, #mainPart-inner #content .padding-left-5 { padding-left: 5px; } .padding-left-10, #mainPart-inner #content .padding-left-10 { padding-left: 10px; } .padding-left-15, #mainPart-inner #content .padding-left-15 { padding-left: 15px; } .padding-left-20, #mainPart-inner #content .padding-left-20 { padding-left: 20px; } .padding-left-30, #mainPart-inner #content .padding-left-30 { padding-left: 30px; } .padding-left-30-important, #mainPart-inner #content .padding-left-30-important { padding-left: 30px !important; } .padding-left-40, #mainPart-inner #content .padding-left-40 { padding-left: 40px; } .padding-left-60, #mainPart-inner #content .padding-left-60 { padding-left: 60px; } .padding-left-80, #mainPart-inner #content .padding-left-80 { padding-left: 80px; } .padding-left-90, #mainPart-inner #content .padding-left-90 { padding-left: 90px; } .padding-side-10 { padding-left: 10px; padding-right: 10px; } .padding-side-10-important { padding-left: 10px !important; padding-right: 10px !important; } .padding-side-20 { padding-left: 20px; padding-right: 20px; } .padding-side-20 { padding-left: 20px !important; padding-right: 20px !important; } .padding-side-30 { padding-left: 30px; padding-right: 30px; } .padding-side-30-important { padding-left: 30px !important; padding-right: 30px !important; } .padding-side-40 { padding: 0 40px;} .padding-side-40-important { padding: 0 40px !important;} .padding-side-65 { padding: 0 65px; } .box-sizing-border-box { box-sizing: border-box; } .no-background, .background-none, .axi-no-background { background: none; } .no-background-important, .background-none-important, .axi-no-background-important { background: none !important; } .background-white, .white-background, .axi-white-background { background: #fff; } html.dark .background-white, html.dark .white-background, html.dark .axi-white-background { background: #0d1021; } .background-white-important, .white-background-important, .axi-white-background-important { background: #fff !important; } .background-ddd, .ddd-background, .axi-ddd-background { background: #ddd; } .background-ebe, .ebe-background, .axi-ebe-background { background: #ebebeb; } .background-eee, .eee-background, .axi-eee-background { background: #eee; } .blue-background, .background-blue, .axi-blue-background { background: #4c8ea6; } .red-background, .background-red, .axi-red-background { background: #dc6060; } .red-background-important, .background-red-important, .axi-red-background-important { background: #dc6060 !important; } .background-position-top-center, .axi-background-position-top-center { background-position: center top; } .border-white { border: 1px solid #fff; } .border-white-2 { border: 2px solid #fff; } .border-ccc-1 { border: 1px solid #ccc; } .border-ddd-1 { border: 1px solid #ddd; } html.dark .border-ddd-1 { border-color: rgba(255, 255, 255, .13); } .border-ebe-1 { border: 1px solid #ebebeb; } html.dark .border-ebe-1 { border: 1px solid rgba(255, 255, 255, .1); } .border-eee-2 { border: 2px solid #eee; } .border-dbdde1-1 { border: 1px solid #dbdde1; } html.dark .border-dbdde1-1 { border: 1px solid rgba(255, 255, 255, .15); } .border-808-1 { border: 1px solid #808080; } .border-top-ebe-1 { border-top: 1px solid #ebebeb; } .border-top-ccc-1 { border-top: 1px solid #ccc; } .border-bottom-ccc-1 { border-bottom: 1px solid #ccc; } .border-left-none { border-left: none; } .border-left-ddd-1 { border-left: 1px solid #ddd; } html.dark .border-left-ddd-1 { border-left-color: rgba(255, 255, 255, .13); } .border-right-none { border-right: none; } .border-right-ddd-1 { border-right: 1px solid #ddd; } html.dark .border-right-ddd-1 { border-right-color: rgba(255, 255, 255, .13); } .border-bottom-ddd-1 { border-bottom: 1px solid #ddd; } html.dark .border-bottom-ddd-1 { border-bottom-color: rgba(255, 255, 255, .13); } .border-bottom-ebe-1 { border-bottom: 1px solid #ebebeb; } .border-bottom-eee-1 { border-bottom: 1px solid #eee; } .border-bottom-dbdde1-1 { border-bottom: 1px solid #dbdde1; } html.dark .border-bottom-dbdde1-1 { border-bottom-color: rgba(255, 255, 255, .15); } .border-bottom-ebe-2 { border-bottom: 2px solid #ebebeb; } .border-bottom-eee-2 { border-bottom: 2px solid #eee; } html.dark .border-bottom-eee-2 { border-bottom: 2px solid rgba(255, 255, 255, .1); } .border-bottom-none { border-bottom: none; } .border-bottom-none-important { border-bottom: none !important; } .border-bottom-1 { border-bottom-width: 1px; } .border-bottom-1-important { border-bottom-width: 1px !important; } .border-bottom-2 { border-bottom-width: 2px; } .border-bottom-2-important { border-bottom-width: 2px !important; } .border-blue-1 { border: 1px solid #4c8ea6; } .border-blue-2 { border: 2px solid #4c8ea6; } .border-red-2 { border: 2px solid #dc6060; } .border-purple-2 { border: 2px solid #db3085; } .border-gradient-2 { transform-style: preserve-3d; transform: translateZ(1px); background:#fff !important; } html.dark .border-gradient-2 { background: #0d1021 !important; } .border-gradient-2::before { transform:translateZ(-1px); content:""; position: absolute; width: 100%; height: 100%; padding:2px; top: -2px; left: -2px; background-image: linear-gradient(to right, #79b3bc, #e6977f); border-radius: 30px; } .border-color-transparent { border-color: transparent; } .border-color-transparent-important { border-color: transparent !important; } .border-color-transparent-important::before, .border-color-transparent-important::after { border-color: transparent !important; } @media all and (-ms-high-contrast:none) { .border-gradient-2:before { background: #fff; border: 2px solid #e6977f; } /* IE10 */ } .no-border, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.no-border { border: none; } .no-border-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.no-border-important { border: none !important; } .border-radius-1 { border-radius: 1px; } .border-radius-2 { border-radius: 2px; } .border-radius-3 { border-radius: 3px; } .border-radius-3-important { border-radius: 3px !important; } .border-radius-bottom-left-4-important { border-bottom-left-radius: 4px !important; } .border-radius-bottom-right-4-important { border-bottom-right-radius: 4px !important; } .border-radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .border-radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .border-radius-right-0-important { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .border-radius-left-0-important { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .axi-white-text, .color-white, .axi-color-white { color: #fff; } .axi-white-text-important, .color-white-important, .axi-color-white-important { color: #fff !important; } .axi-white-text-important > span, .color-white-important > span, .axi-color-white-important > span { color: #fff !important; } .axi-blue-text, .color-blue { color: #4c8ea6; } .axi-blue-text-important, .color-blue-important { color: #4c8ea6 !important; } .axi-color-4fa2b8, .color-4fa2b8 { color: #4fa2b8; } .axi-red-text { color: #e87773; } .axi-purple-text { color: #db3085; } .axi-515-text, .color-515, .axi-color-515 { color: #51514f; } .axi-757-text, .color-757, .axi-color-757 { color: #757e80; } .axi-707-text, .color-707, .axi-color-707 { color: #707070; } .axi-color-red, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-color-red { color: #dc6060 !important; } .axi-color-black, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-color-black { color: #000 !important; } html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-color-black { color: #fff !important; } .axi-color-black { color: #000 !important; } html.dark .axi-color-black { color: #fff !important; } .axi-color-999 { color: #999; } .font-family-sourcesanspro { font-family: "Source Sans Pro", sans-serif; } .font-family-sourcesanspro-important { font-family: "Source Sans Pro", sans-serif !important; } .font-family-titillium { font-family: "Titillium Web", sans-serif; } .font-family-titillium-important { font-family: "Titillium Web", sans-serif !important; } .font-size-10 { font-size: 10px; font-weight: 400; } .font-size-10-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .font-size-10-important { font-size: 10px !important; font-weight: 400; } .font-size-11 { font-size: 11px; font-weight: 400; } .font-size-11-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .font-size-11-important { font-size: 11px !important; font-weight: 400; } .font-size-12 { font-size: 12px; font-weight: 400; } .font-size-12-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .font-size-12-important { font-size: 12px !important; font-weight: 400;} .font-size-13 { font-size: 13px; } .font-size-13-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .font-size-13-important { font-size: 13px !important; } .font-size-15 { font-size: 15px; } .font-size-15-important { font-size: 15px !important; } .font-size-16 { font-size: 16px; } .font-size-16-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .font-size-16-important { font-size: 16px !important; } .font-size-17-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .font-size-17-important { font-size: 17px !important; } .font-size-18, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-18 { font-size: 18px; } .font-size-18-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-18-important { font-size: 18px !important; } .font-size-20, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-20 { font-size: 20px; } .font-size-20-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-20-important { font-size: 20px !important; } .font-size-22, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-22 { font-size: 22px; } .font-size-22-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-22-important { font-size: 22px !important; } .font-size-26, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-26, .axi-2015-header-container .v74-header-banner h1.font-size-26 { font-size: 26px; } .font-size-28, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-28, .axi-2015-header-container .v74-header-banner h1.font-size-28 { font-size: 28px; } .font-size-28-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.font-size-28-important { font-size: 28px !important; } .axi-font-size-32, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-size-32 { font-size: 32px; } .axi-font-size-32-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-size-32-important { font-size: 32px !important; } .axi-font-size-36, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-size-36 { font-size: 36px !important; } .axi-font-size-36-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-size-36-important { font-size: 36px !important; } .axi-font-size-24 {font-size: 24px !important;} .axi-font-weight-200, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-weight-200 { font-weight: 200 !important; } .font-weight-200 { font-weight: 200; } .font-weight-200-important { font-weight: 200 !important; } .font-weight-300 { font-weight: 300; } .font-weight-300-important { font-weight: 300 !important; } .font-weight-400 { font-weight: 400; } .font-weight-400-important { font-weight: 400 !important; } .font-weight-600 { font-weight: 600; } .font-weight-600-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .font-weight-600-important { font-weight: 600 !important; } .line-height-14 { line-height: 14px; } .line-height-23-important, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .line-height-23-important { line-height: 23px !important; } .line-height-24-important { line-height: 24px !important; } .line-height-25 { line-height: 25px; } .line-height-26 { line-height: 26px; } .line-height-36-important, .small-header .axi-2015-header-container .v74-header-banner .line-height-36-important { line-height: 36px !important; } .line-height-42-important , #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.line-height-42-important { line-height: 42px !important; } .line-height-50 { line-height: 50px; } .uppercase { text-transform: uppercase; } .defaultcase { text-transform: none; } .defaultcase-important { text-transform: none !important; } .white-space-nowrap { white-space: nowrap; } .text-overflow-ellipsis { text-overflow: ellipsis; } .text-indent-minus-19-important { text-indent: -19px !important; } a.axi-white-hover-text:hover, a.axi-white-hover-text:hover span, a span.axi-white-hover-text:hover { color: #fff; } a.axi-white-hover-text-important:hover, a.axi-white-hover-text-important:hover span, a span.axi-white-hover-text-important:hover { color: #fff !important; } a.axi-green-hover-text:hover, a.axi-green-hover-text:hover span, a span.axi-green-hover-text:hover { color: #55c6b9; } a.axi-blue-hover-text:hover, a.axi-blue-hover-text:hover span, a span.axi-blue-hover-text:hover { color: #4c8ea6; } a.axi-darkblue-hover-text:hover, a.axi-darkblue-hover-text:hover span, a span.axi-darkblue-hover-text:hover { color: #79b3bc; } a.axi-red-hover-text:hover, a.axi-red-hover-text:hover span, a span.axi-red-hover-text:hover { color: #dc6060; } a.axi-white-hover-background:hover, a span.axi-white-hover-background:hover { background: #fff; } a.axi-blue-hover-background:hover, a span.axi-blue-hover-background:hover { background: #4c8ea6; } a.hover-opacity-1:hover { opacity: 1; } .ul-no-bullet li, ul.no-bullet li { list-style-type: none; } .opacity-70 { opacity: .7; } .opacity-0 { opacity: 0; } .bottom-arrow-big-eb::before { content: ''; position: absolute; bottom: 0%; right: calc(50% - 16px); margin-bottom: -15px; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 15px solid #ebebeb; } html.dark .bottom-arrow-big-eb::before { border-top-color: rgba(255, 255, 255, .1); } .bottom-arrow-big-eb::after { content: ''; position: absolute; right: calc(50% - 15px); bottom: 0%; margin-bottom: -14px; width: 0; height: 0; border-top: 15px solid #f5f8fa; border-right: 15px solid transparent; border-left: 15px solid transparent; } .bottom-arrow-normal-eb::before { content: ''; position: absolute; bottom: 0; right: calc(50% - 11px); margin-bottom: -11px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #ebebeb; z-index: 2; } .bottom-arrow-normal-eb::after { content: ''; position: absolute; right: calc(50% - 10px); bottom: 0; margin-bottom: -9px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #fff; z-index: 2; } .top-menu-highlight-red span { color: #dc6060 !important; } .top-menu-highlight-red::before { position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; display: block; width: calc(100% - 20px); height: 3px; background: #dc6060; content: ""; transition: height 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out; } .list-style-type-none { list-style-type: none; } .list-style-type-none-important { list-style-type: none !important; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } /* End Generic Classes */ .top-right-corner-triangle-75-blue { border-top: 75px solid #4c8ea6; border-left: 75px solid transparent; } .top-right-corner-triangle-75-blue span { position: absolute; right: 5px; bottom: 40px; width: 40px; height: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; text-align: center; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3.subtitle { margin-top: 12px; font-weight: 200 !important; font-size: 22px !important; color: #666 !important; line-height: 1.2em !important; text-align: center; } html.dark #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3.subtitle { color: rgba(255, 255, 255, .65) !important; } /* registration code*/ #frmDownloadRegister .reg-code-info, .license-registration-form .reg-code-info { position: absolute; right: -30px; top: 15px; color: #51514f !important; } .license-registration-form label.prod-type { width: auto; line-height: 20px; display:inline; position:relative; } /* custom radio buttons */ .license-registration-form [type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .license-registration-form label { display: block; cursor: pointer; line-height: 40px; color:#58646a; } .license-registration-form [type="radio"] + .round-check { display: inline; } /* the basic, unchecked style */ .license-registration-form [type="radio"] + .round-check:before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -2px; border-radius: 1em; border: 1px solid #ccc; margin-right: 0.75em; } /* the checked style using the :checked pseudo class */ .license-registration-form [type="radio"]:checked + .round-check:before { background: #4c8ea6; border: 1px solid #4c8ea6; } .license-registration-form [type="radio"]:checked + .round-check:after { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 1em; position: absolute; top: 5px; left: 5px; background-color: #fff; } .license-registration-form .round-check span{ font-family: Titillium Web,light; font-size: 20px; color:#000; } /* custom checkbox buttons */ .license-registration-form #checkboxWrapper { position: relative; display: table; height: 23px; margin: 10px auto 0; } .license-registration-form #checkboxWrapper input { appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 13px; height: 13px; opacity: 0; box-sizing: border-box; z-index: 1; position:relative; } .license-registration-form #checkboxWrapper input + #checkboxMask { position: absolute; top: 2px; left: 0px; width: 13px; height: 13px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; } .license-registration-form #checkboxWrapper input + #checkboxMask + span{ color:#707070; vertical-align:top; } .license-registration-form #checkboxWrapper input:checked + #checkboxMask { background: #4c8ea6 url(../img/2015/checkbox.svg); border: 1px solid #4c8ea6; } .license-registration-form .styled-select select { background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .license-registration-form .styled-select:after{ top: 50%; left: 88%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #51514f; border-width: 5px; margin-top: -2px; z-index: 100; } .registered .inner-pages-listing{ max-width: 960px; margin: 0 auto; } .registered .inner-pages-listing h2{ text-align:center; } /* Media Queries - Release page - features */ @media only screen and (min-device-width : 320px) and (max-device-width : 768px) { .release-ix { padding-left: 40px; } .release-ix h2 { text-align:center; } .release-ix .section-feature { width:100%; display:block; padding:0 0 20px 0; } .release-ix .section-text { padding:0 15px; } .release-ix .product-description { padding: 20px 0 !important; } .screen-demo-wrap-img.screen-demo-wrap-img-wa .right-border{ background:none; } } /* LP Paid active users */ #download-popup{ width:900px; margin:0 auto; } #download-popup .downloads-container tr:first-child td{ border-top: none!important; } #download-popup .downloads-container td:first-child{ border-left: none!important; } /* .downloads-container td:last-child{ border-right: none!important; } */ .container-wrap-margin{ margin:50px auto; clear:both; } /* Speech Bubbl */ .container-tooltip { background: none; bottom: 20px; height: 300px; position: fixed; right: 25px; text-align: center; width: 257px; z-index: 9999; } /* image circle */ .container-tooltip .chart { position: absolute; display: inline-block; color: #999; font-size: 20px; text-align: center; width:64px; height:64px; margin:0; bottom:10px; right:95px; -webkit-box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.07); box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.07); border-radius:30px; } .container-tooltip .chart img { position: absolute; max-width: 64px; max-height: 64px; background: none; border-radius: 100%; } .container-tooltip .face { top: 0px; left: 0px; } .container-tooltip .face + svg .outer { stroke: #4c8ea6; } .container-tooltip .chart svg { position: absolute; top: -18px; left: -18px; } .container-tooltip .outer { fill: transparent; stroke: #333; stroke-width: 3; stroke-dasharray: 534; transition: stroke-dashoffset 1s; -webkit-animation-play-state: running; -moz-transform: rotate(-89deg) translateX(-190px); } /* Set the initial values for the animation */ .container-tooltip .chart[data-percent='100'] .outer { stroke-dashoffset: 0; -webkit-animation: show100 2s; animation: show100 2s; } @-webkit-keyframes show100 { from { stroke-dashoffset: 537; } to { stroke-dashoffset: 0; } } @keyframes show100 { from { stroke-dashoffset: 537; } to { stroke-dashoffset: 0; } } .container-tooltip .tooltip-wrapper{ background:#1a2e34; opacity:0.95; width:257px; height:310px; position:relative; border-radius: 3px; } .container-tooltip .tooltip-anim{ height:0px; overflow: hidden; -webkit-transition:height 2s; -moz-transition: height 2s; transition: height 2s; position:absolute; bottom:85px; } .container-tooltip .unveil{ height:320px; } .container-tooltip .tooltip-anim.unveil{ -webkit-transition-duration: 2000ms; -moz-transition-duration: 2000ms; -o-transition-duration: 2000ms; transition-duration:2000ms; -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .container-tooltip .tooltip-wrapper:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #1a2e34; border-width: 10px; margin-left: -10px; } .container-tooltip .face.fadeIn{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 0.5s; } .container-tooltip h4, .container-tooltip p{ color:#fff; padding:5px 0; text-align: left; } .container-tooltip h4{ padding:20px 0 15px 20px; border-bottom:solid 1px #3b4c52; margin:0; opacity:0.9; } .container-tooltip .content-text{ padding:0px 20px; height: 160px; opacity:0.9; } .container-tooltip a.button-big-red{ display: block; margin: 20px auto; max-width: 130px; height: 34px; padding: 3px 20px; background: #dc6060; border-radius: 20px; line-height: 36px; text-align: center; vertical-align: middle; outline: none; } .container-tooltip a.button-big-red span{ float: none; height: auto; padding: 0; background: none; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 13px; line-height: normal; text-transform: uppercase; color:#fff; } .container-tooltip .done{ background:none!important; border:solid 1px #dc6060; } .container-tooltip .done span{ color:#dc6060!important; } .container-tooltip .display-message{ cursor:pointer; } .container-tooltip .message-nr{ color:#fff; width:20px; height:20px; border-radius:30px; background:#dc6060; position:absolute; right:4px; bottom:-3px; } .container-tooltip .close{ position:absolute; right:19px; top:17px; width: 20px; height: 20px; cursor: pointer; opacity: .5; } .container-tooltip .close::before { position: absolute; top: 10px; left: 0; display: inline-block; width: 17px; height: 1px; background: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } .container-tooltip .close::after { position: absolute; top: 10px; left: 0; display: inline-block; width: 17px; height: 1px; background: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .container-tooltip .discount{ position:relative; margin:0 5px; } .container-tooltip .discount::before { border:1px solid #fff; content:""; opacity: 0.25; position:absolute; height:20px; width:53px; left:-6px; top:-2px; border-radius: 2px; } .container-tooltip .tooltip-details .registration-form input + label[placeholder]::before { background:#1a2e34!important; } .container-tooltip .content-text .form { text-align:left; } .container-tooltip .tooltip-details .registration-form input { padding:0 1em; height: 36.6px; } .container-tooltip .tooltip-details .registration-form input + label[placeholder] { margin-top: -36.6px; } .container-tooltip .tooltip-details p { margin-bottom: 15px !important; } /* Release-iX Partners LP */ .release-ix .licensing-title { margin-bottom: 20px; } .release-ix .licensing-title + .liner { margin-bottom: 30px; } .release-ix .licensing-highlights { padding: 5px 0 20px; background: #f5f8fa; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .release-ix .licensing-highlights.go-to-market { margin: 10px 70px !important; padding-top: 10px; background: #fff; border-bottom: none; text-align: center; } .release-ix .licensing-highlights.go-to-market p, .release-ix .licensing-highlights.go-to-market ul { width: 960px; margin: 0 auto; display: inline-block; line-height: 22px; } .release-ix .licensing-highlights.go-to-market ul li { margin: 0 160px 10px; } .release-ix .licensing-highlights.go-to-market ul:last-of-type li { margin: 0 240px; } .release-ix .licensing-highlights.go-to-market + div { margin-top: 50px; } .release-ix .licensing-highlights h2 { margin: 20px 0; text-align: center; } .release-ix .licensing-highlights p { text-align: center; font-size: 18px; font-weight: 300; line-height: 28px; } .section-solution.section-solution-3c{ width: 30%; } .section-solution.section-solution-3c .section-solution-pad { padding: 40px 15% 20px; } .section-solution.section-solution-3c .section-solution-pad ul { margin-top: 0; } .release-ix .btn-features.btn-prices { width: 505px; height: 40px; } .release-ix .btn-features.btn-prices > div { float: left; margin-right: 10px; } .release-ix .btn-features.btn-prices > div:first-child a { min-width: 215px !important; } .release-ix .quote-marks:before{ color: #d0d7d9; content: open-quote; font-family: Georgia,Italic; font-size: 6em; left: -35px; position: absolute; quotes: "“" "”"; top: 25px; } .release-ix .quote-marks{ margin-bottom: 16px; margin-right: 0; position: relative; width: auto; } .container-tooltip .tooltip-details .registration-form input.renewFormError{ border:1px solid #db5959; } .container-tooltip .tooltip-details .registration-form input.renewFormError + label[placeholder]:before{ color:#db5959!important; } .release-ix .add-on{ background: #4c8ea6; border-radius: 3px; color: #fff; font-size: 10px; line-height: 13px; padding: 0 5px 1px; vertical-align: text-top; } a.tooltip {outline:none; text-decoration:underline!important; font-size: 18px!important; color: #707070!important; font-weight:300!important; margin:0!important;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10; display:none; padding:14px 20px; margin-top:-10px; margin-left:28px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; background:#1a2e34; opacity:1; width:257px; height:230px; border-radius: 3px; color:#fff; top:200px; right:80px; line-height:18px; } /*CSS3 extras*/ a.tooltip span { border-radius:4px; } .arrow_box { position: relative; background: #1a2e34; border: 1px solid #1a2e34; } a.tooltip span:after{ right: 100%; top: 18%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } a.tooltip span:after { border-color: rgba(166, 104, 213, 0); border-right-color: #1a2e34; border-width: 10px; margin-top: -10px; } .release-ix .button-container { display: table; margin: 50px auto 0; } .release-ix .position-ul { margin:20px auto; max-width:290px; } .release-ix .price { display:block; line-height:25px; } /* START RIBBON X1 */ ul.dark-demo-menu + #siteWrapper .ribbon-new-version { position: absolute; right: 210px; top: 27px; margin-right: 5px; width: 156px; height: 40px; } ul.dark-demo-menu.hidden + #siteWrapper .ribbon-new-version { position: absolute; right: 210px; margin-right: 5px; top: 27px; transition: margin-right linear 0.4s; cursor: pointer; } .ribbon-new-version .ribbon-new-version-logo { position: absolute; top: -21px; right: 7px; display: block; width: 58px; height: 58px; background: url('/img/2018/x2-logo.svg') center center no-repeat; background-size: 60px 60px; transition: linear 0.4s; } .ribbon-new-version .click-ribbon { position: absolute; width: 100%; height: 40px; } .ribbon-new-version span { color: #f55676; font-size: 13px; } .ribbon-new-version .ribbon-new-version-text-before { display: block; margin-left: 20px; padding: 0 20px 0 0; overflow: hidden; height: 15px; width: 80px; transition: linear 0.4s; opacity: 1; } .ribbon-new-version .ribbon-new-version-text-after { position: absolute; top: 0; right: 28px; overflow: hidden; width: 100px; height: 15px; text-align: right; transition: linear 0s; opacity: 0; -webkit-transition-delay: 0.2s; /* Chrome, Safari, Opera */ transition-delay: 0.2s; } .ribbon-new-version-container { position: relative; } ul.dark-demo-menu.hidden + #siteWrapper .ribbon-new-version:hover { margin-right: 0; } .ribbon-new-version:hover .ribbon-new-version-logo { right: 105px; } .ribbon-new-version:hover .ribbon-new-version-text-before { width: 0; padding: 0; opacity: 0; } .ribbon-new-version:hover .ribbon-new-version-text-after { right: 28px; opacity: 1; transition: linear 0.4s; } /* END RIBBON X1 */ .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .tab-bg1:not(.margin-bottom-10) { height: 70px; margin: 0 0 10px; } .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs a { border: none; } .jsTab { position: relative; z-index: 2; } .jsTab .first-title { margin-bottom: 30px; } .jsTab .border-bottom-white:last-child { padding-bottom: 50px; } .jsTab .border-bottom-white .section-feature-row { padding-top: 20px; } .jsTab .border-bottom-white .section-feature-row:first-child { padding-top: 0; } .jsTab .section-feature-3-columns { display: inline-block; width: 33%; box-sizing: border-box; } .jsTab .section-feature-2-columns { display: inline-block; width: 49.5%; box-sizing: border-box; } .jsTab .section-feature-1-column { display: inline-block; width: 100%; box-sizing: border-box; } .jsTab .section-feature-columns:first-child { padding-right: 10px; } .jsTab .section-feature-columns:nth-child(2) { padding: 0 5px; } .jsTab .section-feature-columns:last-child { padding-left: 10px; } .jsTab .section-feature-2-columns:first-child { padding-right: 15px; } .jsTab .section-feature-2-columns:last-child { padding-right: 0; padding-left: 15px; margin-left: 5px; } .jsTab .section-feature-1-column:first-child:last-child, .jsTab .section-feature-1-columns:first-child:last-child { padding: 0; } .jsTab .section-feature-columns { position: relative; } .jsTab .section-feature-columns > table { width: 100%; } /* Feature Status */ .white-block .status, .jsTab .section-feature-columns .status { position: absolute; right: 0; bottom: 2px; width: 0; height: 0; border-bottom: 50px solid transparent; border-left: 50px solid transparent; } .jsTab .section-feature-columns:first-child .status { right: 15px; } .jsTab .section-feature-columns .multiple-cells-table td .status, .jsTab .section-feature-columns table td.position-relative > .status { right: 0; bottom: 0; } .jsTab .section-feature-columns .multiple-cells-table td { position: relative; } .white-block .status.orange, .jsTab .section-feature-columns .status.dev { border-bottom-color: rgba(215, 175, 42, .95) !important; } .jsTab .section-feature-columns .status.test { border-bottom-color: rgba(215, 175, 42, .95); } .jsTab .section-feature-columns .status.done { border-bottom-color: rgba(80, 169, 60, .95) !important; } .white-block .status span, .jsTab .section-feature-columns .status span { position: absolute; right: -5px; bottom: -45px; width: 40px; height: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; text-align: center; color: #fff; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); } .jsTab .section-feature-columns > table tr:first-child td { height: 100px; background: #fff; border: 1px solid #ebebeb; border-bottom: none; border-radius: 3px 3px 0 0; } html.dark .jsTab .section-feature-columns > table tr:first-child td { background: #0d1021; border-color: rgba(255, 255, 255, .1); } .jsTab .section-feature-columns > table tr:not(:first-child) td { height: 80px; background: #fff; border: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; border-radius: 0 0 3px 3px; vertical-align: middle; } html.dark .jsTab .section-feature-columns > table tr:not(:first-child) td { background: #0d1021; border-color: rgba(255, 255, 255, .1); } .jsTab .section-feature-columns > table tr:not(:first-child):not(:last-child) td { border-bottom: none; border-radius: 0; } .jsTab .section-feature-columns > table tr:first-child:last-child td { height: 180px; background: #fff; border: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; border-radius: 3px; vertical-align: middle; } html.dark .jsTab .section-feature-columns > table tr:first-child:last-child td { background: #0d1021; border-color: rgba(255, 255, 255, .1); } .jsTab .section-feature-columns h3 { margin: 0; padding: 0 30px; line-height: 24px; } .jsTab .section-feature-columns p { padding: 10px 30px; text-align: center; vertical-align: middle; } .jsTab .section-feature-columns p.long { padding: 5px 30px; } .jsTab .supported-platform { text-align: left; padding: 4px 10px; } .jsTab .supported-platform .platform-64 { text-align: center; } .jsTab .supported-platform span:only-child { display: block; text-align: center; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content #aFeatures-panel .section-feature h3 span.new { bottom: 2px; } #mainPart-inner #content h2.first-title.with-subtitle { margin-bottom: 20px; } .screen-demo.screen-demo-wm { background: url('/img/2016/lp/wm-demo-screen-bg.jpg') no-repeat top -215px center; } .screen-demo.no-background { background: none; border: none; } #mainPart-inner #content h2.first-title ~ .screen-demo ul { width: 100%; max-width: 425px; } #mainPart-inner #content h2.first-title ~ .screen-demo ul > li { font-size: 18px; font-weight: 300; text-align: left; margin-bottom: 15px; line-height: 22px; } #mainPart-inner #content h2.first-title ~ .screen-demo .screen-demo-wrap-text:only-child ul { margin: 0 auto; } .foot-notes-platform li { color: #888; font-size: 12px !important; line-height: 17px !important; margin-bottom: 10px !important; margin-top: 0 !important; } .jsTab .section-feature-1-columns .supported-platform { width: 33%; } .jsTab .section-feature-columns > table tr:last-child td { border-radius: 0; } .jsTab .section-feature-columns > table tr:last-child td:first-child:last-child { border-radius: 0 0 4px 4px; } .jsTab .section-feature-columns > table tr td:not(:last-child) { border-right: none; } /* Setting the width in case there are 2 elements */ .jsTab .section-feature-columns > table tr:last-child td:nth-child(1):nth-last-child(2), .jsTab .section-feature-columns > table tr:last-child td:nth-child(2):nth-last-child(1) { width: 50%; } .jsTab .section-feature-columns > table tr:last-child td:nth-child(1):nth-last-child(2) { border-radius: 0 0 0 4px; } .jsTab .section-feature-columns > table tr:last-child td:nth-child(2):nth-last-child(1) { border-radius: 0 0 4px 0; } /* Setting the width in case there are 4 elements */ .jsTab .section-feature-columns > table tr:last-child td:nth-child(1):nth-last-child(4), .jsTab .section-feature-columns > table tr:last-child td:nth-child(2):nth-last-child(3), .jsTab .section-feature-columns > table tr:last-child td:nth-child(3):nth-last-child(2), .jsTab .section-feature-columns > table tr:last-child td:nth-child(4):nth-last-child(1) { width: 25%; } .info-icon{ display:inline-block; font-size: 16px; font-family:times new roman; font-style:italic; border:solid 1px #707070; border-radius:30px; width:6px; line-height:16px; padding:0 5px; margin-right:5px; color:#51514f; } /* Axigen 2015-04.css ********************************** * Introduced with the 2014-2015 redesign ************** *******************************************************/ .v74-grey-top .v74-header { width: 100% !important; position: fixed; top: 0; } .v74-header-padding { padding: 0 30px; } /* Signup button */ li.highlight-menu-button a, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li.highlight-menu-button a, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button { padding: 12px 15px !important; border-radius: 3px; color: #dc6060; transition: all 0.2s ease-in-out; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li.highlight-menu-button a, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button { height: 14px; } li.highlight-menu-button a span, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li.highlight-menu-button a span, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button span { color: #dc6060; } li.highlight-menu-button a::before, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button::before, .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li.highlight-menu-button a::before { position: absolute; right: 0; bottom: 7px; left: 0; margin: 0 auto; display: block; width: calc(100% - 20px); height: 3px; background: #dc6060; content: ""; transition: height 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button.highlight-rounded-button { top: -2px; margin-left: 10px; margin-top: 4px; padding: 8px 20px !important; box-sizing: border-box; background: #dc6060 !important; border: 1px solid #dc6060; border-radius: 22px; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button.highlight-rounded-button span { color: #fff; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button.highlight-rounded-button::before { display: none; } .after-scroll.top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button.highlight-rounded-button { background: #dc6060 !important; } .after-scroll.top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button.highlight-rounded-button span { color: #fff; } .top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.highlight-menu-button.highlight-rounded-button:hover { opacity: .7; } .wrap-header { position: fixed; top:0; height: 100vh; width: 100%; background: #1a2e34; background-size: 100% auto; } .wrap-header::before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #1a2e34; background-size: 100% auto; opacity: 0.9; content: ""; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out false; -o-transition: opacity 0.2s ease-in-out false; transition: opacity 0.2s ease-in-out; } body.new-home.homepage-default-dark-header.homepage-header-with-people-2016 .wrap-header::before { display: none; } .header-opacity.wrap-header:before { opacity: 0.8; } .homepage-default-dark-header .v74-demos-container { bottom: 6px; } .homepage-default-dark-header.lp-retargeting .v74-demos-container { top: calc(100% - 145px); bottom: auto; } .homepage-default-dark-header .v74-grey-top { margin-bottom: 0px !important; } .homepage-default-dark-header.homepage-header-with-people-2016 .v74-grey-top { } #siteWrapper .v74-header::before { position: fixed; top: 0; left: 0; width: 100%; height: 75px; content: ""; z-index: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .homepage-default-dark-header.homepage-header-with-people-2016 #siteWrapper > .v74-grey-top .v74-header::before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a2e34+0,1a2e34+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(26,46,52,1) 0%, rgba(26,46,52,1) 20%, rgba(26,46,52,0) 100%); background: -webkit-linear-gradient(top, rgba(26,46,52,1) 0%, rgba(26,46,52,1) 20%,rgba(26,46,52,0) 100%); background: linear-gradient(to bottom, rgba(26,46,52,1) 0%, rgba(26,46,52,1) 20%,rgba(26,46,52,0) 100%); } .dark-demo-menu:not(.hidden) + #siteWrapper .v74-header::before, #siteWrapper .v74-header.top-menu-after-scroll::before, ul.dark-demo-menu + #siteWrapper .v74-header.top-menu-after-scroll { background: #1a2e34 !important; border-bottom: 1px solid rgba(47, 82, 93, .35); } .container-wrap { width: 100%; clear: both; display: table; } .container-wrap a, .container-wrap .btn { font-weight: 400; font-size: 13px; background: none; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; background-color: none; } .container-wrap a:hover, .container-wrap a:focus { color: #4c8ea6; transition: all 0.2s ease-in-out 0s; text-decoration: none; } .container-wrap .btn-default { border: 1px solid #fff; padding: 10px 30px; border-radius: 30px; text-transform: uppercase; } html.dark .container-wrap .btn-default { border-color: #0d1021; } .container-wrap a.btn-dark { border-color: #4c8ea6; color: #4c8ea6; font-family: 'Source Sans Pro',sans-serif; } html.dark .container-wrap a.btn-dark { border-color: #4c8ea6; } .container-wrap a.btn-dark:hover { border-color: #498aa1; background-color: #498aa1; color: #fff; text-decoration:none; } /* Business and service providers */ .section-solution { position: relative; display: table-cell; width: 50%; vertical-align: top; background: #fff; } html.dark .section-solution { background: #0d1021; } /* In case there are 3 children */ .section-solution:nth-child(3):nth-last-child(1), .section-solution:nth-child(2):nth-last-child(2), .section-solution:nth-child(1):nth-last-child(3) { width: 33.33333333%; } .section-solution .section-solution-pad { padding: 40px 25%; text-align: center; } .section-solution p { font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: center; font-size: 20px; color: #58646a; line-height:1.4em; } .section-solution a { margin:20px 7px 0 0; display:inline-block; } .section-solution h2, .section-solution h2 a { font-family: 'Source Sans Pro',sans-serif; font-size: 36px; font-weight: 600; text-align: center; color: #000; line-height:36px; } .section-solution h2 a:hover { color: #2a6496; } .border-right-1-ccc { border-right: 1px solid #ccc; } .business-svg { width: auto; height: 122px; background: url('/img/2015/business.svg') top center no-repeat; color: blue; fill: currentColor; } .service-svg { width: auto; height: 122px; background: url('/img/2015/service.svg') top center no-repeat; } .msp-svg { width: auto; height: 122px; background: url('/img/2015/msp.svg') top center no-repeat; } /* Various devices */ .multiple-screens{ background: #e8ebf0; /* Old browsers */ background: -moz-linear-gradient(top, #e8ebf0 0%, #4f8997 0%, #448ba7 0%, #4f89a1 1%, #4a8c9c 1%, #4e87a4 1%, #438f9d 1%, #4a8ba1 1%, #4c8ea4 10%, #4b8fa2 15%, #4b92a4 16%, #4d96a5 27%, #4f98a7 28%, #4d9ba7 34%, #4f9faa 37%, #4ea0ab 39%, #4da0a8 40%, #4fa2aa 41%, #4da6ac 48%, #50abb0 53%, #50abb0 54%, #4faaad 54%, #4eacae 56%, #51b0b2 60%, #4fb1b0 65%, #51b3b2 65%, #52bbb6 76%, #52bbb4 79%, #54bfb7 83%, #54c7ba 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8ebf0), color-stop(0%,#4f8997), color-stop(0%,#448ba7), color-stop(1%,#4f89a1), color-stop(1%,#4a8c9c), color-stop(1%,#4e87a4), color-stop(1%,#438f9d), color-stop(1%,#4a8ba1), color-stop(10%,#4c8ea4), color-stop(15%,#4b8fa2), color-stop(16%,#4b92a4), color-stop(27%,#4d96a5), color-stop(28%,#4f98a7), color-stop(34%,#4d9ba7), color-stop(37%,#4f9faa), color-stop(39%,#4ea0ab), color-stop(40%,#4da0a8), color-stop(41%,#4fa2aa), color-stop(48%,#4da6ac), color-stop(53%,#50abb0), color-stop(54%,#50abb0), color-stop(54%,#4faaad), color-stop(56%,#4eacae), color-stop(60%,#51b0b2), color-stop(65%,#4fb1b0), color-stop(65%,#51b3b2), color-stop(76%,#52bbb6), color-stop(79%,#52bbb4), color-stop(83%,#54bfb7), color-stop(100%,#54c7ba)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8ebf0 0%,#4f8997 0%,#448ba7 0%,#4f89a1 1%,#4a8c9c 1%,#4e87a4 1%,#438f9d 1%,#4a8ba1 1%,#4c8ea4 10%,#4b8fa2 15%,#4b92a4 16%,#4d96a5 27%,#4f98a7 28%,#4d9ba7 34%,#4f9faa 37%,#4ea0ab 39%,#4da0a8 40%,#4fa2aa 41%,#4da6ac 48%,#50abb0 53%,#50abb0 54%,#4faaad 54%,#4eacae 56%,#51b0b2 60%,#4fb1b0 65%,#51b3b2 65%,#52bbb6 76%,#52bbb4 79%,#54bfb7 83%,#54c7ba 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8ebf0 0%,#4f8997 0%,#448ba7 0%,#4f89a1 1%,#4a8c9c 1%,#4e87a4 1%,#438f9d 1%,#4a8ba1 1%,#4c8ea4 10%,#4b8fa2 15%,#4b92a4 16%,#4d96a5 27%,#4f98a7 28%,#4d9ba7 34%,#4f9faa 37%,#4ea0ab 39%,#4da0a8 40%,#4fa2aa 41%,#4da6ac 48%,#50abb0 53%,#50abb0 54%,#4faaad 54%,#4eacae 56%,#51b0b2 60%,#4fb1b0 65%,#51b3b2 65%,#52bbb6 76%,#52bbb4 79%,#54bfb7 83%,#54c7ba 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8ebf0 0%,#4f8997 0%,#448ba7 0%,#4f89a1 1%,#4a8c9c 1%,#4e87a4 1%,#438f9d 1%,#4a8ba1 1%,#4c8ea4 10%,#4b8fa2 15%,#4b92a4 16%,#4d96a5 27%,#4f98a7 28%,#4d9ba7 34%,#4f9faa 37%,#4ea0ab 39%,#4da0a8 40%,#4fa2aa 41%,#4da6ac 48%,#50abb0 53%,#50abb0 54%,#4faaad 54%,#4eacae 56%,#51b0b2 60%,#4fb1b0 65%,#51b3b2 65%,#52bbb6 76%,#52bbb4 79%,#54bfb7 83%,#54c7ba 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8ebf0 0%,#4f8997 0%,#448ba7 0%,#4f89a1 1%,#4a8c9c 1%,#4e87a4 1%,#438f9d 1%,#4a8ba1 1%,#4c8ea4 10%,#4b8fa2 15%,#4b92a4 16%,#4d96a5 27%,#4f98a7 28%,#4d9ba7 34%,#4f9faa 37%,#4ea0ab 39%,#4da0a8 40%,#4fa2aa 41%,#4da6ac 48%,#50abb0 53%,#50abb0 54%,#4faaad 54%,#4eacae 56%,#51b0b2 60%,#4fb1b0 65%,#51b3b2 65%,#52bbb6 76%,#52bbb4 79%,#54bfb7 83%,#54c7ba 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ebf0', endColorstr='#54c7ba',GradientType=0 ); /* IE6-9 */ height:auto; } .multiple-screens h4{ padding-top:40px; font-family: 'Titillium Web', sans-serif; font-weight: 200; text-align: center; font-size:36px; line-height:40px; color:#fafafa; margin:0; } .multiple-screens p{ color:#fff; opacity: 0.6; font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: center; font-size: 20px; line-height:1.4em; width:36%; margin:20px auto; } .multiple-screens-image{ background: url('/img/2015/comp.png') top center no-repeat; height:365px; width: auto; } /* START Section 3 - Worldwide Usage */ .grey-bg { background: #f5f8fa; z-index:10; position:relative; } .world-svg { background: url('/img/2015/world-map.svg') center 20px no-repeat; width: auto; } .world p { font-family: 'Source Sans Pro',sans-serif; color: #dc6060; font-size: 72px; font-weight: 200; padding: 60px 0 40px; line-height: 70px; margin: 0px; text-align: center; } .world p span{ display: inline-block; font-family: 'Source Sans Pro',sans-serif; font-size:36px; line-height:40px; color:#000; font-weight:200; } .logos{ margin: 70px auto; width:100%; text-align:center; } .logos img{ display: inline-block; margin: 10px; margin-right: 9%; width:auto; vertical-align:middle; } .logos img:last-child{ margin-right: 0%; } .logos img:first-child{ margin-left:3%; } .logos img.fadeInUp:last-child{ animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .logos img.fadeInUp:first-child{ animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .logos img.fadeInUp:nth-child(3){ animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .logos img.fadeInUp:nth-child(2){ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .logos img.fadeInUp:nth-child(4){ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .container-reviews { width:100%; clear:both; display: table; } .reviews p { font-family: Georgia, italic; font-size: 18px; line-height: 25px; font-style: italic; padding: 0; margin: 0; } .reviews { width: 33%; display: table-cell; vertical-align: top; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; } html.dark .reviews { background: #0d1021; border-top-color: rgba(255, 255, 255, .2); border-bottom-color: rgba(255, 255, 255, .2); } .reviews:first-child{ border-left:none; } .reviews:last-child{ border-right:none; } .review{ padding:5% 27%; } .reviews a{ color:#665b5e; text-align:center; } .reviews a:first{ border-right:none; } .reviews a:hover{ text-decoration:none; } .review-up{ text-decoration:none; color:#665b5e; position:relative; z-index: 99; transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .reviews span{ color:#ce5f5f; font-size:14px; font-family: 'Source Sans Pro',sans-serif; text-transform:uppercase; font-style: normal; font-weight:600; display:block; margin-top:15px; } blockquote { quotes: "\201C""\201D"; border-left: none; padding: 0; margin: 0; display: block; font-family: Georgia, italic; font-size: 17px; line-height: 96px; height: 70px; } blockquote::after { color: #d0d7d9; content: open-quote; font-size: 6em; } .quote.article-quote { position: relative; padding-left: 90px; } .quote + .quote-author { position: relative; padding-left: 90px; font-weight: 600; color: #000; } .quote + .quote-author::after { position: absolute; left: 80px; top: 1px; width: 1px; height: calc(100% + 20px); border-left: 1px solid #ddd; content: ""; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p.quote { padding-left: 90px; } .quote.article-quote::after { position: absolute; left: 80px; top: 1px; width: 1px; height: calc(100% + 20px); border-left: 1px solid #ddd; content: ""; } .quote.article-quote::before { position: absolute; top: 30px; left: 32px; font-family: Georgia, italic; quotes: "\201C" "\201D"; color: #d0d7d9; content: open-quote; font-size: 6em; } /* Get Started */ .buttons-bottom{ position:relative; height:150px; } .button-demo{ margin:0 auto; background:#4c8ea6; text-align:center; width:100%; position:absolute; height:210px; } .button-up{ padding-top:70px; } .button-demo p{ color:#fff; font-size:14px; padding:10px 0 0 0; margin:0px; font-family: 'Source Sans Pro',sans-serif; } .button-demo .btn-white{ background:#fff; color:#4c8ea6; font-size:16px; text-transform: uppercase; border-radius: 30px; padding: 1em 5.5em; min-width: initial; border:solid 1px #fff; font-family: 'Source Sans Pro',sans-serif; } .button-demo .btn-white:hover{ opacity:0.7; cursor: pointer; } .homepage-default-dark-header .v74-grey-bottom { height: 150px; } .homepage-default-dark-header .v74-grey-top.v74-grey-bottom{ background:none; } .homepage-default-dark-header .v74-grey-bottom .v74-demos-container{ bottom:0; } .v74-grey-bottom.v74-grey-top .v74-demos-links .v74-demos-webmail, .v74-grey-bottom.v74-grey-top .v74-demos-links .v74-demos-webadmin, .v74-grey-bottom.v74-grey-top .v74-demos-links .v74-demos-download{ border-top:solid 1px #1a2e34; } .none { display: none; } .hidden { visibility: hidden; } .visible { display: block; visibility: visible; } .visible-inline { display: inline-block; visibility: visible; } .no-desktop { display: none; } .v74-axigen-logo.no-desktop { margin: 15px; } .border-gradient-2 span { position: relative; z-index: 9; } .wa-ssl { background: rgba(0, 0, 0, 0) url("/img/2016/lp/wa-ssl.png") no-repeat scroll right top; height: 532px; width: 100%; } .wa-filtering { background: rgba(0, 0, 0, 0) url("/img/2016/lp/wa-filtering.png") no-repeat scroll left top; height: 408px; width: 100%; } .feature-icon-x { display: block; height: 100px; margin: 20px auto; width: 100px; } .brand { background: rgba(0, 0, 0, 0) url("/img/2016/lp/icon-x-brand.svg") no-repeat scroll center center / 100px 100px; display: block; width: 100px; height: 100px; } .redirect { background: rgba(0, 0, 0, 0) url("/img/2016/lp/icon-x-redirect.svg") no-repeat scroll center center / 100px 100px; display: block; width: 100px; height: 100px; } .filtering { background: rgba(0, 0, 0, 0) url("/img/2016/lp/icon-x-filtering.svg") no-repeat scroll center center / 100px 100px; display: block; width: 100px; height: 100px; } .kavkas { background: rgba(0, 0, 0, 0) url("/img/2016/lp/icon-x-kavkas.svg") no-repeat scroll center center / 100px 100px; display: block; width: 100px; height: 100px; } /* Cookie Policy */ .cookie-table td{ border-bottom: solid 1px #ebebeb; } .cookie-table tr:first-child td{ border-top: solid 1px #ebebeb; } .cookie-wrapper { position: fixed; bottom: 0; z-index: 99; background: #f5f8fa; color: #58646a; width: 100%; height: 60px; text-align: center; line-height: 60px; opacity: 0; display: none; border-top: 1px solid #ebebeb; } .cookie-wrapper.display-none{ display: none; opacity: 0; } .cookie-wrapper.display-block{ display: block; opacity: 1; } .homepage-default-dark-header .cookie-wrapper { background: rgba(26,46,52,1); color: #fff; border-top: 1px solid rgba(26,46,52,1); } .cookie-wrapper a { color: #4c8ea6; } .cookie-wrapper.after-scroll { background: #f5f8fa; color: #58646a; border-top: 1px solid #ebebeb; transition: ease 1s; } .homepage-default-dark-header .v74-grey-top:not(.v74-grey-bottom) { height: calc(100vh - 60px); } /* Freebsd Announcement */ .freebsd-announcement { width: 645px; left: 0; right: 0; margin: 0 auto; color: #808080; } .freebsd-announcement-wrapper { width: 100%; border-top: 1px solid #424242; } .freebsd-announcement-wrapper .infotip-i { top: -5px; } /* Media queries small screens */ @media only screen and (min-device-width : 320px) and (max-device-width : 768px) { .mobile-padding-top-0, #mainPart-inner #content .mobile-padding-top-0 { padding-top: 0; } .mobile-padding-bottom-50, #mainPart-inner #content .mobile-padding-bottom-50 { padding-bottom: 50px; } .mobile-border-radius-bottom-left-0-important { border-bottom-left-radius: 0 !important; } .mobile-border-radius-bottom-left-4-important { border-bottom-left-radius: 4px !important; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .no-mobile { display: none !important; } .dark-demo-menu + #siteWrapper .nav-top li.no-mobile { display: block!important; } .dark-demo-menu.hidden + #siteWrapper .nav-top li.no-mobile { display: none!important; } .mobile { display:block; visibility: visible; } .mobile-padding-side-18 { padding: 0 18px; } .no-desktop { display: block; text-indent: 9999px; } .v74-header-padding{ padding:0; } .nav-top{ padding-left:0; margin-left:0; } .v74-header .top-logo{ width: 48px!important; top: 18px!important; } .section-solution .section-solution-pad{ padding:20px 0; } .section-solution h2{ margin:15px 0; } .multiple-screens h4, .world p span{ padding: 15px 20px 0; font-size:26px; line-height:32px; } .world p{ font-size:62px; line-height:66px; padding-bottom: 10px; } .multiple-screens h4{ padding: 15px 20px; } .homepage-default-dark-header .v74-demos-links a.v74-demos-download{ width:100%; } .border-right-1-ccc { border-right:none; border-bottom:1px solid #ccc; } .section-solution { width: 90%; display: block; margin: 10px auto; } .section-solution:nth-child(3):nth-last-child(1), .section-solution:nth-child(2):nth-last-child(2), .section-solution:nth-child(1):nth-last-child(3) { width: calc(100% - 60px); } .reviews { left: -20px; width: calc(100% + 40px); display: block; margin: 10px auto; } .reviews.screen-demo { margin-top: 0; margin-bottom: 0; } .review { padding: 5% 20px; } .reviews:first-child{ border-left: solid 1px #cfe2e6; } .reviews:last-child{ border-right: solid 1px #cfe2e6; } .logos{ margin:20px auto; } .logos img{ margin: 10px; visibility:visible!important; } .logos img:last-child{ margin-right: 0%; } .logos img:first-child{ margin-left:0%; } .multiple-screens p{ padding:0 5vw; } .multiple-screens-image{ background-size:100%; height:165px; } .v74-grey-top h1{ width:auto; } .rotate, .fadeInUp, .review-up, .zoomIn, .fadeIn { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } .homepage-default-dark-header .homepage-76-header { height: 29vh; } .homepage-default-dark-header .v74-grey-top h1 { font-size: 26px !important; line-height: 32px; margin: -30px 10px 20px; margin-top: calc(50vh - 190px) !important; } .homepage-default-dark-header .v74-grey-top h1 span{ padding: 10px; display: block; font-size: 17px; } .homepage-default-dark-header .homepage-2014-10-header-container{ margin-top: 15px; } .screen-demo-wm .opacity-0 { opacity: 1!important; } .screen-demo-wm .overflow-y-hidden { overflow-y: visible !important; } .screen-demo-wm .height-0 { height: auto; } .v74-header .dark-demo-menu { width: 960px; } ul.v74-menu-container li { margin-left: 0 !important; width: 100% !important; display: block; text-align: center; } .menu-wrapper { overflow: scroll; width: 100%; white-space: nowrap; } .v74-grey-top .v74-demos-container, .v74-grey-top .v74-demos-links, .homepage-default-dark-header .v74-grey-bottom, .buttons-bottom { height: 145px; } body.homepage-header-with-people-2016, body.homepage-header-with-people-2016 #siteWrapper { overflow-x: hidden; } body.homepage-header-with-people-2016 .v74-demos-container { position: absolute; } body.homepage-header-with-people-2016 ul.dark-demo-menu.hidden { position: relative; } body.homepage-header-with-people-2016 .wrap-header { left: 0; right: 0; background: url(/img/2016/homepage-header-bg-full-mobile-dark.jpg) center bottom 210px; background-size: 100% auto; } body.homepage-header-with-people-2016 .v74-grey-top h1 { margin-left: 0; margin-right: 0; } body.homepage-header-with-people-2016 .container-wrap.business-sp { margin-top: -355px; border-bottom: 1px solid #ccc; } body.homepage-header-with-people-2016 .features-overview-homepage, body.homepage-header-with-people-2016 .screen-demo { padding-top: 60px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } body.homepage-header-with-people-2016 .features-overview-homepage { padding-top: 0; } body.homepage-header-with-people-2016 .screen-demo-wa { padding-bottom: 170px; } body.homepage-header-with-people-2016 .screen-demo-wm-text-container { height: auto !important; } body.homepage-header-with-people-2016 .webclient, body.homepage-header-with-people-2016 .webdemo { background-position: bottom; background-size: 100% auto; border: none !important; } body.homepage-header-with-people-2016 .screen-demo-wrap-img-wa { position: absolute; left: 20px; bottom: 0; width: calc(100% - 40px); } body.homepage-header-with-people-2016 .container-reviews { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; box-sizing: border-box; } body.homepage-header-with-people-2016 .reviews { margin-right: 0; width: 100%; box-sizing: border-box; } body.homepage-header-with-people-2016 .reviews.review-up { position: static; } body.homepage-header-with-people-2016 .reviews .review { padding: 20px; box-sizing: border-box; } .homepage-default-dark-header .v74-demos-links a { height: 150px; padding-top: 0px; } .license-registration-form .sidebyside-position-input { width: 100% !important; margin-left: 0 !important; } .license-registration-form fieldset { padding:0 !important; } div#form-contact::after { height: 88px; } ol#jsTabs a span.subtitle { display: none; } #tabs .ui-tabs-panel { width: 100%; } .mobile-padding-side { padding: 0 20px; } .mobile-line-height-32 { line-height: 32px; } .cookie-table tr td{ display:block; padding: 10px 20px; width: 90%!important; } .cookie-table tr:first-child td { border-top: none; } .cookie-table tr td:first-child { font-size: 14px; font-weight: bold; } .cookie-wrapper { line-height: 34px; height: 80px; } .zopim { display: none!important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .section-solution .section-solution-pad{ padding:40px 5vw; } .multiple-screens p{ padding:0 5vw; } } @media only screen and (min-width : 768px) and (max-width : 1200px) { .v74-header .dark-demo-menu{ float:right; clear:both; } .nav-top{ margin-bottom:0px; } } @media only screen and (max-device-width : 768px) { .downloads-container .downloads-table { display: block; margin: 10px 10px 0; width: calc(100% - 10px); } .downloads-container .downloads-table tbody, .downloads-container .downloads-table tr.no-hover { display: block; } .downloads-container .downloads-table tr:not(.no-hover) td:nth-child(2) { display: inline-block; width: auto !important; } .downloads-container .downloads-table tr:not(.no-hover) td:first-child { border-bottom: none; vertical-align: top; } .downloads-container .downloads-table tr:not(.no-hover) td:nth-child(2) > a { font-size: 20px !important; line-height: 24px !important; } .downloads-container .downloads-table .downloads-kit-description { width: 100%; } .downloads-container .downloads-table tr:not(.no-hover) td.file-size { display: none; } .downloads-container .downloads-table tr:not(.no-hover) td.download-now { display: none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content p.small-print-note { width: 90%; margin: 0 auto; max-width: 500px; line-height: 16px !important; text-align: center; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content p.small-print-note img { float: none !important; display: block; margin: 0 auto !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .new-product-description { margin: 10px auto 8px !important; width: 90%; font-size: 18px; line-height: 22px; text-align: center; } } .opacity { opacity: 1 !important; } /* input.css ************************************** ** Introduced with the 2014 download form design ** ***************************************************/ .registration-form { max-width: 600px !important; padding: 20px 30px 0; border-left: 1px solid #808080; border-right: 1px solid #808080; box-sizing: border-box; } .registration-form input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #808080; border-radius: 2px; box-sizing: border-box; height: 48px; margin: 0 0 1em; outline: medium none; padding: 1em; resize: none; width: 100%; color: #51514f; font-family: 'Source Sans Pro'; font-size: 14px; } html.dark .registration-form input { color: rgba(255, 255, 255, .68); } .registration-form input.error { border: 1px solid #db5959; } .registration-form .info_text { background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: 100% 5px; color: #60dc60; position: absolute; margin-top: -70px; padding: 0 5px; margin-left: 10px; font-family: 'Source Sans Pro' !important; font-size: 13px; text-transform: none; text-align: left; font-weight: 400; } .registration-form .warn_text { background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: 100% 5px; color: #dc6060; position: absolute; margin-top: -70px; padding: 0 5px; margin-left: 10px; font-family: 'Source Sans Pro' !important; font-size: 13px; text-transform: none; text-align: left; font-weight: 400; } .registration-form .error_text, .registration-form .error_text_country { background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: 100% 5px; color: #dc6060; position: absolute; top: -3px; padding: 0 5px; margin-left: 10px; font-family: 'Source Sans Pro' !important; font-size: 13px; text-transform: uppercase; text-align: left; font-weight: 400; } html.dark .registration-form .error_text, html.dark .registration-form .error_text_country { background-color: #0d1021; } .registration-form #formDownload .col-xs-9.no-float .error_text:first-child { left: -113px; top: -145px; min-width: 640px; min-height: 60px; padding: 15px; box-sizing: border-box; background-color: #dc6060; border-radius: 2px; text-transform: none; color: #fff; z-index: 10; } #downloadPopup.overlay .registration-form #formDownload .col-xs-9.no-float .error_text:first-child { top: -40px; } .registration-form .switchThreeStates + .error_text { margin-top: -90px; z-index: 1; } .registration-form .error_text_country { margin-top:-58px; } .registration-form input:focus { border-color: #4f9bb5; } .registration-form input:focus + label[placeholder]:before { color: #4f9bb5; } .registration-form input:focus + label[placeholder]:before, .registration-form input.selected + label[placeholder]:before { -webkit-transform: translate(0px, -1.6em) scale(0.9, 0.9); -webkit-transition-duration: 0.2s; transform: translate(0px, -1.6em) scale(0.9, 0.9); transition-duration: 0.2s; } .registration-form input:invalid + label[placeholder][alt]:before { content: attr(alt); } .registration-form input + label[placeholder] { display: block; line-height: 1.3em; margin-bottom: 35.6px; margin-top: -48px; pointer-events: none; font-size: 14px; text-align: left; } .registration-form input + label[placeholder]:before { background-color: #2a393e; background-position: center center; background-repeat: no-repeat; background-size: 100% 5px; color: #808080; content: attr(placeholder); display: inline-block; margin: 0 1em; padding: 0 5px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; white-space: nowrap; font-family: 'Source Sans Pro'!important; font-size: 14px; text-transform: uppercase; font-weight: 400; } .registration-form .input-float { width: calc(50% - 8px); max-height: 50px; float: left; margin-right: 15px; } .registration-form .last { margin-right: 0; } .registration-form .input-float.last { width: calc(50% - 7px); } .registration-form p.disclamer-agree { color: #808080; font-family: 'Source Sans Pro'; font-size: 12px; font-weight: normal; text-align: center; } .registration-form p.disclamer-agree a { color: #4c8ea6; font-size: 12px; font-weight: normal; text-decoration: none; } .registration-form p.disclamer-agree a:hover { color: #fff; font-size: 12px; } .registration-form .register-or-demo { font-family: 'Source Sans Pro',semibold; font-size: 16px; margin: 25px auto; opacity: 0.6; } #mytext { font-size: 80px; } .registration-form .skip { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #4c8ea6; border-radius: 30px; color: #4c8ea6; font-family: 'Source Sans Pro',semibold; font-size: 13px; padding: 13px 24px; text-transform: uppercase; } .registration-form h1 { margin: 0; padding-top: 10px; font-family: 'Titillium Web',light; font-size: 36px; line-height: 42px; text-align: center; font-weight: 200; color: #fff; } .registration-form h2 { border-bottom: 1px solid #424242; color: #fff; font-family: 'Titillium Web',light; font-size: 36px; margin-bottom: 30px; padding-bottom: 40px; margin-top: 40px; text-align: center; font-weight: 100; } .registration-form p.text-dwnl-page { color: #808080; font-family: 'Source Sans Pro',light; font-size: 17px; line-height: 23px; margin: 10px 0 25px; text-align: center; font-weight: 300; } .registration-form p.text-dwnl-page .privacy-info { position: relative; display: block; margin: 12px auto 0; padding: 10px 5px 0; max-width: 520px; font-size: 17px; line-height: 23px; font-weight: 300; } .registration-form p.text-dwnl-page .privacy-info::before { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 60px; height: 1px; border-top: 1px solid rgba(255, 255, 255, .2); content: ""; } .registration-form .dwnl-type p { color: #808080; font-family: 'Source Sans Pro',light; font-size: 16px; line-height: 18px; margin-bottom: 50px; text-align: center; width: 70%; } .registration-form .terms-condition { position: absolute; left: 0; right: 0; bottom: -70px; color: #808080; font-family: 'Source Sans Pro',light; font-size: 16px; font-weight: normal; } .registration-form .license a, .registration-form .terms-condition a { font-family: 'Source Sans Pro',light; font-size: 16px; font-weight: normal; color: #4f9bb5; font-family: 'Source Sans Pro',light; font-size: 16px; font-weight: normal; text-decoration: none; } .registration-form .license a:hover, .registration-form .terms-condition a:hover{ color:#fff; transition: all 0.2s ease-in-out 0s; } .registration-form .btn-demo { display: block; width: 90%; max-width: 330px; margin: 40px auto -5px; padding: 21px 0; border: medium none; border-radius: 35px; color: #fff; font-family: 'Source Sans Pro',sans-serif !important; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center; text-decoration: none; outline: none; transition: opacity 0.2s ease-in-out; } .registration-form .btn-demo:hover { opacity: .8; } .registration-form .btn-demo:focus { outline: none; } .registration-form .dwnl-type .btn-demo { padding: 15px 0; } .registration-form .no-float { float: none; margin: 0 auto; } .registration-form .loader { animation: 1.1s linear 0s normal none infinite load8; border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) #4c8ea6; border-style: solid; border-width: 1.1em; font-size: 5px; margin: 6em auto; position: relative; text-indent: -9999em; } .registration-form .loader, .registration-form .loader:after { border-radius: 50%; height: 10em; width: 10em; } .registration-form.registration-success-error { border: none; } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .col-xs-9 .bootstrap-select .btn-default, .col-xs-9 .bootstrap-select .btn-default:hover, .col-xs-9 .bootstrap-select .btn-default:focus, .col-xs-9 .bootstrap-select .btn-default:active, .col-xs-9 .bootstrap-select .btn-default.active, .col-xs-9 .open .dropdown-toggle.selectpicker { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-color: #808080; border-radius: 2px; color: #808080; font-family: 'Source Sans Pro',semibold; font-size: 14px; height: 48px; line-height: 14px; text-transform: uppercase; outline: none; } .col-xs-9 .open .dropdown-toggle.selectpicker { border-top:none; border-radius:0 0px 4px 4px; } .registration-form .open div.dropdown-menu { margin-bottom:-2px; } .registration-form .bootstrap-select .dropdown-menu { background: none repeat scroll 0 0 #171717; border: medium none; color: #808080; margin: 0; padding: 0; text-transform: uppercase; } .registration-form .bootstrap-select .dropdown-menu li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color:#3b3b3b; border-image: none; border-left: 1px solid #808080; border-right: 1px solid #808080; border-style: none solid solid; border-width: medium 1px 1px; color: #808080; } .registration-form .bootstrap-select .dropdown-menu li:first-child a { border-top: 1px solid #808080; } .registration-form .bootstrap-select .dropdown-menu li a:hover, .registration-form .bootstrap-select .dropdown-menu li a:focus { background: none repeat scroll 0 0 #1d2b30; color: #fff; outline: medium none; border-bottom:solid 1px #3b3b3b; } .registration-form .bootstrap-select.btn-group .dropdown-menu li a span.text { font-family: 'Source Sans Pro'; } .registration-form .bootstrap-select .caret { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid; color: #666; } .bootstrap-select.btn-group .btn .caret { margin-top: -5px; } .registration-form .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-bottom: 8px solid; border-top: 0 solid; } .registration-form .progress-radial { display: block; margin: auto; position: relative; } .registration-form .progress-radial-track { fill: #3d3d3d; } .registration-form .progress-radial-bar { fill: #4c8ea6; } .registration-form .text-loading-page { color: #808080; font-family: 'Source Sans Pro',light; font-size: 20px; line-height: 28px; text-align: center; } .registration-form .center-block { display: block; margin-left: auto; margin-right: auto; } .registration-form .clearfix { clear: both; } .col-xs-9 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 75%; } .chooseLicenseDownloadForm { text-decoration: none; cursor: pointer; } .chooseLicenseDownloadForm button { cursor: pointer; } .license{text-align:center;} /* START bootstrap part */ .registration-form .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .registration-form .dropdown-menu li a { display: block; padding: 1em; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .registration-form .dropdown-menu li a:hover, .registration-form .dropdown-menu li a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .registration-form .dropdown-menu .active a, .registration-form .dropdown-menu .active a:hover, .registration-form .dropdown-menu .active a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline: 0; } .registration-form .dropdown-menu > .disabled > a, .registration-form .dropdown-menu > .disabled > a:hover, .registration-form .dropdown-menu > .disabled > a:focus { color: #777; } .registration-form .dropdown-menu > .disabled > a:hover, .registration-form .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .registration-form .open .dropdown-menu { display: block; } .registration-form .open a { outline: 0; } .registration-form .dropdown-toggle:focus { outline: 0; } .registration-form .btn-default { color: #333; background-color: #fff; border-color: #ccc; outline: none; } .registration-form .btn-default:hover, .registration-form .btn-default:focus, .registration-form .btn-default:active, .registration-form .btn-default.active, .registration-form .open .dropdown-toggle.btn-default { color: #808080; border-color: #808080; } .registration-form .btn-default:active, .registration-form .btn-default.active, .registration-form .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .registration-form .dropup .btn-lg .caret { border-width: 0 5px 5px; } .registration-form .btn > .caret, .dropup > .btn > .caret { border-top-color: #666 !important; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .registration-form .dropup .dropdown-menu, .registration-form .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .registration-form .btn-group, .registration-form .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .registration-form .btn-group > .btn, .registration-form .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn:focus, .btn-group-vertical .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .registration-form .btn-group + div[class ^= 'error_'] { z-index: 3; } .registration-form .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .registration-form .btn-group > .btn:first-child { margin-left: 0; } .registration-form .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .registration-form .btn-group > .btn:last-child:not(:first-child), .registration-form .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .registration-form .btn-group > .btn-group { float: left; } .registration-form .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .registration-form .btn-group > .btn-group:first-child > .btn:last-child, .registration-form .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .registration-form .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .registration-form .btn-group .dropdown-toggle:active, .registration-form .btn-group.open .dropdown-toggle { outline: 0; } .registration-form .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .registration-form .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .registration-form .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .registration-form .btn .caret { margin-left: 0; } .registration-form .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .registration-form .btn { display: inline-block; padding: 1em; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .registration-form .btn-group .bootstrap-select{ margin-bottom:15px; } .loader{ margin: 0 0 2em; height: 100px; text-align: center; padding: 1em; margin: 0 auto 1em; display: inline-block; vertical-align: top; } /* Set the color of the icon */ svg path, svg rect{ fill: #3d3d3d; } .wrapp-box a{ text-decoration:none; } .wrapp-box a:hover{ border:solid 1px #4f9bb5; transition: all 0.2s ease-in-out 0s; } .wrapp-box a{ border: 1px solid #666666; border-radius: 5px; float: left; margin: 20px 5px; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 42.667%; text-decoration:none; } #btnDownloadFormSubmit { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu.inner { overflow:hidden; } .demos-download-popup { margin: 0 auto; width: 100%; display: table; text-align: center; } .registration-form h1.erorr-title { color: #cc0101; } .demos-download-popup h1.erorr-title { font-family: "Titillium Web", sans-serif; font-size: 40px; text-align: center; font-weight: 100; color: #fff; } .demos-download-popup .text-loading-page { font-family: "Source Sans Pro", sans-serif; font-size: 18px; font-weight: 300; line-height: 24px; text-align: center; color: #808080; } .mytexterr { font-size: 235px !important; } /* START INFOTIP */ .infotip-i { position: relative; display: inline-block; width: 30px; height: 30px; background: url('/img/icon-infotip-i.svg') center center no-repeat; background-size: 18px 18px; cursor: pointer; outline: none; } .infotip-i.blinking::before { position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; border: 1px solid #4c8ea6; border-radius: 50%; opacity: 0; content: ""; animation: blinkinginfotip1 1.25s infinite; } .infotip-i.blinking::after { position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; border: 1px solid #4c8ea6; border-radius: 50%; opacity: 0; transform: scale(1.25); content: ""; animation: blinkinginfotip2 1.25s infinite; animation-delay: .25s; } @keyframes blinkinginfotip1 { 0% { opacity: .7; transform: scale(1); } 100% { opacity: 0; transform: scale(1.25); } } @keyframes blinkinginfotip2 { 0% { opacity: .7; transform: scale(1.25); } 100% { opacity: 0; transform: scale(1.5); } } .infotip-i.blinking:hover::before, .infotip-i.blinking:hover::after { display: none; } .infotip-i .tooltip { position: absolute !important; display: block; width: 0; height: 0; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out false; transition: opacity 0.2s ease-in-out; z-index: 1; } .infotip-i .tooltip p { border: none; } .infotip-i.infotip-hover.tooltip-visible .tooltip, .infotip-i.infotip-hover:hover .tooltip { right: -50px; width: auto; height: auto; overflow: auto; min-width: 300px; opacity: 1; } .infotip-i .tooltip.bottom-left-arrow-normal-eb { right: auto !important; left: 15px; } .infotip-i.infotip-hover.tooltip-visible .tooltip.bottom-left-arrow-normal-eb.min-width-260, .infotip-i.infotip-hover:hover .tooltip.bottom-left-arrow-normal-eb.min-width-260 { min-width: 260px; } .infotip-i.infotip-hover.tooltip-visible .tooltip.bottom-left-arrow-normal-eb.top-minus-32, .infotip-i.infotip-hover:hover .tooltip.bottom-left-arrow-normal-eb.top-minus-32 { top: -32px; } .infotip-i .tooltip.bottom-left-arrow-normal-eb .white-block, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .infotip-i .tooltip.bottom-left-arrow-normal-eb .white-block { margin-top: 0; margin-left: 30px; } .infotip-i .tooltip.bottom-left-arrow-normal-eb .white-block p { margin: 3px 0 8px; } .infotip-i .tooltip.bottom-left-arrow-normal-eb .white-block p.text-align-left { text-align: left; } .infotip-i .tooltip.bottom-left-arrow-normal-eb .white-block p.padding-10-15, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .infotip-i .tooltip.bottom-left-arrow-normal-eb .white-block p.padding-10-15 { padding: 10px 15px; } .infotip-i .tooltip.top-left-arrow-normal-eb { right: auto !important; left: 15px; } .infotip-i.infotip-hover.tooltip-visible .tooltip.top-left-arrow-normal-eb.min-width-260, .infotip-i.infotip-hover:hover .tooltip.top-left-arrow-normal-eb.min-width-260 { min-width: 260px; } .infotip-i.infotip-hover.tooltip-visible .tooltip.top-left-arrow-normal-eb.top-minus-26, .infotip-i.infotip-hover:hover .tooltip.top-left-arrow-normal-eb.top-minus-26 { top: -26px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .infotip-i .tooltip.top-left-arrow-normal-eb .white-block { margin-top: 0; margin-left: 30px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .infotip-i .tooltip.top-left-arrow-normal-eb .white-block p.padding-10-15 { padding: 10px 15px; } .infotip-i.infotip-hover:hover .tooltip.left-bottom-arrow-normal-eb { overflow: hidden; } .infotip-i .tooltip.top-right-arrow-normal-eb::before { content: ''; position: absolute; top: 29px; right: 54px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #ebebeb; z-index: 2; } .infotip-i .tooltip.top-right-arrow-normal-eb::after { content: ''; position: absolute; right: 55px; top: 31px; margin-bottom: -14px; width: 0; height: 0; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; z-index: 2; } .infotip-i .tooltip.top-left-arrow-normal-eb::before { content: ''; position: absolute; left: 19px; top: 30px; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 11px solid #ebebeb; z-index: 2; } html.dark .infotip-i .tooltip.top-left-arrow-normal-eb::before { border-right-color: rgba(255, 255, 255, .1); } .infotip-i .tooltip.top-left-arrow-normal-eb::after { content: ''; position: absolute; left: 21px; top: 31px; margin-right: -14px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; z-index: 2; } html.dark .infotip-i .tooltip.top-left-arrow-normal-eb::after { border-right-color: #0d1021; } .infotip-i .tooltip.bottom-left-arrow-normal-eb::before { content: ''; position: absolute; left: 19px; bottom: 30px; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 11px solid #ebebeb; z-index: 2; } html.dark .infotip-i .tooltip.bottom-left-arrow-normal-eb::before { border-right-color: rgba(255, 255, 255, .1); } .infotip-i .tooltip.bottom-left-arrow-normal-eb::after { content: ''; position: absolute; left: 21px; bottom: 31px; margin-right: -14px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; z-index: 2; } html.dark .infotip-i .tooltip.bottom-left-arrow-normal-eb::after { border-right-color: #0d1021; } .infotip-i .tooltip.left-bottom-arrow-normal-eb::before { content: ''; position: absolute; bottom: -9px; left: 19px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #ebebeb; z-index: 2; } .infotip-i .tooltip.left-bottom-arrow-normal-eb::after { content: ''; position: absolute; bottom: -7px; left: 21px; margin-right: -14px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; z-index: 2; } #mainPart-inner #content .infotip-i.infotip-hover:hover .tooltip p { padding: 10px; } .infotip-i.tooltip-visible span { visibility: visible; left: 100%; top: 50%; margin-top: -105px; margin-left: 15px; z-index: 999; } /* END INFOTIP */ /* animate.css ************************************ ** Introduced with the 2015 redesign ************** ***************************************************/ .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .button-up.fadeOutUp{ -webkit-animation-duration: 1s; animation-duration: 1s; } .v74-grey-bottom.slideInUp{ -webkit-animation-duration: 1s; animation-duration: 1s; } /* Rotate */ .v74-demos-webmail.fadeInUp{ -webkit-animation-duration: 1s; animation-duration: 1s; } .v74-demos-webadmin.fadeInUp{ -webkit-animation-duration: 2s; animation-duration: 2s; } .v74-demos-download.fadeInUp{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .homepage-2014-10-header-container.rotate{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .homepage-2014-10-header-container.rotate-retargeting{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } @-webkit-keyframes rotate { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; } 30% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 9deg); transform: rotate3d(0, 0, 1, 9deg); } 50% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 4deg) translateY(-135px); transform: rotate3d(0, 0, 1, 4deg) translateY(-135px); } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); } } @keyframes rotate { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; } 30% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 9deg); transform: rotate3d(0, 0, 1, 9deg); } 50% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 4deg) translateY(-135px); transform: rotate3d(0, 0, 1, 4deg) translateY(-135px); } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); } } .rotate { -webkit-animation-name: rotate; animation-name: rotate; } /* Retargeting */ @-webkit-keyframes rotate-retargeting { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); } } @keyframes rotate-retargeting { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); } } .rotate-retargeting { -webkit-animation-name: rotate-retargeting; animation-name: rotate-retargeting; } /* Fade in up color change */ @-webkit-keyframes fadeInUpColor { 0% { opacity: 0.7; -webkit-transform: translate3d(0, 70%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 30% { opacity: 0.8; -webkit-transform: translate3d(0, 90%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 60% { opacity: 0.9; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpColor{ 0% { opacity: 0.7; -webkit-transform: translate3d(0, 70%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 30% { opacity: 0.8; -webkit-transform: translate3d(0, 90%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 60% { opacity: 0.9; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpColor { -webkit-animation-name: fadeInUpColor; animation-name: fadeInUpColor; } .v74-demos-webmail.fadeInUpColor{ -webkit-animation-duration: 1s; animation-duration: 1s; } .v74-demos-webadmin.fadeInUpColor{ -webkit-animation-duration: 2s; animation-duration: 2s; } .v74-demos-download.fadeInUpColor{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p.kb_code_monospace { margin: 10px 0 5px !important; padding: 10px; background: #f5f8fa; border: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; border-radius: 3px; font-family: monospace !important; font-size: 13px !important; color: #000; word-wrap: break-word; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } /* Menu Show Hide */ .menu-icon { cursor: pointer; display: inline-block; height: 18px; margin: 0 auto; position: relative; width: 18px; vertical-align:middle; } .menu-icon > * { -webkit-backface-visibility: hidden; backface-visibility: hidden; border-top:solid 2px #fff; left: 0; position: absolute; transition: all 0.5s ease 0s; width: 100%; } .menu-icon > .top { top: 0; } .menu-icon > .middle { border-bottom:solid 2px #fff; padding-top:2px; margin-top: -4px; top: 50%; } .menu-icon > .bottom { margin-bottom: -1px; top: 14px; } .menu-icon.active > .top, .menu-icon.active > .bottom { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.5s ease 0s; } .menu-icon.active > .top { top: 7px; transform: rotate(50deg); } .menu-icon.active > .middle { opacity: 0; } .menu-icon.active > .bottom { top: 7px; transform: rotate(-410deg); } @-webkit-keyframes fadeInMenu { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInMenu { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInMenu { -webkit-animation-name: fadeInMenu; animation-name: fadeInMenu; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @media (max-height: 740px) { .freebsd-announcement-wrapper { display: none; } } /* button loader */ .divLoadingMask { width: 100%; position: absolute; height: 100%; top: 0; z-index: 9; background: rgba(255, 255, 255, 0); } .btnWithLoader { position: relative; } .btnLoading { position: absolute; top: calc(50% - 15px); left: 20px; width: 30px; height: 30px; background: #fff; background: -moz-linear-gradient(left, #fff 10%, rgba(76,142,166,0) 60%) !important; background: -webkit-linear-gradient(left, #fff 10%, rgba(76,142,166,0) 60%) !important; background: -o-linear-gradient(left, #fff 10%, rgba(76,142,166,0) 60%) !important; background: -ms-linear-gradient(left, #fff 10%, rgba(76,142,166,0) 60%) !important; background: linear-gradient(to right, #fff 10%, rgba(76,142,166,0) 60%) !important; border-radius: 50%; font-size: 10px; -webkit-animation: btnLoading-wrapp 1.4s infinite linear; animation: btnLoading-wrapp 1.4s infinite linear; } .btnLoading::before { width: 50%; height: 50%; background: #fff; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .btnLoading::after { background: #4d8fa8; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .blue-background .btnLoading::after, .background-blue .btnLoading::after , .axi-blue-background .btnLoading::after { background: #4c8ea6; } .red-background .btnLoading::after, .background-red .btnLoading::after, .axi-red-background .btnLoading::after { background: #dc6060 !important; } .btnWithLoader .btnLoading::after { background: #4c8ea6; } .btnWithLoader:hover .btnLoading, .btnWithLoader:hover .btnLoading::after { background: #4d8fa8; } @-webkit-keyframes btnLoading-wrapp { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes btnLoading-wrapp { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .btnLoadingHide { visibility: hidden; opacity: 0; } .btnLoadingShow { visibility: visible; opacity: 1; transition: opacity 0.2s linear; } .blurred { filter: blur(10px); -webkit-filter: blur(10px); } /* end button loader */ /** * * START OVERLAY AND SWITCHER CONTROLS * **/ .overlay { position: fixed; top: 0; left: 0; display: table; width: 100%; height: 100%; background: rgba(32, 46, 52, .95); z-index: 9999; display: none; } .overlay .content { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .overlay .registration-form input { color: #ccc; } .overlay p { color: #ccc; } #downloadPopup.overlay .downloadHeader { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 75px; margin: auto; width: 500px; border-top: 75px solid rgba(182, 209, 222, .08); border-left: 75px solid transparent; border-right: 75px solid transparent; } #downloadPopup.overlay .downloadHeader h1 { margin-top: -60px; margin-bottom: 8px; font-family: "Titillium Web", sans-serif; font-size: 22px; font-weight: 200; text-align: center; color: #fff; } #downloadPopup.overlay .downloadHeader p { margin-top: 7px; text-align: center; color: #9c9b9b; } .overlay .closeButton { position: absolute; top: 14px; right: 30px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 2px; z-index: 1000; } .overlay .closeButton a { display: block; height: 46px; padding: 12px 15px 12px 32px; box-sizing: border-box; font-size: 13px; font-weight: 600; line-height: 22px; color: #fff; text-transform: uppercase; } .overlay .closeButton a::before { position: absolute; top: 22px; left: 12px; display: block; width: 15px; height: 1px; background: #fff; opacity: .7; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .overlay .closeButton a::after { position: absolute; top: 22px; left: 12px; display: block; width: 15px; height: 1px; background: #fff; opacity: .7; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } .overlay .popupImage img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .overlay .registration-form .error_text, .overlay .registration-form .error_text_country { background-color: #2a393e; } .overlay.white-overlay .registration-form .error_text, .overlay.white-overlay .registration-form .error_text_country { background-color: #fff; } .overlay.white-overlay { background: rgba(255, 255, 255, .95); } html.dark .overlay.white-overlay { background: rgba(13, 16, 33, .9); } .overlay.white-overlay .closeButton { border-color: rgba(0, 0, 0, .2); } html.dark .overlay.white-overlay .closeButton { border-color: rgba(255, 255, 255, .2); } .overlay.white-overlay .closeButton a { color: #000; } html.dark .overlay.white-overlay .closeButton a { color: #fff; } .overlay.white-overlay .closeButton a::before, .overlay.white-overlay .closeButton a::after { background: #666; } html.dark .overlay.white-overlay .closeButton a::before, html.dark .overlay.white-overlay .closeButton a::after { background: rgba(255, 255, 255, .65); } /* Switcher */ .switcher.position-absolute-center-middle { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: table; margin: auto; } .switcher.border-1-solid .switcher-header { min-height: 140px; border: 1px solid; border-bottom: none; border-radius: 3px 3px 0 0; box-sizing: border-box; } .switcher.border-color-808 .switcher-header { border-color: #808080; } .switcher .switcher-header label { position: relative; float: left; height: 138px; padding: 20px; padding-top: 53px; } .switcher.border-1-solid .switcher-header label { box-sizing: border-box; color: #fff; text-transform: uppercase; cursor: pointer; } .switcher.border-1-solid .switcher-header label::before { position: absolute; left: 0; bottom: 0; width: 50%; height: 1px; border-bottom: 1px solid; content: ""; } .switcher.border-color-808 .switcher-header label::before { border-color: #808080; } .switcher.border-1-solid .switcher-header label::after { position: absolute; right: 0; bottom: 0; width: 50%; height: 1px; border-bottom: 1px solid; content: ""; } .switcher.border-color-808 .switcher-header label::after { border-color: #808080; } /* Two labels */ .switcher.border-1-solid .switcher-header label:nth-child(1):nth-last-child(2), .switcher.border-1-solid .switcher-header label:nth-child(2):nth-last-child(1) { width: 50%; } .switcher.border-1-solid .switcher-header label:not(:last-child) { border-right: 1px solid; } .switcher.border-color-808 .switcher-header label:not(:last-child) { border-color: #808080; } /* Selected label, including arrow */ .switcher .switcher-header label.selected { background: rgba(0, 255, 255, .1); } .switcher .switcher-header label.selected::before { width: calc(50% - 9px); } .switcher .switcher-header label.selected::after { width: calc(50% - 10px); } .switcher.border-color-808 .switcher-header label.selected span.arrow { position: absolute; right: calc(50% - 10px); bottom: 0; margin-bottom: -10px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid rgba(182, 209, 222, .1); z-index: 2; content: ''; } .switcher.border-color-808 .switcher-header label.selected span.arrow::before { position: absolute; left: 5px; bottom: -1px; width: 1px; height: 14px; background: #808080; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); content: ""; } .switcher.border-color-808 .switcher-header label.selected span.arrow::after { position: absolute; left: -5px; bottom: -1px; width: 1px; height: 14px; background: #808080; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); content: ""; } .switcher .switcher-header label span.title { font-size: 16px; } .switcher .switcher-header span.subtitle { margin-top: 7px; font-size: 14px; font-weight: 400; line-height: 18px; } .switcher .switcher-header span.subtitle.font-size-12 { font-size: 12px; } .switcher.color-808 .switcher-header label span.subtitle { display: block; font-size: 14px; color: #808080; text-transform: none; } .switcher:not(.background-white).color-808 .switcher-header label.selected span.subtitle { color: #9c9b9b; } .switcher .switcher-header label input { display: none; } .switcher .switcher-header label span.title::before { position: absolute; top: 23px; left: 0; right: 0; display: block; margin: 0 auto; width: 18px; height: 18px; border: 1px solid #808080; border-radius: 9px; box-sizing: border-box; content: ""; } .switcher .switcher-header label.selected span.title::before { background: #4c8ea6; border-color: #4c8ea6; } .switcher .switcher-header label.selected span.title::after { position: absolute; top: 28px; left: 0; right: 0; display: block; margin: 0 auto; width: 8px; height: 8px; background: #fff; border-radius: 4px; box-sizing: border-box; content: ""; } .switcher.border-1-solid .switcher-footer { min-height: 5px; border: 1px solid; border-top: none; border-radius: 0 0 3px 3px; box-sizing: border-box; } .switcher.border-color-808 .switcher-footer { border-color: #808080; } .switcher.centered-checkbox span.title { display: block; } /* Switcher styles on white */ .switcher.border-color-e4e9eb .switcher-header { border-color: #e4e9eb; } html.dark .switcher.border-color-e4e9eb .switcher-header { border-color: rgba(255, 255, 255, .1); } .switcher.border-color-e4e9eb .switcher-header label:not(:last-child), .switcher.border-color-e4e9eb .switcher-header label::before, .switcher.border-color-e4e9eb .switcher-header label::after { border-color: #e4e9eb; } html.dark .switcher.border-color-e4e9eb .switcher-header label:not(:last-child), html.dark .switcher.border-color-e4e9eb .switcher-header label::before, html.dark .switcher.border-color-e4e9eb .switcher-header label::after { border-color: rgba(255, 255, 255, .1); } .switcher.background-white .switcher-header label.selected { background: none; } .switcher.border-color-e4e9eb .switcher-header label.selected span.arrow { position: absolute; right: calc(50% - 10px); bottom: 0; margin-bottom: -10px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #fff; z-index: 2; content: ''; } html.dark .switcher.border-color-e4e9eb .switcher-header label.selected span.arrow { border-top-color: #0d1021; } .switcher.border-color-e4e9eb .switcher-header label.selected span.arrow::before { position: absolute; left: 5px; bottom: -1px; width: 1px; height: 14px; background: #e4e9eb; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } html.dark .switcher.border-color-e4e9eb .switcher-header label.selected span.arrow::before { background-color: rgba(255, 255, 255, .1); } .switcher.border-color-e4e9eb .switcher-header label.selected span.arrow::after { position: absolute; left: -5px; bottom: -1px; width: 1px; height: 14px; background: #e4e9eb; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } html.dark .switcher.border-color-e4e9eb .switcher-header label.selected span.arrow::after { background-color: rgba(255, 255, 255, .1); } .switcher.background-white .switcher-header label span.title { color: #000; font-weight: 600; } html.dark .switcher.background-white .switcher-header label span.title { color: #fff; } .switcher.background-white .switcher-header label:not(.selected) span.title::before { border-color: #ccc; } html.dark .switcher.background-white .switcher-header label:not(.selected) span.title::before { border-color: rgba(255, 255, 255, .15); } .switcher.border-color-e4e9eb .registration-form { border-color: #e4e9eb; } html.dark .switcher.border-color-e4e9eb .registration-form { border-color: rgba(255, 255, 255, .1); } .switcher.background-white .registration-form input { border-color: #ccc; } html.dark .switcher.background-white .registration-form input { border-color: rgba(255, 255, 255, .15); } .switcher.background-white .registration-form input + label[placeholder]::before { background-color: #fff; } html.dark .switcher.background-white .registration-form input + label[placeholder]::before { background-color: #0d1021; } .switcher.border-color-e4e9eb .switcher-footer { border-bottom: 2px solid; border-color: #e4e9eb; border-radius: 0 0 4px 4px; min-height: 10px; } html.dark .switcher.border-color-e4e9eb .switcher-footer { border-color: rgba(255, 255, 255, .1); } .switcher.border-color-e4e9eb .col-xs-9 .bootstrap-select .btn-default { border-color: #ccc; } /* Switcher case by case customization */ #downloadPopup .switcher { display: block; height: 736px; } #downloadPopup .switcher.border-1-solid .switcher-footer { border: none; } #downloadPopup .switcher .switcher-footer::before { position: absolute; left: 0; width: 125px; height: 5px; content: ""; } #downloadPopup .switcher .switcher-footer::after { position: absolute; right: 0; width: 125px; height: 5px; content: ""; } #downloadPopup .switcher.border-1-solid .switcher-footer::before { border-left: 1px solid; border-bottom: 1px solid; border-radius: 0 0 0 3px; } #downloadPopup .switcher.border-color-808 .switcher-footer::before { border-color: #808080; } #downloadPopup .switcher.border-1-solid .switcher-footer::after { border-right: 1px solid; border-bottom: 1px solid; border-radius: 0 0 3px 0; content: ""; } #downloadPopup .switcher.border-color-808 .switcher-footer::after { border-color: #808080; } #licenseRegistration .switcher.border-color-e4e9eb .switcher-footer { position: relative; top: 3px; min-height: 50px; margin-left: -31px; margin-right: -31px; } html.dark #licenseRegistration .switcher.border-color-e4e9eb .switcher-footer { border-color: #262838; } #licenseRegistration .switcher .registration-form .terms-condition { bottom: -110px; } #licenseRegistration .switcher .registration-form p.text-dwnl-page { font-size: 14px; font-weight: 400; line-height: 20px; padding-bottom: 15px; } #licenseRegistration .switcher .registration-form p.text-dwnl-page .privacy-info { width: 440px; font-size: 14px; font-weight: 400; line-height: 20px; } #licenseRegistration .switcher .registration-form p.text-dwnl-page .privacy-info::before { border-top-color: #e4e9eb; } html.dark #licenseRegistration .switcher .registration-form p.text-dwnl-page .privacy-info::before { border-top-color: rgba(255, 255, 255, .1); } /* END OVERLAY AND SWITCHER CONTROLS */ /* START SWITCH OPTION CONTROLS */ #downloadPopup .formOption.switchOption { width: calc(100% - 2px); margin-top: 10px; height: 30px; padding: 25px 0; border: 1px solid #808080; border-radius: 2px; } #downloadPopup .switchContainer + label.switchLabel { background: #2a393e; color: #808080; content: attr(placeholder); cursor: default; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 14px; top: 18px; left: 12px; line-height: 1.5em; padding: 2px 5px; pointer-events: none; position: absolute; text-align: left; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; white-space: nowrap; z-index: 1; } #downloadPopup .textfield:focus + label.switchLabel, #downloadPopup .textfield.selected + label.switchLabel { transform: translate(-0.3em, -1.7em) scale(0.9, 0.9); transition-duration: 0.2s; } #downloadPopup .switchContainer + label.switchLabel { top: -12px; } #downloadPopup .registration-form .switchOption .error_text { top: -8px; z-index: 1; } #downloadPopup .switchOption .switchContainer { position: relative; display: table; width: 100%; } #downloadPopup .switchOption.paymentMethod .switchContainer { margin-left: 12px; } #downloadPopup .switchContainer .switch { position: absolute; width: 18px; height: 20px; border: none; cursor: pointer; opacity: 0; } /* #downloadPopup .switchContainer::before { position: absolute; top: calc(50% + 11px); left: calc(50% - 24px); width: 46px; height: 8px; background: #4c8ea6; border-radius: 4px; content: ""; } */ #downloadPopup .switchContainer .switchContainerBar { position: absolute; top: calc(50% + 11px); left: calc(50% - 24px); width: 46px; height: 8px; background: #4c8ea6; border-radius: 4px; content: ""; } #downloadPopup .switchContainer .switch + label { position: absolute; margin-top: 7px; font-size: 12px; font-weight: 600; color: #9c9b9b; text-transform: uppercase; opacity: .9; cursor: pointer; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ z-index: 2; } #downloadPopup .switchContainer .switch:first-of-type { left: calc(50% - 20px); margin-right: 0; padding-right: 0; } #downloadPopup .switchContainer .switch:first-of-type + label { right: 50%; margin-right: 40px; text-align: right; } #downloadPopup .switchContainer .switch:last-of-type { left: 50%; margin-left: 0; padding-left: 0; } #downloadPopup .switchContainer .switch:last-of-type + label { left: 50%; margin-left: 40px; text-align: left; } #downloadPopup .switchContainer .switch:checked + label { color: #4c8ea6; opacity: 1; } #downloadPopup .switchContainer .switch ~ .switchContainerBar .check { position: absolute; left: calc(50% - 9px); margin-top: -4px; display: none; width: 16px; height: 16px; background: #fff; border-radius: 8px; transition: left 0.1s ease-in-out; z-index: 1; cursor: pointer; } #downloadPopup .switchContainer .switch:not(:checked) + label + .switch:not(:checked) + label + .switchContainerBar .check { display: block; content: ""; } #downloadPopup .switchContainer .switchContainerBar .check.checkLeft { left: 0px !important; } #downloadPopup .switchContainer .switchContainerBar .check.checkRight { left: calc(100% - 9px) !important; } #downloadPopup .switchContainer .switch:checked + label + .switch:not(:checked) + label + .switchContainerBar .check { display: block; left: 0; } #downloadPopup .switchContainer .switch:not(:checked) + label + .switch:checked + label + .switchContainerBar .check { display: block; left: calc(100% - 9px); } /* Make the download controls smaller in height for smaller resolutions */ @media only screen and (min-device-width: 320px) and (max-device-width: 768px) { #downloadPopup.overlay .downloadHeader { display: none; } .register-page-main .switcher.border-1-solid .switcher-header { min-height: 170px; } #licenseRegistration .switcher.border-1-solid .switcher-header label { height: 168px; } #licenseRegistration .switcher .registration-form { padding: 20px 5px 0; } #licenseRegistration .switcher .registration-form p.text-dwnl-page .privacy-info { width: auto; } } @media screen and (max-height: 1000px) and (min-width: 1024px) { #downloadPopup .switcher { height: 666px; } #downloadPopup .switcher .switcher-header label { height: 118px; padding-top: 43px; } #downloadPopup .switcher .switcher-header label span.title::before { top: 13px; } #downloadPopup .switcher .switcher-header label span.title::after { top: 18px; } .registration-form { padding-top: 0; } #licenseRegistration .switcher .registration-form { padding-top: 20px; } .registration-form h1 { font-size: 32px; line-height: 36px; } .registration-form p.text-dwnl-page { font-size: 16px; line-height: 22px; } .registration-form p.text-dwnl-page .privacy-info { padding-top: 7px; font-size: 16px; line-height: 22px; } #frmDownloadRegister .formOption { height: 47px; } .registration-form input { height: 40px; padding: 10px; } .registration-form .col-xs-9 .bootstrap-select .btn-default { height: 40px; padding-top: 10px; } #frmDownloadRegister .reg-code-info, .license-registration-form .reg-code-info { top: 11px; } .registration-form input + label[placeholder] { margin-top: -44px; } .registration-form input:focus + label[placeholder]:before, .registration-form input.selected + label[placeholder]:before { -webkit-transform: translate(0px, -1.3em) scale(0.9, 0.9); -webkit-transition-duration: 0.2s; transform: translate(0px, -1.3em) scale(0.9, 0.9); } #downloadPopup .formOption.switchOption { padding: 20px 0; } } @media screen and (max-height: 800px) and (min-width: 1024px) { #downloadPopup.overlay .downloadHeader { top: auto; right: auto; bottom: 20px; left: 20px; width: 300px; height: auto; padding: 25px 10px 10px; box-sizing: border-box; background: rgba(182, 209, 222, .08); border-radius: 2px; border: none; } #downloadPopup.overlay .downloadHeader h1 { margin-top: 0; } } .ajaxLoader { width: 100%; position: absolute; top: 0; bottom: 0; margin: auto; display: table; vertical-align: middle; text-align:center; color: #000; z-index: 9; } .ajaxLoader .loading { display: inline-block; width: 64px; height: 64px; } .ajaxLoader.bigLoader .loading { position: relative; } .ajaxLoader.bigLoader .loading::before { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(/img/ajax-loader-big-darkbg-bg.svg) center center no-repeat; background-size: 80px; opacity: .2; content: ""; } .ajaxLoader.bigLoader .loading::after { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(/img/ajax-loader-big-darkbg-blue.svg) center center no-repeat; background-size: 80px; content: ""; -webkit-animation-name: spin; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ajaxLoader.bigLoader .message { font-size: 18px; font-weight: 300; line-height: 24px; color: #808080; } .button-rounded-big { display: inline-block; border-radius: 30px; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; text-align: center; vertical-align: middle; text-decoration: none; transition: all 0.2s ease-in-out 0s; min-width: 156px; height: 51px; line-height: 47px; padding: 0 40px; border: 2px solid #fff; } .button-rounded-small { display: inline-block; border-radius: 30px; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; text-align: center; vertical-align: middle; text-decoration: none; transition: all 0.2s ease-in-out 0s; min-width: 75px; line-height: 18px; padding: 8px 30px; border: 1px solid #fff; } .button-background-red { background: #dc6060; border-color: #dc6060; color: #fff; } .button-background-red:hover { opacity: 0.7; } .button-background-blue-green { background: #4c8ea6; color: #fff; } .button-background-blue-green:hover { opacity: 0.7; } .button-border-blue-green { border-color: #4c8ea6; color: #4c8ea6; } .button-border-blue-green:hover { background: #4c8ea6; color: #fff; } .button-border-red { border-color: #dc6060; color: #dc6060; } .button-border-red:hover { opacity: 0.7; } .button-border-white { border-color: #fff; color: #fff; } .button-border-white:hover { background: #fff; color: #4c8ea6; } .button-outline:hover { opacity: 1; } .pdf-icon { background: url(/img/new/icon-pdf-boxed.svg) left 30px top 11px no-repeat; background-size: 21px 24px; padding-left: 60px; padding-right: 28px; } @media (min-width: 320px) and (max-width: 767px) { .pdf-icon { font-size: 12px; } } .scroll-arrow-thin { bottom: 60px; display: table; width: 50px; height: 50px; opacity: .7; transition: opacity .2s linear; } @media (min-width: 320px) and (max-width: 767px) { .scroll-arrow-thin { bottom: 20px; } } @media (min-width: 768px) and (max-width: 1169px) { .scroll-arrow-thin { bottom: 20px; } } .scroll-arrow-thin span { display: inline-block; width: 30px; height: 30px; box-sizing: border-box; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } h1 { font-family: 'Titillium Web', sans-serif; font-size: 48px; font-weight: 200; line-height: 57px; color: #fff; } .header-subtitle { font-family: 'Source Sans Pro', sans-serif; font-size: 22px; font-weight: 300; line-height: 30px; color: rgba(255, 255, 255, 0.7); } h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 36px; font-weight: 400; line-height: 45px; color: #000; } html.dark h2 { color: #fff; } h3 { color: #000; } html.dark h3 { color: #fff; } h4 { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; color: #000; } html.dark h4 { color: #fff; } h5 { color: #000; } html.dark h5 { color: #fff; } .header-title { font: 200 40px/50px 'Titillium Web', sans-serif; color: #fff; } @media (min-width: 320px) and (max-width: 767px) { .header-title { font: 200 24px/30px 'Titillium Web', sans-serif; padding: 0 20px; } } body.headerless .header-title { margin-top: 30px; font-weight: 300; color: #000; } html.dark body.headerless .header-title { color: #fff; } .second-title { margin: 10px auto; font: 200 26px/32px 'Source Sans Pro', sans-serif; color: rgba(255, 255, 255, 0.7); } @media (min-width: 320px) and (max-width: 767px) { .second-title { font: 200 24px/32px 'Source Sans Pro', sans-serif; } } .main-title { font: 300 36px/42px 'Titillium Web', sans-serif; color: #000; } html.dark .main-title { color: #fff; } .sub-title { font: 400 22px/30px "Source Sans Pro",sans-serif; color: #000; margin-bottom: 15px; } html.dark .sub-title { color: #fff; } .subtitle { font: 600 16px/24px 'Source Sans Pro', sans-serif; color: #3c427f; } html.dark .subtitle { color: #D2D0FF; } .tagline { font-family: 'Source Sans Pro', sans-serif; font-size: 22px; font-weight: 300; line-height: 30px; } .tagline a { font-family: 'Source Sans Pro', sans-serif; font-size: 22px; font-weight: 300; line-height: 30px; color: #4c8ea6; } .subtagline { font: 400 16px/22px 'Source Sans Pro', sans-serif; color: rgba(255, 255, 255, 0.5); } /* Header & Footer Common Elements */ .top-menu-container .top-submenu-container .menu-container .column ul li a, .footer-wrapper .footer .menu-container .column ul li a { font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-weight: 600; line-height: 28px; color: #fff; text-transform: uppercase; } .top-menu-container .top-submenu-container .menu-container .column ul li a:hover, .footer-wrapper .footer .menu-container .column ul li a:hover { color: #dc6060; opacity: 1; } .top-menu-container .top-submenu-container .menu-container .column ul li ul li a, .footer-wrapper .footer .menu-container .column ul li ul li a, .footer-wrapper .footer .links-container .column.legal-container ul li a { padding: 6px 0; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 600; line-height: normal; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; } .top-menu-container .top-submenu-container .menu-container .column ul li ul li a:hover, .footer-wrapper .footer .menu-container .column ul li ul li a:hover, .footer-wrapper .footer .links-container .column.legal-container ul li a:hover { color: #dc6060; opacity: 1; } .top-menu-container .top-submenu-container .menu-container, .footer-wrapper .footer .menu-container { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 100%; padding: 20px 0; } .top-menu-container .top-submenu-container .menu-container .column, .footer-wrapper .footer .menu-container .column { flex: 1; display: flex; min-width: 200px; padding: 0 20px; } @media (min-width: 320px) and (max-width: 767px) { .top-menu-container .top-submenu-container .menu-container .column, .footer-wrapper .footer .menu-container .column { min-width: 50%; } } .top-menu-container .top-submenu-container .menu-container .column ul li, .footer-wrapper .footer .menu-container .column ul li { display: flex; flex-direction: column; justify-content: center; } .top-menu-container .top-submenu-container .menu-container .column ul li ul, .footer-wrapper .footer .menu-container .column ul li ul { margin: 15px 0; } /* Start Menu Style */ .header-wrapper { position: relative; width: 100%; } .top-menu-container { position: fixed; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; z-index: 16; } .top-menu-container .top-nav-container { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; min-height: 75px; padding: 0 20px; border-bottom: 1px solid transparent; transition: background-color 0.1s ease-in-out; } .top-menu-container .top-nav-container .top-logo { position: absolute; top: 17px; display: block; width: 150px; height: 40px; background: url(/img/new/axigen-logo-2015.svg) top left no-repeat; background-size: auto 100%; } .top-menu-container .top-nav-container .top-logo:hover { opacity: 1; } .top-menu-container .top-nav-container .top-nav { flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-left: 170px; padding-right: 103px; } .top-menu-container .top-nav-container .top-nav li { white-space: nowrap; } .top-menu-container .top-nav-container .top-nav li > a { display: block; padding: 12px 15px; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 600; line-height: normal; color: #fff; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: all 0.2s ease-in-out; } .top-menu-container .top-nav-container .top-nav li > a:hover { color: #dc6060; opacity: 1; } .top-menu-container .top-nav-container .top-nav li > a.activ { color: #dc6060; opacity: 1; } .top-menu-container .top-nav-container .top-nav li > a.button-highlight { margin-left: 10px; margin-right: 10px; padding: 10px 20px; background-color: #dc6060; border-color: #dc6060; color: #fff; } @media (min-width: 320px) and (max-width: 767px) { .top-menu-container .top-nav-container .top-nav li > a.button-highlight { margin-right: 0; } } .top-menu-container .top-nav-container .top-nav li > a.button-highlight:hover { color: #fff; opacity: .7; } .top-menu-container .top-nav-container .top-nav li.nav-menu { position: absolute; top: 15px; right: 20px; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button { display: flex; align-items: center; justify-content: center; width: 93px; padding: 12px 15px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 2px; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 600; line-height: normal; color: #fff; text-decoration: none; text-transform: uppercase; cursor: pointer; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button span { transition: all .2s ease-in-out; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button span.icon { margin-right: 6px; width: 16px; height: 16px; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.open-button .icon { display: flex; flex-direction: column; justify-content: center; cursor: pointer; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.open-button .icon span { display: block; height: 2px; background-color: #fff; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.open-button .icon span:not(:last-child) { margin-bottom: 4px; } body.menu-open .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.open-button { display: none; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.close-button .icon { position: relative; top: -1px; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.close-button .icon span { position: absolute; left: 8px; display: block; width: 2px; height: 18px; background-color: #fff; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.close-button .icon span.bar-1 { transform: rotate(45deg); } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.close-button .icon span.bar-2 { transform: rotate(-45deg); } body:not(.menu-open) .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button.close-button { display: none; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button:hover span.text { color: #dc6060; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button:hover.open-button span.icon span { background-color: #dc6060; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu .main-menu-button:hover.close-button span.icon span { background-color: #dc6060; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu:hover { color: #dc6060; } .top-menu-container .top-nav-container .top-nav li.nav-menu .open-close-menu:hover .burger > span { background-color: #dc6060; } .top-menu-container .top-nav-container .top-nav li.avatar-container { display: none; } .top-menu-container .top-submenu-container { position: relative; flex: 1; display: none; flex-direction: column; align-items: center; transition: all .2s ease-in-out; } .top-menu-container .top-submenu-container .menu-container { width: 100%; border-left: 50px solid transparent; border-right: 50px solid transparent; background-color: #000014; } .top-menu-container .top-submenu-container .menu-container .column { margin-top: 15px; } .top-menu-container .top-submenu-container .main-menu-trigger { appearance: none; flex: 1; width: 100%; background: transparent; border-top: 1px solid rgba(255, 255, 255, 0.15); } body.headerless .top-menu-container .top-nav-container { background-color: #000014; } body.wide-menu .top-menu-container .top-nav-container { min-height: 117px; } body.wide-menu .top-menu-container .top-nav-container .top-nav { justify-content: space-between; margin-top: 75px; margin-left: -15px; margin-right: -20px; min-width: 100%; padding-left: 0; padding-right: 20px; overflow-y: hidden; overflow-x: auto; } body.wide-menu .top-menu-container .top-nav-container .top-nav::after { position: absolute; right: 0; bottom: 0; display: block; width: 20px; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 20, 0) 0%, #000014 100%); content: ""; } body.wide-menu .top-menu-container .top-submenu-container .menu-container { border-left: none; border-right: none; } body.menu-open .top-menu-container { height: 100%; } body.menu-open .top-menu-container .top-nav-container { background-color: #000014; border-bottom-color: rgba(255, 255, 255, 0.15); } body.menu-open .top-menu-container .top-submenu-container { display: flex; overflow-y: auto; } body.after-scroll .top-menu-container .top-nav-container { background-color: #000014; } body.has-logo-subtitle .top-menu-container .top-nav-container .top-logo { width: 35px; } body.has-logo-subtitle .top-menu-container .top-nav-container .logo-subtitle { display: flex; align-items: center; margin: 17px 0 17px 35px; height: 40px; padding: 0 5px; font-family: 'Source Sans Pro', sans-serif; font-size: 28px; font-weight: 300; color: #fff; } body.has-avatar .top-menu-container .top-nav-container .top-nav { padding-right: 175px; } body.has-avatar .top-menu-container .top-nav-container .top-nav li.nav-menu { right: 90px; } body.has-avatar .top-menu-container .top-nav-container .top-nav li.avatar-container { display: list-item; } body#partners-portal.has-avatar .top-menu-container .top-nav-container .top-nav, body.page-buy.is-partner.has-avatar .top-menu-container .top-nav-container .top-nav { padding-right: 60px; } body#partners-portal.has-avatar .top-menu-container .top-nav-container .top-nav li.nav-menu, body.page-buy.is-partner.has-avatar .top-menu-container .top-nav-container .top-nav li.nav-menu { display: none; } .header { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: center; height: 650px; min-height: 700px; background-color: #1a2e34; } @media (min-width: 320px) and (max-width: 767px) { .header { padding: 80px 20px 0; } } @media (min-width: 768px) and (max-width: 1169px) { .header { padding: 80px 20px 0; } } body.headerless .header { min-height: auto; height: auto; padding-top: 75px; box-sizing: border-box; } @media (min-width: 320px) and (max-width: 767px) { body.headerless .header { padding-top: 120px; } } .three-colors { background: #1a2e34; height: 6px; padding: 1px 0; display: flex; } .three-colors div { flex: 1; height: 4px; } .three-colors div:nth-child(1) { background: #55c6b9; border-right: 1px solid #1a2e34; box-sizing: border-box; } .three-colors div:nth-child(2) { background: #559eb9; border-right: 1px solid #1a2e34; box-sizing: border-box; } .three-colors div:nth-child(3) { background: #dc6060; } body.headerless .header { background: none; } body.headerless .three-colors { display: none; } .container { margin: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (min-width: 320px) and (max-width: 767px) { .container { padding: 0 20px; } } .container .column { margin: 0 auto; -webkit-box-flex: 1 1; -moz-box-flex: 1 1; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; } @media (min-width: 320px) and (max-width: 767px) { .container .column { flex-direction: column; flex: 1 1 auto; } } .container-center-top { width: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; justify-content: space-between; } @media (min-width: 320px) and (max-width: 767px) { .container-center-top { padding: 0 20px; flex-direction: column; } } .container-center-top .column { margin: 0 auto; width: 100%; } @media (min-width: 320px) and (max-width: 767px) { .container-center-top .column { flex-direction: column; flex: 1 1 auto; } } .container-single { width: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; } @media (min-width: 320px) and (max-width: 767px) { .container-single { padding: 0 20px; flex-direction: column; } } .container-single .column { margin: 0 auto; width: 100%; } @media (min-width: 320px) and (max-width: 767px) { .container-single .column { flex-direction: column; flex: 1 1 auto; } } .container-center { text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (min-width: 320px) and (max-width: 767px) { .container-center { flex-direction: column; } } .container-center .column { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .hspacer { width: 100%; height: 1px; background-color: #dbdde1; } html.dark .hspacer { background-color: rgba(255, 255, 255, 0.15); } /* Header & Footer Common Elements */ .top-menu-container .top-submenu-container .menu-container .column ul li a, .footer-wrapper .footer .menu-container .column ul li a { font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-weight: 600; line-height: 28px; color: #fff; text-transform: uppercase; } .top-menu-container .top-submenu-container .menu-container .column ul li a:hover, .footer-wrapper .footer .menu-container .column ul li a:hover { color: #dc6060; opacity: 1; } .top-menu-container .top-submenu-container .menu-container .column ul li ul li a, .footer-wrapper .footer .menu-container .column ul li ul li a, .footer-wrapper .footer .links-container .column.legal-container ul li a { padding: 6px 0; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 600; line-height: normal; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; } .top-menu-container .top-submenu-container .menu-container .column ul li ul li a:hover, .footer-wrapper .footer .menu-container .column ul li ul li a:hover, .footer-wrapper .footer .links-container .column.legal-container ul li a:hover { color: #dc6060; opacity: 1; } .top-menu-container .top-submenu-container .menu-container, .footer-wrapper .footer .menu-container { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 100%; padding: 20px 0; } .top-menu-container .top-submenu-container .menu-container .column, .footer-wrapper .footer .menu-container .column { flex: 1; display: flex; min-width: 200px; padding: 0 20px; } @media (min-width: 320px) and (max-width: 767px) { .top-menu-container .top-submenu-container .menu-container .column, .footer-wrapper .footer .menu-container .column { min-width: 50%; } } .top-menu-container .top-submenu-container .menu-container .column ul li, .footer-wrapper .footer .menu-container .column ul li { display: flex; flex-direction: column; justify-content: center; } .top-menu-container .top-submenu-container .menu-container .column ul li ul, .footer-wrapper .footer .menu-container .column ul li ul { margin: 15px 0; } /* Footer */ .footer-wrapper { position: relative; z-index: 1; } .footer-wrapper .footer { display: flex; flex-direction: column; align-items: center; padding: 20px; background-color: #000014; border-top: 1px solid rgba(255, 255, 255, 0.15); } .footer-wrapper .footer .menu-container { width: 1280px; } .footer-wrapper .footer .description-container { display: flex; text-align: center; width: 1280px; max-width: 100%; padding: 0 20px; } .footer-wrapper .footer .description-container p, .footer-wrapper .footer .description-container p a { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 400; line-height: 23px; } .footer-wrapper .footer .description-container p { text-align: justify; color: rgba(255, 255, 255, 0.5); } .footer-wrapper .footer .description-container p a { color: rgba(255, 255, 255, 0.5); } .footer-wrapper .footer .description-container p a:hover { color: #dc6060; opacity: 1; } .footer-wrapper .footer .links-container { display: flex; justify-content: space-between; width: 1280px; max-width: 100%; padding: 10px 20px 20px; } @media (min-width: 320px) and (max-width: 767px) { .footer-wrapper .footer .links-container { flex-direction: column; } } .footer-wrapper .footer .links-container .column { max-width: 960px; text-align: left; } @media (min-width: 320px) and (max-width: 767px) { .footer-wrapper .footer .links-container .column.social-container { margin: 10px 0; } } .footer-wrapper .footer .links-container .column.social-container ul { display: flex; } @media (min-width: 320px) and (max-width: 767px) { .footer-wrapper .footer .links-container .column.social-container ul { justify-content: center; } } .footer-wrapper .footer .links-container .column.social-container ul li { display: flex; margin-right: 10px; width: 40px; height: 40px; } .footer-wrapper .footer .links-container .column.social-container ul li a { width: 100%; height: 100%; box-sizing: border-box; background-size: cover; background-position: center top; background-repeat: no-repeat; border: 2px solid #fff; border-radius: 50%; opacity: .2; transition: all .2s ease-in-out 0s; } .footer-wrapper .footer .links-container .column.social-container ul li a:hover { opacity: 1; } .footer-wrapper .footer .links-container .column.social-container ul li a.fb { background-image: url(/img/new/common/social-icons/fb.svg); } .footer-wrapper .footer .links-container .column.social-container ul li a.tw { background-image: url(/img/new/common/social-icons/tw.svg); } .footer-wrapper .footer .links-container .column.social-container ul li a.li { background-image: url(/img/new/common/social-icons/li.svg); } .footer-wrapper .footer .links-container .column.social-container ul li:not(:first-child) { margin-left: 10px; } .footer-wrapper .footer .links-container .column.legal-container ul { display: flex; align-items: center; } @media (min-width: 320px) and (max-width: 767px) { .footer-wrapper .footer .links-container .column.legal-container ul { justify-content: center; } } .footer-wrapper .footer .links-container .column.legal-container ul li .separator { margin: 0 5px; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 600; line-height: normal; } /* Cookies */ .cookie-wrapper { position: fixed; bottom: 0; display: none; width: 100%; height: 60px; font-size: 14px; font-weight: 400; line-height: 60px; background: #f5f8fa; border-top: 1px solid #ebebeb; text-align: center; color: #51514f; opacity: 0; z-index: 99; transition: opacity .2s ease-in-out; } .cookie-wrapper * { font-size: 14px; font-weight: 400; } .cookie-wrapper a { color: #559eb9; } .cookie-wrapper a.agree-cookies { margin-left: 10px; padding: 5px 20px; border: 1px solid #4c8ea6; border-radius: 2px; } @media (min-width: 320px) and (max-width: 767px) { .cookie-wrapper { height: 85px; line-height: 40px; } } .cookies-container-open .cookie-wrapper { display: block; opacity: 1; } html, body { margin: 0; padding: 0; } .position-static { position: static; } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-fixed { position: fixed; } .absolute-center { position: absolute; left: 0; right: 0; margin: auto; } /* Display */ .display-none { display: none; } .display-table { display: table; } .display-block { display: block; } .display-inline-block { display: inline-block; } /* Margin */ .margin-0-auto { margin: 0 auto; } .margin-30-auto { margin: 30px auto; } .margin-20-auto { margin: 20px auto; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-60 { margin-top: 60px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-35 { margin-bottom: 35px; } /* Width */ .width-240 { width: 240px; } /* Max Width */ .max-width-600 { max-width: 600px; } .max-width-700 { max-width: 700px; } .max-width-960 { max-width: 960px; } .max-width-175 { max-width: 175px; } .max-width-195 { max-width: 195px; } .max-width-300 { max-width: 300px; } /* Padding */ .padding-40-0 { padding: 40px 0px; } .padding-60-0 { padding: 60px 0px; } .padding-top-30 { padding-top: 30px; } .padding-top-50 { padding-top: 50px; } .padding-top-70 { padding-top: 70px; } .padding-top-90 { padding-top: 90px; } @media (min-width: 320px) and (max-width: 767px) { .padding-top-90 { padding-top: 50px; } } .padding-right-20 { padding-right: 20px; } .padding-left-20 { padding-left: 20px; } @media (min-width: 320px) and (max-width: 767px) { .padding-right-20, .padding-left-20 { padding-left: 0px !important; padding-right: 0px !important; } } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-bottom-90 { padding-bottom: 90px; } @media (min-width: 320px) and (max-width: 767px) { .padding-bottom-90 { padding-bottom: 50px; } } .padding-bottom-100 { padding-bottom: 100px; } @media (min-width: 320px) and (max-width: 767px) { .padding-bottom-100 { padding-bottom: 50px; } } .white-bg { background-color: #fff; } html.dark .white-bg { background-color: #0d1021; } .grey-bg { background-color: #f5f8fa; z-index: 10; position: relative; } html.dark .grey-bg { background-color: #161929; } /* Border */ .border-top-1-eb { border-top: 1px solid; border-top-color: #ebebeb; } html.dark .border-top-1-eb { border-top-color: rgba(255, 255, 255, 0.1); } .border-bottom-1-eb { border-bottom: 1px solid; border-bottom-color: #ebebeb; } html.dark .border-bottom-1-eb { border-bottom-color: rgba(255, 255, 255, 0.1); } /* Font size */ .font-size-20 { font-size: 20px; } /* Color */ .color-white { color: #fff; } .color-blue-green { color: #4c8ea6; } /* Text align */ .text-align-left { text-align: left; } .text-align-center { text-align: center; } .z-index-1 { z-index: 1; } .hspacer-300 { margin: 0 auto; width: 300px; height: 1px; background-color: #dbdde1; } html.dark .hspacer-300 { background-color: rgba(255, 255, 255, 0.15); } .defaultcase-important { text-transform: none !important; } @media (min-width: 320px) and (max-width: 767px) { .no-mobile { display: none !important; } } @media (min-width: 768px) and (max-width: 1169px) { .no-tablet { display: none !important; } } /* Local custom fonts ***************************** ** Introduced with the 2014 redesign, now local *** ***************************************************/ /** * Titillium Web */ /* Titillium Web - 200 version */ @font-face { font-family: 'Titillium Web'; font-display: fallback; src: url("/fonts/Titillium_Web_200.woff2") format("woff2"), url("/fonts/Titillium_Web_200.woff") format("woff"); font-style: normal; font-weight: 200; } /* Titillium Web - 300 version */ @font-face { font-family: 'Titillium Web'; font-display: fallback; src: url("/fonts/Titillium_Web_300.woff2") format("woff2"), url("/fonts/Titillium_Web_300.woff") format("woff"); font-weight: 300; } /* Titillium Web - 400 (default) version */ @font-face { font-family: 'Titillium Web'; font-display: fallback; src: url("/fonts/Titillium_Web_400.woff2") format("woff2"), url("/fonts/Titillium_Web_400.woff") format("woff"); font-weight: 400; } /* Titillium Web - 600 (bold) version */ @font-face { font-family: 'Titillium Web'; font-display: fallback; src: url("/fonts/Titillium_Web_600.woff2") format("woff2"), url("/fonts/Titillium_Web_600.woff") format("woff"); font-weight: 600; } /** * Source Sans Pro */ /* Source Sans Pro - 200 version */ @font-face { font-family: 'Source Sans Pro'; font-display: fallback; src: url("/fonts/Source_Sans_Pro_200.woff2") format("woff2"), url("/fonts/Source_Sans_Pro_200.ttf") format("truetype"), url("/fonts/Source_Sans_Pro_200.woff") format("woff"); font-weight: 200; } /* Source Sans Pro - 300 version */ @font-face { font-family: 'Source Sans Pro'; font-display: fallback; src: url("/fonts/Source_Sans_Pro_300.woff2") format("woff2"), url("/fonts/Source_Sans_Pro_300.ttf") format("truetype"), url("/fonts/Source_Sans_Pro_300.woff") format("woff"); font-weight: 300; } /* Source Sans Pro - 400 (default) version */ @font-face { font-family: 'Source Sans Pro'; font-display: fallback; src: url("/fonts/Source_Sans_Pro_400.woff2") format("woff2"), url("/fonts/Source_Sans_Pro_400.ttf") format("truetype"), url("/fonts/Source_Sans_Pro_400.woff") format("woff"); font-weight: 400; } /* Source Sans Pro - 600 (semi-bold) version */ @font-face { font-family: 'Source Sans Pro'; font-display: fallback; src: url("/fonts/Source_Sans_Pro_600.woff2") format("woff2"), url("/fonts/Source_Sans_Pro_600.ttf") format("truetype"), url("/fonts/Source_Sans_Pro_600.woff") format("woff"); font-weight: 600; } /* Source Sans Pro - 700 (bold) version */ @font-face { font-family: 'Source Sans Pro'; font-display: fallback; src: url("/fonts/Source_Sans_Pro_700.woff2") format("woff2"), url("/fonts/Source_Sans_Pro_700.ttf") format("truetype"), url("/fonts/Source_Sans_Pro_700.woff") format("woff"); font-weight: 700; } /* Source Sans Pro - 900 (ultra bold) version */ @font-face { font-family: 'Source Sans Pro'; font-display: fallback; src: url("/fonts/Source_Sans_Pro_900.ttf") format("truetype"); font-weight: 900; } .new-label { display: inline-flex; align-items: center; height: 18px; padding: 0 5px; background-color: #dc6060; border: none; border-radius: 2px; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; color: #fff; } .global-message { display: flex; align-items: center; padding: 15px 20px; border-radius: 3px; font-size: 16px; } @media (min-width: 320px) and (max-width: 767px) { .global-message { flex-direction: column; max-width: 100%; border-radius: 0; } } .global-message span { flex: 1; } @media (min-width: 320px) and (max-width: 767px) { .global-message span { text-align: center; } } .global-message a { margin-left: 10px; padding: 6px 10px; border: 1px solid #fff; border-radius: 2px; font-size: 16px; font-weight: 400; text-transform: uppercase; } @media (min-width: 320px) and (max-width: 767px) { .global-message a { margin-left: 0; margin-top: 10px; } } .global-message.plain.no-background { background-color: transparent; box-shadow: 0 0 0 1px #dbdde1 inset; color: #666; } .global-message.plain a { color: #dc6060; } .global-message.warning { background-color: #e5ac00; color: #fff; } .global-message.warning span { color: #fff; } .global-message.warning a { color: #fff; } h2 .new-label { position: relative; top: -3px; } h3 .new-label { position: relative; top: -3px; } .blockquote-container blockquote { display: flex; flex-direction: column; align-items: center; margin: 0 auto; max-width: 960px; padding: 20px 0; font-family: 'Georgia', serif; font-weight: normal; font-size: 22px; line-height: 30px; font-style: italic; } .blockquote-container blockquote p { font-family: 'Georgia', serif; font-weight: normal; font-size: 22px; line-height: 30px; font-style: italic; text-align: center; } .blockquote-container blockquote p:last-child { margin-bottom: 0; } .blockquote-container blockquote::before { margin-top: 30px; margin-left: -20px; width: 100px; font-size: 6em; text-align: center; content: open-quote; opacity: .5; } .blockquote-container .name { margin-top: 16px; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 400; text-transform: uppercase; text-align: center; } .blockquote-container .logo { display: flex; justify-content: center; } .blockquote-container .logo img { width: 150px; } .breadcrumbs { display: flex; flex-wrap: wrap; width: 800px; padding: 12px 10px 10px; border-bottom: 1px solid #dbdde1; } html.dark .breadcrumbs { border-bottom-color: rgba(255, 255, 255, 0.15); } .breadcrumbs .breadcrumb-container { position: relative; display: flex; align-items: center; } .breadcrumbs .breadcrumb-container a { position: relative; align-items: center; display: flex; height: 30px; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 400; color: #4c8ea6; overflow-x: hidden; } .breadcrumbs .breadcrumb-container a:hover { opacity: 1; color: rgba(76, 142, 166, 0.75); } .breadcrumbs .breadcrumb-container:not(:last-child) .separator { margin-left: 7px; margin-right: 10px; background: none; z-index: 1; } .breadcrumbs .breadcrumb-container:not(:last-child) .separator::before { margin-top: 1px; display: block; width: 8px; height: 8px; border-top: 2px solid #dbdde1; border-right: 2px solid #dbdde1; border-radius: 0 2px 2px 0; transform: rotate(45deg); content: ""; } html.dark .breadcrumbs .breadcrumb-container:not(:last-child) .separator::before { border-top-color: rgba(255, 255, 255, 0.15); border-right-color: rgba(255, 255, 255, 0.15); } .infotip-i { position: relative; display: flex; width: 30px; height: 30px; background: url("/img/icon-infotip-i.svg") center center no-repeat; background-size: 18px 18px; cursor: pointer; outline: none; } .infotip-i .tooltip { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; transition: opacity .2s ease-in-out; } .infotip-i .tooltip::before { position: absolute; background-color: #dbdde1; content: ""; } html.dark .infotip-i .tooltip::before { background-color: rgba(255, 255, 255, 0.15); } .infotip-i .tooltip::after { position: absolute; background-color: #fff; content: ""; } html.dark .infotip-i .tooltip::after { background-color: #0d1021; } .infotip-i .tooltip .white-block { width: 0; height: 0; background-color: #fff; border: 1px solid #dbdde1; border-radius: 3px; box-shadow: 0 0 25px 0 rgba(0, 0, 20, 0.05); } html.dark .infotip-i .tooltip .white-block { background-color: #0d1021; border-color: rgba(255, 255, 255, 0.15); box-shadow: 0 0 25px 0 rgba(0, 0, 20, 0.15); } .infotip-i .tooltip .white-block p { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; line-height: normal; text-align: left; } .infotip-i .tooltip .white-block p:last-of-type { margin-bottom: 0; } .infotip-i .tooltip.bottom-left-arrow-normal-eb { left: 15px; right: auto; } .infotip-i .tooltip.bottom-left-arrow-normal-eb::before { left: 20px; bottom: 29px; width: 11px; height: 22px; clip-path: polygon(0 50%, 100% 0, 100% 100%); } .infotip-i .tooltip.bottom-left-arrow-normal-eb::after { left: 22px; bottom: 30px; width: 10px; height: 20px; clip-path: polygon(0 50%, 100% 0, 100% 100%); } .infotip-i .tooltip.bottom-left-arrow-normal-eb .white-block { margin-left: 30px; } .infotip-i .tooltip.top-left-arrow-normal-eb { left: 15px; right: auto; } .infotip-i .tooltip.top-left-arrow-normal-eb::before { left: 20px; top: 30px; width: 11px; height: 22px; clip-path: polygon(0 50%, 100% 0, 100% 100%); } .infotip-i .tooltip.top-left-arrow-normal-eb::after { left: 22px; top: 31px; width: 10px; height: 20px; clip-path: polygon(0 50%, 100% 0, 100% 100%); } .infotip-i .tooltip.top-left-arrow-normal-eb .white-block { margin-left: 30px; } .infotip-i:hover { opacity: 1; } .infotip-i:hover .tooltip { width: auto; height: auto; opacity: 1; } .infotip-i:hover .tooltip .white-block { width: auto; height: auto; padding: 15px; } .infotip-i:hover .tooltip.min-width-260 { min-width: 260px; } .infotip-i:hover .tooltip.min-width-300 { min-width: 300px; } .ajax-loader { position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: table; vertical-align: middle; text-align: center; z-index: 9; } .ajax-loader .loading { display: inline-block; width: 64px; height: 64px; } .ajax-loader.big-loader .loading { position: relative; } .ajax-loader.big-loader .loading::before { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(/img/ajax-loader-big-darkbg-bg.svg) center center no-repeat; background-size: 80px; opacity: .2; content: ""; } .ajax-loader.big-loader .loading::after { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(/img/ajax-loader-big-darkbg-blue.svg) center center no-repeat; background-size: 80px; animation-name: ajax-loader-spin; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; content: ""; } .ajax-loader.big-loader .message { font-size: 18px; font-weight: 400; line-height: 26px; color: #666; } html.dark .ajax-loader.big-loader .message { color: rgba(255, 255, 255, 0.65); } @keyframes ajax-loader-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .bordered-container { border: 1px solid #dbdde1; border-radius: 3px; } @media (min-width: 320px) and (max-width: 767px) { .bordered-container { border-left: none; border-right: none; border-radius: 0; } } html.dark .bordered-container { border-color: rgba(255, 255, 255, 0.15); } * { margin: 0; padding: 0; box-sizing: border-box; } body { color: #51514f; text-align: left; font-family: 'Source Sans Pro', sans-serif; } html.dark body { background-color: #0d1021; color: rgba(255, 255, 255, 0.68); } p, ul li, ol li { font: 300 18px/24px 'Source Sans Pro', sans-serif; color: #666; } html.dark p, html.dark ul li, html.dark ol li { color: rgba(255, 255, 255, 0.65); } p strong, ul li strong, ol li strong { font-weight: 400; color: #000; } html.dark p strong, html.dark ul li strong, html.dark ol li strong { color: #fff; } p { margin-bottom: 16px; } ul li { list-style-type: none; } a { font: 300 18px/24px 'Source Sans Pro', sans-serif; color: #757e80; transition: all 0.2s ease-in-out; text-decoration: none; } a:hover { opacity: .7; } /* START GENERIC CLASSES */ .font-size-18 { font-size: 18px; } .display-table { display: table; } .margin-auto { margin: auto; } .margin-top-20 { margin-top: 20px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .width-150 { width: 150px; } .height-auto-important { height: auto !important; } .border-blue-1 { border: 1px solid #4c8ea6; } .border-radius-2 { border-radius: 2px; } .line-height-34 { line-height: 34px; } .font-weight-600 { font-weight: 600; } .axi-color-black { color: #000; } html.dark .axi-color-black { color: #fff; } #partners-portal.current-offers .white-block.height-600-important { height: 600px !important; } #partners-portal.current-offers .white-block.height-650-important { height: 650px !important; } #partners-portal #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .inner-pages-listing h2.line-height-42-important { line-height: 42px !important; } /* END GENERIC CLASSES */ /* Login page */ .partners-portal-login { background: #fff; border: 1px solid #dbdde1; border-image: none; border-radius: 3px; padding: 25px 0; box-sizing: content-box; margin: 0 auto; text-align: left; width: 400px; } html.dark .partners-portal-login { background-color: #0d1021; border-color: rgba(255, 255, 255, .15); } .partners-portal-login .arrow { position: relative; } .partners-portal-login #form-login { padding-top: 30px; /* margin-top:18px; */ width: 310px; /* height: 180px; */ height: 100%; position: relative; } .error #form-login{ margin-top:0px; padding-top:0; } .partners-pass-recovery-success { display: none; width: 310px; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 1; } .partners-box-login-form.error .wrapp-partners-box-login form { margin-top: 15px!important; } .partners-box-login-form.error .partners-pass-recovery .new-form-message-error { margin-top: 20px; } .partners-portal-login .formOption { height: 55px; margin: 0 auto; padding-top: 5px; position: relative; width: 300px; } .partners-portal-login .textfield { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; color: #666; font-family: "Source Sans Pro",sans-serif; font-size: 14px; font-weight: 400; height: 3.4em; outline: medium none; padding: 0 3px 0 20px; width: 100%; } html.dark .partners-portal-login .textfield { background: transparent; border-color: rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .65); } .partners-portal-login .textfield:focus { border: 1px solid rgba(76, 142, 166, 0.7); color: #4c8ea6; } .partners-portal-login .formOption.switchOption { margin-top: 10px; height: 30px; padding: 25px 0; border: 1px solid #ccc; border-radius: 3px; } .partners-portal-login .formOption.defaultCurrency { margin-top: 5px; } .partners-portal-login .textfield + label.darkText, .partners-portal-login .switchContainer + label.darkText { background: #fff; color: #808080; content: attr(placeholder); cursor: default; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 14px; left: 15px; line-height: 1.5em; padding: 2px 5px; pointer-events: none; position: absolute; text-align: left; text-transform: uppercase; top: 18px; transition: all 0.3s ease-in-out 0s; white-space: nowrap; z-index: 1; } html.dark .partners-portal-login .textfield + label.darkText, html.dark .partners-portal-login .switchContainer + label.darkText { background: #0d1021; } .partners-portal-login .textfield:focus + label.darkText, .partners-portal-login #passwordField.notEmpty + label.darkText, .partners-portal-login .textfield.selected + label.darkText { transform: translate(-0.3em, -1.7em) scale(0.9, 0.9); transition-duration: 0.2s; } .partners-portal-login .textfield:focus + label.darkText { color: #4c8ea6; } .partners-portal-login .switchContainer + label.darkText { top: -12px; } .partners-portal-login .switchOption.paymentMethod { padding: 8px 0; box-sizing: content-box; } .partners-portal-login .switchOption .switchContainer { position: relative; display: table; width: 100%; } .partners-portal-login .switchOption.paymentMethod .switchContainer { margin-left: 12px; } .lang-ro .partners-portal-login .switchOption.paymentMethod .switchContainer { margin-left: -11px; } .partners-portal-login .switchOption.paymentMethod .switchContainer + label.darkText { transform: translate(-0.8em) scale(0.9, 0.9); } .partners-portal-login .textfield.dropdown-menu { background: transparent url(/img/arrow-down.svg) right 15px center no-repeat; background-size: 10px; color: #808080; cursor: pointer; } .partners-portal-login .switchContainer .switch { position: absolute; width: 18px; height: 20px; border: none; cursor: pointer; opacity: 0; } .partners-portal-login .switchContainer::before { position: absolute; top: calc(50% + 5px); left: calc(50% - 20px); width: 38px; height: 20px; background: #4c8ea6; border-radius: 10px; content: ""; } .partners-portal-login .switchContainer .switch + label { position: absolute; margin-top: 7px; font-size: 12px; font-weight: 600; color: #808080; text-transform: uppercase; opacity: .9; cursor: pointer; z-index: 2; } .partners-portal-login .switchContainer .switch:first-of-type { left: calc(50% - 20px); margin-right: 0; padding-right: 0; } .partners-portal-login .switchContainer .switch:first-of-type + label { right: 50%; margin-right: 30px; text-align: right; } .partners-portal-login .switchContainer .switch:last-of-type { left: 50%; margin-left: 0; padding-left: 0; } .partners-portal-login .switchContainer .switch:last-of-type + label { left: 50%; margin-left: 30px; text-align: left; } .partners-portal-login .switchContainer .switch:checked + label { color: #4c8ea6; opacity: 1; } .partners-portal-login .switchContainer .switch ~ .check { position: absolute; left: calc(50% - 9px); margin-top: 7px; display: none; width: 16px; height: 16px; background: #fff; border-radius: 8px; transition: margin-left 0.2s ease-in-out; z-index: 1; } .partners-portal-login .switchContainer .switch:checked + label + .switch:not(:checked) + label + .check { display: block; margin-left: -9px; content: ""; } .partners-portal-login .switchContainer .switch:not(:checked) + label + .switch:checked + label + .check { display: block; margin-left: 9px; content: ""; } .partners-portal-login label.darkText a { color: #4c8ea6; } .partners-portal-login .loginButton { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #4c8ea6; border: none; border-radius: 30px; color: #fff; cursor: pointer; display: block; font-size: 14px; height: 50px; margin: 10px auto; min-width: 250px; outline: medium none; text-transform: uppercase; transition: opacity 0.2s ease-in-out 0s; } .partners-portal-login.partners-registration .loginButton { font-weight: 600; } .partners-portal-login .loginButton:hover { opacity: 0.7; } .partners-portal-login .new-form-message-error, .partners-portal-login .new-form-message-body { color: #dc6060; text-align: center; font-size: 15px; font-weight: 400; } .partners-box-login-form.error .new-form-message-info, .partners-pass-recovery.error .new-form-message-info { display: block; } .partners-portal-login .new-form-message-info .new-form-message-headline, .partners-portal-login .new-form-message-info .new-form-message-body { display: block; color: #50a93c; text-align: center; font-size: 15px; font-weight: 400; } .partners-portal-login .new-form-message-area { /* position: absolute; top: -15px; left: 0; right: 0; */ width: auto; } .partners-portal-login .new-form-message-area .new-form-message-headline { font-weight: 400; } /* Partners Portal 2015 */ /* #partners-portal.current-offers .v74-wrapper::before { position: absolute; width: 100%; height: 260px; background-image: url(/images/partners-portal/current-offers-bg-fall-2105.png); background-position: left top; background-repeat: no-repeat; content: ""; z-index: 100; } */ /* #partners-portal.current-offers .v74-header::before { position: absolute; left: 0; top: 10px; width: 240px; height: 50px; background: #1a2e34; opacity: .7; content: ""; } */ #partners-portal .survey-container { position: relative; } #partners-portal .survey-container::after { position: absolute; left: 0; bottom: 100px; width: 960px; height: 1px; border-bottom: 1px solid #ebebeb; content: ""; } #partners-portal.current-offers #promo1, #partners-portal.current-offers #promo2 { margin-top: -10px; } #partners-portal.current-offers .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { z-index: 101; } #partners-portal .product-main-content .bordered-container { background: #fff; border: 1px solid #dbdde1; border-radius: 3px 3px 4px 4px; } html.dark #partners-portal .product-main-content .bordered-container { background: #0d1021; border-color: rgba(255, 255, 255, .15); } #partners-portal.current-offers .white-block { position: relative; margin: 0 !important; height: 200px !important; } #partners-portal.current-offers .white-block ul { margin: auto; width: 750px; padding: 15px 30px; box-sizing: border-box; } #partners-portal.current-offers #promo1 h2 { margin-top: 30px; } #partners-portal.current-offers .white-block ul li { padding: 10px 0 10px 40px; font-size: 20px; font-weight: 300; line-height: 24px; list-style-type: none; box-sizing: border-box; } #partners-portal.current-offers #promo1 #promo1-terms, #partners-portal.current-offers #promo2 #promo2-terms, #partners-portal.current-offers #promo3 #promo3-terms { position: absolute; top: 100%; width: 100%; height: 100%; padding: 50px 20px 20px; box-sizing: border-box; text-align: center; background: rgba(255, 255, 255, .8); z-index: 2; transition: top 0.2s ease-out; } #partners-portal.current-offers #promo1 .blurred, #partners-portal.current-offers #promo2 .blurred, #partners-portal.current-offers #promo3 .blurred { -webkit-filter: blur(5px); filter: blur(5px); } #partners-portal.current-offers .container-tooltip { position: relative; height: 20px; top: -40px; bottom: auto; left: 0; right: 20px; width: 100%; margin: auto; } #partners-portal.current-offers .container-tooltip .close::before, #partners-portal.current-offers .container-tooltip .close::after { background: #51514f; } #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo1 #promo1-terms p, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo1 #promo1-terms li, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo2 #promo2-terms p, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo2 #promo2-terms li, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo3 #promo3-terms p, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo3 #promo3-terms li { width: 600px !important; margin: auto; margin-bottom: 5px; border: none; font-size: 17px !important; font-weight: 300 !important; line-height: 24px !important; } #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo1 #promo1-terms li, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo2 #promo2-terms li, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo3 #promo3-terms li { text-align: left; } #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo1 #promo1-terms li a, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo2 #promo2-terms li a, #partners-portal.current-offers #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content #promo3 #promo3-terms li a { font-size: 17px; font-weight: 300; } #partners-portal.current-offers .white-block .checkmark { position: relative; } #partners-portal.current-offers .white-block .checkmark::before { position: absolute; left: 13px; top: 12px; width: 20px; height: 20px; background: url(/images/partners-portal/checkmark.svg); background-size: 20px 20px; content: ""; } #partners-portal.current-offers .white-block ul li:first-child:last-child { float: none; display: block; margin: auto; padding: 0 0 20px; text-align: center; } #partners-portal.current-offers .white-block .status { bottom: 0 !important; border-bottom: 100px solid transparent; border-left: 100px solid transparent; } #partners-portal.current-offers .white-block .status span:first-child:not(:last-child) { width: 90px !important; right: -5px !important; bottom: -70px !important; } #partners-portal.current-offers .white-block .status span:last-child:not(:first-child) { width: 80px !important; right: -10px !important; bottom: -80px !important; } #partners-portal.current-offers .promo-criterion-title { position: relative; margin: auto; width: calc(100% - 100px); text-align: center; border: none; } #partners-portal.current-offers .promo-criterion-title span { position: relative; padding: 10px 20px; background: #fff; font-family: "Titillium Web", sans-serif !important; font-size: 15px; font-weight: 600; color: #757e80; text-align: center; text-transform: uppercase; z-index: 1; } #partners-portal.current-offers .promo-criterion-title::before { position: absolute; left: 0; top: 8px; display: block; width: 100%; height: 1px; background: #ddd; content: ""; z-index: 0; } .avatar-container { position: absolute; right: 20px; } .avatar-container .account-ribbon { width: 46px; height: 46px; cursor: pointer; } .avatar-container .account-ribbon a { display: inline-block; padding: 0 10px 0 0; font-size: 13px; color: #4c8ea6; } .avatar { color: #fff; background: #dc6060; display: inline-block; font-size: 20px; border-radius: 46px; width: 46px; height: 46px; line-height: 46px; text-align: center; text-transform: uppercase; position: absolute; } .gravatar { position: absolute; border-radius: 46px; } .account-details { position: absolute; top: 65px; right: -15px; width: 310px; padding: 0; height: 165px; padding-top: 20px; background: #fff; border-radius: 3px; border: solid 1px #e4e9eb; } .account-details .arrow { position: absolute; bottom: 100%; right: 25px; height: 0; width: 0; border: 13px solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; pointer-events: none; content: ""; } .account-details .account { height: 60px; } .account-details .account .account-content { display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 100%; padding-left: 20px; padding-right: 20px; } .avatar-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; background: #fff; border: 1px solid #ccc; border-radius: 23px; } .avatar-wrapper .avatar { width: 44px; height: 44px; line-height: 44px; } .avatar-wrapper .gravatar { margin-top: 0; margin-left: 0; } .account-details .details-wrapper { max-width: 210px; height: 46px; padding: 0 10px; color: #808080; vertical-align: middle; overflow-x: hidden; text-overflow: ellipsis; } .account-details .details-wrapper p { display: block; margin-top: 0; max-width: 162px; height: 20px; padding-top: 0; font-size: 14px; font-weight: 400; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .account-details .details-wrapper p.hasToken { font-size: 14px; font-weight: 400; line-height: 18px; height: 42px; white-space: normal; text-overflow: initial; } .account-details .details-wrapper p:not(last-child) { margin-bottom: 0; } .account-details p.hasToken #btnLogin { padding: 0; background: none; border: none; cursor: pointer; color: #4c8ea6; transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -webkit-transition: opacity 0.1s ease-out; } .account-details p.hasToken #btnLogin:hover { opacity: .7; } .account-details .loginButton { width: 180px; clear: both; text-align: center; line-height: 50px; border-radius: 4px; } .account-details a { font-size: 14px; font-weight: 400; color: #4c8ea6; } .page-buy.isPartner.small-header .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu, #partners-portal.small-header .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { top: 16px; right: 90px; } #partners-portal #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .inner-pages-listing h2 { font-family: "Titillium Web", sans-serif !important; font-size: 36px !important; font-weight: 200 !important; line-height: 36px !important; border-bottom: none; color: #000; } html.dark #partners-portal #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .inner-pages-listing h2 { color: #fff; } #partners-portal #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2 { text-align: center; } #partners-portal #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .inner-pages-listing p.product-description { font-weight: 200 !important; font-size: 22px !important; line-height: 1.2em !important; text-align: center; } #partners-portal .inner-pages-listing { display: flex; flex-wrap: wrap; max-width: 960px; margin: 0 auto; } #partners-portal .inner-pages-listing h2:first-child { width: 100%; text-align: center; margin-top: 40px; } #partners-portal h2.with-subtitle { margin-bottom: 20px; } #partners-portal .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .tab-bg1 { height: 60px; margin: -10px 0 10px; } #partners-portal .inner-pages-listing .white-block { width: calc(33% - 20px); display: flex; flex-direction: column; margin-right: 15px; margin-bottom: 20px !important; } #partners-portal .inner-pages-listing .white-block h3 { display: flex; min-width: 100%; align-items: center; justify-content: center; } #partners-portal #content .inner-pages-listing .white-block h3 + p { flex: 1; } #partners-portal #content .inner-pages-listing .white-block .last-updated { position: static; display: flex; } #partners-portal #content .inner-pages-listing .white-block .last-updated span { flex: 1; display: flex; align-items: center; } #partners-portal #content .inner-pages-listing .white-block .last-updated a { font-size: 14px; font-weight: 400; } .faq .content.answer { padding-left: 20px; } /* Partner Bridge - Home */ #partners-portal-public .button-big-rounded { top: auto; margin: 0 auto; bottom: 20vh; } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { background: none; } #partners-portal-public ul.dark-demo-menu.hidden + #siteWrapper a.top-logo, #partners-portal ul.dark-demo-menu.hidden + #siteWrapper a.top-logo, #partners-portal-public ul.dark-demo-menu + #siteWrapper a.top-logo { width: 47px; } #partners-portal-public .v74-header .dark-demo-show-menu-button { border: 1px solid rgba(255, 255, 255, .2); } #partners-portal-public.full-header .axi-2015-header-container { background: url(/images/partners-portal/partners-main-bg.jpg) left bottom 30% no-repeat; background-size: 100% auto; } #partners-portal-public.full-header .axi-2015-header-container::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #041a1f; opacity: .75; content: ""; transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -webkit-transition: opacity 0.1s ease-out; } #partners-portal-public.full-header .axi-2015-header-container.opaque::before { opacity: .9} #partners-portal-public.full-header .axi-2015-header-container h4 { bottom: calc(25vh + 30px); margin: 0 auto; font-size: 18px; font-weight: 300; } #partners-portal-public .axi-2015-header-container .new-partners-header h1{ line-height: inherit; } #partners-portal-public .full-header .axi-2015-header-container .new-partners-header h3{ margin-top: -125px; } .scroll-arrow-thin { width: 50px; height: 50px; bottom: 40px; opacity: .7; } .scroll-arrow-thin:hover { opacity: 1; } .scroll-arrow-thin span { display: inline-block; width: 30px; height: 30px; box-sizing: border-box; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); } #partners-portal-public .nav-top li a:hover, #partners-portal-public .nav-top > li > a:focus { color: #dc6060; opacity: 1; } #partners-portal-public .nav-top li a:hover .burger > span { background: #dc6060; } #partners-portal-public ul.dark-demo-menu:not(.hidden) + #siteWrapper p.logo-subtitle { left: 68px; } /* How it works - Partners */ #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner { margin-top:0; } #partners-portal-public .details-bg { background: #f5f8fa url("/img/2015/how-it-works.svg") no-repeat scroll center bottom / 95% auto; } html.dark #partners-portal-public .details-bg { background-color: #161929; } #partners-portal-public .details-items { width: 880px; margin: 80px auto; } #partners-portal-public .details-items .details-item { display: inline-block; width: 135px; height: 135px; box-sizing: content-box; background: #e87773; border: solid 20px #fff; border-radius: 100%; box-shadow: 0px 0px 0px 1px #dbdde1; } html.dark #partners-portal-public .details-items .details-item { border-color: #0d1021; box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, .15); } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .details-items .details-item p { color: #fff; text-transform: uppercase; text-align: center; display: table-cell; vertical-align: middle; width: 135px; height: 135px; font: 600 16px/20px "Source Sans Pro",sans-serif !important; } #partners-portal-public .details-items .customers { position: relative; background: #eb94ab; } #partners-portal-public .details-items .customers p { position: relative; top: -10px; } #partners-portal-public .details-items .customers:after { background: url('/img/2015/smile.svg') bottom center no-repeat; content: ""; position: absolute; top: 95px; width: 43px; height: 12px; left: 46px; } #partners-portal-public .details-items .services { background: #62adc5; } #partners-portal-public .plus{ width: 80px; height: 80px; display: inline-block; position:relative; margin: 0 45px; } #partners-portal-public .plus:after { content: ""; background: #e1b6b7; height: 2px; width: 80px; position:absolute; } #partners-portal-public .plus:before { content: ""; background: #e1b6b7; height: 80px; width: 2px; position:absolute; left: 50%; top: -50%; } #partners-portal-public .equal { width: 80px; height: 30px; display: inline-block; position:relative; margin: 0 45px; border: solid 2px #e1b6b7; border-left: none; border-right: none; vertical-align: calc(65px); } #partners-portal-public .details-text-items { text-align:center; margin-bottom:360px; } #partners-portal-public .details-text { display: inline-block; list-style-type: none; text-align: right; } #partners-portal-public .details-text li { display: flex; align-items: center; justify-content: flex-end; padding: 5px 25px 5px 0; } #partners-portal-public .bullets-point { text-align: left; } #partners-portal-public .bullets-point li { display: flex; align-items: center; justify-content: flex-start; padding: 5px 0 5px 25px; } #partners-portal-public .bullets-point li:before { position: relative; left: -31px; display: block; width: 12px; height: 12px; background: #62adc5; border-radius: 100%; content: ""; } /* Benefits To Axigen Partners */ #partners-portal-public .section-benefits { max-width: 1260px; margin: 0 auto; } #partners-portal-public .section-benefits .benefit-item { width: 29%; display: table-cell; text-align: center; } #partners-portal-public #nContainer #nnContainer #mContainer #mainPart-inner .wide .v74-container .product-main-content .section-benefits h3 { font: 600 16px/24px "Source Sans Pro",sans-serif !important; text-transform: uppercase; margin-top: 0px; } #partners-portal-public #nContainer #nnContainer #mContainer #mainPart-inner .wide .v74-container .product-main-content .section-benefits p { font: 400 15px/20px "Source Sans Pro",sans-serif !important; color: #757e80; text-align: center; padding: 0 13%; } #partners-portal-public #nContainer #nnContainer #mContainer #mainPart-inner .wide .v74-container .product-main-content .section-benefits-two { max-width: 840px; } #partners-portal-public .small-hspacer { margin: 50px auto; width: 100px; height: 1px; background: #ccc; } #partners-portal-public .button-big-pdf { display: flex !important; align-items: center; justify-content: center; height: 44px; line-height: 46px; background-size: 21px 24px; } #partners-portal-public .button-big-pdf .icon { width: 36px; height: 26px; background: url('/img/icon-pdf-boxed.svg') center center no-repeat; } #partners-portal-public .icon { display: inline-block; background-repeat:no-repeat; } #partners-portal-public .icon-certifications { background-image: url('/img/partners/svg-icons/badge.svg'); } html.dark #partners-portal-public .icon-certifications { background-image: url('/img/partners/svg-icons/badge-dark-mode.svg'); } #partners-portal-public .icon-offers { background-image: url('/img/partners/svg-icons/discount.svg'); } html.dark #partners-portal-public .icon-offers { background-image: url('/img/partners/svg-icons/discount-dark-mode.svg'); } #partners-portal-public .icon-sales { background-image: url('/img/partners/svg-icons/monitor.svg'); } #partners-portal-public .icon-support { background-image: url('/img/partners/svg-icons/support.svg'); } html.dark #partners-portal-public .icon-support { background-image: url('/img/partners/svg-icons/support-dark-mode.svg'); } #partners-portal-public .icon-ordering { background-image: url('/img/partners/svg-icons/dolar-sign.svg'); } html.dark #partners-portal-public .icon-ordering { background-image: url('/img/partners/svg-icons/dolar-sign-dark-mode.svg'); } #partners-portal-public .icon-services { background-image: url('/img/partners/svg-icons/plus.svg'); } html.dark #partners-portal-public .icon-services { background-image: url('/img/partners/svg-icons/plus-dark-mode.svg'); } #partners-portal-public .icon-certifications-dims{width:32px;height:39px; background-size:100%;} #partners-portal-public .icon-offers-dims{width:32px;height:32px; color:#fff; line-height:30px; background-size:100%;} #partners-portal-public .icon-sales-dims{width:32px;height:32px; background-size:100%;} #partners-portal-public .icon-support-dims{width:32px;height:32px; background-size:100%;} #partners-portal-public .icon-ordering-dims{width:32px;height:32px; background-size:100%;} #partners-portal-public .icon-services-dims{width:32px;height:32px; background-size:100%;} /* Testimanials */ #partners-portal-public .section-testimonials{ max-width:1260px; margin:0 auto; } #partners-portal-public .testimonial-item{ display: table-cell; vertical-align: top; width: 33%; } #partners-portal-public .testimonial-text:after{ top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 10px; margin-left: -10px; } html.dark #partners-portal-public .testimonial-text:after { border-top-color: #0d1021; } #partners-portal-public .testimonial-text:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ebebeb; border-width: 12px; margin-left: -12px; } html.dark #partners-portal-public .testimonial-text:before { border-top-color: rgba(255, 255, 255, .1); } #partners-portal-public .quote:before{ color: #e9e8e8; content: open-quote; font-size: 8em; font-family: Georgia,Italic; height: 60px; line-height: 96px; margin: 0; padding: 0; display: block; quotes: "“" "”"; } #partners-portal-public #nContainer #nnContainer #mContainer #mainPart-inner .wide .v74-container .product-main-content .testimonial-text { font:400 17px/25px Georgia !important; font-style: italic!important; padding: 30px 45px 50px 45px; background: #fff none repeat scroll 0 0; border: 1px solid #ebebeb; display: table-cell; position:relative; text-align:center; color:#757e80; } html.dark #partners-portal-public #nContainer #nnContainer #mContainer #mainPart-inner .wide .v74-container .product-main-content .testimonial-text { background-color: #0d1021; border-color: rgba(255, 255, 255, .1); } #partners-portal-public #nContainer #nnContainer #mContainer #mainPart-inner .wide .v74-container .product-main-content .testimonial-item:first-child .testimonial-text { padding: 30px 75px 50px 65px; } #partners-portal-public #nContainer #nnContainer #mContainer #mainPart-inner .wide .v74-container .product-main-content .testimonial-item:nth-child(2) .testimonial-text { border-right: none; border-left: none; } #partners-portal-public .testimonial-user { margin-top: 25px; text-align: center; } #partners-portal-public .thumb { display: inline-block; width: 50px; padding: 2px; background: #fff; border: 1px solid rgba(204, 204, 204, .5); border-radius: 50%; } #partners-portal-public .details { display: inline-block; vertical-align: top; text-align: left; padding-left: 5px; } #partners-portal-public .details span { display: block; color: #757e80; } #partners-portal-public .details span.name { font: 400 18px/24px "Source Sans Pro",sans-serif !important; color: #000; } html.dark #partners-portal-public .details span.name { color: #fff; } #partners-portal-public .details span.company { margin-top: 3px; font-size: 10px; text-transform: uppercase; line-height: 14px; } #partners-portal-public .details span.company br { line-height: 12px; } #partners-portal-public .cta-partners-footer { position: relative; height: 340px; background: rgba(0, 0, 0, 0) url("/images/partners-portal/partners-main-bg.jpg") no-repeat scroll left bottom 45% / 100% auto; } #partners-portal-public .cta-partners-footer:before{ background: #041a1f none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.75; position: absolute; top: 0; transition: opacity 0.2s ease-in-out 0s; width: 100%; } #partners-portal-public .cta-partners-footer h4 { bottom: 190px; font-size: 18px; font-weight: 300; margin: 0 auto; } #partners-portal-public .cta-partners-footer .button-big-rounded { bottom: 115px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } #partners-portal-public .cta-partners-footer a { color:#fff!important; } /* Login box */ #partners-portal-public .v74-header .signup { margin-right: 10px; } #partners-portal-public .partners-box-login { position: absolute; top: 79px; right: 20px; width: 310px; padding: 0; height: 235px; padding-top: 20px; z-index: 9999; } #partners-portal-public .partners-box-login.error, #partners-portal-public .partners-box-login.success { height: 280px; } #partners-portal-public .partners-box-login .new-form-message-area + .formOption{ margin-top: 0px!important; } #partners-portal-public ul.dark-demo-menu:not(.hidden) + #siteWrapper .partners-portal-login.partners-box-login::after { margin-left: 17px; } #partners-portal-public .partners-box-login .loginButton { margin:0; } #partners-portal-public .partners-box-login .arrow { position: absolute; bottom: 100%; height: 0; width: 0; border: 13px solid transparent; border-bottom-color: #fff; pointer-events: none; content: ""; } html.dark #partners-portal-public .partners-box-login .arrow { border-bottom-color: #0d1021; } #partners-portal-public .partners-box-login form { position: static; padding: 0; } #partners-portal-public .partners-box-login form .formOption { width: 270px; } #partners-portal-public .partners-box-login form .formSubmit input { border-radius: 4px; width: 270px; } #partners-portal-public .forgot-pass, #partners-portal-public .back-login { text-align: center; position: absolute; bottom: 0px; left: 0; right: 0; } #partners-portal-public .forgot-pass a, #partners-portal-public .back-login a { display: block; padding: 15px 0 20px 0; font-size: 14px; font-weight: 400; line-height: 18px; color: #559eb9; } #partners-portal-public .wrapp-partners-box-login{ overflow: hidden; width: 310px; height: 100%; position: relative; /* min-height: 135px;*/ } #partners-portal-public .partners-pass-recovery{ width: 310px; height: 100%; /* height: 180px;*/ position: absolute; top: 0; left: 310px; opacity: 0; } #partners-portal-public .partners-pass-recovery p, #partners-portal-public .partners-pass-recovery-success p{ color: #51514f; margin: 0; padding: 3px 20px 20px; text-align: center; } #partners-portal-public .partners-pass-recovery-success p { position: relative; top: 30%; } #partners-portal-public .partners-pass-recovery.error p { display: none; } #partners-portal-public .partners-pass-recovery.move-in{ transition: 0.5s ease-in-out; left: 0; opacity: 1; } #partners-portal-public .partners-pass-recovery.move-out{ transition: 0.5s ease-in-out; left: 310; } #partners-portal-public .partners-box-login-form{ position: relative; top: 0; left: 0px; width: 310px; height: 100%; } #partners-portal-public .partners-box-login-form.move-in{ transition: 0.5s ease-in-out; left: -310px; } #partners-portal-public .partners-box-login-form.move-out{ transition: 0.5s ease-in-out; left: 0px; } #partnerChangePassword .new-form-message-info { display:block; } /* Register box */ .partners-registration { padding: 60px 0 45px 0; } #partners-portal-public .no-display { display: none !important; } /* Animation apply now */ #partners-portal-public .align-center { text-align: center !important; } #partners-portal-public .display-register-block, #partners-portal-public .display-forgot-password-block { position: absolute; top: 0; width: 100% !important; height: 100vh !important; display: table-cell !important; width: 100vw; vertical-align: middle; visibility: visible !important; opacity: 1; transition: 3s; } #partners-portal-public .register-block .partners-portal-login, #partners-portal-public .forgot-password-block .partners-portal-login { opacity: 0; -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */ animation-delay: 2s; } #partners-portal-public .display-register-block .partners-portal-login, #partners-portal-public .display-forgot-password-block .partners-portal-login { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 280px; visibility: visible !important; animation: delayfadein .2s; opacity: 1; transition: 1s; } #partners-portal-public .display-forgot-password-block .partners-portal-login { padding: 0px; padding-top: 60px; height: 235px; min-height: 245px; } #partners-portal-public .display-forgot-password-block .partners-portal-login.error { padding-top: 30px; height: 285px; } #partners-portal-public .display-forgot-password-block .partners-portal-login .new-form-message-area { height: 65px; padding: 0 60px; } #partners-portal-public .partners-pass-recovery .new-form-message-area { height: 55px; } #partners-portal-public .new-form-message-area { height: 50px; } .forgot-password-block h1{ font-size: 48px; color: #fff; top: 150px; font-weight: 200; } .forgot-password-block h4{ font-size: 48px; color: #fff; top: 215px; font-weight: 300; font-size:26px; opacity: 0.8; } @-webkit-keyframes delayfadein { 0% { top: 30vh; opacity: 0; } 100% { top: 0; opacity: 1; } } @-webkit-keyframes moveup { 0% { margin-top: 30px; } 60% { margin-top: 30px; } 100% { margin-top: 90px; } } #partners-portal-public .position{ position: absolute; bottom: 0; width: 100%; } #partners-portal-public .fade { opacity: 0; transition: 1s; } #partners-portal-public .fade-fast { opacity: 0 !important; transition: 0.1s; } #partners-portal-public.full-header .axi-2015-header-container .new-header-pic.moveup { top: calc(50% - 320px); animation: delaymoveup 1s; } #partners-portal-public .sub-tagline { top: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } #partners-portal-public .sub-tagline.moveup { top: calc(50% - 260px);!important; opacity: 0.8 !important; font-size: 26px !important; } #partners-portal-public.full-header .axi-2015-header-container .v74-header-banner h3 { margin: -120px auto 0; } #partners-portal-public.full-header:not(.lang-ro) .axi-2015-header-container .v74-header-banner h3 { max-width: 730px; } #partners-portal-public.full-header .axi-2015-header-container .new-header-pic { top: calc(50% - 70px); margin-top: -30px; } #partners-portal-public .nav-top li a { outline: none !important; } #partners-portal-public .burger, #partners-portal-public .burger > span { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } #partners-portal-public .dark-demo-show-menu-button .dark-demo-show-menu.close .burger { left: -4px; opacity: .7; } @-webkit-keyframes turnburger1toclose { 0% { margin-top: -3px; width: 13px; height: 2px; } 100% { margin-top: -6px; width: 15px; height: 1px; -ms-transform: rotate(45deg); /* IE 9 */; -webkit-transform: rotate(45deg); /* Safari */; transform: rotate(45deg); } } @-webkit-keyframes turnburger4toclose { 0% { margin-top: -1px; width: 13px; height: 2px; } 100% { margin-top: -2px; width: 15px; height: 1px; -ms-transform: rotate(-45deg); /* IE 9 */; -webkit-transform: rotate(-45deg); /* Safari */; transform: rotate(-45deg); } } #partners-portal-public .dark-demo-show-menu.close .burger .burger-1 { animation: turnburger1toclose .3s; margin-top: -6px; width: 15px; height: 1px; -ms-transform: rotate(45deg); /* IE 9 */; -webkit-transform: rotate(45deg); /* Safari */; transform: rotate(45deg); } #partners-portal-public .dark-demo-show-menu.close .burger .burger-4 { animation: turnburger4toclose .3s; margin-top: -2px; width: 15px; height: 1px; -ms-transform: rotate(-45deg); /* IE 9 */; -webkit-transform: rotate(-45deg); /* Safari */; transform: rotate(-45deg); } @-webkit-keyframes turnclosetoburger1 { 0% { margin-top: -6px; width: 15px; height: 1px; -ms-transform: rotate(45deg); /* IE 9 */; -webkit-transform: rotate(45deg); /* Safari */; transform: rotate(45deg); } 100% { margin-top: 0; width: 13px; height: 2px; -ms-transform: rotate(0deg); /* IE 9 */; -webkit-transform: rotate(0deg); /* Safari */; transform: rotate(0deg); } } @-webkit-keyframes turnclosetoburger4 { 0% { margin-top: -2px; width: 15px; height: 1px; -ms-transform: rotate(-45deg); /* IE 9 */; -webkit-transform: rotate(-45deg); /* Safari */; transform: rotate(-45deg); } 100% { margin-top: 0; width: 13px; height: 2px; -ms-transform: rotate(0deg); /* IE 9 */; -webkit-transform: rotate(0deg); /* Safari */; transform: rotate(0deg); } } #partners-portal-public .dark-demo-show-menu:not(.close) .burger .burger-1 { animation: turnclosetoburger1 .3s; margin-top: 0; width: 13px; height: 2px; -ms-transform: rotate(0deg); /* IE 9 */; -webkit-transform: rotate(0deg); /* Safari */; transform: rotate(0deg); } #partners-portal-public .dark-demo-show-menu:not(.close) .burger .burger-4 { animation: turnclosetoburger4 .3s; margin-top: 0; width: 13px; height: 2px; -ms-transform: rotate(0deg); /* IE 9 */; -webkit-transform: rotate(0deg); /* Safari */; transform: rotate(0deg); } #partners-portal-public h3.subtitle { margin: 10px auto !important; max-width: 490px; } #partners-portal-public .partners-registration .new-form-message-area { margin-top: -40px; } #partners-portal-public .partners-registration.partners-registration-step .but-signup-step { display: table; width: auto; min-width: 200px; line-height: 50px; padding: 0 40px; color: #fff !important; } /* Register step 1 */ #partners-portal-public .partners-registration#signup-step1 { bottom: -40px; height: 375px; } /* Register step 2 */ #partners-portal-public .partners-registration#signup-step2 { width: 705px; height: 480px; } #partners-portal-public .partners-registration#signup-step2 .details-wrapper { display: table-cell; width: 350px; height: 410px; } /* Register step 2 (partners signup redirect) */ #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .partner-details-container { display: table; margin: 0 auto; width: calc(100% - 80px); padding: 20px; box-sizing: border-box; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .partner-details-container .logo-container { display: table-cell; width: 50%; padding: 10px 35px 10px 30px; border-right: 1px solid #dbdde1; vertical-align: middle; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .partner-details-container .logo-container .logo { float: right; width: 200px; height: 125px; background-repeat: no-repeat; background-size: contain; background-position: center; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .partner-details-container .details-container { display: table-cell; width: 100%; padding: 10px 30px; vertical-align: middle; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .partner-details-container .logo-container + .details-container { width: 50%; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .partner-details-container .logo-container + .details-container .details { margin: 0 auto; width: 220px; height: 125px; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .but-signup-step { margin-top: 50px; } /* Register step 2 (partner signup redirect) with 2 distributors */ #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .partners-registration#signup-step2.partners-registration-step-redirect .switcher h2 { margin-top: 0; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header { height: 325px; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label { height: 325px; padding-top: 43px; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label .partners-registration { padding: 0; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label .partner-details-container { width: 100%; padding: 0; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label .partner-details-container .logo-container { display: table; width: 100%; padding: 0; border: none; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label .partner-details-container .logo-container .logo { float: none; margin: 0 auto; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label .partner-details-container .details-container { display: block; width: 100%; padding: 0; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label .partner-details-container .logo-container + .details-container .details { padding-left: 0; color: #707070; text-transform: none; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-body h3.subtitle { margin-top: 20px !important; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-body .but-signup-step { margin-top: 20px; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-footer { display: none; } /* Register step 3 */ #partners-portal-public .partners-registration#signup-finish { height: 260px; } #partners-portal-public .checkmark { display: block; margin: 0 auto; width: 62px; height: 62px; border: solid 2px #d1d1d1; border-radius: 50%; } #partners-portal-public .checkmark:after { content: ''; display: block; width: 18px; height: 28px; border: solid #d1d1d1; border-width: 0 2px 2px 0; transform: rotate(45deg); margin: 12px auto; } /* Romanian */ #partners-portal-public.lang-ro.full-header .axi-2015-header-container { background: url(/images/partners-portal/partners-main-bg-ro.jpg) left top 30% no-repeat; background-size: auto 100%; } #partners-portal-public.full-header .axi-2015-header-container .v74-header-banner h3 { margin: -150px auto 0; } #partners-portal-public.lang-ro .cta-partners-footer { background: url(/images/partners-portal/partners-main-bg-ro.jpg) left top 22% no-repeat; background-size: 100% auto; } #partners-portal-public.lang-ro .sub-tagline { font-size: 15px !important; } #partners-portal-public.lang-ro .partners-box-login::after { margin-left: -19px; } #partners-portal-public.lang-ro .partners-box-login.login-arrow-adjustment::after { margin-left: -132px; } .loadingMask { width: 100%; position: absolute; height: 100%; top: 0; z-index: 9; background: rgba(255,255,255,0); } .logging { font-size: 10px; width: 2em; height: 2em; border-radius: 50%; background: #fff; background: -moz-linear-gradient(left, #fff 10%, rgba(76,142,166,0) 60%)!important; background: -webkit-linear-gradient(left, #fff 10%, rgba(76,142,166,0) 60%)!important; background: -o-linear-gradient(left, #fff 10%, rgba(76,142,166,0) 60%)!important; background: -ms-linear-gradient(left, #fff 10%, rgba(76,142,166,0) 60%)!important; background: linear-gradient(to right, #fff 10%, rgba(76,142,166,0) 60%)!important; position: absolute; -webkit-animation: logging-wrapp 1.4s infinite linear; animation: logging-wrapp 1.4s infinite linear; left: 58px; top: 29px; z-index: 99; } .logging::before { width: 50%; height: 50%; background: #fff; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .logging::after { background: #82b0c1; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @-webkit-keyframes logging-wrapp { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes logging-wrapp { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .hide-logging { visibility: hidden; opacity: 0; } .show-logging { visibility: visible; opacity: 1; transition: opacity 0.2s linear; } .partners-portal-login .loginButton { width: 200px; min-width: auto; transition: all 0.2s ease-in-out !important; } .show-logging + .loginButton { padding-left: 40px; background: #82b0c1; width: 234px; min-width: auto; } .partners-portal-login .loginButton:hover { background: #82b0c1; opacity: 1; } /* Media Query - Mobile and Ipad Portrait */ @media only screen and (-webkit-min-device-pixel-ratio:0) { select, select:focus, textarea, textarea:focus, input, input:focus { font-size: 16px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 768px) { #partners-portal-public.full-header .axi-2015-header-container { height: calc(100vh - 5px) !important; } #partners-portal-public:not(.lang-ro).full-header .axi-2015-header-container { background: url(/images/partners-portal/partners-main-bg.jpg) left top 30% no-repeat; background-size: auto 120%; } #partners-portal-public.full-header .axi-2015-header-container .new-header-pic { top: calc(50% - 40px)!important;} #partners-portal-public .cta-partners-footer { background: url("/images/partners-portal/partners-main-bg.jpg") no-repeat scroll left top -190px; background-size: auto 210%; } #partners-portal-public.lang-ro .cta-partners-footer { background-size: auto 150%; } #partners-portal-public.full-header .axi-2015-header-container .v74-header-banner h3 { top: 0 !important; padding: 10px; font-size: 19px !important; } #partners-portal-public.full-header .axi-2015-header-container .new-header-pic.moveup { display: none; } .page-buy.isPartner.small-header .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu, #partners-portal.small-header .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { top: -55px; right: 0; } .page-buy.isPartner.small-header.top-right-context-menu.after-scroll #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu, #partners-portal.small-header.top-right-context-menu.after-scroll #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { top: 76px; } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner { position: static; } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content h3.subtitle { padding: 0 20px; font-size: 20px !important; } #partners-portal-public .details-items { display: table; width: auto; margin: 40px auto; } #partners-portal-public .details-items .details-item { border-width: 7px; width: 75px; height: 75px; } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .details-items .details-item p { width: 75px; height: 75px; font: 600 11px/14px "Source Sans Pro", sans-serif !important; } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .details-items p br { line-height: 11px; } #partners-portal-public.lang-ro #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .details-items .details-item p { width: 65px; height: 65px; padding: 5px 0 0 5px; } #partners-portal-public .plus { top: -25px; width: 20px; height: 20px; margin: 0 5px; } #partners-portal-public .plus:before { margin-left: -1px; height: 20px; } #partners-portal-public .plus:after { margin-top: -1px; width: 20px; } #partners-portal-public .equal { top: 25px; width: 20px; height: 6px; margin: 0 5px; } #partners-portal-public .details-items .customers:after { top: 50px; left: 21px; width: 33px; } #partners-portal-public .details-text li { justify-content: center; padding-left: 0; padding-right: 0; font: 200 18px/28px "Source Sans Pro", sans-serif; text-align: center; } #partners-portal-public.lang-ro .details-text li { margin-bottom: 5px; } #partners-portal-public .details-text li:before { display: none; } #partners-portal-public .bullets-point { margin-top: 20px; margin-bottom: 20px; } #partners-portal-public .bullets-point li { justify-content: center; padding-left: 0; padding-right: 0; } #partners-portal-public .details-bg { padding: 20px 0 0 !important; background-size: 210% auto; } #partners-portal-public .padding-top-60 { padding-top: 20px !important; } #partners-portal-public .details-text-items { margin-bottom: 180px; } #partners-portal-public .section-benefits .benefit-item { display: block; width: 100%; margin-bottom: 40px; } #partners-portal-public .section-benefits .benefit-item:last-child { margin-bottom: 20px; } #partners-portal-public .section-benefits .benefit-item p { padding: 0 30px !important; } #partners-portal-public .section-benefits { padding-top: 20px !important; } #partners-portal-public .section-testimonials { margin: 0; width: 100%; padding: 20px !important; box-sizing: border-box; } #partners-portal-public .testimonial-item { display: block; width: 100%; margin-bottom: 40px; } #partners-portal-public #nContainer #nnContainer #mContainer #mainPart-inner .wide .v74-container .product-main-content .testimonial-item .testimonial-text { padding: 30px 40px 40px !important; font: 400 16px/23px Georgia !important; font-style: italic !important; border-radius: 3px; } ul.dark-demo-menu + #siteWrapper p.logo-subtitle { display: none; } .dark-demo-menu + #siteWrapper .nav-top li.no-mobile { display: none !important; } .dark-demo-menu:not(.hidden) + #siteWrapper .nav-top li.signup { display: none !important; } #partners-portal ol#jsTabs { padding-left: 0 } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .v74-container, #partners-portal #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .v74-container { padding: 10px 0 0; } #partners-portal #mainPart-inner #content .buttons-sidebyside-outline a { line-height: 17px; } #partners-portal #mainPart-inner #content .width-220 { width: 150px; padding-top: 5px; padding-bottom: 5px; } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .product-description:first-child:last-child { margin: 0 auto; } #partners-portal.current-offers .v74-wrapper::before { height: 200px; background-size: auto 200px; background-position: left -80px top !important; } #partners-portal #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2 { font-size: 24px !important; } #partners-portal #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .product-description { margin: 0 auto; } #partners-portal .inner-pages-listing { padding: 0 20px; } #partners-portal.current-offers .white-block ul li { font-size: 16px !important; line-height: 20px !important; } #partners-portal.current-offers .white-block ul li:not(:last-child) { padding-right: 20px !important; } #partners-portal.current-offers .white-block ul li:first-child:last-child { width: 80% !important; padding: 30px 10px !important; } #partners-portal .wrap-menu { min-width: 100%; z-index: 101 !important; } #partners-portal .wrap-menu h3 { z-index: 102 !important; } .full-header .axi-2015-header-container .v74-header-banner h3{ margin-top:-150px; font-size:24px; } .full-header .axi-2015-header-container .v74-header-banner h1{ font-size:26px; } ul.dark-demo-menu.hidden + #siteWrapper p.logo-subtitle{ display:none; } #partners-portal-public .display-register-block .partners-portal-login, #partners-portal-public .display-forgot-password-block .partners-portal-login { width: 100%; border-radius: 0; } #partners-portal .inner-pages-listing .white-block, #partners-portal .inner-pages-listing .white-block:nth-child(3n):nth-last-child(1), #partners-portal .inner-pages-listing .white-block:nth-child(3n-1):nth-last-child(2) { width: 100%; margin-bottom: 20px !important; margin-right: 0; } #partners-portal-public .partners-registration#signup-step2 { width: 100%; height: 900px; position: relative; z-index: 99; } #partners-portal-public .partners-registration#signup-step2 .details-wrapper { display: block; width: auto; } #partners-portal-public #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .partners-registration#signup-step2.partners-registration-step-redirect h2 { padding-left: 20px; padding-right: 20px; line-height: 42px !important; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .partner-details-container .logo-container { display: table; border-right: none; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .partner-details-container .logo-container + .details-container { display: table; } #partners-portal.top-right-context-menu .wrap-menu:after { filter: initial; -webkit-filter: initial; height: 390px; } #partners-portal.top-right-context-menu #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li:last-child { margin-right: 0; } /* Register step 2 (partner signup redirect) with 2 distributors */ #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header { border-left: none; border-right: none; border-radius: 0; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label .partner-details-container .logo-container .logo { width: 100%; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label .partner-details-container .logo-container + .details-container .details { width: 100%; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header { height: 400px; } #partners-portal-public .partners-registration#signup-step2.partners-registration-step-redirect .switcher .switcher-header label { height: 400px; } } /* END Media Query - Website Pages mobile and Ipad Portrait */ /* Media queries small screens */ @media screen and (max-height: 1024px) and (max-width: 980px) { #partners-portal-public.full-header .axi-2015-header-container { background-size: 120% auto; } } @media screen and (min-height: 400px) and (max-height: 700px) { #partners-portal-public.full-header .axi-2015-header-container h4 { bottom: calc(27vh + 30px)!important; } } /* Media queries big screens */ @media screen and (min-width: 1024) and (max-width: 1150px) { #partners-portal-public:not(.lang-ro).full-header .axi-2015-header-container { background-size: 120% auto; } } @media screen and (min-width: 1450px) { #partners-portal-public.lang-ro.full-header .axi-2015-header-container { background-size: 120% auto; } }