| /*@import url('http://fonts.googleapis.com/css?family=Open+Sans:300');*/ |
| |
| @font-face { |
| font-family: 'Open Sans'; |
| src: url('fonts/OpenSans-Light.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
| url('fonts/OpenSans-Light.ttf') format('truetype'); |
| /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ |
| } |
| |
| body { |
| padding-top: 10px; |
| color: #444444; |
| width: 100%; |
| height: 100%; |
| font-size: 18px; |
| font-family: 'Open Sans', sans-serif; |
| } |
| |
| html { |
| width: 100%; |
| height: 100%; |
| } |
| |
| |
| /*-------------Custom navbar-------------*/ |
| |
| .navbar-custom .navbar-brand { |
| color: #009bba; |
| font-weight: bold; |
| padding: 7px; |
| } |
| |
| .navbar-nav>li>a { |
| padding-left: 10px; |
| padding-right: 10px; |
| } |
| |
| .navbar-custom .navbar-nav > li > a:hover, |
| .navbar-custom .navbar-nav > li > a:focus { |
| color: #fff; |
| background-color: #009bba; |
| } |
| |
| |
| /* ------marketings------------------------- */ |
| |
| .technology-name { |
| text-align: left; |
| font-size: 60px; |
| } |
| |
| .technology-moto { |
| color: #009bba; |
| font-size: 0.7em; |
| } |
| |
| |
| /* ------buttons------------------------- */ |
| |
| .custom-success-btn { |
| white-space: normal; |
| background-color: transparent; |
| border-color: #0085a0; |
| color: #009bba; |
| } |
| |
| .custom-success-btn.focus, |
| .custom-success-btn:focus { |
| background-color: #0085a0; |
| border-color: #0085a0; |
| background-position: 0 -15px; |
| } |
| |
| .custom-success-btn:hover { |
| background-color: #0085a0; |
| border-color: #0085a0; |
| background-position: 0 -15px; |
| } |
| |
| |
| .custom-success-btn.active.focus, |
| .custom-success-btn.active:focus, |
| .custom-success-btn.active:hover, |
| .custom-success-btn:active.focus, |
| .custom-success-btn:active:focus, |
| .custom-success-btn:active:hover, |
| .open>.dropdown-toggle.custom-success-btn.focus, |
| .open>.dropdown-toggle.custom-success-btn:focus, |
| .open>.dropdown-toggle.custom-success-btn:hover { |
| background-color: #0085a0; |
| border-color: #0085a0; |
| background-position: 0 -15px; |
| } |
| |
| .custom-success-btn.active, |
| .custom-success-btn:active, |
| .open>.dropdown-toggle.custom-success-btn { |
| background-image: none |
| } |
| |
| .custom-success-btn.disabled, |
| .custom-success-btn.disabled.active, |
| .custom-success-btn.disabled.focus, |
| .custom-success-btn.disabled:active, |
| .custom-success-btn.disabled:focus, |
| .custom-success-btn.disabled:hover, |
| .custom-success-btn[disabled], |
| .custom-success-btn[disabled].active, |
| .custom-success-btn[disabled].focus, |
| .custom-success-btn[disabled]:active, |
| .custom-success-btn[disabled]:focus, |
| .custom-success-btn[disabled]:hover, |
| fieldset[disabled] .custom-success-btn, |
| fieldset[disabled] .custom-success-btn.active, |
| fieldset[disabled] .custom-success-btn.focus, |
| fieldset[disabled] .custom-success-btn:active, |
| fieldset[disabled] .custom-success-btn:focus, |
| fieldset[disabled] .custom-success-btn:hover { |
| background-color: transparent; |
| border-color: #0085a0; |
| color: #009bba; |
| } |
| |
| /*-------------------White button-------------------*/ |
| .custom-white-btn { |
| white-space: normal; |
| background-color: transparent; |
| border-color: #fff; |
| color: #fff; |
| } |
| |
| .custom-white-btn.focus, |
| .custom-white-btn:focus { |
| background-color: #0085a0; |
| border-color: #fff; |
| background-position: 0 -15px; |
| } |
| |
| .custom-white-btn:hover { |
| background-color: #0085a0; |
| border-color: #fff; |
| background-position: 0 -15px; |
| } |
| |
| |
| .custom-white-btn.active.focus, |
| .custom-white-btn.active:focus, |
| .custom-white-btn.active:hover, |
| .custom-white-btn:active.focus, |
| .custom-white-btn:active:focus, |
| .custom-white-btn:active:hover, |
| .open>.dropdown-toggle.custom-white-btn.focus, |
| .open>.dropdown-toggle.custom-white-btn:focus, |
| .open>.dropdown-toggle.custom-white-btn:hover { |
| background-color: #0085a0; |
| border-color: #fff; |
| background-position: 0 -15px; |
| } |
| |
| .custom-white-btn.active, |
| .custom-white-btn:active, |
| .open>.dropdown-toggle.custom-white-btn { |
| background-image: none |
| } |
| |
| .custom-white-btn.disabled, |
| .custom-white-btn.disabled.active, |
| .custom-white-btn.disabled.focus, |
| .custom-white-btn.disabled:active, |
| .custom-white-btn.disabled:focus, |
| .custom-white-btn.disabled:hover, |
| .custom-white-btn[disabled], |
| .custom-white-btn[disabled].active, |
| .custom-white-btn[disabled].focus, |
| .custom-white-btn[disabled]:active, |
| .custom-white-btn[disabled]:focus, |
| .custom-white-btn[disabled]:hover, |
| fieldset[disabled] .custom-white-btn, |
| fieldset[disabled] .custom-white-btn.active, |
| fieldset[disabled] .custom-white-btn.focus, |
| fieldset[disabled] .custom-white-btn:active, |
| fieldset[disabled] .custom-white-btn:focus, |
| fieldset[disabled] .custom-white-btn:hover { |
| background-color: transparent; |
| border-color: #fff; |
| color: #fff; |
| } |
| |
| /* ------link------------------- */ |
| |
| .white-link { |
| color: white; |
| font-weight: bold; |
| } |
| |
| /* ------divider------------------- */ |
| |
| .custom-divider { |
| margin: 30px 0; |
| border: 0; |
| border-top: 1px solid #ddd; |
| } |
| |
| |
| /* ------features------------------- */ |
| |
| .feature-heading-white { |
| text-align: left; |
| font-size: 30px; |
| border-bottom: 1px solid #fff; |
| } |
| |
| |
| .feature-heading { |
| text-align: left; |
| font-size: 30px; |
| } |
| |
| .feature-image { |
| margin-top: 10px; |
| margin-bottom: 10px; |
| } |
| |
| |
| /*----------------technology panels-----------------------*/ |
| |
| .panel-default-custom { |
| margin-top: 40px; |
| margin-bottom: 40px; |
| } |
| |
| |
| |
| /*----------------Solution-----------------------*/ |
| |
| .solution-heading { |
| font-size: 30px; |
| margin-top: 20px; |
| margin-bottom: 20px; |
| } |
| |
| .panel>a { |
| color: #333; |
| text-decoration: none; |
| } |
| |
| .panel>a:hover>.panel-heading-custom { |
| background-color: #F5F5F5; |
| color: #333; |
| text-decoration: none; |
| } |
| |
| |
| /*----------------custom paragraphs-----------------------*/ |
| |
| .description-paragraph { |
| margin-bottom: 40px; |
| } |
| |
| |
| /*----------------Sections-----------------------*/ |
| |
| .custom-section { |
| /*height: 100%;*/ |
| padding-top: 60px; |
| padding-bottom: 80px; |
| text-align: center; |
| /*background: #fff;*/ |
| /* IE10 Consumer Preview */ |
| background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%); |
| /* Mozilla Firefox */ |
| background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%); |
| /* Opera */ |
| background-image: -o-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%); |
| /* Webkit (Safari/Chrome 10) */ |
| background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F7F7F7)); |
| /* Webkit (Chrome 11+) */ |
| background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%); |
| /* W3C Markup, IE10 Release Preview */ |
| background-image: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 100%); |
| /* IE6-9 */ |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F7F7F7'); |
| } |
| |
| .industrial-section { |
| padding-top: 60px; |
| padding-bottom: 80px; |
| text-align: center; |
| color: #fff; |
| background-color: #009bba; |
| } |
| |
| .footer-section { |
| color: #fff; |
| background-color: #777; |
| } |
| |
| li.footer-link > a:link, |
| li.footer-link > a:hover, |
| li.footer-link > a:visited { |
| color: #fff; |
| } |
| |
| .section-title { |
| font-size: 50px; |
| padding-top: 10px; |
| padding-bottom: 10px; |
| /*padding-left: 10px;*/ |
| /*border-bottom: 2px solid #009bba;*/ |
| margin-bottom: 80px; |
| } |
| |
| .subsection-title { |
| text-align: left; |
| font-size: 40px; |
| padding-top: 10px; |
| padding-bottom: 10px; |
| margin-bottom: 40px; |
| margin-top: 60px; |
| border-bottom: 1px solid #ddd; |
| } |
| |
| .subsubsection-title { |
| text-align: left; |
| font-size: 24px; |
| font-weight: bold; |
| padding-top: 10px; |
| padding-bottom: 10px; |
| margin-bottom: 10px; |
| margin-top: 10px; |
| } |
| |
| .news-well { |
| max-height: 200px; |
| font-size: 16px; |
| overflow-y: scroll; |
| background-color: transparent; |
| margin-top: 32px; |
| margin-bottom: 5px; |
| } |
| |
| |
| .testimonial { |
| margin-top: 30px; |
| margin-bottom: 5px; |
| font-size: 16px; |
| background-color: transparent; |
| } |
| |
| .testimonial-btn { |
| margin-top: 30px; |
| } |
| |
| .application { |
| background-color: transparent; |
| } |
| |
| .application-img { |
| margin-top: 30px; |
| margin-bottom: 30px; |
| } |
| |
| .wrap { |
| -ms-word-break: break-all; |
| /* word-break: break-all;*/ |
| word-wrap: break-word; |
| -webkit-hyphens: auto; |
| -moz-hyphens: auto; |
| -ms-hyphens: auto; |
| -o-hyphens: auto; |
| hyphens: auto; |
| } |
| |
| |
| .papyrus-video { |
| margin-bottom: 50px; |
| } |
| |
| /*---------------- Quotes -----------------------*/ |
| .quote-well { |
| background-color: transparent; |
| border: 1px solid #fff; |
| } |
| |
| .openquote { |
| vertical-align: bottom; |
| } |
| |
| .closequote { |
| vertical-align: top; |
| } |
| |
| .quote-logo { |
| vertical-align: bottom; |
| margin-top: 10px; |
| } |
| |
| /* columns of same height styles */ |
| |
| .row-eq-height { |
| |
| } |
| .panel-height { |
| |
| } |
| |
| /* RESPONSIVE CSS |
| -------------------------------------------------- */ |
| |
| |
| /* Responsive: Portrait tablets and up */ |
| |
| @media (min-width: 768px) { |
| .technology-name { |
| font-size: 70px; |
| } |
| .section-title { |
| font-size: 60px; |
| } |
| } |
| |
| @media (min-width: 992px) { |
| body { |
| padding-top: 10px; |
| } |
| |
| .news-well { |
| max-height: 300px; |
| } |
| |
| .row-eq-height { |
| display: -webkit-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| } |
| |
| .panel-height { |
| height: 100%; |
| } |
| } |