html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none} body, html { font-family: 'Century Gothic', Calibri, Segoe, 'Segoe UI', Arial, sans-serif !important; padding: 0; margin: 0; background-color: #757B8B !important; height: 100%; } html, html a { -webkit-font-smoothing: antialiased; }  #x-body { margin: 0 auto; position: relative; height: 100%; padding-top: 0; } .clear { clear: both; } #c-panel > .panel { display: none; } #c-panel > .panel.active { display: block; } #loading > div { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -35px; width: 70px; text-align: center; } #loading > div > div { width: 18px; height: 18px; background-color: #222; border: 1px solid #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } #loading .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #loading .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.8); outline: none !important; opacity: 0; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease } .lity.lity-opened { opacity: 1 } .lity.lity-closed { opacity: 0 } .lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease } .lity-loading .lity-loader { opacity: 1 } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; opacity: 1; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease } .lity-loading .lity-container { opacity: 0 } .lity-container:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .lity-content { z-index: 9993; width: 100%;  } .lity-close { z-index: 9994; width: 45px; height: 45px; position: absolute; top: 10px; right: 10px; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; color: #000; font-style: normal; font-size: 37px; line-height: 18px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; border: 0; background: rgba(255,255,255,0.8); outline: none; -webkit-box-shadow: none; box-shadow: none } .lity-close::-moz-focus-inner { border: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; background: rgba(0, 0, 0, 0.1); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; outline: none; opacity: 1.0; } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0 } .lity-iframe .lity-container { width: 100%; max-width: 964px } .lity-iframe-container { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } .lity-hide { display: none } #c-panel > .panel { padding-bottom: 90px; } #x-outline { min-height: 100%; background-image: url('img/background-image-erate.jpg') !important; background-size: cover !important; background-attachment: fixed; } footer { position: fixed; bottom: 0; left: 0; right: 0; -webkit-box-shadow: 0px 2px 49px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 49px -5px rgba(0,0,0,0.75); box-shadow: 0px 2px 49px -5px rgba(0,0,0,0.75); } footer .inner { margin: 0 auto; position: relative; height: 100%; } #footer-upper {  background: #e3e3e3 url(img/footer-bg.gif); color: #ddd;  height: 40px;  border-top: 1px solid #999; border-bottom: 0; border-left: 0; border-right: 0;  border-image-slice: 1; text-align: center; -webkit-box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); } #footer-upper a { text-decoration: none; color: #000; font-weight: bold; font-size: 12px; display: inline-block; padding-left: 40px; padding-right: 40px; border-left: 2px solid #00AEEF; line-height: 24px; margin-top: 8px; } #footer-upper a:hover { color: #00AEEF;  text-decoration-color: #00AEEF; } #footer-upper a:first-child { border-left: none; } #footer-lower { background: rgba(0, 0, 0, 1); position: relative; height: 100%; height: 40px; } #footer-copyright { color: #fff; font-size: 12px; position: absolute; bottom: 12px; left: 18px; } #footer-logo { position: absolute; right: 13px; bottom: 8px; height: 22px; } #footer-center { position: absolute; left: 50%; margin-left: -100px; width: 200px; bottom: 7px; text-align: center; } #footer-center a { opacity: 0.75; } #footer-center a:hover { opacity: 1.0; } @media (max-width: 930px) { #footer-upper a { font-size: 70%; padding-left: 20px; padding-righ t: 20px; } }header { height: 70px; } #header-inner { min-width: 768px; max-width: 1200px; position: relative; margin: 0 auto; padding-top: 15px; height: 50px; } #c-menu { display: none; width: 100%; text-align: center; padding-bottom: 10px; } #c-menu .link { padding: 8px; border: 4px solid #eee; margin-left: 20px; display: inline-block; color: #fff; text-decoration: none; opacity: 0.9; font-weight: bold; font-size: 14px; width: 100px; border-image: linear-gradient(to right, #eeeeee 0%,#ffffff 24%,#cecece 45%,#ffffff 63%,#d8d8d8 83%,#ffffff 100%);  border-image-slice: 1; transition: all 0.2s; } #c-menu .link:first-child { margin-left: 0; } #c-menu .link:hover, #c-menu .link.active { color: #00AEEF; border-color: #00AEEF; border-image: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); opacity: 1.0; background: rgba(0, 0, 0, 0.2);; } #c-menu .nolink { padding: 8px;  margin-left: 20px; display: inline-block; color: #FFFFFF; text-decoration: underline;  font-weight: bold; font-size: 14px;  } #c-menu .nolinks { padding: 8px;  margin-left: 20px; display: inline-block; color: #FFFFFF; text-decoration: none;  font-weight: bold; font-size: 14px;  } #c-menus { display: none; width: 100%; text-align: center; padding-bottom: 10px; } #c-menus .link { padding: 8px; border: 4px solid #eee; margin-left: 20px; display: inline-block; color: #fff; text-decoration: none; opacity: 0.9; font-weight: bold; font-size: 14px; width: 100px; border-image: linear-gradient(to right, #eeeeee 0%,#ffffff 24%,#cecece 45%,#ffffff 63%,#d8d8d8 83%,#ffffff 100%);  border-image-slice: 1; transition: all 0.2s; } #c-menus .link:first-child { margin-left: 0; } #c-menus .link:hover, #c-menus .link:active, #c-menus .link.active { color: #00AEEF; border-color: #00AEEF; border-image: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); opacity: 1.0; background: rgba(0, 0, 0, 0.2);; } #c-menus .nolink { padding: 8px;  margin-left: 20px; display: inline-block; color: #FFFFFF; text-decoration: underline;  font-weight: bold; font-size: 14px;  } #c-menus .nolinks { padding: 8px;  margin-left: 20px; display: inline-block; color: #FFFFFF; text-decoration: none;  font-weight: bold; font-size: 14px;  } #header-phone { position: absolute; right: 10px; bottom: 7px; } #header-home { position: absolute; left: 10px; bottom: 7px; display: none; }.layer2 { position: relative; max-width: 1180px; min-width: 748px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } .case-study-modal { display: none; background: #fff; padding: 20px; max-width: 800px; overflow: auto; } .case-study-modal::-webkit-scrollbar { -webkit-appearance: none; width: 4px; } .case-study-modal::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } .case-study-modal p { margin-bottom: 10px; line-height: 130%; font-size: 14px; } .case-study-modal h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; } .case-study-modal h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #333; } .case-study-modal img { margin: 0px auto; } .case-study-modal .profile { font-size: 14px; padding: 20px; background: linear-gradient(60deg, #eeeeee 0%,#ffffff 24%,#e2e2e2 45%,#ffffff 63%,#e2e2e2 83%,#ffffff 100%); float: right; margin-left: 20px; margin-bottom: 20px; width: 220px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } .case-study-modal .profile img { max-width: 90px; margin: 10px auto; } .case-study-modal .ns-logo { float: right; margin-left: 40px; margin-right: 40px; margin-bottom: 40px; width: 90px; } .case-study-modal em { font-style: italic; } .lity-content .case-study-modal { display: block; } .lity-content .case-study-modal ul li { background: url(img/appliansys-bullet.gif) no-repeat; background-position: 4% 0.45em; list-style-position: outside; text-align: left; padding: 0 6%; font-size: 14px; } .layer2 .left-nav, .layer2 .right-nav { color: #eee; position: absolute; font-size: 48px; top: 300px; text-decoration: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } .layer2 .left-nav:hover, .layer2 .right-nav:hover { color: #00AEEF; } @media screen and (max-width: 1300px) { .layer2 .left-nav, .layer2 .right-nav { display: none; } } .layer2 .left-nav { left: -40px; } .layer2 .right-nav { right: -40px; } .layer2 > .inner { background: rgb (238, 238, 238, 0.8); position: relative; padding: 50px; padding-top: 30px; padding-bottom: 0; border-radius: 7px; } .layer2 .heading { padding-bottom: 2px;   } .layer2 .heading .big-icon { float: left; margin-right: 20px; width: 128px; margin-top: -10px; margin-left: -15px; } .layer2 .heading p { margin-bottom: 6px; font-size: 14px; font-weight: bold; max-width: 85%; } .layer2 .heading h1 { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .layer2 .heading .cta { float: right; font-style: italic; color: #E8910C; text-decoration: none; font-size: 14px; font-weight: bold; padding-top: 4px; } .layer2 .heading .cta:hover { color: #000;  } .layer2 .middle { display: table-row; width: auto; } .layer2 .middle > div { display: table-cell; } .layer2 .case-studies { width: 40%; float: right; } .layer2 .content { width: 70%; float: left; } .layer2 .content ul { margin-left: 30px; margin-bottom: 10px; margin-top: -5px; } .layer2 .content li {  margin-bottom: 3px; padding-left: 20px; } .layer2 .content ul li { background: url('img/appliansys-bullet.gif') no-repeat; background-position: 0 0.45em; list-style-position: outside; } .layer2 .middle .content { font-size: 14px; overflow: auto; height: 200px; } .layer2 .middle .content::-webkit-scrollbar { -webkit-appearance: none; width: 4px; } .layer2 .middle .content::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } .layer2 .middle .content p { margin-bottom: 15px; padding-right: 30px; } .layer2 .middle .case-studies { width: 28%; float: right; text-align: center; max-height: 390px; padding-left: 8px; border-left: 2px solid #ccc; padding-top: 0px; padding-bottom: 0px; } .layer2 h2 { border-top: 2px solid #ccc; padding-top: 20px; font-weight: bold; font-style: 18px; margin-bottom: 10px; } .layer2 h3 { font-weight: bold; font-style: 18px; margin-bottom: 10px; margin-top: 10px; } .layer2 .middle .case-studies .study { display: block;  text-align: left; margin-left: 10px; text-decoration: none; margin-bottom: 34px; color: #000; } .layer2 .middle .case-studies .study:first-child { margin-top: 0; } .layer2 .middle .case-studies .study:last-child { margin-bottom: 0; } .layer2 .middle .case-studies .logo { width: 78px; height: 78px; float: left; background: #ffffff ; margin-right: 15px; border-radius: 10px; } .layer2 .middle .case-studies .logo img { width: 98%; } .layer2 .middle .case-studies h4 { font-size: 13px; font-weight: bold; margin-bottom: 1px; color: #00AEEF; }   .layer2 .middle .case-studies p { font-size: 13px;  } .layer2 .bottom { padding-top: 20px; } .layer2 .bottom h3 { font-weight: bold; font-size: 13px; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } .layer2 .bottom .testims { text-align: center; } .layer2 .bottom .testim { text-align: left; width: 33%; vertical-align: top; display: inline-block;  margin-bottom: 10px; } .layer2 .bottom .testim:first-child { margin-left: 0; } .layer2 .bottom .testim .title { padding-left: 20px; font-size: 13px; } .layer2 .bottom .testim .body { padding-left: 20px; padding-right: 20px; font-style: italic; font-size: 12px; line-height: 16px; } .layer2 .bottom .testim .body:before { color: #00AEEF; font-weight: bold; font-size: 24px; margin-left: -0.8em; padding-right: 5px;  } .layer2 .bottom .testim .body:after { color: #00AEEF; font-weight: bold; font-size: 24px; float: right;  margin-top: 5px; margin-left: -5px; } .layer2 .bottom .testim .author { color: #00AEEF; font-size: 12px; margin-top: 5px; padding-left: 20px; font-weight: bold; }  .button-18 { border: 2px solid #333; padding: 8px; display: inline-block; margin: 0 auto; font-size: 14px; margin-top: 0px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; } .button-18:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } @media (max-width: 1200px) {  .layer2 .bottom .testim { width: 45%; } .layer2 .bottom .testim:last-child {  display: none; } } @media (max-width: 1000px) { .layer2 .middle .case-studies .study:last-child { visibility: hidden; } } @media (max-width: 900px) { .layer2 .middle .case-studies { width: 25%; } } .layer2_2 { position: relative; max-width: 1180px; min-width: 748px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } .case-study-modal { display: none; background: #fff; padding: 20px; max-width: 800px; } .case-study-modal p { margin-bottom: 10px; line-height: 130%; font-size: 14px; } .case-study-modal h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; } .case-study-modal h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #333; } .case-study-modal .profile { font-size: 14px; padding: 20px; background: linear-gradient(60deg, #eeeeee 0%,#ffffff 24%,#e2e2e2 45%,#ffffff 63%,#e2e2e2 83%,#ffffff 100%); float: right; margin-left: 20px; margin-bottom: 20px; width: 220px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } .case-study-modal .profile a { text-decoration: none; } .case-study-modal .profileb a { text-decoration: none; } .case-study-modal .profileb { font-size: 12px; padding: 20px; float: right; margin-left: 20px; margin-bottom: 20px; width: 220px; padding: 0px 20px 20px 20px; } .case-study-modal .profile img { max-width: 90px;  margin: 10px auto;  } .case-study-modal .profileb img { max-width: 90px;  margin-left: 25%;  } .case-study-modal .ns-logo { float: right; margin-left: 40px; margin-right: 40px; margin-bottom: 40px; width: 90px; } .case-study-modal em { font-style: italic; } .lity-content .case-study-modal { display: block; } .lity-content .case-study-modal ul li { background: url(img/appliansys-bullet.gif) no-repeat; background-position: 4% 0.45em; list-style-position: outside; text-align: left; padding: 0 6%; font-size: 14px; } .layer2_2 .left-nav, .layer2_2 .right-nav { color: #eee; position: absolute; font-size: 48px; top: 300px; text-decoration: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } .layer2_2 .left-nav:hover, .layer2_2 .right-nav:hover { color: #00AEEF; } @media screen and (max-width: 1300px) { .layer2_2 .left-nav, .layer2_2 .right-nav { display: none; } } .layer2_2 .left-nav { left: -40px; } .layer2_2 .right-nav { right: -40px; } .layer2_2 > .inner { background: #rgb(238 238 238 0.8); position: relative; padding: 50px; padding-top: 30px; padding-bottom: 0; } .layer2_2 .heading { padding-bottom: 2px;   } .layer2_2 .content .big-icon { float: left; margin-right: 10px; max-width: 128px; margin-top: -10px; margin-left: -15px; padding-top: 10px; } .layer2_2 .heading p { margin-bottom: 6px; font-size: 14px; font-weight: bold; max-width: 85%; } .layer2_2 .content h1 { font-size: 20px; font-weight: bold; margin-bottom: 10px; padding-top: 10px; } .layer2_2 .heading .cta { float: right; font-style: italic; color: #E8910C; text-decoration: none; font-size: 14px; font-weight: bold; padding-top: 4px; } .layer2_2 .heading .cta:hover { color: #000;  } .layer2_2 .middle { display: table-row; width: auto; } .layer2_2 .middle > div { display: table-cell; } .layer2_2 .case-studies { width: 40%; float: right; } .layer2_2 .content { width: 70%; float: left; } .layer2_2 .content ul { margin-left: 30px; margin-bottom: 10px; margin-top: -5px; } .layer2_2 .content li {  margin-bottom: 3px; padding-left: 20px; } .layer2_2 .content ul li { background: url('img/appliansys-bullet.gif') no-repeat; background-position: 0 0.45em; list-style-position: outside; } .layer2_2 .middle .content { font-size: 14px; overflow: visible; height: 750px; padding-right: 8px; border-right: 2px solid #ccc; } .layer2_2 .middle .content::-webkit-scrollbar { -webkit-appearance: none; width: 5px; } .layer2_2 .middle .content::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } .layer2_2 .middle .content p { margin-bottom: 15px; padding-right: 30px; } .layer2_2 .middle .case-studies { width: 28%; float: right; text-align: center; max-height: 750px;  padding-top: 10px; padding-bottom: 10px; } .layer2_2 h2 {  padding-top: 7px; font-weight: bold; font-style: 18px; margin-bottom: 10px; } .layer2_2 h3 { font-weight: bold; font-style: 18px; margin-bottom: 10px; margin-top: 10px; }  .layer2_2 .middle .case-studies .study:first-child { margin-top: 0; } .layer2_2 .middle .case-studies .study:last-child { margin-bottom: 0; } .layer2_2 .middle .case-studies .logo { width: 78px; height: 78px; float: left; background: #ffffff ; margin-right: 15px; margin-bottom: 25px; border-radius: 10px; } .layer2_2 .middle .case-studies .logo img { width: 98%; } .layer2_2 .middle .case-studies h4 { font-size: 13px; font-weight: bold; margin-bottom: 1px; color: #00AEEF; }   .layer2_2 .middle .case-studies p { font-size: 13px;  } .layer2_2 .bottom { padding-top: 20px; } .layer2_2 .bottom h3 { font-weight: bold; font-size: 13px; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } .layer2_2 .bottom .testims { text-align: center; } .layer2_2 .bottom .testim { text-align: left; width: 100%; vertical-align: top; display: inline-block;  margin-bottom: 10px; } .layer2_2 .bottom .testim:first-child { margin-left: 0; } .layer2_2 .bottom .testim .title { padding-left: 20px; font-size: 14px; } .layer2_2 .bottom .testim .body { padding-left: 20px; padding-right: 20px; font-style: italic; font-size: 13px; line-height: 20px; } .layer2_2 .bottom .testim .body:before { color: #00AEEF; font-weight: bold; font-size: 24px; margin-left: -0.8em; padding-right: 5px;  } .layer2_2 .bottom .testim .body:after { color: #00AEEF; font-weight: bold; font-size: 24px; float: right;  margin-top: 5px; margin-left: -5px; } .layer2_2 .bottom .testim .author { color: #00AEEF; font-size: 13px; margin-top: 10px; padding-left: 20px; font-weight: bold; } @media (max-width: 1200px) {  .layer2_2 .bottom .testim { width: 45%; } .layer2_2 .bottom .testim:last-child {  display: none; } } @media (max-width: 1000px) { .layer2_2 .middle .case-studies .study:last-child { visibility: hidden; } } @media (max-width: 900px) { .layer2_2 .middle .case-studies { width: 25%; } } .layer3 { position: relative; max-width: 1180px; min-width: 748px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } .layer3 > .inner { background: rgb(238, 238, 238, 0.85); padding: 50px; border-radius: 7px; } .layer3 .left-nav, .layer3 .right-nav { color: #eee; position: absolute; font-size: 48px; top: 300px; text-decoration: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } .layer3 .left-nav:hover, .layer3 .right-nav:hover { color: #00AEEF; } @media screen and (max-width: 1300px) { .layer3 .left-nav, .layer3 .right-nav { display: none; } } .layer3 .left-nav { left: -40px; } .layer3 .right-nav { right: -40px; }#resources1 > .inner { text-align: left; border-radius: 7px; background: rgb(238, 238, 238, 0.85); } #resources1 h1 { font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 10px; } #resources1 h2 { font-size: 16px; font-weight: bold; text-align: left; margin-top: 30px; margin-bottom: 0px; }  #resources1 a { font-size: 14px; } #resources1 p { font-size: 13px;  line-height: 140%; } #resources1 .btn { background: transparent; border: 2px solid #333; padding: 15px; display: block; margin: 20px auto;  text-decoration: none; text-align: center; color: #333;  font-weight: bold; transition: all 0.2s; width: 250px; } #resources1 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #resources1 .btn2 { background: transparent; border: 2px solid #fff; padding: 15px; display: block; margin: 0 auto; display: inline-block; text-decoration: none; text-align: center; color: #fff;  font-weight: bold; transition: all 0.2s; width: 250px; } #resources1 .btn2:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #resources1 .focus { max-width: 600px; margin: 0 auto; background: #fff; padding: 20px; font-size: 18px; margin-bottom: 30px; } #resources1 li { margin-bottom: 10px; font-size: 14px; } #resources1 .no-dates {   margin-top: 18px;  } #resources1 .intro-text1 { width: 25%; float: left; background: #fff; } #resources1 .intro-text2 { width: 25%; float: right; } #resources1 .arrow1 { display: block; position: absolute; width: 45px; height: 22px; bottom: 50%; margin-left: -22.5px; } #resources1 .intro-text1 .arrow { background: url(.../img/arrow.png) 0 0 no-repeat; left: 100%; } #resources1 iframe.noscrolling { min-width: 400px; min-height: 490px; overflow: hidden; margin: 0 31%; } #resources1 .wrap { padding: 20px; max-width: 1000px; min-height: 600px; text-align: left; margin: 0 auto; } #resources1 .td { vertical-align: middle; }#roadshow > .inner { text-align: left; } #roadshow h1 { font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 10px; } #roadshow h2 { font-size: 16px; font-weight: bold; text-align: left; margin-top: 30px; margin-bottom: 0px; }  #roadshow a { font-size: 14px; } #roadshow p { font-size: 14px;  line-height: 140%; } #roadshow .btn { background: transparent; border: 2px solid #333; padding: 15px; display: block; margin: 20px auto;  text-decoration: none; text-align: center; color: #333;  font-weight: bold; transition: all 0.2s; width: 250px; } #roadshow .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #roadshow .btn2 { background: transparent; border: 2px solid #fff; padding: 15px; display: block; margin: 0 auto; display: inline-block; text-decoration: none; text-align: center; color: #fff;  font-weight: bold; transition: all 0.2s; width: 250px; } #roadshow .btn2:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #roadshow .focus { max-width: 600px; margin: 0 auto; background: #fff; padding: 20px; font-size: 18px; margin-bottom: 30px; } #roadshow li { margin-bottom: 10px; font-size: 14px; } #roadshow .no-dates {   margin-top: 18px;  } #roadshow .intro-text1 { width: 25%; float: left; background: #fff; } #roadshow .intro-text2 { width: 25%; float: right; } #roadshow .arrow1 { display: block; position: absolute; width: 45px; height: 22px; bottom: 50%; margin-left: -22.5px; } #roadshow .intro-text1 .arrow { background: url(.../img/arrow.png) 0 0 no-repeat; left: 100%; } #roadshow iframe.noscrolling { min-width: 400px; min-height: 490px; overflow: hidden; margin: 0 31%; } #roadshow .wrap { padding: 20px; max-width: 1000px; min-height: 600px; text-align: left; margin: 0 auto; }#tcea > .inner { text-align: left; } #tcea h1 { font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 10px; } #tcea h2 { font-size: 16px; font-weight: bold; text-align: left; margin-top: 30px; margin-bottom: 0px; }  #tcea a { font-size: 14px; } #tcea p { font-size: 14px;  line-height: 140%; } #tcea .btn { background: transparent; border: 2px solid #333; padding: 15px; display: block; margin: 20px auto;  text-decoration: none; text-align: center; color: #333;  font-weight: bold; transition: all 0.2s; width: 250px; } #tcea .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #tcea .btn2 { background: transparent; border: 2px solid #fff; padding: 15px; display: block; margin: 0 auto; display: inline-block; text-decoration: none; text-align: center; color: #fff;  font-weight: bold; transition: all 0.2s; width: 250px; } #tcea .btn2:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #tcea .focus { max-width: 600px; margin: 0 auto; background: #fff; padding: 20px; font-size: 18px; margin-bottom: 30px; } #tcea li { margin-bottom: 10px; font-size: 14px; } #tcea .no-dates {   margin-top: 18px;  } #tcea .intro-text1 { width: 25%; float: left; background: #fff; } #tcea .intro-text2 { width: 25%; float: right; } #tcea .arrow1 { display: block; position: absolute; width: 45px; height: 22px; bottom: 50%; margin-left: -22.5px; } #tcea .intro-text1 .arrow { background: url(.../img/arrow.png) 0 0 no-repeat; left: 100%; } #tcea iframe.noscrolling { min-width: 400px; min-height: 490px; overflow: hidden; margin: 0 31%; } #tcea .wrap { padding: 20px; max-width: 1000px; min-height: 600px; text-align: left; margin: 0 auto; }#contact { color: #000; padding-left: 10px; padding-right: 10px; } #contact h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } #contact .top { text-align: center; max-width: 700px; margin: 0 auto; line-height: 130%; } #contact .top a { text-decoration: none; color: #00AEEF; } #contact .top a:hover { color: #000000; text-decoration: none; } #contact .form { max-width: 800px; margin: 0 auto; margin-top: 50px; font-size: 14px; } #contact .left { width: 60%; float: left; } #contact .row { margin-bottom: 10px; } #contact .right { width: 39%; float: left; } #contact .right a { text-decoration: none; color: #00AEEF; } #contact .right a:hover { color: #000000; text-decoration: none; } #contact .right-inner { border-left: 1px solid #ccc; padding: 50px 0 60px 20px; } #contact h3 { font-weight: bold; margin-bottom: 10px; } #contact .contact { margin-top: 50px; } #contact .contact, #contact .address { position: relative; padding-left: 35px; } #contact .contact > img:first-child, #contact .address > img:first-child { position: absolute; top: 0; left: 0; } #contact table { font-family: 'Century Gothic', Calibri, Segoe, 'Segoe UI', Arial, sans-serif !important; font-size: 14px; margin-left: 0px; } #contact wpcf7-response-output wpcf7-mail-sent-ok screen-reader-response { font-family: 'Century Gothic', Calibri, Segoe, 'Segoe UI', Arial, sans-serif !important; font-size: 14px; margin-left: 0px; font-weight: bold; color: #0D9E0C; }  #contact-us { width:400px; padding:10px; margin:50px 0; } #contact-us input[type="text"], #contact-us input[type="email"], #contact-us input[type="tel"], #contact-us input[type="url"], #contact-us textarea, #contact-us button[type="submit"] fieldset { border: medium none !important; margin: 0 0 10px; min-width: 100%; padding: 0; width: 100%; } #contact-us input[type="text"], #contact-us input[type="email"], #contact-us input[type="tel"], #contact-us input[type="url"], #contact-us textarea { width:100%; border:1px solid #CCC; background:#FFF; margin:0 0 10px; padding:10px; } #contact-us input[type="text"]:hover, #contact-us input[type="email"]:hover, #contact-us input[type="tel"]:hover, #contact-us input[type="url"]:hover, #contact-us textarea:hover { -webkit-transition:border-color 0.3s ease-in-out; -moz-transition:border-color 0.3s ease-in-out; transition:border-color 0.3s ease-in-out; border:1px solid #AAA; } #contact-us textarea { height:100px; max-width:100%; resize:none; } #contact-us button[type="submit"] { cursor:pointer; border:none; background:#0CF; color:#FFF; margin:0 0 5px; padding:10px; font-size:15px; } #contact-us button[type="submit"]:hover { background:#09C; -webkit-transition:background 0.3s ease-in-out; -moz-transition:background 0.3s ease-in-out; transition:background-color 0.3s ease-in-out; } #contact-us button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); } #contact-us input:focus, #contact-us textarea:focus { outline:0; border:1px solid #999; } ::-webkit-input-placeholder { color:#888; } :-moz-placeholder { color:#888; } ::-moz-placeholder { color:#888; } :-ms-input-placeholder { color:#888; } #erate-apps { color: #000; padding-left: 10px; padding-right: 10px; } #erate-apps h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } #erate-apps .top { text-align: center; font-size: 15px; max-width: 760px; margin: 0 auto; line-height: 130%; } #erate-apps .form { max-width: 760px; margin: 0 auto; margin-top: 50px; font-size: 14px; } #erate-apps .left { width: 50%; float: left; } #erate-apps label { width: 100px; display: inline-block; padding: 10px; border-bottom: 1px solid #ccc; vertical-align: top; } #erate-apps .row { margin-bottom: 10px; } #erate-apps input[type=text], #erate-apps textarea { padding: 10px; display: inline-block; border: none; border-bottom: 1px solid #ccc; width: 190px; background: transparent; } #erate-apps input[type=submit] { background: transparent; border: 2px solid #333; padding: 15px; display: block; margin: 0 auto; margin-top: 30px; display: inline-block; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 250px; } #erate-apps input[type=submit]:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #erate-apps .right { width: 49%; float: left; } #erate-apps .right-inner { padding-left: 20px; } #erate-apps a { text-decoration: none; color: #00AEEF; } #erate-apps h3 { font-weight: bold; margin-bottom: 0px; margin-top: 24px; } #erate-apps .contact { margin-top: 50px; } #erate-apps .contact, #erate-apps .address { position: relative; padding-left: 35px; } #erate-apps-comments-label { display: block !important; width: 310px !important; } #erate-apps textarea { width: 310px; } #erate-apps .contact > img:first-child, #erate-apps .address > img:first-child { position: absolute; top: 0; left: 0; } #erate-apps .faq { position: relative; margin-bottom: 30px; margin: 0 auto; max-width: 700px; border-radius: 20px; border: 2px solid #ccc; margin-bottom: 20px; } #erate-apps .faq:after { content: ''; display: block; width: 10px; height: 10px; border-bottom: 2px solid #00AEEF; border-right: 2px solid #00AEEF; position: absolute; top: 22px; right: 20px; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg); } #erate-apps .faq.active:after { -ms-transform: rotate(225deg);  -webkit-transform: rotate(225deg);  transform: rotate(225deg); border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; } #erate-apps .faq.active { background: #fff; } #erate-apps .faq > a { font-size: 16px; font-weight: bold; display: block; text-decoration: none; color: #000; padding: 20px; padding-right: 40px; } #erate-apps .faq .inner { display: none; padding: 20px; padding-top: 0; } #erate-apps .faq .inner ul { margin-left: 20px; margin-bottom: 10px; margin-top: -5px; } #erate-apps .faq .inner li {  margin-bottom: 14px; padding-left: 20px; } #erate-apps .faq .inner ul li { background: url('img/appliansys-bullet.gif') no-repeat; background-position: 0 0.45em; list-style-position: outside; } #erate-apps .faq p { line-height: 140%; margin-top: 10px; } #erate-apps .faq p:first-child { margin-top: 0; } #erate-apps .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 250px; } #erate-apps .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #erate-apps .contact { margin: 40px auto 0px; width: 700px; text-align: center; border-top: 1px solid #ccc; padding-top: 20px; font-size: 15px; }#faqs { color: #000; padding-left: 10px; padding-right: 10px; } #faqs > .inner { background: rgb(238, 238, 238, 0.85); padding: 50px; } #faqs .topicon { display: inline-block; height: 80px; margin-bottom: -35px; } #faqs h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 50px; } #faqs .faq { position: relative; margin-bottom: 30px; margin: 0 auto; max-width: 700px; border-radius: 20px; border: 2px solid #ccc; margin-bottom: 20px; } #faqs .faq:after { content: ''; display: block; width: 10px; height: 10px; border-bottom: 2px solid #00AEEF; border-right: 2px solid #00AEEF; position: absolute; top: 22px; right: 20px; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg); } #faqs .faq.active:after { -ms-transform: rotate(225deg);  -webkit-transform: rotate(225deg);  transform: rotate(225deg); border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; } #faqs .faq.active { background: #fff; } #faqs .faq a { font-size: 16px; font-weight: bold; display: block; text-decoration: none; color: #000; padding: 20px; padding-right: 40px; } #faqs .faq .inner { display: none; padding: 20px; padding-top: 0; } #faqs .faq p { line-height: 140%; margin-top: 10px; } #faqs .faq p:first-child { margin-top: 0; } #faqs .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 250px; } #faqs .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #faqs .contact { margin: 40px auto 0px; width: 700px; text-align: center; border-top: 1px solid #ccc; padding-top: 20px; font-size: 15px; }#home { color: #fff; } #home h1 { font-size: 22px; font-weight: bold; padding-top: 20px; text-align: center; margin-bottom: 25px; } #home .blocks { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;  min-width: 400px; max-width: 1000px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-top: 2rem; margin-bottom: 4rem; } #home .blocks > div { vertical-align: top; display: inline-block; *display: inline; zoom: 1; } #home .blocks:after { content: ''; width: 100%; display: inline-block; font-size: 0; line-height: 0 } #home .block { height: 125px; width: 210px; padding-top: 12px; padding-bottom: 34px; position: relative; overflow: hidden; text-align: center; margin-bottom: 10px; } #home .block-inner { transition: all 0.3s; } #home .block-inner > img { } #home .block-inner > h2 { font-size: 16px; margin-bottom:20px; margin-top: 25px; line-height: 26px; font-weight: bold; } #home .block-inner > p { margin-bottom: 16px; } #home .block-extra { text-align: left; position: absolute; top: 100%; width: 100%; height: 100%; background: rgba(255, 255, 255, 255); transition: all 0.25s; color: #111; font-size: 14px; display: block; text-decoration: none; } #home .block-extra .right-arrow { position: absolute; bottom: 10px; right: 10px; height: 15px; width: auto; top: 45%; } #home .block-extra ul { margin-top: 14px; line-height: 18px; margin-left: 14px; margin-right: 14px; } #home .block-extra ul > li { margin-top: 10px; } #home .block-extra ul > li:first-child { margin-top: 0; } #home .block:hover .block-extra { -webkit-box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); top: 0; } #home .block:hover .block-inner { opacity: 0.2; } #home .band { color: #000; background: #EEE; position: relative; background: linear-gradient(to right, #eeeeee 0%,#ffffff 24%,#cecece 45%,#ffffff 63%,#d8d8d8 83%,#ffffff 100%);  } #home .band-inner { position: relative; margin: 0 auto; max-width: 1080px; padding-left: 40px; padding-top: 25px; padding-bottom: 20px; } #home .band p {  font-size: 16px; line-height: 22px; margin-bottom: 20px; } #home .band h2 { font-size: 22px; margin-bottom: 0px; font-weight: bold; margin-bottom: 10px; } #home .erate-circle { position: absolute; top: 50%; right: 40px; margin-top: -80px; } #home .home-contact { margin: 10px auto 10px;  text-align: center;  padding-top: 20px; font-size: 15px; } #home .btn { border: 3px solid #EEE; border-image: linear-gradient(45deg, #eeeeee 0%,#ffffff 10%,#cecece 22%,#ffffff 43%,#d8d8d8 83%,#ffffff 100%);  border-image-slice: 1; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #FFF; font-weight: bold; transition: all 0.2s; width: 250px; } #home .btn:hover { border-color: #00AEEF; color: #00AEEF; background: rgba(255, 255, 255, 0.85); } #home2 { color: #fff; } #home2 h1 { font-size: 22px; font-weight: bold; padding-top: 20px; text-align: center; margin-bottom: 25px; } #home2 .blocks { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;  min-width: 400px; max-width: 1000px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } #home2 .blocks > div { vertical-align: top; display: inline-block; *display: inline; zoom: 1; } #home2 .blocks:after { content: ''; width: 100%; display: inline-block; font-size: 0; line-height: 0 } #home2 .block { height: 125px; width: 210px; border: 5px solid #EEE; border-image: linear-gradient(45deg, #eeeeee 0%,#ffffff 10%,#cecece 22%,#ffffff 43%,#d8d8d8 83%,#ffffff 100%);  border-image-slice: 1; padding-top: 12px; padding-bottom: 34px; position: relative; overflow: hidden; text-align: center; margin-bottom: 10px; } #home2 .block-inner { transition: all 0.3s; } #home2 .block-inner > img { height: 75px; } #home2 .block-inner > h2 { font-size: 16px; margin-bottom: 20px; line-height: 26px; font-weight: bold; } #home2 .block-inner > p { margin-bottom: 16px; } #home2 .block-extra { text-align: left; position: absolute; top: 100%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); transition: all 0.25s; color: #111; font-size: 14px; display: block; text-decoration: none; } #home2 .block-extra .right-arrow { position: absolute; bottom: 10px; right: 10px; height: 15px; width: auto; top: 45%; } #home2 .block-extra ul { margin-top: 14px; line-height: 18px; margin-left: 14px; margin-right: 14px; } #home2 .block-extra ul > li { margin-top: 10px; } #home2 .block-extra ul > li:first-child { margin-top: 0; } #home2 .block:hover .block-extra { -webkit-box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); box-shadow: inset 0px 10px 18px -13px rgba(0,0,0,0.5); top: 0; } #home2 .block:hover .block-inner { opacity: 0.2; } #home2 .band { color: #000; background: #EEE; position: relative; background: linear-gradient(to right, #eeeeee 0%,#ffffff 24%,#cecece 45%,#ffffff 63%,#d8d8d8 83%,#ffffff 100%);  } #home2 .band-inner { position: relative; margin: 0 auto; max-width: 1080px; padding-left: 40px; padding-top: 25px; padding-bottom: 20px; } #home2 .band p {  font-size: 16px; line-height: 22px; margin-bottom: 20px; } #home2 .band h2 { font-size: 22px; margin-bottom: 0px; font-weight: bold; margin-bottom: 10px; } #home2 .erate-circle { position: absolute; top: 50%; right: 40px; margin-top: -80px; } #home2 .home-contact { margin: 10px auto 10px;  text-align: center;  padding-top: 20px; font-size: 15px; } #home2 .btn { border: 3px solid #EEE; border-image: linear-gradient(45deg, #eeeeee 0%,#ffffff 10%,#cecece 22%,#ffffff 43%,#d8d8d8 83%,#ffffff 100%);  border-image-slice: 1; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #FFF; font-weight: bold; transition: all 0.2s; width: 250px; } #home2 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: rgba(255, 255, 255, 0.85); } #lindbergh { color: #000; padding-left: 10px; padding-right: 10px; } #lindbergh .inner { background: #eee; padding: 50px; width: 700px; margin: 0 auto; } #lindbergh h2 { font-size: 22px; font-weight: bold; text-align: left; margin-bottom: 20px; } #lindbergh .content { text-align: left; width: 730px; margin: 0 auto; line-height: 130%; } #lindbergh ul { margin-top: 20px; margin-left: 30px; } #lindbergh li { list-style-type: disc; margin-bottom: 10px; } #lindbergh .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; } #lindbergh .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #lindbergh .footnote { font-size: 12px; margin-top: 30px; color: #333; } #lindbergh .icons { text-align: center; margin-top: 30px; } #lindbergh .icons img { width: 40%; margin: 20px; } #lindbergh .stronger { font-weight: bold; } #lindbergh .proflogo { max-width: 70px; padding: 7px; margin-left: 35%; margin-bottom: 10px; margin-top: 10px; } #lindbergh .profile p { font-size: 12px; margin-bottom: 10px; line-height: 135%; } #lindbergh p { font-size: 14px; text-align: left; margin-bottom: 10px; line-height: 135%; } #lindbergh .profile a { margin-bottom: 0px; } #lindbergh .profile { padding: 20px; background: #f0f0f0; float: right; margin-left: 20px; margin-bottom: 20px; width: 230px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); }#cachebox-tour { color: #000; padding-left: 10px; padding-right: 10px; } #cachebox-tour .inner { background: #eee; padding: 50px; width: 700px; margin: 0 auto; } #cachebox-tour h2 { font-size: 22px; font-weight: bold; text-align: left; margin-bottom: 20px; } #cachebox-tour .content { text-align: left; width: 730px; margin: 0 auto; line-height: 130%; } #cachebox-tour ul { margin-top: 20px; margin-left: 30px; } #cachebox-tour li { list-style-type: disc; margin-bottom: 10px; } #cachebox-tour .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 48%; margin-left: 23%; } #cachebox-tour .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #cachebox-tour .footnote { font-size: 12px; margin-top: 30px; color: #333; } #cachebox-tour .icons { text-align: center; margin-top: 30px; } #cachebox-tour .icons img { width: 40%; margin: 20px; } #cachebox-tour .stronger { font-weight: bold; } #cachebox-tour .proflogo { max-width: 70px; padding: 7px; margin-left: 35%; margin-bottom: 10px; margin-top: 10px; } #cachebox-tour .profile p { font-size: 12px; margin-bottom: 10px; line-height: 135%; } #cachebox-tour p { font-size: 14px; text-align: left; margin-bottom: 10px; line-height: 135%; } #cachebox-tour .profile a { margin-bottom: 0px; } #cachebox-tour .profile { padding: 20px; background: #f0f0f0; float: right; margin-left: 20px; margin-bottom: 20px; width: 230px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); }  #recorded-webinar { color: #000; padding-left: 10px; padding-right: 10px; } #recorded-webinar .inner { background: rgb(238, 238, 238, 0.85); padding: 50px; width: 700px; margin: 0 auto; } #recorded-webinar h2 { font-size: 22px; font-weight: bold; text-align: left; margin-bottom: 20px; } #recorded-webinar .content { text-align: left; width: 730px; margin: 0 auto; line-height: 130%; } #recorded-webinar ul { margin-top: 20px; margin-left: 30px; } #recorded-webinar li { list-style-type: disc; margin-bottom: 10px; } #recorded-webinar .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 48%; margin-left: 23%; } #recorded-webinar .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #recorded-webinar .footnote { font-size: 12px; margin-top: 30px; color: #333; } #recorded-webinar .icons { text-align: center; margin-top: 30px; } #recorded-webinar .icons img { width: 40%; margin: 20px; } #recorded-webinar .stronger { font-weight: bold; } #recorded-webinar .proflogo { max-width: 70px; padding: 7px; margin-left: 35%; margin-bottom: 10px; margin-top: 10px; } #recorded-webinar .profile p { font-size: 12px; margin-bottom: 10px; line-height: 135%; } #recorded-webinar p { font-size: 14px; text-align: left; margin-bottom: 10px; line-height: 135%; } #recorded-webinar .profile a { margin-bottom: 0px; } #recorded-webinar .profile { padding: 20px; background: #f0f0f0; float: right; margin-left: 20px; margin-bottom: 20px; width: 230px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } #recorded-webinar-1 { color: #000; padding-left: 10px; padding-right: 10px; } #recorded-webinar-1 .inner { background: #eee; padding: 50px; width: 700px; margin: 0 auto; } #recorded-webinar-1 h2 { font-size: 22px; font-weight: bold; text-align: left; margin-bottom: 20px; } #recorded-webinar-1 .content { text-align: left; width: 730px; margin: 0 auto; line-height: 130%; } #recorded-webinar-1 ul { margin-top: 20px; margin-left: 30px; } #recorded-webinar-1 li { list-style-type: disc; margin-bottom: 10px; } #recorded-webinar-1 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 48%; margin-left: 23%; } #recorded-webinar-1 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #recorded-webinar-1 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #recorded-webinar-1 .icons { text-align: center; margin-top: 30px; } #recorded-webinar-1 .icons img { width: 40%; margin: 20px; } #recorded-webinar-1 .stronger { font-weight: bold; } #recorded-webinar-1 .proflogo { max-width: 70px; padding: 7px; margin-left: 35%; margin-bottom: 10px; margin-top: 10px; } #recorded-webinar-1 .profile p { font-size: 12px; margin-bottom: 10px; line-height: 135%; } #recorded-webinar-1 p { font-size: 14px; text-align: left; margin-bottom: 10px; line-height: 135%; } #recorded-webinar-1 .profile a { margin-bottom: 0px; } #recorded-webinar-1 .profile { padding: 20px; background: #f0f0f0; float: right; margin-left: 20px; margin-bottom: 20px; width: 230px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } #recorded-webinar-2 { color: #000; padding-left: 10px; padding-right: 10px; } #recorded-webinar-2 .inner { background: #eee; padding: 50px; width: 700px; margin: 0 auto; } #recorded-webinar-2 h2 { font-size: 22px; font-weight: bold; text-align: left; margin-bottom: 20px; } #recorded-webinar-2 .content { text-align: left; width: 730px; margin: 0 auto; line-height: 130%; } #recorded-webinar-2 ul { margin-top: 20px; margin-left: 30px; } #recorded-webinar-2 li { list-style-type: disc; margin-bottom: 10px; } #recorded-webinar-2 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 48%; margin-left: 23%; } #recorded-webinar-2 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #recorded-webinar-2 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #recorded-webinar-2 .icons { text-align: center; margin-top: 30px; } #recorded-webinar-2 .icons img { width: 40%; margin: 20px; } #recorded-webinar-2 .stronger { font-weight: bold; } #recorded-webinar-2 .proflogo { max-width: 70px; padding: 7px; margin-left: 35%; margin-bottom: 10px; margin-top: 10px; } #recorded-webinar-2 .profile p { font-size: 12px; margin-bottom: 10px; line-height: 135%; } #recorded-webinar-2 p { font-size: 14px; text-align: left; margin-bottom: 10px; line-height: 135%; } #recorded-webinar-2 .profile a { margin-bottom: 0px; } #recorded-webinar-2 .profile { padding: 20px; background: #f0f0f0; float: right; margin-left: 20px; margin-bottom: 20px; width: 230px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } #recorded-webinar-3 { color: #000; padding-left: 10px; padding-right: 10px; } #recorded-webinar-3 .inner { background: #eee; padding: 50px; width: 700px; margin: 0 auto; } #recorded-webinar-3 h2 { font-size: 22px; font-weight: bold; text-align: left; margin-bottom: 20px; } #recorded-webinar-3 .content { text-align: left; width: 730px; margin: 0 auto; line-height: 130%; } #recorded-webinar-3 ul { margin-top: 20px; margin-left: 30px; } #recorded-webinar-3 li { list-style-type: disc; margin-bottom: 10px; } #recorded-webinar-3 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 48%; margin-left: 23%; } #recorded-webinar-3 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #recorded-webinar-3 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #recorded-webinar-3 .icons { text-align: center; margin-top: 30px; } #recorded-webinar-3 .icons img { width: 40%; margin: 20px; } #recorded-webinar-3 .stronger { font-weight: bold; } #recorded-webinar-3 .proflogo { max-width: 70px; padding: 7px; margin-left: 35%; margin-bottom: 10px; margin-top: 10px; } #recorded-webinar-3 .profile p { font-size: 12px; margin-bottom: 10px; line-height: 135%; } #recorded-webinar-3 p { font-size: 14px; text-align: left; margin-bottom: 10px; line-height: 135%; } #recorded-webinar-3 .profile a { margin-bottom: 0px; } #recorded-webinar-3 .profile { padding: 20px; background: #f0f0f0; float: right; margin-left: 20px; margin-bottom: 20px; width: 230px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } #recorded-webinar-4 { color: #000; padding-left: 10px; padding-right: 10px; } #recorded-webinar-4 .inner { background: #eee; padding: 50px; width: 700px; margin: 0 auto; } #recorded-webinar-4 h2 { font-size: 22px; font-weight: bold; text-align: left; margin-bottom: 20px; } #recorded-webinar-4 .content { text-align: left; width: 730px; margin: 0 auto; line-height: 130%; } #recorded-webinar-4 ul { margin-top: 20px; margin-left: 30px; } #recorded-webinar-4 li { list-style-type: disc; margin-bottom: 10px; } #recorded-webinar-4 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 30px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; width: 48%; margin-left: 23%; } #recorded-webinar-4 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #recorded-webinar-4 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #recorded-webinar-4 .icons { text-align: center; margin-top: 30px; } #recorded-webinar-4 .icons img { width: 40%; margin: 20px; } #recorded-webinar-4 .stronger { font-weight: bold; } #recorded-webinar-4 .proflogo { max-width: 70px; padding: 7px; margin-left: 35%; margin-bottom: 10px; margin-top: 10px; } #recorded-webinar-4 .profile p { font-size: 12px; margin-bottom: 10px; line-height: 135%; } #recorded-webinar-4 p { font-size: 14px; text-align: left; margin-bottom: 10px; line-height: 135%; } #recorded-webinar-4 .profile a { margin-bottom: 0px; } #recorded-webinar-4 .profile { padding: 20px; background: #f0f0f0; float: right; margin-left: 20px; margin-bottom: 20px; width: 230px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } #webinar > .inner { text-align: center; } #webinar h1 { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 30px; }  #webinar a { font-size: 14px; } #webinar p { font-size: 14px;  line-height: 140%; } #webinar .btn { background: transparent; border: 2px solid #333; padding: 15px; display: block; margin: 0 auto; display: inline-block; text-decoration: none; text-align: center; color: #333;  font-weight: bold; transition: all 0.2s; width: 250px; } #webinar .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #webinar .btn2 { background: transparent; border: 2px solid #fff; padding: 15px; display: block; margin: 0 auto; display: inline-block; text-decoration: none; text-align: center; color: #fff;  font-weight: bold; transition: all 0.2s; width: 250px; } #webinar .btn2:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #webinar .focus { max-width: 600px; margin: 0 auto; background: #fff; padding: 20px; font-size: 18px; margin-bottom: 30px; } #webinar li { margin-bottom: 10px; font-size: 14px; } #webinar .no-dates {   margin-top: 18px;  } #webinar .intro-text1 { width: 25%; float: left; background: #fff; } #webinar .intro-text2 { width: 25%; float: right; } #webinar .arrow1 { display: block; position: absolute; width: 45px; height: 22px; bottom: 50%; margin-left: -22.5px; } #webinar .intro-text1 .arrow { background: url(.../img/arrow.png) 0 0 no-repeat; left: 100%; } #webinar .wrap { padding: 20px; max-width: 1000px; min-height: 600px; text-align: center; margin: 0 auto; }#why-cachebox { color: #000; padding-left: 10px; padding-right: 10px; } #why-cachebox .inner { background: rgb(238, 238, 238, 0.85); padding: 50px; } #why-cachebox h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } #why-cachebox .content { text-align: center; width: 730px; margin: 0 auto; line-height: 130%; } #why-cachebox ul { margin-top: 20px; margin-left: 30px; } #why-cachebox li { list-style-type: disc; margin-bottom: 10px; } #why-cachebox .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 auto; margin-top: 20px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; } #why-cachebox .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #why-cachebox .footnote { font-size: 12px; margin-top: 30px; color: #333; } #why-cachebox .icons { text-align: center; margin-top: 20px; } #why-cachebox .icons img { width: 40%; margin: 0 20px 20px 20px; }#whycb1 { color: #000; padding-left: 10px; padding-right: 10px; } #whycb1 .inner { background: rgb(238, 238, 238, 0.85); padding: 50px; } #whycb1 p { text-align: left; font-size: 14px; } #whycb1 h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } #whycb1 .content { text-align: center; width: 730px; margin: 0 auto; line-height: 130%; } #whycb1 ul { margin-top: 20px; margin-left: 30px; } #whycb1 li { list-style-type: disc; margin-bottom: 10px; } #whycb1 .ctas { margin: 0 auto; } #whycb1 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 20px 0 0; margin-top: 20px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; font-size: 14px; } #whycb1 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #whycb1 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #whycb1 .icons { text-align: center; margin-top: 20px; } #whycb1 .icons img { width: 40%; margin: 0 20px 20px 20px; }#whycb2 { color: #000; padding-left: 10px; padding-right: 10px; } #whycb2 .inner { background: rgb(238, 238, 238, 0.85); padding: 50px; } #whycb2 p { text-align: left; font-size: 14px; } #whycb2 h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } #whycb2 .content { text-align: center; width: 730px; margin: 0 auto; line-height: 130%; } #whycb2 ul { margin-top: 20px; margin-left: 30px; } #whycb2 li { list-style-type: disc; margin-bottom: 10px; } #whycb1 .ctas { margin: 0 auto; } #whycb2 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 20px 0 0; font-size: 14px; margin-top: 20px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; } #whycb2 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #whycb2 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #whycb2 .icons { text-align: center; margin-top: 20px; } #whycb2 .icons img { width: 40%; margin: 0 20px 20px 20px; }#whycb3 { color: #000; padding-left: 10px; padding-right: 10px; } #whycb3 .inner { background: rgb(238, 238, 238, 0.85); padding: 50px; } #whycb3 p { text-align: left; font-size: 14px; } #whycb3 h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } #whycb3 .content { text-align: center; width: 730px; margin: 0 auto; line-height: 130%; } #whycb3 ul { margin-top: 20px; margin-left: 30px; } #whycb3 li { list-style-type: disc; margin-bottom: 10px; } #whycb1 .ctas { margin: 0 auto; } #whycb3 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 20px 0 0; font-size: 14px; margin-top: 20px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; } #whycb3 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #whycb3 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #whycb3 .icons { text-align: center; margin-top: 20px; } #whycb3 .icons img { width: 40%; margin: 0 20px 20px 20px; }#whycb4 { color: #000; padding-left: 10px; padding-right: 10px; } #whycb4 .inner { background:rgb(238, 238, 238, 0.85); padding: 50px; } #whycb4 p { text-align: left; font-size: 14px; } #whycb4 h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } #whycb4 .content { text-align: center; width: 730px; margin: 0 auto; line-height: 130%; } #whycb4 ul { margin-top: 20px; margin-left: 30px; } #whycb4 li { list-style-type: disc; margin-bottom: 10px; } #whycb1 .ctas { margin: 0 auto; } #whycb4 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 20px 0 0; font-size: 14px; margin-top: 20px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; } #whycb4 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #whycb4 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #whycb4 .icons { text-align: center; margin-top: 20px; } #whycb4 .icons img { width: 40%; margin: 0 20px 20px 20px; }#whycb5 { color: #000; padding-left: 10px; padding-right: 10px; } #whycb5 .inner { background:rgb(238, 238, 238, 0.85); padding: 50px; } #whycb5 p { text-align: left; font-size: 14px; } #whycb5 h2 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } #whycb5 .content { text-align: center; width: 100%; margin: 0 auto; line-height: 130%; } #whycb5 ul { margin-top: 20px; margin-left: 30px; } #whycb5 li { list-style-type: disc; margin-bottom: 10px; } #whycb1 .ctas { margin: 0 auto; } #whycb5 .btn { border: 2px solid #333; padding: 15px; display: inline-block; margin: 0 20px 0 0; font-size: 14px; margin-top: 20px; text-decoration: none; text-align: center; color: #333; font-weight: bold; transition: all 0.2s; } #whycb5 .btn:hover { border-color: #00AEEF; color: #00AEEF; background: #fff; } #whycb5 .footnote { font-size: 12px; margin-top: 30px; color: #333; } #whycb5 .icons { text-align: center; margin-top: 20px; } #whycb5 .icons img { width: 40%; margin: 0 20px 20px 20px; } #cards::-webkit-scrollbar { -webkit-appearance: none; width: 4px; } #cards::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } header { height: 70px; } #header-inner { min-width: 768px; max-width: 1200px; position: relative; margin: 0 auto; padding-top: 15px; height: 50px; } #c-menu { display: none; width: 100%; text-align: center; padding-bottom: 10px; } #c-menu .link { padding: 8px; border: 4px solid #eee; margin-left: 20px; display: inline-block; color: #fff; text-decoration: none; opacity: 0.9; font-weight: bold; font-size: 14px; width: 100px; border-image: linear-gradient(to right, #eeeeee 0%,#ffffff 24%,#cecece 45%,#ffffff 63%,#d8d8d8 83%,#ffffff 100%);  border-image-slice: 1; transition: all 0.2s; } #c-menu .link:first-child { margin-left: 0; } #c-menu .link:hover, #c-menu .link.active { color: #00AEEF; border-color: #00AEEF; border-image: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); opacity: 1.0; background: rgba(0, 0, 0, 0.2);; } #c-menu .nolink { padding: 8px;  margin-left: 20px; display: inline-block; color: #FFFFFF; text-decoration: underline;  font-weight: bold; font-size: 14px;  } #c-menu .nolinks { padding: 8px;  margin-left: 20px; display: inline-block; color: #FFFFFF; text-decoration: none;  font-weight: bold; font-size: 14px;  } #c-menus { display: none; width: 100%; text-align: center; padding-bottom: 10px; } #c-menus .link { padding: 8px; border: 4px solid #eee; margin-left: 20px; display: inline-block; color: #fff; text-decoration: none; opacity: 0.9; font-weight: bold; font-size: 14px; width: 100px; border-image: linear-gradient(to right, #eeeeee 0%,#ffffff 24%,#cecece 45%,#ffffff 63%,#d8d8d8 83%,#ffffff 100%);  border-image-slice: 1; transition: all 0.2s; } #c-menus .link:first-child { margin-left: 0; } #c-menus .link:hover, #c-menus .link:active, #c-menus .link.active { color: #00AEEF; border-color: #00AEEF; border-image: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); opacity: 1.0; background: rgba(0, 0, 0, 0.2);; } #c-menus .nolink { padding: 8px;  margin-left: 20px; display: inline-block; color: #FFFFFF; text-decoration: underline;  font-weight: bold; font-size: 14px;  } #c-menus .nolinks { padding: 8px;  margin-left: 20px; display: inline-block; color: #FFFFFF; text-decoration: none;  font-weight: bold; font-size: 14px;  } #header-phone { position: absolute; right: 10px; bottom: 7px; } #header-home { position: absolute; left: 10px; bottom: 7px; display: none; }.layer2 { position: relative; max-width: 1180px; min-width: 748px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } .case-study-modal { display: none; background: #fff; padding: 20px; max-width: 800px; } .case-study-modal p { margin-bottom: 10px; line-height: 130%; font-size: 14px; } .case-study-modal h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; } .case-study-modal h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #333; } .case-study-modal .profile { font-size: 14px; padding: 20px; background: linear-gradient(60deg, #eeeeee 0%,#ffffff 24%,#e2e2e2 45%,#ffffff 63%,#e2e2e2 83%,#ffffff 100%); float: right; margin-left: 20px; margin-bottom: 20px; width: 220px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } .case-study-modal .profile img { max-width: 90px;  margin-left: 25%;  } .case-study-modal .ns-logo { float: right; margin-left: 40px; margin-right: 40px; margin-bottom: 40px; width: 90px; } .case-study-modal em { font-style: italic; } .lity-content .case-study-modal { display: block; } .layer2 .left-nav, .layer2 .right-nav { color: #eee; position: absolute; font-size: 48px; top: 300px; text-decoration: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } .layer2 .left-nav:hover, .layer2 .right-nav:hover { color: #00AEEF; } @media screen and (max-width: 1300px) { .layer2 .left-nav, .layer2 .right-nav { display: none; } } .layer2 .left-nav { left: -40px; } .layer2 .right-nav { right: -40px; } .layer2 > .inner { background: rgb(238, 238, 238, 0.85); position: relative; padding: 50px; padding-top: 30px; padding-bottom: 0; } .layer2 .heading { padding-bottom: 2px;   } .layer2 .heading .big-icon { float: left; margin-right: 20px; width: 128px; margin-top: -10px; margin-left: -15px; } .layer2 .heading p { margin-bottom: 6px; font-size: 14px; font-weight: bold; max-width: 85%; } .layer2 .heading h1 { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .layer2 .heading .cta { float: right; font-style: italic; color: #E8910C; text-decoration: none; font-size: 14px; font-weight: bold; padding-top: 4px; } .layer2 .heading .cta:hover { color: #000;  } .layer2 .middle { display: table-row; width: auto; } .layer2 .middle > div { display: table-cell; } .layer2 .case-studies { width: 40%; float: right; } .layer2 .content { width: 70%; float: left; } .layer2 .content ul { margin-left: 30px; margin-bottom: 10px; margin-top: -5px; } .layer2 .content li {  margin-bottom: 3px; padding-left: 20px; } .layer2 .content ul li { background: url('img/appliansys-bullet.gif') no-repeat; background-position: 0 0.45em; list-style-position: outside; } .layer2 .middle .content { font-size: 14px; overflow: auto; height: 500px; } .layer2 .middle .content::-webkit-scrollbar { -webkit-appearance: none; width: 5px; } .layer2 .middle .content::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } .layer2 .middle .content p { margin-bottom: 15px; padding-right: 30px; } .layer2 .middle .case-studies { width: 28%; float: right; text-align: center; max-height: 370px; padding-left: 8px; border-left: 2px solid #ccc; padding-top: 10px; padding-bottom: 10px; } .layer2 h2 { border-top: 2px solid #ccc; padding-top: 35px; font-weight: bold; font-style: 18px; margin-bottom: 10px; } .layer2 h3 { font-weight: bold; font-style: 18px; margin-bottom: 10px; margin-top: 10px; } .layer2 .middle .case-studies .study { display: block;  text-align: left; margin-left: 10px; text-decoration: none; margin-bottom: 42px; color: #000; } .layer2 .middle .case-studies .study:first-child { margin-top: 0; } .layer2 .middle .case-studies .study:last-child { margin-bottom: 0; } .layer2 .middle .case-studies .logo { width: 78px; height: 78px; float: left; background: #ffffff ; margin-right: 15px; border-radius: 10px; } .layer2 .middle .case-studies .logo img { width: 98%; } .layer2 .middle .case-studies h4 { font-size: 13px; font-weight: bold; margin-bottom: 1px; color: #00AEEF; }   .layer2 .middle .case-studies p { font-size: 13px;  } .layer2 .bottom { padding-top: 20px; } .layer2 .bottom h3 { font-weight: bold; font-size: 13px; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } .layer2 .bottom .testims { text-align: center; } .layer2 .bottom .testim { text-align: left; width: 33%; vertical-align: top; display: inline-block;  margin-bottom: 10px; } .layer2 .bottom .testim:first-child { margin-left: 0; } .layer2 .bottom .testim .title { padding-left: 20px; font-size: 13px; } .layer2 .bottom .testim .body { padding-left: 20px; padding-right: 20px; font-style: italic; font-size: 12px; line-height: 16px; } .layer2 .bottom .testim .body:before { color: #00AEEF; font-weight: bold; font-size: 24px; margin-left: -0.8em; padding-right: 5px;  } .layer2 .bottom .testim .body:after { color: #00AEEF; font-weight: bold; font-size: 24px; float: right;  margin-top: 5px; margin-left: -5px; } .layer2 .bottom .testim .author { color: #00AEEF; font-size: 12px; margin-top: 5px; padding-left: 20px; font-weight: bold; } @media (max-width: 1200px) {  .layer2 .bottom .testim { width: 45%; } .layer2 .bottom .testim:last-child {  display: none; } } @media (max-width: 1000px) { .layer2 .middle .case-studies .study:last-child { visibility: hidden; } } @media (max-width: 900px) { .layer2 .middle .case-studies { width: 25%; } } .layer2_2 { position: relative; max-width: 1180px; min-width: 748px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } .case-study-modal { display: none; background: #fff; padding: 20px; max-width: 800px; } .case-study-modal p { margin-bottom: 10px; line-height: 130%; font-size: 14px; } .case-study-modal h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; } .case-study-modal h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #333; } .case-study-modal .profile { font-size: 14px; padding: 20px; background: linear-gradient(60deg, #eeeeee 0%,#ffffff 24%,#e2e2e2 45%,#ffffff 63%,#e2e2e2 83%,#ffffff 100%); float: right; margin-left: 20px; margin-bottom: 20px; width: 220px; background-color: #E5E5E5; padding: 0px 20px 20px 20px; border-radius: 6px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); } .case-study-modal .profile a { text-decoration: none; } .case-study-modal .profileb a { text-decoration: none; } .case-study-modal .profileb { font-size: 12px; padding: 20px; float: right; margin-left: 20px; margin-bottom: 20px; width: 220px; padding: 0px 20px 20px 20px; } .case-study-modal .profile img { max-width: 90px;  margin-left: 25%;  } .case-study-modal .profileb img { max-width: 90px;  margin-left: 25%;  } .case-study-modal .ns-logo { float: right; margin-left: 40px; margin-right: 40px; margin-bottom: 40px; width: 90px; } .case-study-modal em { font-style: italic; } .lity-content .case-study-modal { display: block; } .layer2_2 .left-nav, .layer2_2 .right-nav { color: #eee; position: absolute; font-size: 48px; top: 300px; text-decoration: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } .layer2_2 .left-nav:hover, .layer2_2 .right-nav:hover { color: #00AEEF; } @media screen and (max-width: 1300px) { .layer2_2 .left-nav, .layer2_2 .right-nav { display: none; } } .layer2_2 .left-nav { left: -40px; } .layer2_2 .right-nav { right: -40px; } .layer2_2 > .inner { background: #EEE; position: relative; padding: 50px; padding-top: 30px; padding-bottom: 0; } .layer2_2 .heading { padding-bottom: 2px;   } .layer2_2 .content .big-icon { float: left; margin-right: 10px; max-width: 128px; margin-top: -10px; margin-left: -15px; padding-top: 10px; } .layer2_2 .heading p { margin-bottom: 6px; font-size: 14px; font-weight: bold; max-width: 85%; } .layer2_2 .content h1 { font-size: 20px; font-weight: bold; margin-bottom: 10px; padding-top: 10px; } .layer2_2 .heading .cta { float: right; font-style: italic; color: #E8910C; text-decoration: none; font-size: 14px; font-weight: bold; padding-top: 4px; } .layer2_2 .heading .cta:hover { color: #000;  } .layer2_2 .middle { display: table-row; width: auto; } .layer2_2 .middle > div { display: table-cell; } .layer2_2 .case-studies { width: 40%; float: right; } .layer2_2 .content { width: 70%; float: left; } .layer2_2 .content ul { margin-left: 30px; margin-bottom: 10px; margin-top: -5px; } .layer2_2 .content li {  margin-bottom: 3px; padding-left: 20px; } .layer2_2 .content ul li { background: url('img/appliansys-bullet.gif') no-repeat; background-position: 0 0.45em; list-style-position: outside; } .layer2_2 .middle .content { font-size: 14px; overflow: visible; height: 750px; padding-right: 8px; border-right: 2px solid #ccc; } .layer2_2 .middle .content::-webkit-scrollbar { -webkit-appearance: none; width: 5px; } .layer2_2 .middle .content::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } .layer2_2 .middle .content p { margin-bottom: 15px; padding-right: 30px; } .layer2_2 .middle .case-studies { width: 28%; float: right; text-align: center; max-height: 750px;  padding-top: 10px; padding-bottom: 10px; } .layer2_2 h2 {  padding-top: 7px; font-weight: bold; font-style: 18px; margin-bottom: 10px; } .layer2_2 h3 { font-weight: bold; font-style: 18px; margin-bottom: 10px; margin-top: 10px; } .layer2_2 .middle .case-studies .study { display: block;  text-align: left; margin-left: 10px; text-decoration: none; margin-bottom: 42px; color: #000; } .layer2_2 .middle .case-studies .study:first-child { margin-top: 0; } .layer2_2 .middle .case-studies .study:last-child { margin-bottom: 0; } .layer2_2 .middle .case-studies .logo { width: 78px; height: 78px; float: left; background: #ffffff ; margin-right: 15px; margin-bottom: 25px; border-radius: 10px; } .layer2_2 .middle .case-studies .logo img { width: 98%; } .layer2_2 .middle .case-studies h4 { font-size: 13px; font-weight: bold; margin-bottom: 1px; color: #00AEEF; }   .layer2_2 .middle .case-studies p { font-size: 13px;  } .layer2_2 .bottom { padding-top: 20px; } .layer2_2 .bottom h3 { font-weight: bold; font-size: 13px; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } .layer2_2 .bottom .testims { text-align: center; } .layer2_2 .bottom .testim { text-align: left; width: 100%; vertical-align: top; display: inline-block;  margin-bottom: 10px; } .layer2_2 .bottom .testim:first-child { margin-left: 0; } .layer2_2 .bottom .testim .title { padding-left: 20px; font-size: 14px; } .layer2_2 .bottom .testim .body { padding-left: 20px; padding-right: 20px; font-style: italic; font-size: 13px; line-height: 20px; } .layer2_2 .bottom .testim .body:before { color: #00AEEF; font-weight: bold; font-size: 24px; margin-left: -0.8em; padding-right: 5px;  } .layer2_2 .bottom .testim .body:after { color: #00AEEF; font-weight: bold; font-size: 24px; float: right;  margin-top: 5px; margin-left: -5px; } .layer2_2 .bottom .testim .author { color: #00AEEF; font-size: 13px; margin-top: 10px; padding-left: 20px; font-weight: bold; } @media (max-width: 1200px) {  .layer2_2 .bottom .testim { width: 45%; } .layer2_2 .bottom .testim:last-child {  display: none; } } @media (max-width: 1000px) { .layer2_2 .middle .case-studies .study:last-child { visibility: hidden; } } @media (max-width: 900px) { .layer2_2 .middle .case-studies { width: 25%; } }