/* Theme name: FICO Description: Custom Theme */ /******* FICO WordPress CSS *******/ /* Common elements styling */ .post .entry h1 { font-size: 20px; line-height: 30px} .post .entry h2 { font-size: 18px; line-height: 27px} .post .entry h3 { font-size: 16px; line-height: 24px} .post .entry h4 { font-size: 14px; line-height: 21px} .post .entry h5 { font-size: 12px; line-height: 18px} .post .entry h6 { font-size: 10px; line-height: 15px} .default-page .entry ol, .default-page .entry ul { margin-left: 25px; } .default-page .entry a img { border: 0; } .page-template-template-platform_product_detail-php .main-content > ol, .page-template-template-platform_product_detail-php .main-content > ul:not(.prod-list):not(.list) { margin-left: 25px; } .page-template-template-platform_product_detail-php .main-content > ol li, .page-template-template-platform_product_detail-php .main-content > ul:not(.prod-list):not(.list) li { margin-left: 15px; } .page-template-template-single_solution-php .main-content > ol, .page-template-template-single_solution-php .main-content > ul:not(.prod-list):not(.list) { margin-left: 25px; } .page-template-template-single_solution-php .main-content > ol li, .page-template-template-single_solution-php .main-content > ul:not(.prod-list):not(.list) li { margin-left: 15px; } .page-template-template-single_platform-php .col3 > ol, .page-template-template-single_platform-php .col4 ol, .page-template-template-single_platform-php .col3 > ul, .page-template-template-single_platform-php .col4 > ul { margin-left: 25px; } .page-template-template-single_platform-php .col3 > ol li, .page-template-template-single_platform-php .col4 > ol li, .page-template-template-single_platform-php .col3 > ul li, .page-template-template-single_platform-php .col4 > ul li { margin-left: 15px; } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 2px 0 2px 7px; display: inline; } img.alignleft { margin: 2px 7px 2px 0; display: inline; } .alignright { float: right; display: inline; } .alignleft { float: left; display: inline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Calendar widget */ #wp-calendar { empty-cells: show; margin: 10px auto 0; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar th, #wp-calendar td { text-align: center; } .wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* Big images in rich text editor should not break page layout */ .post .entry { overflow: hidden; } /******* /FICO WordPress CSS *******/ /* =========================== # reset ============================ */ .c2-sb-focused { border: 1px solid #01addc; } * { margin:0; padding:0; } body, html { height:100%; } body { font-size:14px; line-height:20px; font-family: 'MyriadProRegular', Helvetica, Arial, sans-serif; color:#737270; background:#fff; -webkit-font-smoothing:antialiased; } a { color:#00addc; text-decoration:none; cursor:pointer; } a:hover { text-decoration:underline; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } h1 { font-size:36px; color:#003f5f; font-family: 'MyriadProSemiBold'; line-height:40px; } h2 { font-size:24px; line-height:28px; } h3 { font-size:24px; color:#000; line-height:28px; } h4 { padding-bottom:5px; font-size:18px; color:#000; font-family: 'MyriadProSemiBold'; line-height:21px; } h5 { font-size:14px; color:#444; font-family: 'MyriadProSemiBold'; line-height:20px; } img { vertical-align:middle; border:0 none; -ms-interpolation-mode:bicubic; } p { margin-bottom:17px; } p a { font-family: 'MyriadProSemiBold'; } input, textarea, select { font-size:14px; font-family: 'MyriadProRegular', Helvetica, Arial, sans-serif; } textarea { overflow:auto; } fieldset { border:0 none; } /* =========================== # helpers ============================ */ .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float:left; } .right, .alignright { float:right;} .tr { text-align:right; } .tl { text-align:left; } .tc { text-align:center; } .clearfix:after { content:''; display:table; clear:both; } .cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .patternbg { background:url(images/pattern-blue.png); } /* =========================== # blocks ============================ */ .page-wrapper { min-width:1200px; } .shell { margin:0 auto; width:1190px; } /* =========================== # elements ============================ */ .btn { font-size:14px; line-height:30px; color:#fff; display:inline-block; padding:0 13px; vertical-align:middle; font-family: 'MyriadProSemiBold'; } .btn:hover { text-decoration:none; opacity: .7; filter: alpha(opacity70); } .btn.disabled, .btn:disabled { opacity: .4; filter: alpha(opacity40); cursor:default; background-color: #fff; border: 2px solid #737270; border-radius: 4px; color: #737270; } input.btn, button.btn { cursor:pointer; } .btn-gray { background-color: #fff; border: 2px solid #003f5f; border-radius: 4px; color: #003f5f; } .btn-orange { background-color:#fff; border: 2px solid #1b75bc; border-radius: 4px; color: #1b75bc; } .btn-red { background-color:#fff; border: 2px solid #b8202a; border-radius: 4px; color: #b8202a; } .btn-gray:hover { background-color: #003f5f; color: #fff !important; opacity: 1; filter: alpha(opacity100); } .btn-gray:focus { outline: 1px dotted #ffc20e; box-shadow: 0 0 0 1pt #ffc20e; } .btn-gray:focus { outline: -webkit-focus-ring-color auto 5px; } .btn-gray:focus { outline-color: #ffc20e } .btn-orange:hover { background-color: #1b75bc; color: #fff !important; opacity: 1; filter: alpha(opacity100); } .btn-red:hover { background-color: #b8202a; color: #fff !important; opacity: 1; filter: alpha(opacity100); } .btn-signup { border: 2px solid #00b2e4; border-radius: 4px; color:#00b2e4; } .btn-login { border: 2px solid white; border-radius: 4px; color:#fff;} .btn-signup:hover { background-color: #00b2e4; color: #003f5f; opacity: 1; filter: alpha(opacity100);} .btn-login:hover { background-color: white; color: #003f5f; opacity: 1; filter: alpha(opacity100);} .btn-signup:focus { outline-color: #ffc20e } .btn-login:focus { outline-color: #ffc20e } .title-purple { background-color: transparent; color: #692772; font-size: 1.15em; border-bottom: 2px solid #692772; cursor: default; } .title-orange { background-color: transparent; color: #f8971d; font-size: 1.15em; border-bottom: 2px solid #f8971d; cursor: default; } .title-purple:hover { text-decoration:none; opacity: 1; filter: alpha(opacity100); } .title-orange:hover { text-decoration:none; opacity: 1; filter: alpha(opacity100); } /* icons */ .icon-white, .icon { width:36px; height:36px; display:inline-block; vertical-align:top; background:url(images/icon-sprite.png) no-repeat 0 0; } .icon-white { background-image:url(images/icon-sprite-white.png); } .icon-link { background-position:0 0; } .icon-graph { background-position:-76px 0; } .icon-market { background-position:-152px 0; } .icon-platform { background-position:-228px 0; } .icon-community { background-position:-304px 0; } .icon-partners { background-position:-380px 0; } .icon-handshake { background-position:0 -40px; } .icon-debt { background-position:-76px -40px; } .icon-lock { background-position:-152px -40px; } .icon-model { background-position:-228px -40px; } .icon-decision { background-position:-304px -40px; } .icon-optimization { background-position:-380px -40px; } .icon-label { background-position:0 -80px; } .icon-arrow-left { background-position:-76px -80px; } .icon-arrow-right { background-position:-152px -80px; } .icon-play { background-position:-228px -80px; } .icon-sound { background-position:-304px -80px; } .icon-fullscreen { background-position:-380px -80px; } /* form elements */ .form-row, .right-box p { padding-bottom: 20px; padding-top: 3px;} label { font-family: 'MyriadProSemiBold'; display:inline-block; } .label-checkbox { display:block; cursor:pointer; } .checkbox { position:relative; } .checkbox input { position:absolute; left:-9999px; top:0; } .checkbox .label-checkbox, .checkbox .wpcf7-list-item-label { padding-left:38px; z-index:2; position:relative; line-height:20px; } .checkbox:before { width:20px; height:20px; background:#fff url(images/check.png) no-repeat 0 -40px; border:1px solid #ddd; content:''; position:absolute; left:0; top:0; z-index:1; } .checkbox:hover:before { border-color:#01addc; } .checkbox.checked:before {background-position:0 0; } .checkbox-inline { display:inline-block; margin-right:20px; } .checkbox-focus:before { border-color:#01addc; } .form-horizontal {} .form-horizontal p { padding-left:134px; } .form-horizontal p:after { clear:both; display:table; content:''; } .form-horizontal label { float:left; width:189px; /* margin-left:-134px; */ padding-top:6px; } .form-horizontal input[type="tel"], .form-horizontal input[type="text"] { color:#000; padding:7px 14px; border:1px solid #ddd; height:16px; width:397px; } .form-horizontal input[type="text"]:focus { border-color:#01addc; outline-width: 0 } .form-horizontal input[type="text"]:disabled { color:#bbbbbb; } .form-horizontal input[type="text"].field-error { border-color:#b8212b; } .form-horizontal input[type="text"]:-moz-placeholder, .form-horizontal input[type="text"]:-ms-input-placeholder, .form-horizontal input[type="text"]::-webkit-input-placeholder { color:#999; } .form-horizontal input[type="password"] { color:#000; padding:7px 14px; border:1px solid #ddd; height:16px; width:397px; } .form-horizontal input[type="password"]:focus { border-color:#01addc; outline-width: 0 } .form-horizontal input[type="password"]:disabled { color:#bbbbbb; } .form-horizontal input[type="password"].field-error { border-color:#b8212b; } .form-horizontal input[type="password"]:-moz-placeholder, .form-horizontal input[type="password"]:-ms-input-placeholder, .form-horizontal input[type="password"]::-webkit-input-placeholder { color:#999; } .form-horizontal input[type="email"] { color:#000; padding:7px 14px; border:1px solid #ddd; height:16px; width:397px; } .form-horizontal input[type="email"]:focus { border-color:#01addc; outline-width: 0 } .form-horizontal input[type="email"]:disabled { color:#bbbbbb; } .form-horizontal input[type="email"].field-error { border-color:#b8212b; } .form-horizontal input[type="email"]:-moz-placeholder, .form-horizontal input[type="email"]:-ms-input-placeholder, .form-horizontal input[type="email"]::-webkit-input-placeholder { color:#999; } .form-horizontal input[type="radio"]:focus { outline:1px dotted; } .form-horizontal input[type="radio"]:focus { outline: -webkit-focus-ring-color auto 5px; } .form-horizontal textarea { color:#000; border:1px solid #ddd; } .form-horizontal textarea:focus { border-color:#01addc; outline-width: 0 } .form-horizontal .c2-sb-wrap { width:317px; } .search-field { border:1px solid #ddd; background-color:#fff; padding:0 15px 0 35px; position:relative; width:275px; z-index:2; } .search-field .btn-search { width:30px; height:30px; position:absolute; left:0; top:0; background:url(images/icon-search.png) no-repeat center center; cursor:pointer; border:0; font-size: 0; line-height: 0; text-indent: -4000px; } .search-field .btn-search:hover { opacity: .8; filter: alpha(opacity=80); } .search-field input { width:100%; border:0; font-size:14px; color:#000; padding:7px 0; height:16px; } .search-field input:-moz-placeholder, .search-field input:-ms-input-placeholder, .search-field input::-webkit-input-placeholder { color:#999; } .search-field input:focus { outline: #01addc solid 1px; } .search-field input:focus { outline: -webkit-focus-ring-color auto 5px; } .search-field .search-drop { position:absolute; left:-1px; right:-1px; top:100%; margin-top:-1px; border: 1px solid #cfc9bc; background: #eee; display:none; max-height:226px; overflow-x:hidden; } .search-field .search-drop ul { list-style:none outside none; } .search-field .search-drop li { padding:0 8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:36px; } .search-field .search-drop li.group-label { font-family: 'MyriadProSemiBold'; background-color:#f6f6f6; color:#333; } .search-field .search-drop li a { color:#666; display:block; margin:0 -8px; padding:0 8px; } .search-field .search-drop li a:hover { background-color:#00addc; color:#fff; } .drop-visible .search-drop { display:block; } /* reset recaptcha outline to browser default */ .recaptchatable img:focus, .recaptchatable a:focus { outline: 1px dotted #000 } .recaptchatable img:focus, .recaptchatable a:focus { outline: -webkit-focus-ring-color auto 5px } .recaptchatable #recaptcha_response_field:focus { border-color: #01addc } /* reset chosen-container select-boxes borders and shadows */ .chosen-container-single .chosen-single { border: 1px solid #ddd; box-shadow: none; } .chosen-container-active .chosen-single { border: 1px solid #01addc; box-shadow: none; } /* page elements */ .navigation:after { clear:both; display:table; content:''; } .navigation ul { list-style:none outside none; padding:31px 0px 23px 20px; } .navigation li { float:left; width:149px; border-left:1px solid #46627e; position:relative; height:17px; } .navigation li a { display:block; height:17px; line-height:17px; font-size:16px; color:#fff; font-family: 'MyriadProBold'; text-align:center; } .navigation li:after { position:absolute; top:40px; left:50%; margin:-16px 0 0 -10px; content:''; border-width: 8px 10px; border-color:transparent transparent #fff; border-style: outset outset solid; display:none; } .single-fico_solution .navigation li.solutions-item:after, .navigation li.current-menu-item:after , .navigation li.current-page-ancestor:after { display:block; } .navigation li.last{ border-right: 1px solid #46627e; border-left: 0px; } .navigation li.sec-last{ border-right: 1px solid #46627e; } .utility-nav { background-color:#153453; } .utility-nav:after { clear:both; display:table; content:''; } .utility-nav ul { list-style:none outside none; } .utility-nav li { float:left; margin-left:22px; } .utility-nav a { font-size:12px; color:#fff; font-family: 'MyriadProSemiBold'; padding:0; height:28px; line-height:28px; } .hero-caption { width:294px; background-color:#000; background: url(images/text-bg.png); padding:10px 25px; } .hero-caption h1 { color:#fff; font-size:30px; } .hero-title { background-color:#1b75bc; padding:12px 20px 15px; min-height: 21px; } .hero-title h4 { color:#fff; } .profile-thumb { display:inline-block; width:30px; height:30px; background:url(images/profile-thumb.png) no-repeat 0 0; overflow:hidden; vertical-align:top; } .profile-thumb img { height:30px; width:30px; } .user-thumb { display:inline-block; vertical-align:top; width:60px; height:60px; overflow:hidden; /*border-radius:100%; background: #3d843f url(images/user-thumb.png) no-repeat center center;*/ } .user-thumb img { width:60px; height:60px; } .profile-menu { position:relative; background-color:#fff; border:1px solid #ddd; height:30px; line-height:30px; } .profile-menu .pm-inner { position:relative; height:30px; z-index:1; cursor:pointer; } .profile-menu .pm-btn { position:absolute; right:0; top:0; height:30px; width:30px; background-color:#fff;border-left:1px solid #ddd; } .profile-menu .pm-btn:after { position:absolute; left:50%; top:50%; margin:-2px 0 0 -4px; border:4px outset transparent; border-top:4px solid #00addc; content:''; width:0; height:0; } .profile-menu .profile-thumb { float:left; margin-right:10px; } .profile-menu .pm-name { padding-right:50px; max-width:200px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#000; font-family: 'MyriadProSemiBold'; } .profile-menu .pm-drop { position:absolute; z-index:2; border: 1px solid #cfc9bc; background: #eee; list-style:none outside none; left:-1px; right:-1px; display:none; } .profile-menu .pm-drop li { overflow:hidden; width:100%; } .profile-menu .pm-drop li.has-sub { background:url(images/pm-arrow.png) no-repeat right center; } .profile-menu .pm-drop li a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height: 38px; line-height:38px; color:#666; padding:0 8px; font-size:14px; font-family: 'MyriadProSemiBold'; } .profile-menu .pm-drop li a:hover { background-color:#00addc; color:#fff; text-decoration:none; } .profile-menu:hover .pm-btn { background-color:#00c0f5; } .profile-menu:hover .pm-btn:after { border-top-color:#fff; } .profile-menu.open .pm-btn { background-color:#00addc; } .profile-menu.open .pm-btn:after { border-top:4px outset transparent; border-bottom:4px solid #fff; margin-top:-6px; } .profile-menu.open .pm-drop { display:block; } .collapsible .cnt { padding-left:20px; display:none; } .collapsible .tab { position:relative; z-index: 5; padding-left:20px; cursor:pointer; } .collapsible .panel-open .cnt { display:block; } .list { list-style:none outside none; } .list.collapsible { } .list.collapsible .panel { position:relative; cursor:pointer;} .list.collapsible .panel:before { position:absolute; left:0; top:8px; border:4px outset transparent; border-left: 4px solid #00addc; content:''; width:0; height:0; } .list.collapsible .panel-open:before { border:4px outset transparent; border-top:4px solid #00addc; top:8px; } .user-post { width:275px; padding-left:75px; position:relative; margin-bottom: 20px; } .user-post .user-thumb { position:absolute; left:0; top:0; } .user-post p { margin-bottom:0; } .tags { position:relative; padding-top:5px; } .tags .tag-icon { display:inline-block; height:23px; width:18px; background:url(images/icon-tags.png) no-repeat 0 0; vertical-align:middle; } .tags .btn-tag { display:inline-block; padding:0 8px; height:23px; line-height:23px; color:#fff; background-color:#3d833f; border-radius:2px; } .tags .btn-tag:hover { text-decoration:none; } .tags .bbl-toggle { margin-left: 5px; line-height:23px; font-family: 'MyriadProSemiBold'; } .tags .bbl-toggle:hover { text-decoration:none; color:#000; } .tags .bubble { position:absolute; bottom:30px; left:0; right:0; background-color:#4c8335; padding: 13px; color:#fff; font-size:12px; line-height:14px; display:none; } .tags .bubble.visible { display:block; } .tags .bubble a { color:#fff; } .tags .bubble:after { content:''; width:0; height:0; right:22px; top:100%; position:absolute; border-width:5px 8px 0; border-style:solid outset; border-color:#4c8335 transparent transparent; } .carousel { position:relative; z-index:1; } .carousel .slider { width:1190px; position:relative; list-style:none outside none; } .carousel .slider > li { width:1190px; position:relative; float:left; overflow:hidden;} .carousel .slider .slide-img { position:relative; z-index:1; } .carousel .slider .hero-caption { position:absolute; bottom:20px; right:20px; z-index: 4; } .carousel .slider .hero-caption p { margin-bottom:5px; text-align:right; color:#fff; } .carousel .slider .hero-caption p a { margin: 0 4px; color: #fff; text-decoration:underline; } .carousel .slider .hero-caption p a.btn { text-decoration:none; } .carousel .sl-nav { position:absolute; bottom:18px; right:10px; z-index:2; line-height:0; } .carousel .sl-nav a { display:inline-block; width:12px; height:12px; border-radius:100%; background-color:#fff; margin-right:13px; opacity: .4; filter: alpha(opacity=40); } .carousel .sl-nav a:focus { opacity: .7; outline-color: #ffc20e; } .carousel .sl-nav a:hover, .carousel .sl-nav a.selected { opacity: 1; filter: alpha(opacity=100); } .carousel .hero-title { position:relative; z-index:1; } .carousel .prev, .carousel .next { width: 15px; position: absolute; top: 175px; visibility: hidden; font-size: 24px; font-weight: bold; border-radius: 5px; background: white; padding: 5px; z-index: 4; } .carousel .prev { background-position: 0 0; left: 3px; } .carousel .next { background-position: -18px 0; right: 3px; } .carousel-orange .hero-title { background-color:#f8971d; } .carousel-red .hero-title { background-color:#ee2d33; } .carousel-purple .hero-title { background-color:#692772; } .carousel ul li:not(:first-child) { display: none; } .video-carousel { width:360px; height:270px; position: relative; overflow: hidden; background-color:#eee; } .video-carousel .caroufredsel_wrapper { margin-left: 0px !important; } .video-carousel .slider { width:360px; height:270px; } .video-carousel .slider > li { float:left; } .video-carousel .sl-nav { line-height:0; position:absolute; bottom:30px; right:17px; } .video-carousel .sl-nav a { display:inline-block; width:10px; height:10px; border:2px solid #f8971d; border-radius:7px; margin:0 2px; background-color:#f8971d; } .video-carousel .sl-nav a:hover, .video-carousel .sl-nav a.selected { background-color:#fff; border-color:#fff; border: 2px solid #f8971d; } .video-holder { width:360px; height:270px; position:relative; } .video-holder .caption { height:50px; padding:10px 20px; color:#000; font-family: 'MyriadProSemiBold'; padding-right:100px; } .video-holder .poster { z-index:1; position:relative; } .mejs-overlay:hover .mejs-overlay-button, .mejs-overlay-button { height:200px !important; background:url(images/play-big.png) no-repeat center center !important; z-index:5 !important; cursor:pointer !important; } .video-holder .video-controls { position:absolute; left:0; right:0; bottom:80px; z-index:2; padding:0 5px; } .video-holder .btn-fullscreen { float:right; width:10px; height:10px; background:url(images/icon-fullscreen.png) no-repeat; margin:0 2px; } .video-holder .btn-volume { float:right; width:13px; height:10px; background:url(images/icon-volume.png) no-repeat; margin:0 2px 0 5px; } .video-holder .btn-play { float:left; width:10px; height:10px; background:url(images/icon-play.png) no-repeat 0 0; margin:0 5px 0 2px; } .video-holder .progress { height:2px; background-color:#fff; position:relative; overflow:hidden; margin-top:4px; } .purple-line ~ .sidebar .video-carousel .sl-nav a { display:inline-block; width:10px; height:10px; border:2px solid #692772; border-radius:7px; margin:0 2px; background-color:#692772; } .purple-line ~ .sidebar .video-carousel .sl-nav a:hover, .purple-line ~ .sidebar .video-carousel .sl-nav a.selected { background-color:#fff; border-color:#fff; border: 2px solid #692772; } .video-holder img, .video-box img, .img-box .build_imgPlaceHolder1, .img-box .build_imgPlaceHolder2, .img-box .build_imgPlaceHolder3, .img-box .build_imgPlaceHolder4 { cursor: pointer; } .hidden-item { display: none;} .section-featured { padding-bottom:20px; } .featured-head { background-color:#ddd; padding:6px 80px 7px 20px; border-bottom:10px solid #1b75bc; position:relative; min-height: 28px; } .featured-head h3 { font-family: 'MyriadProSemiBold'; } .featured-head .controls { position:absolute; right:0; top:0; } .featured-head .controls a { width:39px; height:40px; border-left:1px solid #fff; float:left; background-position:center center; background-repeat:no-repeat; } .featured-head .controls .prev { background-image:url(images/arrow-left.png); } .featured-head .controls .prev:hover { background-image:url(images/arrow-left2.png); } .featured-head .controls .next { background-image:url(images/arrow-right.png); } .featured-head .controls .next:hover { background-image:url(images/arrow-right2.png); } .featured-head .controls .disabled { cursor:default; opacity: .4; filter: alpha(opacity=40);} .featured-slider { /*padding-top:17px;*/ } .featured-slider .col { float:left; width:360px; padding:0 18px; margin-top: 17px; } .featured-slider .col img { padding-bottom: 15px; } .featured-slider .col p { margin-bottom: 26px; text-align: left !important; } .featured-slider .col p a { display: block } .featured-slider h3 { padding-bottom:13px; } .featured-slider h3 { } .featured-slider .caption { padding-left:0; padding-right:0; } .tabs-container { position:relative; } .tab-pane { position:absolute; left:-9999px; top:0; opacity: 0; filter: alpha(opacity=0); } .tab-pane.tab-visible { position:static; opacity: 1; filter: alpha(opacity=100); } .solutions { padding-bottom:20px; } .solutions .tabs-nav { float:left; width:388px; position:relative; z-index:2; } .solutions .tabs-nav ul { list-style:none outside none; } .solutions .tabs-nav li { background-color:#f2f2f2; padding:14px 10px 21px 100px; color:#3C3834; cursor:pointer; position:relative; margin-bottom:1px; } .solutions .tabs-nav li:after { position:absolute; left:100%; top:50%; border:10px outset transparent; border-left:10px solid #f8971d; display:none; content:''; margin-top:-10px; } .solutions .tabs-nav li h4 { color:#000; margin-bottom:3px; } .solutions .tabs-nav li p { margin:0; } .solutions .tabs-nav li.selected { color:#fff; background-color:#f8971d; } .solutions .tabs-nav li.selected:focus { outline: #000 dotted 1px } .solutions .tabs-nav li.selected:focus { outline: -webkit-focus-ring-color auto 5px; } .solutions .tabs-nav li.selected:after { display:block } .solutions .tabs-nav li.selected h4 { color:#fff; } .solutions .tabs-nav .circle { position:absolute; top:14px; left:20px; border-radius:100%; background-color:#f8971d; width:60px; height:60px; text-align:center; line-height:60px; } .solutions .tabs-nav .circle .icon-white { vertical-align:middle; } .solutions .tabs-nav .selected .circle { background-color:#f9ac4a; } .solutions .tabs-container { float:right; width:760px; position:relative; z-index:1; background-color:#e4e4e4; padding:20px 20px 0; } .solutions .article { border:1px solid #ccc; background-color:#fff; padding:20px; margin-bottom:20px; } .page-sidebar { position:fixed; right:0; top:0; bottom:0; z-index:10; background-color:#333; } .page-sidebar .sidebar-inner { position:absolute; z-index:1; left:100px; background-color:#eee; top:0; bottom:0; width:335px; box-shadow:-4px 0 4px rgba(0,0,0,0.5); } .page-sidebar .menu-icons { list-style:none outside none; position:relative; z-index:2; } .page-sidebar .menu-icons a { display:block; height:50px; width:50px; line-height:50px; text-align:center; background-color:#000; } .page-sidebar .menu-icons a .icon-white { vertical-align:middle; opacity: .9; filter: alpha(opacity=90); } .page-sidebar .menu-icons a .icon-white { -webkit-transform:scale(.81); -moz-transform:scale(.81); -ms-transform:scale(.81); -o-transform:scale(.81); transform:scale(.81); } .page-sidebar.expanded .menu-icons .btn-blue, .page-sidebar .menu-icons .btn-blue:hover { background-color:#00addc; } .page-sidebar.expanded .menu-icons .btn-yellow, .page-sidebar .menu-icons .btn-yellow:hover { background-color:#ffc20e; } .page-sidebar.expanded .menu-icons .btn-red, .page-sidebar .menu-icons .btn-red:hover { background-color:#ee2d33; } .page-sidebar.expanded .menu-icons .btn-purple, .page-sidebar .menu-icons .btn-purple:hover { background-color:#a23f97; } .page-sidebar.expanded .menu-icons .btn-green, .page-sidebar .menu-icons .btn-green:hover { background-color:#b1d34a; } .page-sidebar.expanded .menu-icons .btn-darkblue, .page-sidebar .menu-icons .btn-darkblue:hover { background-color:#1b75bc; } .page-sidebar.expanded .sidebar-inner { left:-335px; } .sidemenu { list-style:none outside none; } .sidemenu li { position:relative; } .sidemenu .tab { padding:0 20px; cursor:pointer; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:1; font-size:20px; font-family: 'MyriadProSemiBold'; color:#fff; } .sidemenu .tab-blue { background-color:#1b75bc; } .sidemenu .tab-orange { background-color:#f8971d; } .sidemenu .tab-red { background-color:#d1262b; } .sidemenu .tab-purple { background-color:#692772; } .sidemenu .tab-green { background-color:#99b63f; } .sidemenu .tab-darkblue { background-color:#003f5f; } .sidemenu .nav { list-style:none outside none; padding:10px 20px; } .sidemenu .nav li { padding:10px 0; } .sidemenu .nav li a { font-size:16px; line-height:20px; font-family: 'MyriadProSemiBold'; } .sidemenu .controls {position: absolute; height:50px; right:0; top:0; z-index:2; } .sidemenu .controls a { float:left; width:50px; height:50px; border-left:1px solid #fff; } .sidemenu .controls a.edit {background:url(images/icon-pen.png) no-repeat center center; } /* transitions */ .tab-pane { -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; } .sidebar-inner { -webkit-transition:left 0.3s; -moz-transition:left 0.3s; -ms-transition:left 0.3s; -o-transition:left 0.3s; transition:left 0.3s; } .sidebar.right .widget ul { margin-left: 0px; } /*=================================== Page Styles ===================================*/ /* Header */ #header { margin: 0 0 20px; } #logo { width: 211px; padding: 18px 0 20px; } #logo a { display:block; height:90px; background: url(images/logo.png) no-repeat 0 0; } #header .head-list { padding: 26px 0 0; } #header .head-list > li { float:left; display:inline; padding-left:14px; margin-left:14px; } #header .head-list > li + li { border-left: 1px solid #47637f; } #header .head-list > li + li a + a { margin-left:13px; } #header .navigation { clear: both; } /* Footer */ #footer .shell { padding: 25px 0; border-top: 2px solid #dddddd; } #footer .copy { color: #737270; } #footer ul { display:inline; } #footer ul li { display:inline; padding-left:25px; } /* Content */ #content { padding: 0 0 20px; } table.pricing-table { border-spacing:14px; width:100%; } table.pricing-table tr.last td { border-bottom:0; } table.pricing-table th { font-weight:normal; } table.pricing-table td { padding: 25px 0; text-align:center; border-bottom: 2px solid #e0e1e2; } table.pricing-table td:first-child { text-align:right; border-bottom:0; } table.pricing-table td strong { color:#000; } table.pricing-table .circle { display:inline-block; height:21px; /*width:20px; background: url(images/circle-in.png) no-repeat 0 0;*/ } table.pricing-table .circle-purple { display:inline-block; height:21px; /*width:20px; background: url(images/circle-in-purple.png) no-repeat 0 0;*/ } table.pricing-table .circle.gray { background: url(images/cirlce-out.png) no-repeat 0 0; } table.pricing-table .circle-purple.gray { background: url(images/cirlce-out.png) no-repeat 0 0; } table.table { width:100%; border-collapse: collapse;} table.table tr.last td { border-bottom:0; } table.table th { font-weight:bold; } table.table tr.inverted th { background-color: #777; color: white; padding: 10px;} table.table td { padding: 10px 0; text-align:center; border-bottom: 2px solid #e0e1e2; } table.table tr.bold td { font-weight: bold; } table.table td strong { color:#000; } table.table .circle { display:inline-block; width:20px; height:21px; background: url(images/circle-in.png) no-repeat 0 0; } table.table .circle.gray { background: url(images/cirlce-out.png) no-repeat 0 0; } .table-info { text-align:left; padding-left: 335px; } .table-info p { margin-bottom:0; } .carousel { margin-bottom:27px; } .bottom-widget-section .widget_calendar td { padding: 5px 18px !important; } .widget-section { position:relative; overflow: hidden; } .widget-section .widget { float:left; display:inline; width:356px; padding: 20px 20px 0; } .widget-section .text .btn { padding: 0px 26px; } .widget h3 { padding: 0 0 15px; } .widget a h3 { color: #00addc; } .widget h4 a { color:#00ADDC; } .widget ul.col-list { margin-left: 0px; } .widget ul.col-list li { position:relative; overflow: hidden; list-style: none; } .widget .circle { width:60px; height:60px; border-radius: 30px; margin-right:23px; margin-bottom:15px; } .widget .text { position:relative; overflow: hidden; width: 270px; float:left; } .widget .text h4 { padding-bottom:5px; } .widget ul { margin-left: 30px; } .widget a h3.widgettitle, .widget a.home_widget_title:hover { color: #000; } .widget a.home_widget_title { display: inline-block; } .thank-you-holder.gray-bg { padding: 20px; background-color:#f2f2f2; color:#3c3834; } .thank-you-holder ul { margin-top: 17px; } .thank-you-holder ul li { padding: 0 0 8px; font-size:12px; line-height:14px; color:#00ADDC; list-style: none; font-family: "MyriadProBold", arial, sans-serif; } .single-slide { margin-bottom:27px; } .single-slide ul.slider li { height:auto; padding: 15px 0 10px; background-color:#eeeeee; list-style: none; } .single-slide ul.slider li h1, .single-slide ul.slider li h2 { padding: 0 20px; } .single-slide ul.slider li h2 { padding-bottom:15px; } .single-slide ul.slider li .video-box { margin-right:15px; } .single-slide ul.slider li .text-box { float:right; display:inline; width: 524px; height:256px; padding: 20px; background-color:#fff; overflow: auto; } .single-slide ul.slider li .text-box p { margin-bottom:20px; font-size:14px; line-height:16px; color:#777; } .orange-line { position:relative; padding: 9px 20px; margin: 0 0 20px; background-color:#f8971d; } .orange-line:after { content:''; position:absolute; bottom: -8px; left: 89px; width:23px; height:8px; background: url(images/orange-arrow.png) no-repeat 0 0; } .orange-line h4 { font-size:18px; line-height:32px; color:#fff; } .purple-line { position:relative; margin: 0 0 20px; background-color:#692772; } .purple-line:after { content:''; position:absolute; bottom: -8px; left: 89px; width:23px; height:8px; background: url(images/purple-arrow.png) no-repeat 0 0; } .purple-line h4 { padding: 9px 20px; font: 18px/32px "MyriadProSemiBold", arial, sans-serif; color:#fff; } .purple-line .form-control { padding: 9px 24px; background-color:#692772; } .title-hold { position:relative; padding: 5px 0 25px 20px; } .title-hold .icon-box { border-radius: 20px; margin-right:20px; } .title-hold h3 { overflow: hidden; font-size:26px; line-height:28px; font-family: "MyriadProSemiBold", arial, sans-serif; } .title-hold em { font: italic 14px/16px "Myriad Pro", arial, sans-serif; color:#777; } .main-content { width: 820px; } .main-content.default-page { width: 100%; } .title { padding: 19px 0 10px; border-bottom:2px solid #ddd; margin: 0 0 25px; } .title h3 { display:inline-block; vertical-align: middle; font-family: "MyriadProSemiBold", arial, sans-serif; } .hero-title h4 { padding-bottom:0; } .hero-title h4 span { font-weight:normal; font-family: "MyriadProRegular", arial, sans-serif; } .title .user-thumb { vertical-align: middle; margin-right:20px; } .title a { padding: 15px; font-size:18px; line-height:32px; } .title a.btn-gray { font-size: 14px; padding: 0px 13px; } .main-content h4 { padding-bottom:10px; color:#000; } .main-content ul.list { padding: 0 0 30px; } .sign-form .left-box { width:559px; border-right: 2px solid #fff; float: left; height:700px;} .sign-form .left-box-no-height{ width:559px; border-right: 2px solid #fff; float: left;} .sign-form .right-box { width: 559px; float: right; } .f-textarea{width:546px;} ul.prod-list { padding: 0 0 25px; } ul.prod-list li { list-style: none; } ul.prod-list li strong { display:inline-block; width:185px; font-family: "MyriadProSemiBold", arial, sans-serif; color:#333; font-weight:normal; } .sidebar { width:360px; } .sidebar.right .widget ul { margin-left: 0px; } .sidebar .widget { margin: 0 0 20px; list-style: none; background-color:#eeeeee; } .sidebar .widget h4 { padding-bottom:10px; color:#000; } .text-widget p { font-size:13px; margin-bottom:8px; } .sign-form { position:relative; padding: 18px; background-color:#f2f2f2; color: #3C3834; } .sign-form h1 { padding: 0 0 15px; } .sign-form h4 { padding-bottom:20px; } .sign-form .left-box p { margin-bottom: 20px; } .sign-form .right-box p { margin-bottom:0; font-size:16px; } .sign-form .right-box p > span { display:block; font-size:14px; } .sign-form br { display:none; } .sign-form hr { margin-bottom:24px; border: 0; height: 1px; background-color:#cfcfcf; } .sign-form select { width: 300px; } .sign-form .wpcf7-form-control-wrap { display:inline-block; *display:inline; } .sign-form p { padding-left:0; } .sign-form p br { display:none; } .sign-form p label { margin-left:0; text-align:right; width:120px; padding-right:15px; } .sign-form input[type="tel"], .sign-form input[type="email"], .sign-form input[type="text"] { width: 300px; } .sign-form input[type="password"] { width: 300px; } .sign-form .wpcf7-list-item { height:auto; display:block; margin: 0 0 15px; vertical-align: top; font-size:0; } .sign-form .wpcf7-form-control-wrap.agree .wpcf7-list-item { margin-bottom: 0px; } .sign-form .wpcf7-list-item-label { display:inline-block; vertical-align: top; font-size:14px; cursor: pointer; } .sign-form input[type="submit"], .sign-form input[type="submit-fake"] { position:absolute; bottom: 20px; right: 20px; width: 139px; height:28px; background-color:#fff; border: 2px solid #1b75bc; border-radius: 4px; cursor: pointer; font: 14px/16px "MyriadProSemiBold", arial, sans-serif; color: #1b75bc; } .sign-form input[type="submit"]:disabled, .sign-form input[type="submit-fake"]:disabled{ opacity: 1; filter: alpha(opacity100); background-color:#fff; border: 2px solid #ccc; color: #ccc; } .sign-form input[type="submit"]:disabled:hover { opacity: 1; filter: alpha(opacity100); background-color:#fff; border: 2px solid #ccc; color: #ccc; } .sign-form input[type="submit"]:hover { opacity: 1; filter: alpha(opacity100); background-color:#1b75bc; color: #fff; } .sign-form input[type="submit"]:focus { box-shadow: 0 0 0 1pt #ffc20e; outline-width: 0; } .sign-form input[type="submit-fake"]{text-align: center;} .sign-form .wpcf7-submit-fake{display: none !important;} .tab-holder { position:relative; } .tab-holder .tab-links { margin: 0 0 30px; border-bottom: 1px solid #d6d6d6; } .tab-holder .tab-links ul li { float:left; display:inline; height:40px; } .tab-holder .tab-links ul li a { display:block; padding: 10px 20px; background-color:#fff; border: 1px solid transparent; border-bottom:0; font: 18px/19px "MyriadProSemiBold", arial, sans-serif; color:#00ACDC; } .tab-holder .tab-links ul li a:hover { text-decoration:none; color:#17639f; } .tab-holder .tab-links ul li.active a { position:relative; padding-bottom:11px; border-color:#d6d6d6; text-decoration:none; color:#17639f; } .tab-holder .tab { display:none; } .tab-holder #tab1 { display:block; margin-left: -55px; } .tab-holder #tab2 { display:block; } .tab-holder h4 { padding-bottom:15px; color:#444; } .tab-holder .col1 { clear: both; width:760px; padding-left: 55px; } .tab-holder .col3 { float:left; display:inline; width:355px; padding-left:55px;} .tab-holder .col4 { float:left; display:inline; width:268px; margin-right:19px; } .tab-holder .col4 + .col4 { padding-left: 19px; border-left: 1px solid #EBEBEB; margin-right:0; } .tab-holder .col4 + .col4 + .col4 { margin-left:19px; margin-right:0; } .tab-holder .col4 .img-box { position:relative; margin-bottom:15px; } .tab-holder .col4 .img-box .num { position:absolute; top: 0; left: 0; width: 59px; height:100%; background: url(images/purple-bg.png); text-align:center; } .tab-holder .col4 .img-box .num span { font: 40px/44px "MyriadProSemiBold", arial, sans-serif; color:#fff; } .tab-holder .col4 .img-box img { display:block; } .wpcf7-not-valid .checkbox:before, .wpcf7-not-valid .c2-sb-inner-wrap, input[type="tel"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="text"].wpcf7-not-valid, textarea.wpcf7-not-valid { border: 2px solid #B8212B; } input[type="password"].wpcf7-not-valid { border: 2px solid #B8212B; } span.error-text { color: #B8212B;} span.wpcf7-form-control-wrap.error-text { margin-top: -5px;} .wpcf7-response-output, .wpcf7-not-valid-tip, .wpcf7-validation-errors { /*display: none !important;*/ } .wpcf7-mail-sent-ng { width: 80%; } .text-widget { padding: 20px; } .text-widget .btn-hold { margin-bottom:20px; } .text-widget .btn-hold a { margin-right:10px; } .pages-list { margin-left: 20px; } .additional-spacing { padding-top: 20px; } .comments-wrapper ol.commentlist { list-style: none; margin: 10px 0 5px 0; padding: 0; } .comments-wrapper ol.commentlist ul { list-style: none; margin: 10px 0 5px 0; padding: 0; list-style: none; } .comments-wrapper ol.commentlist li { padding-left: 54px; background: none; } .comments-wrapper ol.commentlist div.vcard { font: bold 14px Verdana; line-height: 20px; } .comments-wrapper ol.commentlist div.vcard img { float: left; margin: 4px 6px 0 -54px; } .comments-wrapper ol.commentlist div.commentmetadata { margin-bottom: 8px; } .comments-wrapper ol.commentlist p { clear: both; padding: 5px 0 5px 0; margin: 0} .comments-wrapper ol.commentlist div.reply { margin: 4px 0 16px; } .comments-wrapper #respond { margin: 20px 0 5px 0;} .comments-wrapper #respond #commentform label { width: 220px; margin: 4px 0; text-align: left; } .comments-wrapper #respond #commentform input { width: 235px; margin: 3px 0; display: block; padding: 3px; } .comments-wrapper #respond #commentform textarea { width: 450px; display: block; padding: 3px; } .comments-wrapper #respond #commentform .form-allowed-tags { margin: 10px 0; } .comments-wrapper #respond #commentform input#submit { display: block; width: auto; } .comments-wrapper div.comment-reply { margin-bottom: 15px; font-weight: bold; } .p-spacing { padding-bottom: 0px; } .c2-sb-inner-wrap, .c2-sb-list-wrap { min-width: 390px; } .form-horizontal .c2-sb-wrap { width: 400px; } span.wpcf7-not-valid-tip { background: transparent; border: none; font-style: italic; color: #B8212B; left: 5%; top: auto; margin-top: -15px; } div.wpcf7-validation-errors { border: none; color: #B8212B; font-style: italic; padding: 0px; margin: 0px; margin-bottom: 5px; } .ppd-title { border-bottom: none; padding: 0px; margin-bottom: 20px; } div.bottom-widget-section div:nth-child(3):not(.rssSummary) { border-top: 10px solid #3D843F !important; } .search-field form ::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa; } .search-field form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa; } .search-field form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; } .search-field form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #aaa; } .hasPlaceholder { color: #aaa !important; } /* unsupported browser tyling*/ p.browserAlert { margin-bottom:0px; text-align: center; } .browserAlert { background-color:#FCF8E3; color:#727272; } /*forgot password page styling*/ .title-area { height:47px; padding-top: 20px; padding-left:20px; padding-right:20px; } .gray-box { width:600px; height:auto; background:#f2f2f2; padding-top:20px; color:#3c3834; margin-left:-30px; padding-bottom: 15px; } .top-section { min-height: 190px; } .container{ min-width: 960px; min-height: 800px; height: 100%; } .forget-main { overflow:auto; padding-bottom: 150px; } .logon-box { width: 600px; height:310px; background:white; margin-left: auto; margin-right: auto; padding-bottom: 0px !important; } .cloud-logo{ margin-left: 40px; margin-top: 20px; } .logon-title{ font-size: 20px; color: #000; line-height: 28px; height:40px; float:left; font-family: "MyriadProSemiBold", Helvetica, Arial, sans-serif; width: 100%; } .logon-title .title { border-bottom: none; } .top-bar { height: 30px; background: #153453; min-width: 940px; } .top-bar > div { margin-top: 6px; margin-right: 20px; } .forget-main .main-content .entry { padding-top: 65px; } .forget-main .main-content .entry .additional-spacing { display: none; } .patternbg #footer .shell { padding: 15px 0px; border-top: 2px solid #00addc; width:100%; } .patternbg #footer .copy { color: white; } .patternbg #footer ul { display: inline; } .patternbg #footer ul li { display: inline; padding-left: 25px; } .patternbg #footer ul li a { color: #00addc; text-decoration: none; cursor: pointer; } .patternbg #footer { position:relative; margin-top: -80px; clear:both; height:50px; margin-left: 20px; margin-right: 20px; min-width: 960px; } .patternbg #footer-links { margin-top: 12px; } .patternbg #footer-links > a { margin-right:30px; color:#f2f2f2; } .gray-box .form-row .form-controls input[type="text"], .gray-box .form-row .form-controls input[type="password"], .gray-box .form-controls input[type="text"] { width: 520px; } /*terms and privacy styling*/ .terms-title .title { border-bottom: none; } .terms-top-section { margin-left: 0px; } .terms-page { margin-left: 40px; margin-right:40px; text-wrap: normal; } .terms-page.default-page { width: 90%; } .terms-container-shell { min-width: 250px; min-height: 250px; height: 100%; } .request-product-popup { max-width: 720px; overflow: auto; color:#737270; background:#fff; -webkit-font-smoothing:antialiased; font-family: 'MyriadProRegular', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 0; } .request-product-popup .header { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; } .request-product-popup label { padding-left: 15px; text-indent: -15px; font-family: 'MyriadProRegular'; } .request-product-popup input[type="checkbox"] { position: relative; top: 1px; } .request-product-popup input[type="submit"], .request-product-popup input[type="button"], .request-product-popup input[type="submit-fake"] { background-color:#fff; border: 2px solid #003f5f; border-radius: 4px; cursor: pointer; font: 14px/30px "MyriadProSemiBold", arial, sans-serif; color: #003f5f; } .request-product-popup input[type="submit"]:disabled, .request-product-popup input[type="button"]:disabled, .request-product-popup input[type="submit-fake"]:disabled{ opacity: 1; filter: alpha(opacity100); background-color:#fff; border: 2px solid #ccc; color: #ccc; cursor: default } .request-product-popup input[type="submit"]:disabled:hover, .request-product-popup input[type="button"]:disabled:hover, .request-product-popup input[type="submit-fake"]:disabled:hover { opacity: 1; filter: alpha(opacity100); background-color:#fff; border: 2px solid #ccc; color: #ccc; } .request-product-popup input[type="submit"]:hover { opacity: 1; filter: alpha(opacity100); background-color:#003f5f; color: #fff; } .request-product-popup input[type="button"]:hover { opacity: 1; filter: alpha(opacity100); background-color:#003f5f; color: #fff; } .request-product-popup input[type="submit"]:focus { box-shadow: 0 0 0 1pt #ffc20e; outline-width: 0; } .request-product-popup input[type="button"]:focus { box-shadow: 0 0 0 1pt #ffc20e; outline-width: 0; } .request-product-popup input[type="submit-fake"]{text-align: center;} .request-product-popup .wpcf7-submit-fake{display: none !important;} .request-product-popup .cancel { vertical-align: middle; font: 14px "MyriadProSemiBold", arial, sans-serif; } .request-product-popup .bottom-buttons { margin: 50px; font: 14px/40px "MyriadProSemiBold", arial, sans-serif; } .request-product-popup .bottom-button-container { position: absolute; bottom: 0; right: 0; } .request-product-popup-status { border: 0; padding: 15px; text-align: left; vertical-align: middle; } #cboxClose { position: absolute; top: 0; right: 0; background:url(images/lightweight-controls.png) no-repeat -50px 0; } #cboxClose:hover { background-position:-50px -25px; } .reveal-modal-bg { z-index: 100000; } .reveal-modal { position: fixed; margin: auto; top: 0; bottom: 0; right: 0; left: 0; padding: 0; z-index: 100001} .modal-content { height: 470px; width: 100%; overflow: auto; padding: 0; } /* home page video */ .video-holder a:focus { display: inline-block; outline: 2px solid #00addc; outline-offset: -2px } .img-box a:focus { display: inline-block; outline: 2px solid #00addc; outline-offset: -2px } .open-exchange-intro .oei_title { font-family: MyriadProSemiBold; font-size: 18px; font-weight: 400; } .open-exchange-intro .textfont { font-family: MyriadProRegular; font-size: 14px; } .open-exchange-intro .text-alignleft { padding:0 34px 0 0; } .open-exchange-intro .bottom-container { background: #F2F2F2;font-family: MyriadProRegular; font-size: 14px; padding: 20px; } .open-exchange-intro .bottom-text-margin { margin-bottom:8px; }