@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext,cyrillic); @charset "UTF-8"; /* Theme Name: CargoPress by ProteusThemes Theme URI: https://demo.proteusthemes.com/cargopress/ Author: ProteusThemes Author URI: https://www.proteusthemes.com/ Description: CargoPress WordPress Theme. Tags: dark, light, two-columns, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready Version: 1.5.0-1-g93dbc93 License: GPL 2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Text domain: cargopress-pt */ /* TABLE OF CONTENTS 01. Project variables............Imported variables 02. Twitter Bootstrap............Remove what is not neccessary 03. Tags.........................Like ,

etc. 04. Helpers and utility classes..The general styles like .push-down-15 etc. 05. Components...................Imported files, like partials, Compass etc. 05.01. Top Bar 05.02. Header 05.03. Main Title 05.04. Breadcrumbs 05.05. Sidebar 05.06. Footer 05.07. Error 404 05.08. No Flexbox 05.09. Top Navigation 05.10. Main Navigation 05.11. Jumbotron 05.12. Video background 05.13. Meta Data 05.14. Pagination 05.15. Comments 05.16. Buttons 05.17. Icons 05.18. ProteusWidgets 05.19. Fleet Gallery 05.20. Widgets 05.21. Contact Form / /------------------------------------\ 01. Project variables only visible in SASS source files \------------------------------------/ /------------------------------------\ Local variables \------------------------------------/ /------------------------------------\ 02. Twitter Bootstrap Remove what is not necessary \------------------------------------/ /! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css / html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #footer { width: 100%; height: 30px; background: #333; border-top: 2px solid #000; position: absolute; bottom: 0; } .home-master-image-div{ width: 100%; max-height: 700px; margin-top: -80px; } .home-master-image{ width: 100%; max-height: 700px; object-fit: cover; } .data-home{ position: absolute; margin: 0 auto; top: 300px; transform: translateY(-50%); left: 10%; } @media (max-width: 768px) { .data-home { top: 240px; } } .h2-home{ color: #FFF; letter-spacing: 1px; font-size: 45px; } .h3-home{ color: #FFF; letter-spacing: 1px; font-size: 30px; margin-bottom: 30px; } .a-home{ padding: 15px; text-transform: uppercase; background-color: #a1783a; color: #FFF; letter-spacing: 1px; margin-top: 15px; } .btn-ordenar{ font-size: 11px !important; padding: 0 10px !important; margin: 0 auto; } .us-div-3{ } .us-div-3 h3{ font-weight: 700; font-size: 40px; } .us-div-3 small{ font-family: inherit; font-weight: 100; color: #FFF; } .img-campos-list{ display: block !important;; width: 100%; height: 230px !important; object-fit: cover; } .img-destacados-home{ width: 100%; height: 230px !important; object-fit: cover; } .tags { text-transform: uppercase; float: right !important; background-color: #d0aa7a; color: #FFF; padding: 5px; margin-top: 2px; border-radius: 13px; font-size: 80%; min-width: 75px; text-align: center; } .tags-danger { background-color: #890c0c; } .tags-list { position: absolute; margin-top: 10px; right: 7px; z-index: 1000; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .home-border-radius-5{ border-radius: 5px; height: 170px; width: 100%; object-fit: cover; } .w100{ width: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } a { background-color: transparent; } a:active, a:hover { outline: 0; } b, strong { font-weight: bold; } h1 { font-size: 2em; margin: 0.67em 0; } img { border: 0; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css / @media print { , :before, :after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } } * { box-sizing: border-box; } :before, :after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; color: #aaaaaa; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #4ab9cf; text-decoration: none; } a:hover, a:focus { color: #36b1ca; text-decoration: underline; } a:focus { outline: none; } figure { margin: 0; } hr { margin-top: 22px; margin-bottom: 22px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 22px; margin-bottom: 11px; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 11px; margin-bottom: 11px; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 11px; } @media (min-width: 768px) { } .text-center { text-align: center; } .text-uppercase, .initialism { text-transform: uppercase; } ul, ol { margin-top: 0; margin-bottom: 11px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } dl { margin-top: 0; margin-bottom: 22px; } dt, dd { line-height: 1.6; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 992px) { } blockquote { padding: 11px 22px; margin: 0 0 22px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-6 { width: 50%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-12 { width: 100%; } .col-sm-offset-2 { margin-left: 16.66667%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-6 { width: 50%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-12 { width: 100%; } .col-md-pull-9 { right: 75%; } .col-md-push-3 { left: 25%; } } @media (min-width: 1200px) { } table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 22px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.6; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } table td[class="col-"], table th[class="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 16.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .form-control { display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 14px; line-height: 1.6; color: #555555; background-color: #f5f5f5; background-image: none; border: 1px solid #eeeeee; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #eeeeee; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(238, 238, 238, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 36px; } input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 0px; } .form-group.has-error input[type="text"], .form-group.has-error input[type="email"], .form-group.has-error input[type="tel"], .form-group.has-error input[type="password"], .form-group.has-error textarea { outline: 1px solid red; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 22px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 34px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 40px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 27px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 29px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33333px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.6; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #aaaaaa; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #aaaaaa; background-color: #eeeeee; border-color: #eeeeee; } .btn-default:focus, .btn-default.focus { color: #aaaaaa; background-color: #d5d5d5; border-color: #aeaeae; } .btn-default:hover { color: #aaaaaa; background-color: #d5d5d5; border-color: #cfcfcf; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #aaaaaa; background-color: #d5d5d5; border-color: #cfcfcf; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #aaaaaa; background-color: #c3c3c3; border-color: #aeaeae; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #eeeeee; border-color: #eeeeee; } .btn-default .badge { color: #eeeeee; background-color: #aaaaaa; } .btn-primary { color: #fff; background-color: #4ab9cf; border-color: #4ab9cf; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #30a0b6; border-color: #206b79; } .btn-primary:hover { color: #fff; background-color: #30a0b6; border-color: #2e99ae; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #30a0b6; border-color: #2e99ae; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #29879a; border-color: #206b79; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #4ab9cf; border-color: #4ab9cf; } .btn-primary .badge { color: #4ab9cf; background-color: #fff; } .btn-success { color: #fff; background-color: #57ad68; border-color: #57ad68; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #458c53; border-color: #2b5934; } .btn-success:hover { color: #fff; background-color: #458c53; border-color: #41864f; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #458c53; border-color: #41864f; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #397445; border-color: #2b5934; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #57ad68; border-color: #57ad68; } .btn-success .badge { color: #57ad68; background-color: #fff; } .btn-info { color: #fff; background-color: #4ab9cf; border-color: #4ab9cf; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #30a0b6; border-color: #206b79; } .btn-info:hover { color: #fff; background-color: #30a0b6; border-color: #2e99ae; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #30a0b6; border-color: #2e99ae; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #29879a; border-color: #206b79; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #4ab9cf; border-color: #4ab9cf; } .btn-info .badge { color: #4ab9cf; background-color: #fff; } .btn-warning { color: #fff; background-color: #e46334; border-color: #e46334; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ca4a1b; border-color: #873112; } .btn-warning:hover { color: #fff; background-color: #ca4a1b; border-color: #c1461a; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ca4a1b; border-color: #c1461a; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #ab3e17; border-color: #873112; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #e46334; border-color: #e46334; } .btn-warning .badge { color: #e46334; background-color: #fff; } .btn-danger { color: #fff; background-color: #e21f2f; border-color: #e21f2f; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #b61825; border-color: #730f17; } .btn-danger:hover { color: #fff; background-color: #b61825; border-color: #ad1623; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #b61825; border-color: #ad1623; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #97141e; border-color: #730f17; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #e21f2f; border-color: #e21f2f; } .btn-danger .badge { color: #e21f2f; background-color: #fff; } .btn-link { color: #4ab9cf; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #36b1ca; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #4ab9cf; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } @media (min-width: 992px) { } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #4ab9cf; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #4ab9cf; } @media (min-width: 768px) { } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .active { display: block; } @media (min-width: 992px) { } @media (min-width: 992px) { } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } @media (min-width: 992px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } } @media (max-device-width: 480px) and (orientation: landscape) { } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 992px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } @media (min-width: 992px) { } @media (min-width: 992px) { } @media (min-width: 992px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 992px) { .navbar-toggle { display: none; } } @media (max-width: 991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 22px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 992px) { } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 991px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 992px) { } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } @media (min-width: 992px) { } @media (min-width: 992px) { } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 991px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 991px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .modal-header .close { margin-top: -2px; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 768px) { } @media (min-width: 992px) { } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .pull-right { float: right !important; } .hide { display: none !important; } .show { display: block !important; } .hidden { display: none !important; } /------------------------------------\ 03. Tags \------------------------------------/ body { background: #eee; } body .boxed-container { background-color: #ffffff; overflow-x: hidden; } body.boxed > .boxed-container { margin: 0 auto; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); max-width: 100%; } @media (min-width: 768px) { body.boxed > .boxed-container { width: 810px; } } @media (min-width: 992px) { body.boxed > .boxed-container { width: 1030px; } } @media (min-width: 1200px) { body.boxed > .boxed-container { width: 1230px; } } body.boxed .footer-top::before, body.boxed .footer::before { display: none; } @media (min-width: 1500px) { body.boxed .jumbotron-content { top: 110px; } } @media (min-width: 1200px) { body.boxed .jumbotron-contenttitle h1 { font-size: 38px; } } @media (min-width: 1500px) { body.boxed .jumbotroncontrol { top: 40px; width: 40px; height: 40px; line-height: 40px; font-size: 18px; } } @media (min-width: 1500px) { body.boxed .jumbotron__control.right { margin-left: 48px; } } h1, h2, h3, h4, h5, h6 { color: #444444; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: 900; letter-spacing: -.05em; } h4.subLight { color: #bbb; } h3 { font-size: 27px; } input, select, textarea { outline: 0; } .dark-link { color: #444444; } .dark-link:hover, .dark-link:focus { color: #444444; } /------------------------------------\ 04. Helpers \------------------------------------/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .post-image { max-width: 100%; height: auto; } .featured-widget { padding: 30px; background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); } .featured-widget h3 { margin-top: 0; } @media (min-width: 1500px) { .jumbotron-overlap { position: relative; margin-top: -75px; } } @media (min-width: 1500px) { .jumbotron-overlap img { box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2); } } .widget-title { margin-bottom: 30px; position: relative; } .widget-title.big { font-size: 27px; } @media (min-width: 992px) { .widget-title.big { font-size: 44px; } } .widget-title.lined { border-bottom: 1px solid rgba(0, 0, 0, 0.065); line-height: 1px; margin-bottom: 60px;} .widget-title.lined > span { background: #fff; padding-right: 20px; } .hr-quote { position: relative; } .hr-quote::after { position: absolute; content: '“'; font-family: Georgia, "Times New Roman"; right: calc(50% - 5px); top: calc(50% - 22px); color: #e21f2f; font-size: 40px; width: 10px; height: 10px; } .row.first { margin-bottom: 80px; } .margin-top-0 { margin-top: 0px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .news { padding: 60px 0px; background-image: url("../images/blured.jpg"); } .cta { background: #f5f5f5; } .values { padding: 60px 0px; background-image: url("../images/core_values_bg.jpg"); background-position: center center; background-repeat: no-repeat; } .values h3 { text-align: center; font-size: 44px; } .values p > span { color: #4ab9cf; font-weight: bold; } .map .js-where-we-are { height: 380px; } .map .route { height: 550px; } /------------------------------------\ 05. Components \------------------------------------/ /* 05.01. Top Bar / .top { font-size: 13px; background-color: #f5f5f5; border-bottom: 1px solid #ededed; color: #aaaaaa; } .toptagline { text-align: center; padding: 8px 0 2.5px 0; } @media (min-width: 992px) { .toptagline { float: left; padding: 7.5px 0; } } .topmenu { text-align: center; } @media (min-width: 992px) { .topmenu { float: right; } } form.trackForm { margin: 0px; width: 100%; } form.trackForm input, form.trackForm input:focus { float: left; width: 80%; padding: 0px; margin: 0px; height: 50px; line-height: 36px; border: 1px solid #DCDCDC; border-right: 0px; padding: 4px 10px; border-radius: 0px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; font-size: 16px; } form.trackForm button { float: right; width: 20%; height: 50px; border-radius: 0px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border: 0px; } @media all and (max-width: 640px) { form.trackForm input { border-radius: 2px; border-right: 1px solid #DCDCDC; margin-bottom: 10px; } form.trackForm button { border-radius: 2px; } form.trackForm input, form.trackForm button { float: none; width: 100%; } } / 05.02. Header / .header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .headerlogo { -webkit-order: 1; -ms-flex-order: 1; order: 1; background-color: #ffffff; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; } .headerlogo img { margin-top: 35px ; } @media (min-width: 992px) { .headerlogo { width: 270px; height: 120px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-bottom: 0; } } @media (min-width: 1200px) { .headerlogo { position: relative; } } @media (min-width: 1200px) { .headerlogo::after { position: absolute; content: ""; height: 43px; width: 43px; background-color: #ffffff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); bottom: 9px; right: -22px; } } .headerlogo img { display: inline-block; margin-top: 15px; margin-bottom: 15px; width: 30%; border-radius: 5px; } @media (min-width: 480px) { .headerlogo img { width: 150px; } } @media (min-width: 992px) { .headerlogo img { margin-bottom: 0; } } .headerlogo a { transition: all 100ms ease-out; } .headerlogo a:hover { text-decoration: none; } .headerwidgets { -webkit-order: 3; -ms-flex-order: 3; order: 3; background-color: #ffffff; width: 100%; } @media (min-width: 992px) { .headerwidgets { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: calc(100% - 270px); height: 120px; text-align: right; padding: 37.5px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 1200px) { .headerwidgets { height: 90px; padding: 22.5px 0; } } .headernavigation { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; } @media (min-width: 992px) { .headernavigation { -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 75%; } } @media (min-width: 1200px) { .headernavigation { width: calc(90% - 300px); margin-left: 300px; margin-top: -30px; } } .headernavigation .navbar-collapse { padding: 0; } .headernavigation-widgets { -webkit-order: 4; -ms-flex-order: 4; order: 4; width: 100%; padding: 20px 0; } @media (min-width: 992px) { .headernavigation-widgets { width: 25%; padding: 10px 0; text-align: right; } } @media (min-width: 1200px) { .headernavigation-widgets { margin-top: -30px; width: 10%; } } .headercontainer { background-color: #ffffff; position: relative; } @media (min-width: 992px) { .headercontainer { background-color: #314164; } .headercontainer::before, .headercontainer::after { content: ""; position: absolute; top: 0; width: calc(50% - 470px); background-color: #ffffff; bottom: 60px; } .headercontainer::before { left: 0; } .headercontainer::after { right: 0; } } @media (min-width: 1200px) { .headercontainer::before, .headercontainer::after { width: calc(50% - 570px); } .headercontainer::before { bottom: 30px; } } / 05.03. Main Title / .main-title { background: linear-gradient(to right, #f5f5f5 0%, #eeeeee 100%); padding: 50px 0; margin-bottom: 30px; } .main-titleprimary { text-transform: uppercase; margin: 0; font-size: 44px; } .main-titlesecondary { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 16px; color: #aaaaaa; margin: 10px 0 7px 0; font-weight: normal; letter-spacing: 0px; } / 05.04. Breadcrumbs / .breadcrumbs { box-shadow: 0 1px 2px #e6e6e6; border-top: 1px solid #e6e6e6; font-size: 10px; margin-bottom: 30px; position: relative; z-index: 20; } @media (min-width: 480px) { .breadcrumbs { font-size: 14px; } } @media (min-width: 992px) { .breadcrumbs { margin-bottom: 60px; } } .breadcrumbs a { position: relative; display: inline-block; padding: 8px 0; font-weight: bold; color: #444444; padding-right: 15px; margin-right: 15px; font-size: 10px; } @media (min-width: 480px) { .breadcrumbs a { padding: 12px 0; padding-right: 30px; margin-right: 30px; font-size: 14px; } } .breadcrumbs a::before, .breadcrumbs a::after { position: absolute; content: ""; height: 25px; width: 1px; right: 0; background-color: #e6e6e6; } @media (min-width: 480px) { .breadcrumbs a::before, .breadcrumbs a::after { height: 33px; } } .breadcrumbs a::before { top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .breadcrumbs a::after { bottom: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .breadcrumbs a:hover { color: #222222; text-decoration: none; } .breadcrumbs span > span { display: inline-block; padding: 8px 0; } @media (min-width: 480px) { .breadcrumbs span > span { padding: 12px 0; } } .main-title + .breadcrumbs { margin-top: -30px; } / 05.05. Sidebar / .sidebarheadings { font-size: 27px; margin-top: 0; margin-bottom: 20px; } .sidebar > div { margin-bottom: 39px; } .sidebar.widget_nav_menu.faq ul > li > a { background-color: #eeeeee; border-radius: 2px; color: #aaaaaa; display: block; font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 900; padding: 18px 25px; transition: all 100ms ease-out 0s; } / 05.06. Footer / .footer { position: relative; } .footer::before, .footer::after { z-index: 100; position: absolute; content: ""; background-color: #141414; } @media (min-width: 992px) { .footer::before { width: 43px; height: 43px; top: -21px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: calc(50% - 470px - 85px); } } @media (min-width: 1200px) { .footer::before { right: calc(50% - 570px - 85px); } } @media (min-width: 992px) { .footer::after { height: 30px; top: -30px; right: 0; width: calc(50% - 470px - 63px); } } @media (min-width: 1200px) { .footer::after { width: calc(50% - 570px - 63px); } } .footer-top { position: relative; background-color: #314164; color: #9eb7cb; padding: 30px 0; } @media (min-width: 992px) { .footer-top { padding: 55px 0; } } .footer-top::before, .footer-top::after { z-index: 100; position: absolute; content: ""; background-color: #314164; } @media (min-width: 992px) { .footer-top::before { width: 43px; height: 43px; bottom: -21px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); left: calc(50% - 470px - 85px); } } @media (min-width: 1200px) { .footer-top::before { left: calc(50% - 570px - 85px); } } @media (min-width: 992px) { .footer-top::after { height: 30px; bottom: -30px; left: 0; width: calc(50% - 470px - 63px); } } @media (min-width: 1200px) { .footer-top::after { width: calc(50% - 570px - 63px); } } .footer-topheadings { color: #ffffff; font-size: 21px; margin-top: 0; margin-bottom: 21px; } .footer-bottom { background-color: #162f42; color: #577186; padding: 10px 0; text-align: center; } @media (min-width: 992px) { .footer-bottom { padding: 19px 0; } } .footer-bottom a { color: #eeeeee; font-weight: bold; } .footer-bottom a:hover { color: #ffffff; } @media (min-width: 992px) { .footer-bottomleft { float: left; } } .footer-bottomright { padding-top: 5px; } @media (min-width: 992px) { .footer-bottomright { float: right; padding-top: 0; } } / 05.07. Error 404 / @media (min-width: 992px) { } @media (min-width: 992px) { } @media (min-width: 992px) { } @media (min-width: 992px) { } @media (min-width: 992px) { } @media (min-width: 992px) { } @media (min-width: 992px) { } @media (min-width: 992px) { } .no-flexbox .headerwidgets .widget .textwidget .btn { margin-bottom: 25px; } / 05.09. Top Navigation / .top-navigation { text-align: center; margin: 0; padding: 0; } @media (min-width: 992px) { .top-navigation { text-align: right; } } .top-navigation > li { position: relative; display: inline-block; } .top-navigation > li > a { display: block; color: #aaaaaa; padding: 7.5px 10px; } @media (min-width: 992px) { .top-navigation > li > a { padding: 7.5px 13px; } } .top-navigation > li > a:hover, .top-navigation > li > a:focus { color: #888888; text-decoration: none; } .top-navigation > li:hover > .sub-menu, .top-navigation > li[aria-expanded="true"] > .sub-menu { left: 0; } @media (min-width: 992px) { .top-navigation > li:last-of-type > a { padding-right: 0; } } .top-navigation .sub-menu { position: absolute; float: left; left: -9999em; z-index: 9999; text-align: left; list-style: none; padding: 0; } .top-navigation .sub-menu > li { position: relative; } .top-navigation .sub-menu > li > a { display: block; white-space: nowrap; background-color: #f5f5f5; color: #aaaaaa; padding: 7px 13px; border-bottom: 1px solid #ededed; } .top-navigation .sub-menu > li > a:hover, .top-navigation .sub-menu > li > a:focus { color: #888888; text-decoration: none; } .top-navigation .sub-menu > li:last-of-type > a { border-bottom: 0; } / 05.10. Main Navigation / .main-navigation { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 992px) { .main-navigation { padding: 0; margin: 0; border-bottom: 0; font-size: 0; float: right; } } @media (min-width: 1200px) { .main-navigation { padding-left: 10px; } } .main-navigation > li { position: relative; } @media (min-width: 992px) { .main-navigation > li { display: inline-block; font-size: 14px; } } .main-navigation > li > a { position: relative; display: block; font-size: 12px; line-height: 1.5; /font-weight: bold; /color: #444444; padding: 10px 0; text-transform: uppercase;} @media (min-width: 992px) { .main-navigation > li > a { color: #ffffff; padding: 18px 10px; } } @media (min-width: 992px) { .main-navigation > li > a::before { position: absolute; content: ""; width: 4px; height: 4px; right: -2px; top: calc(50% - 2px); border-radius: 50%; background: rgba(250, 250, 250, 0.2); } } .main-navigation > li:last-of-type > a::before { display: none; } .main-navigation > li:hover > a, .main-navigation > li:focus > a, .main-navigation > li[aria-expanded="true"] > a { color: #314164; text-decoration: none; } @media (min-width: 992px) { .main-navigation > li:hover > a, .main-navigation > li:focus > a, .main-navigation > li[aria-expanded="true"] > a { color: #ffffff; } } @media (min-width: 992px) { .main-navigation > li:hover > a::after, .main-navigation > li:focus > a::after, .main-navigation > li[aria-expanded="true"] > a::after { position: absolute; content: ""; width: calc(100% - 30px); height: 5px; left: 15px; bottom: 0; background-color: #e21f2f; } } .main-navigation > li:hover > .sub-menu, .main-navigation > li:focus > .sub-menu, .main-navigation > li[aria-expanded="true"] > .sub-menu { left: 0; } @media (min-width: 992px) { .main-navigation > .current-menu-item > a::after { position: absolute; content: ""; width: calc(100% - 30px); height: 5px; left: 15px; bottom: 0; background-color: #e21f2f; } } @media (min-width: 992px) { .main-navigation .menu-item-has-children > a { padding: 18px 35px 18px 20px; } } @media (min-width: 992px) { .main-navigation .menu-item-has-children::after { position: absolute; content: "\f0d7"; font-family: "FontAwesome"; font-size: 12px; right: 18px; top: calc(50% - 10px); color: #ffffff; } } .main-navigation .menu-item-has-children:hover::after { color: #314164; } @media (min-width: 992px) { .main-navigation .menu-item-has-children:hover > a { color: #314164; background-color: #ffffff; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 8px 30px 18px 15px; margin: 10px 5px 0 5px; } } @media (min-width: 992px) { .main-navigation .menu-item-has-children:hover > a::before { right: -7px; top: 18px; } } @media (min-width: 992px) { .main-navigation .menu-item-has-children:hover > a::after { display: none; } } .main-navigation .sub-menu { list-style: none; padding: 0; } @media (min-width: 992px) { .main-navigation .sub-menu { position: absolute; left: -9999em; z-index: 9999; margin-left: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } } .main-navigation .sub-menu > li { position: relative; } .main-navigation .sub-menu > li > a { display: block; font-size: 14px; font-weight: bold; padding: 12px 20px; background-color: #ffffff; color: #999999; } @media (min-width: 992px) { .main-navigation .sub-menu > li > a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); min-width: 160px; white-space: nowrap; } } .main-navigation .sub-menu > li > a:hover { color: #314164; text-decoration: none; } @media (min-width: 992px) { .main-navigation .sub-menu > li:last-of-type > a { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom: 0; } } @media (min-width: 992px) { } @media (min-width: 992px) { } @media (min-width: 992px) { } .navbar-toggle { background-color: #314164; border-radius: 2px; padding: 10px 12px; margin: 10px 0; transition: all 100ms ease-out; } @media (min-width: 480px) { .navbar-toggle { margin: 18px 0; } } .navbar-toggle:hover { background-color: #19344a; } .navbar-toggle .icon-bar { background-color: #ffffff; width: 18px; height: 3px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 3px; } .navbar-toggletext { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: bold; color: #ffffff; display: inline-block; padding: 0 10px 0 0; } .navbar-toggleicon-bar { vertical-align: middle; display: inline-block; height: 18px; } / 05.11. Jumbotron / .jumbotron { position: relative; padding: 0; background-color: #314164; margin-bottom: 30px; } @media (min-width: 992px) { .jumbotron { margin-bottom: 45px; } } .jumbotron-content { color: #ffffff; padding: 30px 0; } @media (min-width: 992px) { .jumbotron-content { position: absolute; padding: 0; width: 550px; top: 110px; } } @media (min-width: 1500px) { .jumbotron-content { top: 170px; } } .jumbotron-contenttitle h1 { font-size: 44px; margin-top: 0; margin-bottom: 15px; } @media (min-width: 992px) { .jumbotron-contenttitle h1 { font-size: 28px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } } @media (min-width: 1200px) { .jumbotron-contenttitle h1 { font-size: 44px; } } .jumbotron-contentdescription p { font-weight: normal; font-size: 16px; } @media (min-width: 992px) { .jumbotron-contentdescription p { font-size: 14px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } } @media (min-width: 1200px) { .jumbotron-contentdescription p { font-size: 16px; } } .jumbotron-contentdescription p .btn-secondary { text-shadow: none; } .jumbotroncontrol { position: absolute; background-color: rgba(250, 250, 250, 0.35); color: rgba(0, 0, 0, 0.35); text-align: center; top: 35px; width: 40px; height: 40px; line-height: 40px; transition: all 100ms ease-out; } .jumbotroncontrol:focus, .jumbotroncontrol:hover { color: rgba(0, 0, 0, 0.5); background-color: rgba(250, 250, 250, 0.5); } @media (min-width: 480px) { .jumbotroncontrol { top: 70px; } } @media (min-width: 768px) { .jumbotroncontrol { top: 110px; } } @media (min-width: 992px) { .jumbotroncontrol { top: 40px; width: 40px; height: 40px; line-height: 40px; font-size: 18px; } } @media (min-width: 1500px) { .jumbotroncontrol { width: 60px; height: 60px; top: 60px; line-height: 60px; font-size: 24px; } } .jumbotroncontrol.left { left: 15px; } @media (min-width: 768px) { .jumbotroncontrol.left { left: 30px; } } @media (min-width: 992px) { .jumbotroncontrol.left { left: inherit; border-radius: 2px; } } .jumbotroncontrol.right { right: 15px; } @media (min-width: 768px) { .jumbotroncontrol.right { right: 30px; } } @media (min-width: 992px) { .jumbotroncontrol.right { margin-left: 48px; right: inherit; border-radius: 2px; } } @media (min-width: 1500px) { .jumbotroncontrol.right { margin-left: 68px; } } .jumbotron .btn { margin: 10px 0; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; } / 05.12. Video background / .homepage-hero-module { border-right: none; border-left: none; position: relative; height: 600px;} .boxed .homepage-hero-module { height: 530px; } .no-video .video-container video, .touch .video-container video { display: none; } .no-video .video-container .poster, .touch .video-container .poster { display: block !important; } .video-container { position: relative; bottom: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; background: #000; } .video-container .poster img { width: 100%; bottom: 0; position: absolute; } .video-container .filter { z-index: 100; position: absolute; background: none; width: 100%; } .video-container video { position: absolute; z-index: 0; bottom: 0; } .video-container video.fillWidth { width: 100%; } .homepage-hero-module .jumbotron-content { width: 80%; top: 190px; margin: 0px auto; position: relative; } .boxed .homepage-hero-module .jumbotron-content { top: 150px; } .homepage-hero-module .jumbotron-contenttitle h1 { color: #fff !important; text-align: center;} .homepage-hero-module .jumbotron-contentdescription p { font-size: 20px; } @media all and (max-width: 1499px) { .homepage-hero-module { height: 468px; margin-bottom: 45px; } .homepage-hero-module .jumbotron-content { top: 150px; } } @media all and (max-width: 990px) { .homepage-hero-module .jumbotron-content { width: 100%; top: 90px; } } @media all and (max-width: 750px) { .homepage-hero-module .jumbotron-contenttitle h1 { font-size: 29px; } } / 05.13. Meta Data / .meta-data { padding: 6px 20px 4px 20px; background-color: #eeeeee; color: #aaaaaa; font-size: 14px; line-height: 35px; margin-bottom: 24px; } .meta-data a { color: #aaaaaa; } .meta-data a:hover { color: #444444; } .meta-dataseparator { margin: 0 10px; color: #dddddd; font-size: 28px; vertical-align: middle; } / 05.14. Pagination / .pagination { position: relative; margin-bottom: 60px; } .pagination .page-numbers { display: inline-block; width: 45px; height: 45px; background-color: #eeeeee; color: #aaaaaa; font-weight: bold; text-align: center; line-height: 45px; transition: all 100ms ease-out; } .pagination a:hover { color: #444444; text-decoration: none; } .pagination .current { background-color: #4ab9cf; color: #ffffff; text-shadow: 0 1px rgba(0, 0, 0, 0.16); } .pagination .prev, .pagination .next { position: absolute; right: 0; } .pagination .prev { right: 48px; } / 05.15. Comments / .avatar-container > img { border-radius: 2px; } .avatar-container--nested, .avatar-container--nestedx2, .avatar-container { float: left; width: 12%; } .avatar-container--nested img, .avatar-container--nestedx2 img, .avatar-container img { width: 100%; height: auto; } .comment-content--nested, .comment-content--nestedx2, .comment-content { float: left; width: 85%; margin-left: 3%; position: relative; } .comment-content--nested::before, .comment-content--nestedx2::before, .comment-content::before { content: ""; display: block; position: absolute; top: 20px; left: -10px; border: solid 6px #ffffff; border-width: 6px 10px 6px 0; border-right-color: #f5f5f5; } .comment-content--nested .comment-inner, .comment-content--nestedx2 .comment-inner, .comment-content .comment-inner { padding: 30px; background-color: #f5f5f5; border-radius: 2px; margin-bottom: 30px; } .comment-content--nested .comment-author, .comment-content--nestedx2 .comment-author, .comment-content .comment-author { color: #444444; font-size: 21px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: 900; font-style: normal; text-transform: uppercase; } .comment-content--nested .comment-metadata, .comment-content--nestedx2 .comment-metadata, .comment-content .comment-metadata { font-size: 13px; float: right; font-weight: normal; color: #b9babc; } .comment-content--nested .comment-text, .comment-content--nestedx2 .comment-text, .comment-content .comment-text { color: #aaaaaa; margin-top: 15px; font-size: 14px; } #comments { display: inline-block; } .comment { list-style: none; } / Comments Fields / .comment-form .form-control { background: #f5f5f5; border-radius: 2px; border: 1px solid #dedede; box-shadow: none; transition: all 100ms ease-out; } .comment-form .form-control:focus { border-color: #dedede; background: #ffffff; } .comment-form input { height: 45px; } .comment-form label { font-weight: normal; } .commentsheading { margin-top: 45px; margin-bottom: 22px; font-size: 27px; text-transform: uppercase; } .comments-container { padding-left: 0px; } .comments-container + .commentsheading { margin-top: 30px; } .comment-respond { font-size: 14px; } / 05.16. Buttons / .btn { font-weight: bold; height: 45px; line-height: 45px; padding: 0 30px; border-radius: 2px; text-transform: uppercase; transition: all 100ms ease-out; } .btn--post { margin-top: -6px; } .btn--post:hover { background-color: #eeeeee; border-color: #eeeeee; color: #444444; } .btn--post:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); } / Rounded corner option / .btn-rounded { border-radius: 20px; } .btn-primary, .btn-info { text-shadow: 0 1px rgba(0, 0, 0, 0.16); } / Header Widgets Specific Buttons / .headerwidgets .btn { width: 100%; } @media (min-width: 992px) { .headerwidgets .btn { width: auto; } } .btn-secondary { background-color: #ffffff; border-color: #ffffff; color: #444444; } .btn-secondary:hover { color: #444444; background-color: #f2f2f2; border-color: #f2f2f2; } / 05.17. Icons Shortcode / .icon-container { display: inline-block; margin-right: 3px; margin-bottom: 5px; } .icon-container--square, .icon-container--circle { width: 40px; height: 40px; font-size: 22px; background-color: rgba(0, 0, 0, 0.5); text-align: center; line-height: 42px; color: #ffffff; transition: all 100ms ease-out; } .icon-container--square:hover, .icon-container--circle:hover { background-color: rgba(0, 0, 0, 0.8); } .icon-container--square { border-radius: 2px; } .footer .icon-container--square, .footer .icon-container--circle { background-color: rgba(250, 250, 250, 0.5); color: #314164; } .footer .icon-container--square:hover, .footer .icon-container--circle:hover { background-color: #ffffff; } / 05.18. Proteus Widgets / / Social Links / .social-iconslink { display: inline-block; width: 40px; height: 40px; font-size: 22px; text-align: center; line-height: 42px; border-radius: 2px; transition: all 100ms ease-out; padding-left: 1px; margin-right: 5px; background-color: rgba(0, 0, 0, 0.5); color: #ffffff; } @media (min-width: 992px) { .social-iconslink { margin-left: 5px; margin-right: 0; background-color: rgba(250, 250, 250, 0.5); color: #314164; } } .social-iconslink:hover { background-color: rgba(0, 0, 0, 0.7); color: #ffffff; } @media (min-width: 992px) { .social-iconslink:hover { background-color: #ffffff; color: #314164; } } / Skype / / Icon Box / .widget_pw_icon_box .icon-box { display: inline-block; width: 100%; border: 1px solid #e6e6e6; border-bottom: 2px solid #b9babc; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 27px 30px 26px 30px; line-height: 1.3; transition: all 100ms ease-out; } .widget_pw_icon_box .icon-box:hover { box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1); border-bottom: 2px solid #4ab9cf; text-decoration: none; } .widget_pw_icon_box .icon-box:hover .fa { color: #4ab9cf; } .widget_pw_icon_box .icon-box__title { margin-top: 0; margin-bottom: 8px; font-size: 16px; } .widget_pw_icon_box .icon-box__subtitle { color: #aaaaaa; font-size: 13px; } .widget_pw_icon_box .icon-box .fa { float: right; font-size: 45px; color: #b9babc; padding: 10px 0 10px 10px; transition: all 100ms ease-out; } .header .widget-icon-box:first-of-type .icon-box { margin-left: 0; padding-left: 0; border-left: 0; } .header .icon-box { display: inline-block; text-align: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; } @media (min-width: 992px) { .header .icon-box { margin-right: 20px; margin-bottom: 0; padding-left: 20px; padding-bottom: 0; border-left: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; width: auto; } } @media (min-width: 1200px) { .header .icon-box { margin-right: 30px; padding-left: 30px; } } .header .icon-box:hover { text-decoration: none; } .header .icon-box .fa { color: #e21f2f; margin-right: 3px; } .header .icon-boxtitle { font-family: "Roboto", Helvetica, Arial, sans-serif; display: inline-block; font-size: 13px; color: #aaaaaa; font-weight: normal; margin: 0; letter-spacing: 0; } .header .icon-boxsubtitle { display: block; color: #444444; font-weight: bold; } / Featured Page / .page-boxtitle { font-size: 27px; margin-top: 24px; margin-bottom: 20px; } .page-boxtitle a { color: #444444; } .page-box__content { font-size: 14px; line-height: 1.6; } .read-more { position: relative; font-weight: bold; text-transform: uppercase; } .read-more:after { content: ""; font-family: "FontAwesome"; font-size: 10px; position: absolute; right: -11px; top: calc(50% - 9px); } .page-box .read-more::after { position: absolute; content: "\f0da"; font-family: "FontAwesome"; right: -11px; top: calc(50% - 9px); font-size: 10px; } .page-box .wp-post-image { width: 100%; } / Brochure Box / / Opening Times / .widget_pw_opening_time .week-day, .wpb_wrapper .week-day { position: relative; clear: both; padding: 5px 0; } .widget_pw_opening_time .week-day::after, .wpb_wrapper .week-day::after { position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.1); height: 1px; width: 100%; bottom: calc(50% - 13px); left: 0; z-index: 1; } .widget_pw_opening_time .week-day dt, .wpb_wrapper .week-day dt { position: relative; z-index: 2; float: left; padding-right: 10px; background-color: #ffffff; font-weight: normal; } .widget_pw_opening_time .week-day dd, .wpb_wrapper .week-day dd { position: relative; z-index: 2; float: right; padding-left: 10px; background-color: #ffffff; } .widget_pw_opening_time .week-day.today, .wpb_wrapper .week-day.today { color: #444444; } .widget_pw_opening_time .week-day.today dt, .widget_pw_opening_time .week-day.today dd, .wpb_wrapper .week-day.today dt, .wpb_wrapper .week-day.today dd { font-weight: bold; } / Call to Action / .call-to-actiontext { font-size: 20px; text-align: center; padding: 30px 0 10px 0; } @media (min-width: 992px) { .call-to-actiontext { float: left; padding: 23px 0 22px 0; } } .call-to-actionbutton { text-align: center; padding: 10px 0 30px 0; } @media (min-width: 992px) { .call-to-actionbutton { float: right; padding: 16px 0; } } .call-to-actionbutton .btn { margin: 5px 0; } @media (min-width: 992px) { .call-to-actionbutton .btn { margin: 0; } } / Number Counter / .counters { padding: 60px 0px; background-image: url('../images/counter_bg.jpg'); background-repeat: repeat; } .widget-number-counters { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 2px; } @media (min-width: 768px) { .widget-number-counters { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .number-counter { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; transition: all 100ms ease-out; background-color: #ffffff; position: relative; padding: 8px 0 17px 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); } @media (min-width: 768px) { .number-counter { border-right: 1px dashed rgba(0, 0, 0, 0.2); border-bottom: 0; } } .number-counter:last-of-type { border-right: 0; border-bottom: 0; } .number-countericon { color: #e21f2f; margin-right: 10px; vertical-align: middle; transition: all 100ms ease-out; } .number-countericon.fa { font-size: 36px; } .number-counternumber { vertical-align: middle; display: inline-block; font-size: 44px; color: #444444; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; transition: all 100ms ease-out; } .number-countertitle { font-size: 14px; margin-top: -12px; } / Logo Panel (Normal TextWidget) / .logo-panel { text-align: center; } .logo-panel img { margin: 15px 0; border: 1px solid #e6e6e6; border-bottom: 2px solid #b9babc; border-radius: 2px; transition: all 100ms ease-out; opacity: 0.6; } .logo-panel img:hover { box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1); border-bottom: 2px solid #4ab9cf; opacity: 1; } / Latest News / .widget_pw_latest_news { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .latest-news { position: relative; display: block; } .latest-news:hover { text-decoration: none; } .latest-news:hover.latest-news--more-news, .latest-news:hover .latest-newscontent { background-color: #f5f5f5; } .latest-newsdate { position: absolute; right: 10px; top: 10px; background-color: #e21f2f; color: #ffffff; padding: 7px 6px; line-height: 1; text-align: center; } .latest-newsdatemonth { text-transform: uppercase; font-size: 10px; font-weight: bold; margin-top: 7px; margin-bottom: 3px; } .latest-newsdateday { font-size: 17px; } .latest-newsdate::before { position: absolute; content: ""; background-color: rgba(250, 250, 250, 0.5); width: 20px; height: 2px; right: calc(50% - 10px); top: 7px; } .latest-newsdate::after { position: absolute; content: ""; right: 0; bottom: -9px; width: 0; height: 0; border-style: solid; border-width: 9px 10px 0 0; border-color: #bf1926 transparent transparent transparent; } .latest-news--more-news, .latest-newscontent { display: block; background-color: #ffffff; padding: 20px 24px 18px 24px; transition: all 100ms ease-out; } .latest-newstitle { margin-top: 0; margin-bottom: 9px; font-size: 21px; text-transform: uppercase; } .latest-newsauthor { color: #aaaaaa; font-size: 13px; } .latest-news--more-news { position: relative; text-transform: uppercase; font-weight: bold; } .latest-news--more-news::after { position: absolute; content: ""; font-family: "FontAwesome"; content: "\f0da"; right: 25px; color: #4ab9cf; } .latest-news .wp-post-image { width: 100%; } .latest-news--inline .latest-newstitle { font-size: 16px; } .latest-news + .latest-news { border-top: 1px solid #e6e6e6; } / Testimonials / .testimonials { padding: 60px 0px; background: #eeeeee; } .testimonials .widget-title.lined > span { background: #eeeeee; } .testimonialquote { position: relative; background: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 21px 15px 21px 45px; margin-bottom: 30px; vertical-align: middle; font-size: 16px; min-height: 80px; margin-top: 30px; } @media (min-width: 992px) { .testimonialquote { margin-top: 0; } } .testimonialquote::before { position: absolute; content: '“'; font-family: Georgia, "Times New Roman"; top: 24px; left: 0; background-color: #4ab9cf; color: #ffffff; width: 30px; height: calc(100% - 46px); font-size: 40px; text-align: center; border-top-right-radius: 2px; border-bottom-right-radius: 2px; line-height: 56px; } .testimonialquote::after { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #ffffff transparent transparent transparent; bottom: -20px; left: 30px; } .testimonialauthor { font-size: 16px; color: #444444; font-style: normal; font-weight: bold; } .testimonialauthor-description { color: #aaaaaa; font-weight: normal; font-style: italic; display: inline-block; } .testimonial blockquote { padding: 0; margin: 0; border-left: 0; } .testimonial .widget-title { float: left; margin-top: 10px; margin-bottom: 30px; width: calc(100% - 132px); } @media (min-width: 992px) { .testimonial .widget-title { margin-top: 0; } } .testimonialcarousel { float: right; padding-top: 0px; position: relative; top: -18px; } .testimonialcarousel--left, .testimonialcarousel--right { display: inline-block; border-radius: 2px; text-align: center; background-color: #ffffff; color: #aaaaaa; margin-left: 10px; transition: all 100ms ease-out; height: 40px; width: 40px; font-size: 18px; line-height: 40px; } .testimonialcarousel--left:focus, .testimonialcarousel--left:hover, .testimonialcarousel--right:focus, .testimonialcarousel--right:hover { color: #444444; } .testimonialcarousel--left:active, .testimonialcarousel--right:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); color: #444444; } .testimonial .carousel { position: inherit; clear: both; } .cargopress-table { width: 100%; max-width: 100%; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } .cargopress-table thead th { background-color: #4ab9cf; padding: 15px 20px; border-radius: 2px; color: #ffffff; border-right: 2px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-clip: padding-box; } .cargopress-table thead th:first-of-type { background-color: transparent; } .cargopress-table thead th:last-of-type { border-right: none; } .cargopress-table tbody td { background-color: #ffffff; box-shadow: 0 0 0 1px #eeeeee inset; padding: 15px 20px; border-right: 2px solid transparent; border-bottom: 1px solid transparent; border-top: 1px solid transparent; background-clip: padding-box; border-radius: 2px; } .cargopress-table tbody td:first-of-type { box-shadow: none; background-color: #eeeeee; } .cargopress-table tbody td:last-of-type { border-right: none; } / Skype / / 05.19. Fleet Gallery / .alignnone, .aligncenter, .alignright, .alignleft { max-width: 100%; height: auto; } .alignnone { margin: 5px 0 20px 0; } a > img.alignnone { margin: 5px 20px 20px 0; } .gallery { margin-bottom: 20px; } .gallery:before, .gallery:after { content: " "; display: table; } .gallery:after { clear: both; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } / Style for Blog / .hentry { position: relative; margin-bottom: 60px; font-size: 16px; line-height: 1.7; z-index: 10; } .hentrytitle { font-size: 34px; color: #444444; margin-bottom: 19px; line-height: 1.2; } .hentrytitle a { color: #444444; } .hentrycontent > p { margin-bottom: 28px; } .hentry__content > p:last-of-type { margin-bottom: 0; } / Sticky Post / .sticky .btn--post { background-color: #e21f2f; border-color: #e21f2f; color: #ffffff; } / 05.20. Widgets / / Text Widget / .widget_black-studio-tinymce select, .widget_black-studio-tinymce img, .widget_text select, .widget_text img, .wpb_wrapper select, .wpb_wrapper img { max-width: 100%; height: auto; } .widget_black-studio-tinymce p, .widget_text p, .wpb_wrapper p { font-size: 14px; } .widget_black-studio-tinymce .featured-widget p:last-of-type, .widget_text .featured-widget p:last-of-type, .wpb_wrapper .featured-widget p:last-of-type { margin-bottom: 0; } / Calendar Widget / .widget_calendar tfoot tr #next a { float: right; } / Tag Cloud Widget / .widget_tag_cloud a { display: inline-block; background-color: #eeeeee; padding: 6px 10px 4px; margin: 2px 0; border-radius: 2px; text-transform: uppercase; font-weight: bold; color: #aaaaaa; transition: all 100ms ease-out; } .widget_tag_cloud a:hover { background-color: #e1e1e1; text-decoration: none; } / Search Widget / .widget_search { font-family: "Roboto", Helvetica, Arial, sans-serif; } .widget_search label { width: 100%; margin-bottom: 5px; } @media (min-width: 992px) { .widget_search label { float: left; width: 80%; margin-bottom: 0; } } .widget_search .search-field { width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #f5f5f5; padding: 6px 5px 6px 10px; font-weight: normal; height: 45px; border-radius: 2px; transition: all 100ms ease-out; } @media (min-width: 992px) { .widget_search .search-field { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } } .widget_search .search-field:focus { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } @media (min-width: 992px) { .widget_search .search-field:focus { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } } .widget_search .search-submit { width: 100%; height: 45px; background-color: #4ab9cf; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; text-transform: uppercase; border: 0; color: #ffffff; border-radius: 2px; padding-top: 3px; transition: all 100ms ease-out; } @media (min-width: 992px) { .widget_search .search-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; width: 20%; } } .widget_search .search-submit .fa { vertical-align: 0; } .widget_search .search-submit:hover, .widget_search .search-submit:focus { background-color: #36b1ca; } .widget_search .search-submit:active { background-color: #32a7be; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); } / Widgets With Lists / .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { padding-left: 15px; padding-right: 15px; } / Custom Menu / .widget_nav_menu ul { list-style: none; padding: 0; font-size: 15px; } .widget_nav_menu ul > li > a { display: block; padding: 2px 0; margin: 3px 0; color: #aaaaaa; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 13px; } .widget_nav_menu ul > li > a:hover { color: #aaaaaa; } .widget_nav_menu ul > li:first-of-type a { padding-top: 0; margin-top: 0; } .widget_nav_menu ul .sub-menu { padding-left: 15px; margin: 0; } .widget_nav_menu ul .sub-menu > li > a { font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: none; font-weight: normal; color: #aaaaaa; } / Custom Sidebar Menu / .sidebar.widget_nav_menu ul { list-style: none; padding: 0; } .sidebar.widget_nav_menu ul > li { margin: 2px 0; } .sidebar.widget_nav_menu ul > li > a { font-size: 16px; font-weight: 900; transition: all 100ms ease-out; display: block; background-color: #eeeeee; color: #aaaaaa; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; border-radius: 2px; padding: 18px 25px; } .sidebar.widget_nav_menu ul > li > a:hover { color: #444444; text-decoration: none; } .sidebar.widget_nav_menu ul > li > a:active { border-color: rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); } .sidebar.widget_nav_menu ul > li.current-menu-item a { background-color: #4ab9cf; color: #ffffff; text-shadow: 0 1px rgba(0, 0, 0, 0.16); text-decoration: none; } .sidebar.widget_nav_menu ul > li:first-of-type { margin-top: 0; } / Footer Specific / .footer .widget_nav_menu ul > li > a { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: inherit; font-size: 14px; color: #9eb7cb; } .footer img.logo { margin: 5px 0px 20px; } / 05.21. Contact Form / select, input[type="text"], input[type="email"], input[type="tel"], textarea { background: #f5f5f5; border-radius: 2px; border: 1px solid #eeeeee; box-shadow: none; width: 100%; padding: 17.5px 20px; margin-bottom: 30px; font-size: 14px; color: #aaaaaa; transition: all 100ms ease-out; } select:focus, input[type="text"]:focus, textarea:focus { border-color: #eeeeee; background: #ffffff; } .contact-form-small textarea { height: 105px; } .contact-form-small select { height: 45px; } .contact-form-small input[type="submit"] { margin-bottom: 0; } .contact-form-small input[type="text"], .contact-form-small input[type="email"], .contact-form-small select, .contact-form-small textarea { padding: 10.5px 15px; margin-bottom: 15px; } form .response { font-weight: bold; text-transform: uppercase; padding: 20px 0px; display: none;} form .response.success { color: green; } form .response.error { color: red; } /! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) / / FONT PATH -------------------------- / @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.3.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("..fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } / makes the font 33% larger relative to the icon container / .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .pull-right { float: right; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /------------------------------------\ The End :) \------------------------------------/ #wowslider-container1 { display: table; zoom: 1; position: relative; width: 100%; max-width: 1920px; max-height:600px; margin:0px auto 0px; z-index:90; text-align:left; / reset align=center / font-size: 10px; text-shadow: none; / fix some user styles / / reset box-sizing (to boostrap friendly) / -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } html #wowslider-container1{ width:1920px } #wowslider-container1 .ws_images ul{ position:relative; width: 10000%; height:100%; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /table-layout:fixed;/ } #wowslider-container1 .ws_images ul li{ position: relative; width:1%; height:100%; line-height:0; /opera/ overflow: hidden; float:left; /font-size:0;/ padding:0 0 0 0 !important; margin:0 0 0 0 !important; } #wowslider-container1 .ws_images{ position: relative; left:0; top:0; height:100%; max-height:600px; max-width: 1920px; vertical-align: top; border:none; overflow: hidden; } #wowslider-container1 .ws_images ul a{ width:100%; height:100%; max-height:600px; display:block; color:transparent; } #wowslider-container1 img{ max-width: none !important; } #wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img{ width:100%; border:none 0; max-width: none; padding:0; margin:0; } #wowslider-container1 .ws_images > div > img { max-height:600px; } #wowslider-container1 .ws_images iframe { position: absolute; z-index: -1; } #wowslider-container1 .ws-title > div { display: inline-block !important; } #wowslider-container1 a{ text-decoration: none; outline: none; border: none; } #wowslider-container1 .ws_bullets { float: left; position:absolute; z-index:70; } #wowslider-container1 .ws_bullets div{ position:relative; float:left; font-size: 0px; } /* compatibility with Joomla styles / #wowslider-container1 .ws_bullets a { line-height: 0; } #wowslider-container1 .ws_script{ display:none; } #wowslider-container1 sound, #wowslider-container1 object{ position:absolute; } / prevent some of users reset styles / #wowslider-container1 .ws_effect { position: static; width: 100%; height: 100%; } #wowslider-container1 .ws_photoItem { border: 2em solid #fff; margin-left: -2em; margin-top: -2em; } #wowslider-container1 .ws_cube_side { background: #A6A5A9; } #wowslider-container1.ws_gestures { cursor: -webkit-grab; cursor: -moz-grab; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move; } #wowslider-container1.ws_gestures.ws_grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move; } / hide controls when video start play / #wowslider-container1.ws_video_playing .ws_bullets { display: none; } #wowslider-container1.ws_video_playing:hover .ws_bullets { display: block; } / IE fix because it don't show controls on hover if frame visible / #wowslider-container1.ws_video_playing_ie .ws_bullets, #wowslider-container1.ws_video_playing_ie a.ws_next, #wowslider-container1.ws_video_playing_ie a.ws_prev { display: block; } / youtube/vimeo buttons / #wowslider-container1 .ws_video_btn { position: absolute; display: none; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; z-index: 55; } #wowslider-container1 .ws_video_btn.ws_youtube, #wowslider-container1 .ws_video_btn.ws_vimeo { display: block; } #wowslider-container1 .ws_video_btn div { position: absolute; background-image: url(./playvideo.png); background-size: 200%; top: 50%; left: 50%; width: 7em; height: 5em; margin-left: -3.5em; margin-top: -2.5em; } #wowslider-container1 .ws_video_btn.ws_youtube div { background-position: 0 0; } #wowslider-container1 .ws_video_btn.ws_youtube:hover div { background-position: 100% 0; } #wowslider-container1 .ws_video_btn.ws_vimeo div { background-position: 0 100%; } #wowslider-container1 .ws_video_btn.ws_vimeo:hover div { background-position: 100% 100%; } #wowslider-container1 .ws_playpause.ws_hide { display: none !important; } #wowslider-container1 .ws_bullets { padding: 9px; } #wowslider-container1 .ws_bullets a { width:21px; height:21px; background: url(./bullet.png) left top; float: left; text-indent: -4000px; position:relative; margin-left:7px; color:transparent; } #wowslider-container1 .ws_bullets a:hover{ background-position: 0 50%; } #wowslider-container1 .ws_bullets a.ws_selbull{ background-position: 0 100%; } #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { background-size: 200%; position:absolute; top:50%; margin-top:-2em; z-index:60; height: 3.8em; width: 3.8em; background-image: url(./arrows.png); } #wowslider-container1 a.ws_next{ background-position: 100% 0; right:0.5em; } #wowslider-container1 a.ws_prev { left:0.5em; background-position: 0 0; } #wowslider-container1 a.ws_next:hover{ background-position: 100% 50%; } #wowslider-container1 a.ws_prev:hover { background-position: 0 50%; } #wowslider-container1 a.ws_next:active{ background-position: 100% 100%; } #wowslider-container1 a.ws_prev:active { background-position: 0 100%; } /playpause/ #wowslider-container1 .ws_playpause { width: 3.8em; height: 3.8em; position: absolute; top: 50%; left: 50%; margin-left: -1.9em; margin-top: -1.9em; z-index: 59; } #wowslider-container1 .ws_pause { background-size: 100%; background-image: url(./pause.png); } #wowslider-container1 .ws_play { background-size: 100%; background-image: url(./play.png); } #wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 50% 50% !important; } #wowslider-container1 .ws_pause:active, #wowslider-container1 .ws_play:active { background-position: 100% 100% !important; }/ top right / #wowslider-container1 .ws_bullets { top: 5px; right: 5px; } #wowslider-container1 .ws-title{ position:absolute; display:block; font: 0em 'Open Sans Condensed', sans-serif; bottom: 1.2em; left: 0.1em; margin-right: 0.1em; padding:0.3em; background:#555555; color:#ffffff; z-index: 50; line-height: 1.2em; border:0.05em solid rgba(255, 255, 255, 0.4); border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); } #wowslider-container1 .ws-title div{ padding-top:0.25em; font-size: 0.75em; line-height: 1em; }#wowslider-container1 .ws_images > ul{ animation: wsBasic 20s infinite; -moz-animation: wsBasic 20s infinite; -webkit-animation: wsBasic 20s infinite; } @keyframes wsBasic{0%{left:-0%} 40%{left:-0%} 50%{left:-100%} 90%{left:-100%} } @-moz-keyframes wsBasic{0%{left:-0%} 40%{left:-0%} 50%{left:-100%} 90%{left:-100%} } @-webkit-keyframes wsBasic{0%{left:-0%} 40%{left:-0%} 50%{left:-100%} 90%{left:-100%} } #wowslider-container1 .ws_bulframe div div{ height: auto; } @media all and (max-width:760px) { #wowslider-container1 .ws_fullscreen { display: block; } } @media all and (max-width:400px){ #wowslider-container1 .ws_controls, #wowslider-container1 .ws_bullets, #wowslider-container1 .ws_thumbs{ display: none } } / =Common Styles -------------------------------------------------------------- / body { background:#fff; font:normal 14px 'Open Sans', sans-serif; font-weight:300; color:#616161; height:100%; line-height:1.6; min-height:100% !important; } html { min-height:100% !important; } ::selection { background:#00B7EB; / WebKit/Blink Browsers / color:#fff; box-shadow:0; } ::-moz-selection { background:#00B7EB; / Gecko Browsers / color:#fff; box-shadow:0; } pre[class="htmlCodeCollapse"] { border-radius:$border-radius; margin:0 0 1.336em 0; padding:.3em 1em 1em 1em; font-size:1.125em; @include breakpoint(b2) { font-size:.806em; } } .blue-css-square { height:20px; width:20px; background-color:#3498db;margin-top:3px; } .green-css-square { height:20px; width:20px; background-color:#2ecc71;margin-top:3px; } .purple-css-square { height:20px; width:20px; background-color:#9b59b6;margin-top:3px; } .dark-blue-css-square { height:20px; width:20px; background-color:#34495e;margin-top:3px; } .red-css-square { height:20px; width:20px; background-color:#FF3B30;margin-top:3px; } .teal-css-square { height:20px; width:20px; background-color:#1abc9c;margin-top:3px; } .orange-css-square { height:20px; width:20px; background-color:#00B7EB;margin-top:3px; } .silver-css-square { height:20px; width:20px; background-color:#BDC3C7;margin-top:3px; } .seagul-css-square { height:20px; width:20px; background-color:#65C6BB;margin-top:3px; } .pinkish-css-square { height:20px; width:20px; background-color:#F64747;margin-top:3px; } a { color:#00B7EB; cursor:pointer; } a:hover { color:#00B7EB; text-decoration:underline; cursor:pointer; } .link-white a { color:#fff; } .link-white a:hover { color:#fafafa; text-decoration:none; } .center-vertically { display:table-cell; text-align:center; vertical-align:middle; } .center-vertically-left { display:table-cell; text-align:left; vertical-align:middle; } .center-vertically-right { display:table-cell; text-align:right; vertical-align:middle; } .border-bottom-none { border-bottom:0 !important; } .border-top-white { border-top:2px solid #fff; } .border-top { border-top:1px dotted #d2d2d2; } .border-bottom { border-bottom:1px dotted #d2d2d2; } .border { border:1px solid #E6E6E6; } .border-white { border:1px solid #fff !important;} .no-border { border:0 !important;} .no-padding { padding:0 !important; } .no-margin { margin:0 !important; } .no-border-radius { border-radius:0 !important; } .br-50 { border-radius:50% !important; } .br-2 { border-radius:2px !important; } .full-width { width:100%; } .pt10 { padding-top:10px !important; } .pt15 { padding-top:15px !important; } .pt20 { padding-top:20px !important; } .pt30 { padding-top:30px !important; } .pt40 { padding-top:40px !important; } .pt50 { padding-top:50px !important; } .pt60 { padding-top:60px !important; } .pt80 { padding-top:80px !important; } .pt100 { padding-top:100px !important; } .pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; } .pb20 { padding-bottom:20px !important; } .pb30 { padding-bottom:30px !important; } .pb40 { padding-bottom:40px !important; } .pb50 { padding-bottom:50px !important; } .pb60 { padding-bottom:60px !important; } .pb100 { padding-bottom:100px !important; } .mt0 { margin-top:0; } .mt5 { margin-top:5px !important; } .mt10 { margin-top:10px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt30 { margin-top:30px !important; } .mt40 { margin-top:40px !important; } .mt50 { margin-top:50px !important; } .mt100 { margin-top:100px !important; } .mb0 { margin-bottom:0; } .mb5 { margin-bottom:5px !important; } .mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb30 { margin-bottom:30px !important; } .mb40 { margin-bottom:40px !important; } .mb50 { margin-bottom:50px !important; } .mb100 { margin-bottom:100px !important; } .mg5 { margin:5px !important; } .p15 { padding:15px !important; } .ml15 { margin-left:15px !important; } .ml10 { margin-left:10px !important; } .ml5 { margin-left:5px !important; } .mr5 { margin-right:5px !important; } .mr15 { margin-right:15px !important; } .mr10 { margin-right:10px !important; } .ml20 { margin-left:20px !important; } .mr20 { margin-right:20px !important; } .background-light-grey { background-color:#fafafa !important; } .background-white { background-color:#fff !important; } .background-main { background-color:#000 !important; } .background-mainsub { background-color:#00B7EB; } .color-main { color:#00B7EB; } .success-rw { background-color:#2ecc71; } section { overflow:hidden; } /* =Typography -------------------------------------------------------------- / h1,h2,h3,h4,h5,h6 { color:#5F5F5F; font-family:'Raleway', sans-serif; font-weight:400; margin:0 0 14px; } h1 { font-weight:700; text-transform:uppercase; } h2 { font-weight:700; text-transform:uppercase; } h3 { font-size:24px; font-weight:300; } .text-muted { color:#d1d1d1; font-weight:400; } .text-success{ font-weight:400; } .text-info { font-weight:400; } .text-primary { font-weight:400; color:#00B7EB; } .text-warning { font-weight:400; } .text-danger { font-weight:400; } .no-lineheight { line-height:0 !important; } .heavy { font-weight:600 !important; } .text-white { color:#fff !important; letter-spacing: 1px;} .text-main { color:#00B7EB !important; } .text-dark { color:#272727 !important; } .text-light-grey { color:#CBCBCB; } blockquote:before { content:'\f10d'; font-family:FontAwesome; margin-right:0.5em; margin-right:20px; float:left; font-size:21px; margin-top:-5px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight:300; font-family:'Open Sans'; padding-left:10px; } mark { background:#00B7EB; color:#fff; padding:1px 4px 2px 4px; } ul.list-arrow { list-style-type:none; } ul.list-arrow li { text-indent:-1.3em; } ul.list-arrow li:before { font-family:FontAwesome; content:"\f0da"; float:left; width:1.3em; } ul.list-arrow-color { list-style-type:none; } ul.list-arrow-color li { text-indent:-1.3em; } ul.list-arrow-color li:before { font-family:FontAwesome; content:"\f0da"; float:left; color:#00B7EB; width:1.3em; } ul.list-arrow-2 { list-style-type:none; } ul.list-arrow-2 li { text-indent:-1.6em; } ul.list-arrow-2 li:before { font-family:FontAwesome; content:"\f0a9"; float:left; width:1.6em; } ul.list-arrow-2-color { list-style-type:none; } ul.list-arrow-2-color li { text-indent:-1.6em; } ul.list-arrow-2-color li:before { font-family:FontAwesome; content:"\f0a9"; float:left; color:#00B7EB; width:1.6em; } .popover { border-radius:2px; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius:0; border-bottom-left-radius:0; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius:0; border-bottom-right-radius:0; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#00B7EB; border-color:#00B7EB; } .pagination>li>a, .pagination>li>span { padding:8px 14px; color:#00B7EB; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#fff; background-color:#00B7EB; border-color:#27AED4; } .pagination>li>a, .pagination>li>span { border-radius:50% !important;margin:0 5px;} / =Buttons -------------------------------------------------------------- / .btn-rw { border-radius:2px; font-family:'Open Sans', sans-serif; font-weight:300; border:0; } .btn { border-radius:2px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline:none; } .btn-rw.btn-default { color:#fff; background-color:#272727; -webkit-box-shadow:0px 2px 0px rgba(56, 56, 56, 0.9); -moz-box-shadow:0px 2px 0px rgba(56, 56, 56, 0.9); box-shadow:0px 2px 0px rgba(56, 56, 56, 0.9); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-default:hover, .btn-rw.btn-default:focus { background-color:#444444; -webkit-box-shadow:0px 2px 0px #444444; -moz-box-shadow:0px 2px 0px #444444; box-shadow:0px 2px 0px #444444; } .btn-rw.btn-default-inverted { color:#272727; background-color:#fff; -webkit-box-shadow:0px 2px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow:0px 2px 0px rgba(255, 255, 255, 0.5); box-shadow:0px 2px 0px rgba(255, 255, 255, 0.5); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-default-inverted:hover, .btn-rw.btn-default-inverted:focus { background-color:#fff; color:#323232; -webkit-box-shadow:0px 2px 0px #fff; -moz-box-shadow:0px 2px 0px #fff; box-shadow:0px 2px 0px #fff; } .btn-rw.btn-primary { color:#fff; background-color:#00B7EB; -webkit-box-shadow:0px 2px 0px #0087AD; -moz-box-shadow:0px 2px 0px #0087AD; box-shadow:0px 2px 0px #0087AD; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-primary:hover, .btn-rw.btn-primary:focus { background-color:#0AA2CE; -webkit-box-shadow:0px 2px 0px #0AA2CE; -moz-box-shadow:0px 2px 0px #0AA2CE; box-shadow:0px 2px 0px #0AA2CE; } .btn-rw.btn-info { color:#fff; background-color:#5bc0de; -webkit-box-shadow:0px 2px 0px rgba(91, 192, 222, 0.5); -moz-box-shadow:0px 2px 0px rgba(91, 192, 222, 0.5); box-shadow:0px 2px 0px rgba(91, 192, 222, 0.5); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-info:hover, .btn-rw.btn-info:focus { background-color:#76daf7; -webkit-box-shadow:0px 2px 0px #76daf7; -moz-box-shadow:0px 2px 0px #76daf7; box-shadow:0px 2px 0px #76daf7; } .btn-rw.btn-danger { color:#fff; background-color:#d9534f; -webkit-box-shadow:0px 2px 0px rgba(217, 83, 79, 0.5); -moz-box-shadow:0px 2px 0px rgba(217, 83, 79, 0.5); box-shadow:0px 2px 0px rgba(217, 83, 79, 0.5); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-danger:hover, .btn-rw.btn-danger:focus { background-color:#ef716e; -webkit-box-shadow:0px 2px 0px #ef716e; -moz-box-shadow:0px 2px 0px #ef716e; box-shadow:0px 2px 0px #ef716e; } .btn-rw.btn-warning { color:#fff; background-color:#f0ad4e; -webkit-box-shadow:0px 2px 0px rgba(240, 173, 78, 0.5); -moz-box-shadow:0px 2px 0px rgba(240, 173, 78, 0.5); box-shadow:0px 2px 0px rgba(240, 173, 78, 0.5); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-warning:hover, .btn-rw.btn-warning:focus { background-color:#ffc067; -webkit-box-shadow:0px 2px 0px #ffc067; -moz-box-shadow:0px 2px 0px #ffc067; box-shadow:0px 2px 0px #ffc067; } .btn-rw.btn-success { color:#fff; background-color:#5cb85c; -webkit-box-shadow:0px 2px 0px rgba(92, 184, 92, 0.5); -moz-box-shadow:0px 2px 0px rgba(92, 184, 92, 0.5); box-shadow:0px 2px 0px rgba(92, 184, 92, 0.5); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-success:hover, .btn-rw.btn-success:focus { background-color:#72cc72; -webkit-box-shadow:0px 2px 0px #72cc72; -moz-box-shadow:0px 2px 0px #72cc72; box-shadow:0px 2px 0px #72cc72; } .btn-rw.btn-royal { background-color:#d3d3d3; color:#fff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-royal:hover, .btn-rw.btn-royal:focus { background-color:#c3c3c3; } .btn-rw.btn-clear { background-color:transparent; color:#fff; border:2px solid #fff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .btn-rw.btn-clear:hover, .btn-rw.btn-clear:focus { background-color:rgba(255, 255, 255, 0.33); } .btn-rw.btn-bordered { color:#313131; background-color:transparent; -moz-box-shadow:0px 2px 0px #0087AD; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; border:1px solid #ccc; } .btn-rw.btn-bordered:hover, .btn-rw.btn-bordered:focus { background-color:#00B7EB; border-color:#00B7EB; color:#fff; } .btn-social-icon { border-radius:2px; } .btn-social { border-radius:2px; } .btn-social-icon :first-child { color:#fff; } .btn-social :first-child { color:#fff; } .btn-social { color:#fff !important; } .btn-lg { padding:10px 19px; font-size:18px; } .dropdown-menu { border:none; border-radius:0; } .btn-rw.btn-default:hover, .btn-rw.btn-default:focus { color:#fff; } / =Alerts -------------------------------------------------------------- / .alert { font-weight:400; border-radius:2px; } .alert-success-rw { background-color:#2ecc71; color:#fff; border-left:6px solid #19aa56; border-top:0; border-bottom:0; border-right:0; } .alert-info-rw { background-color:#3498db; color:#fff; border-left:6px solid #237db9; border-top:0; border-bottom:0; border-right:0; } .alert-warning-rw { background-color:#f39c12; color:#fff; border-left:6px solid #da8a0c; border-top:0; border-bottom:0; border-right:0; } .alert-danger-rw { background-color:#e74c3c; color:#fff; border:0; border-left:6px solid #cc3b2c; border-top:0; border-bottom:0; border-right:0; } .alert-clear { border-color:#d2d2d2; } .close { opacity:.4; } .alert-success-rw .close:hover, .close:focus { color:#fff; opacity:1; } .alert-info-rw .close:hover, .close:focus { color:#fff; opacity:1; } .alert-warning-rw .close:hover, .close:focus { color:#fff; opacity:1; } .alert-danger-rw .close:hover, .close:focus { color:#fff; opacity:1; } .alert-success-rw .alert-link { color:#fff; text-decoration:underline; } .alert-info-rw .alert-link { color:#fff; text-decoration:underline; } .alert-warning-rw .alert-link { color:#fff; text-decoration:underline; } .alert-danger-rw .alert-link { color:#fff; text-decoration:underline; } / =Icon Fonts -------------------------------------------------------------- / .bordered-icon-lg { border-radius:0; font-size:34px !important; border:1px solid #D2D2D2; border-radius:50%; color:#00B7EB; background-color:transparent; padding-top:28px; height:90px; text-align:center; width:90px; } .bordered-icon-lg:hover, .bordered-icon-lg:focus { background-color:#00B7EB; border-color:transparent; color:#fff; -webkit-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease; transition:color 0.5s ease; } .bordered-icon-sm { border-radius:0; border:1px solid #D2D2D2; border-radius:50%; color:#00B7EB; background-color:transparent; text-align:center; font-size:21px !important; padding-top:20px; height:60px; width:60px; } .bordered-icon-sm:hover, .bordered-icon-sm:focus { background-color:#00B7EB; border-color:transparent; color:#fff; -webkit-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease; transition:color 0.5s ease; } .bordered-icon-xs { border-radius:0; border:1px solid #D2D2D2; border-radius:50%; color:#00B7EB; background-color:transparent; text-align:center; font-size:13px; padding-top:8px; height:30px; width:30px; } .bordered-icon-xs:hover, .bordered-icon-xs:focus { background-color:#00B7EB; border-color:transparent; color:#fff; -webkit-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease; transition:color 0.5s ease; } .bordered-icon-static-lg { border-radius:0; font-size:34px !important; border:1px solid #D2D2D2; border-radius:50%; color:#00B7EB; background-color:transparent; padding-top:28px; height:90px; text-align:center; width:90px; } .bordered-icon-static-sm { border-radius:0; border:1px solid #D2D2D2; border-radius:50%; color:#00B7EB; background-color:transparent; text-align:center; font-size:21px; padding-top:20px; height:60px; width:60px; } .bordered-icon-static-xs { border-radius:0; border:1px solid #D2D2D2; border-radius:50%; color:#00B7EB; background-color:transparent; text-align:center; font-size:13px; padding-top:8px; height:30px; width:30px; } .bordered-icon-color { background-color:#00B7EB; color:#fff !important; border:1px solid transparent; } .bordered-icon-color:hover, .bordered-icon-color:focus { border:1px solid #D2D2D2; color:#00B7EB; } .bordered-icon-dark { background-color:transparent; color:#4d4d4d; border:1px solid #4d4d4d; } .bordered-icon-dark:hover, .bordered-icon-dark:focus { border:1px solid transparent; background-color:#00B7EB; -webkit-transition:color 0.1s ease; -moz-transition:color 0.1s ease; -o-transition:color 0.1s ease; transition:color 0.1s ease; } .bs-glyphicons li:hover { color:#fff; background-color:#00B7EB; } .bs-glyphicons li { float:left; width:12.5%; height:115px; padding:10px; font-size:10px; line-height:1.4; text-align:center; background-color:#f9f9f9; border:1px solid #fff; } .bs-glyphicons-list { padding-left:0; list-style:none; } .bs-glyphicons .glyphicon { margin-top:5px; margin-bottom:10px; font-size:24px; } .bs-glyphicons .glyphicon-class { display:block; text-align:center; word-wrap:break-word; } / =Navigation -------------------------------------------------------------- / .navbar { border-radius:0; border:0; font-family:'Raleway', sans-serif; font-size:16px; font-weight:400; margin:0; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1), inset 0 0 2px rgba(255,255,255,.21); -moz-box-shadow:0 1px 2px rgba(0,0,0,.1), inset 0 0 2px rgba(255,255,255,.21); box-shadow:0 1px 2px rgba(0,0,0,.1), inset 0 0 2px rgba(255,255,255,.21); z-index:9; } .navbar.navbar-main { background-color:rgba(255, 255, 255, 0.2); } .navbar-brand { height:80px; padding:25px 0 25px 15px; letter-spacing:0; font-weight:900; color:#00B7EB; text-transform:uppercase; font-family:'Raleway', sans-serif; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .navbar-brand-centered { position: absolute; left: 50%; display: block; text-align: center; } .navbar.navbar-main>.container .navbar-brand-centered, .navbar.navbar-main>.container-fluid .navbar-brand-centered { margin-left: -100px; } .css-logo { float:left; margin-right:8px; height:19px; width:19px; border-radius:19px; background-color:#00B7EB;margin-top:5px; } .raleway-logo { /width:115px; height:30px; margin-top: -25px;/ height: 100px; float: right; border-radius: 50%; } .navbar-brand:hover { opacity:0.7; } .navbar-toggle .icon-bar { background-color:#8F8F8F; height:1px; } .navbar-toggle:hover .icon-bar { background-color:#fff; } .navbar-toggle { border:1px solid #8F8F8F; border-radius:2px; margin-top:25px; } .navbar-toggle:hover { border:1px solid #00B7EB; background-color:#00B7EB; -webkit-transition:color 0.3s ease; -moz-transition:color 0.3s ease; -o-transition:color 0.3s ease; transition:color 0.3s ease; } @media (max-width: 768px) { .navbar-nav { background-color: #FFF; padding-bottom: 25px; } } .navbar.navbar-main ul.nav a { background-color: #000; border-radius: 10px; margin-top: 25px; padding: 5px 15px 5px 15px; text-transform: uppercase; color: #FFF; margin-right: 5px; } .navbar.navbar-main ul.nav li:hover > a { color:#00B7EB; background-color:transparent; -webkit-transition:color 0.1s ease; -moz-transition:color 0.1s ease; -o-transition:color 0.1s ease; transition:color 0.1s ease; } .navbar.navbar-main .nav li.active a { color:#fff; background-color:#eac444; } .navbar.navbar-main .dropdown-menu > li > a { line-height:2.66 !important; border-bottom:1px solid #f0f0f0; padding:2px 20px 2px 14px; } .dropdown-arrow { font-size:10px; padding-left:7px; color:#ccc; } .navbar.navbar-main .navbar-nav .open .dropdown-menu>li>a,.navbar .navbar-nav .open .dropdown-menu { color:#8F8F8F; outline:none; z-index:5; } .navbar.navbar-main .navbar-nav .open .dropdown-menu>li:hover > a { background-color:transparent; color:#00B7EB; } .navbar .dropdown-menu { border-top:1px solid #00B7EB; border-bottom:2px solid #00B7EB; border-radius:0; box-shadow:none; font-size:13px; min-width:210px; box-shadow:0px 2px 8px rgba(0, 0, 0, 0.16); border-left:0; border-right:0; margin-bottom:0 !important; padding:0; } .navbar.navbar-main .dropdown-menu > li:last-child > a { border-bottom:0; } .dropdown-submenu>a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:3px 0 3px 3px; border-left-color:#ccc; margin-top:14px; margin-right:-10px; } .dropdown-submenu:hover>a:after { border-left-color:#00B7EB; } .dropdown-submenu.pull-left { float:none; } .dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; } .submenu-arrow { padding-top:10px; } .trigger { cursor:pointer; } .dropdown-form { min-width:250px; } .navbar.navbar-main .btn-primary { margin-top:-1px; } .mfp-fade.mfp-bg { opacity:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out; } .search-input { height:2.41em !important } .search-btn { padding:6px 12px; } .nav-circle-li { margin-top:17px; border-radius:50%; width:44px; height:44px; background-color:#F7F7F7 !important; box-shadow:0px 2px 0px 0px rgba(0,0,0,0.1); line-height:45px !important; padding:0 14px !important; } .nav-circle-li:hover { background-color:#00B7EB !important; color:#fff !important; } .dropdown-menu-user { margin-top:19px !important; z-index:4 !important; } .mega-dropdown { position:static !important; } .mega-dropdown-menu { padding:16px 10px !important; width:100%; } .mega-dropdown-menu > li > ul { padding:0; margin:0; } .mega-dropdown-menu > li > ul > li { list-style:none; } .mega-dropdown-menu > li > ul > li > a { display:block; color:#222; padding:5px 0 !important; border-bottom:1px solid #f0f0f0; } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration:none; background-color:transparent !important; } .mega-dropdown-menu .dropdown-header { font-size:12px; color:#00B7EB; padding:0 0 5px 0 !important; line-height:24px; text-transform:uppercase; font-family:'Raleway'; font-weight:700; border-bottom:1px solid #f0f0f0; } .mega-dropdown-arrow { color:#DEDEDE; padding-right:3px; } .nav-pills.nav-stacked>li>a { padding:2px 0; color:#777; } .nav-pills>li>a { border-radius:0; padding:7px 10px; border:1px solid transparent; color:#999; font-size:13px; text-transform:uppercase; font-weight:500; } .nav-pills.nav-stacked > li.active > a, .nav-pills.nav-stacked > li.active > a:hover, .nav-pills.nav-stacked > li.active > a:focus, .nav-pills.nav-stacked > li > a:hover, .nav-pills.nav-stacked > li > a:focus { color:#00B7EB; background-color:transparent; border-color:transparent; } .nav-pills.nav-stacked:not(.list-style-icons)>li>a:after, .process .nav-pills>li+li:after { font-family:FontAwesome; content:"\f0da"; top:6px; } .nav-pills.nav-stacked:not(.list-style-icons)>li>a:after { font-size:12px; position:absolute; right:15px; color:#d1d1d1; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .nav-pills.nav-stacked:not(.list-style-icons)>li.active>a:focus:after, .nav-pills.nav-stacked:not(.list-style-icons)>li.active>a:hover:after, .nav-pills.nav-stacked:not(.list-style-icons)>li>a:focus:after, .nav-pills.nav-stacked:not(.list-style-icons)>li>a:hover:after { color:#00B7EB; right:10px; } .nav-stacked { display:block !important; } #fixed-navbar.affix { position:fixed; top:0; width:100% } .navbar-wrapper { height:80px; width:100%; margin:0; } .screen-img { padding-right: 20px; padding-left: 20px; } / =Dark Default Navigation -------------------------------------------------------------- / .navbar.navbar-dark { background-color:rgba(35, 35, 35, 0.97); } .navbar.navbar-dark .dropdown-menu > li > a { border-bottom:1px solid #353535; } .navbar.navbar-dark .dropdown-menu { background-color:#3C3C3C; } .navbar.navbar-dark .dropdown-submenu>a:after { border-left-color:#313131; } .navbar.navbar-dark .dropdown-arrow { color: #505050; } .navbar.navbar-dark .mega-dropdown-menu > li > ul > li > a { border-bottom: 1px solid #353535; } .navbar.navbar-dark .mega-dropdown-arrow { color: #2B2B2B; } .navbar.navbar-dark .mega-dropdown-menu .dropdown-header { border-bottom: 1px solid #353535; } .navbar.navbar-dark .nav-circle-li { background-color: #3C3C3C !important; } .table.table-dark>tbody>tr>td, .table.table-dark>tbody>tr>th, .table.table-dark>tfoot>tr>td, .table.table-dark>tfoot>tr>th, .table.table-dark>thead>tr>td, .table.table-dark>thead>tr>th { border-top: 1px solid #484848; } .table.table-dark>thead>tr>th { background-color: #3A3A3A; } .table.table-dark>thead>tr>th { border-bottom: 2px solid #444; } .top-bar.top-bar-dark { background-color: #272727; border-bottom:none; color: #9C9C9C; } / =Sidebar Navigation -------------------------------------------------------------- / ul.sidebar-nav>li>span.badge { margin-top:12px; margin-right:6px; } .list-group-item:first-child, .list-group-item:last-child, ul.sidebar-nav { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .sidebar-nav .list-group-item:first-child { padding:25px; } .sidebar-nav-normal-1stchild .list-group-item:first-child { padding:0 !important; } ul.sidebar-nav li { list-style:none; } ul.sidebar-nav ul { margin:0; padding:0; background-color:#fafafa; } ul.sidebar-nav ul li { padding:0 15px; border-bottom:#d2d2d2 1px solid; } ul.sidebar-nav ul li:last-child { border-bottom:0; } ul.sidebar-nav a { display:block; text-decoration:none; color:#8F8F8F; } ul.sidebar-nav a i.fa { width:15px; } ul.sidebar-nav ul li a { padding:3px; font-size:12px; color:#979797; } ul.sidebar-nav>li { padding:0; } ul.sidebar-nav>li>a { padding:7px 12px; } ul.sidebar-nav>li.list-group-item.active { border:#ddd 1px solid; background-color:transparent; } ul.sidebar-nav>li.active>a { background-color:#00B7EB; } ul.sidebar-nav ul li a:hover, ul.sidebar-nav ul li.active>a { background-color:transparent !important; color:#00B7EB !important; } ul.sidebar-nav > li.active>a { color:#fff !important; } .list-group-item { background :transparent; font-size:12px; border:1px solid #ddd; } ul.sidebar-nav a:hover, ul.sidebar-nav ul li.active>a { background-color:#00B7EB; color:#fff; } ul.sidebar-nav li.list-toggle:after { content:"\f0da "; font-family:FontAwesome; position:absolute; font-size:8px; right:15px; top:12px; color:#ccc; } ul.sidebar-nav li.list-toggle.active:after { content:"\f0d9"; color:#fff; } ul.sidebar-nav li.list-toggle:hover:after { color:#fff; } / =Forms -------------------------------------------------------------- / .form-control:focus { border-color:#bababa; outline:0; -webkit-box-shadow:none; box-shadow:none; } input[type=checkbox] { margin:6px 0 0; } .input-group-addon { border-radius:0; } .form-control { border-radius:0; border:1px solid #ccc; height:42px; display:inline-block; -webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,.07); box-shadow:inset 0 2px 1px rgba(0,0,0,.07); } .checkout-form-border { border-left:3px solid #ccc; } / =Zoom Fade -------------------------------------------------------------- / .mfp-fade.mfp-bg.mfp-ready { opacity:0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity:0; } .mfp-fade.mfp-wrap .mfp-content { opacity:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity:1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity:0; } .mfp-figure:after { box-shadow:0 0 4px rgba(0, 0, 0, 0.3) !important;} .hermes .tp-bullet { width:12px; height:12px; } .uranus.tparrows:before { font-size:35px; } / =Carousel -------------------------------------------------------------- / .carousel, .carousel .item { border-radius:0; } .carousel-inner { background-color:#272727;border-radius:0; } .fill { width:100%;height:100%;background-size:cover; background-position:center; } .carousel-indicators { z-index:7;} .carousel-nav { display:initial !important; } .carousel-nav.nav-pills>li>a { border-radius:0; } .carousel-nav.nav-pills>li.active>a, .carousel-nav.nav-pills>li.active>a:focus, .carousel-nav.nav-pills>li.active>a:hover { color:#fff; background-color:#00B7EB; } .carousel-nav.nav>li>a { padding:20px 15px; background-color:#FFF; color:#A9A9A9; border-bottom:1px dotted #BABABA; border-right:1px dotted #BABABA; } .carousel-nav.nav>li>a:hover, .carousel-nav.nav>li>a:focus { color:#A9A9A9; background-color:#F4F4F4; } .carousel-nav small { display:block; } .carousel-description { color:#fff; font-size:18px; } .carousel-title-bg { background-color:#00B7EB; color:#fff; padding:7px 12px 7px 12px; line-height:1.5; } .carousel-title-bglight { background-color:#fff; padding:7px 12px 7px 12px; line-height:1.5; color:#272727; } .carousel-title-bgdark { background-color:#272727; padding:7px 12px 7px 12px; line-height:1.5; color:#fff; } .carousel-title-bgclear { padding:7px 12px 7px 12px; border:2px solid #fff; line-height:1.5; } .carousel-hr { color:#fff; height:3px; width:50px; color:#fff; background:#fff; font-size:0; border:0; } .carousel-content { height:450px; } .carousel-dark { color:#ccc; height:3px; width:50px; color:#ccc; background:#ccc; font-size:0; border:0; } .carousel-caption { background-color:rgba(0, 0, 0, 0.5); width:100%; left:auto; right:auto; bottom:0; padding:20px; } .carousel-control { width:10%; text-shadow:none; font-size:42px;} .carousel-control.right { background-image:none; } .carousel-control.left { background-image:none; } .fullscreen-carousel .carousel-control.right { top:121px; } .fullscreen-carousel .carousel-control.left { top:121px; } #carouselSubnav .carousel-control.right { margin-bottom:60px; } #carouselSubnav .carousel-control.left { margin-bottom:60px; } .carousel-title { font-weight:600; color:#fff; } .carousel-control .carousel-arrow-left, .carousel-control .carousel-arrow-right { position:absolute; top:50%; left:50%; z-index:5; display:inline-block; width:20px; height:20px; margin-top:-20px; margin-left:-10px; } .carousel-indicators-caption { bottom:auto; top:15px; } .carousel-indicators-caption-fs { bottom:auto; top:150px; } .carousel-indicators li { border:0; background-color:#e1e1e1; } .carousel-fade .carousel-inner .item { opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; } .carousel-fade .carousel-inner .active { opacity:1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left:0; opacity:0; z-index:1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity:1; } .carousel-fade .carousel-control { z-index:2; } .transition-timer-carousel-progress-bar { height:4px; background-color:#00B7EB; width:0%; margin:0px 0px 0px 0px; border:none; z-index:7; position:absolute; } / = Quote Carousel -------------------------------------------------------------- / .quote-carousel .carousel, .quote-carousel .carousel .item { height:300px; } .quote-carousel .carousel-inner { height:300px; background-color:#272727; border-radius:0; } .quote-carousel-content { height:300px; } blockquote footer, blockquote small, blockquote .small { font-size:80%; color:#8F8F8F; } blockquote { background-color:#fafafa; color:#8a8a8a; padding:25px 20px; font-size:14px; } .quote-carousel-control .quote-carousel-arrow-left, .quote-carousel-control .quote-carousel-arrow-right { display:inline-block; position:relative; top:106px; z-index:5; margin-right:-15px; margin-left:-15px; } .ceo-name { margin:5px 0 0 !important; } / = Team Carousel -------------------------------------------------------------- / .team-carousel .carousel, .team-carousel .carousel .item { height:300px; } .team-carousel .carousel-inner { height:300px; background-color:transparent; } .team-carousel-content { height:300px; } .team-carousel-control .team-carousel-arrow-left, .team-carousel-control .team-carousel-arrow-right { display:inline-block; position:relative; top:110px; z-index:5; margin-right:-15px; margin-left:-15px; color:#272727 !important; } .ceo-name { margin:5px 0 0 !important; } / = Owl Carousel -------------------------------------------------------------- / #owl-carousel-thumb .thumbnail, #owl-carousel-product .thumbnail { position:relative; overflow:hidden; z-index:1; margin-bottom:30px; } #owl-carousel-thumb .thumbnail .caption, #owl-carousel-product .thumbnail .caption { position:absolute; top:-100%; right:0; background-color:rgba(0, 183, 235, 0.77); -webkit-perspective:1000; width:100%; height:100%; padding:2%; text-align:center; color:#fff !important; z-index:2; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; white-space:nowrap; } #owl-carousel-thumb .thumbnail .caption h4, #owl-carousel-thumb .thumbnail .caption h3, #owl-carousel-thumb .thumbnail .caption h2, #owl-carousel-product .thumbnail .caption h4, #owl-carousel-product .thumbnail .caption h3, #owl-carousel-product .thumbnail .caption h2 { margin-bottom:10px; } #owl-carousel-thumb .thumbnail .caption:before, #owl-carousel-product .thumbnail .caption:before { content:""; display:inline-block; vertical-align:middle; width:0; margin-right:-.25em; height:100%; } #owl-carousel-thumb .thumbnail-caption-holder, #owl-carousel-product .thumbnail-caption-holder { display:inline-block; vertical-align:middle; white-space:normal; } #owl-carousel-thumb .thumbnail-caption-holder a:hover, #owl-carousel-product .thumbnail-caption-holder a:hover { text-decoration:underline; color:#fff; } #owl-carousel-thumb .thumbnail:hover .caption, #owl-carousel-product .thumbnail:hover .caption { top:0%; } .owl-controls .owl-nav [class=owl-] { color:#868686; font-size:24px; padding:3px 9px; margin-right:2px; background:#fff; display:inline-block; cursor:pointer; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; position:relative; } .owl-theme .owl-controls { margin-top:-23px; text-align:center; -webkit-tap-highlight-color:transparent; width:100%; } .owl-theme .owl-controls .owl-nav [class=owl-] { color:#C6C6C6; font-size:39px; margin:0; padding:10px 7px; display:inline-block; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .owl-theme .owl-controls .owl-nav [class=owl-]:hover{ color:#868686; text-decoration:none } .owl-theme .owl-controls .owl-nav .disabled{ opacity:.5; cursor:default } .owl-dots { margin-top:21px; border-top:1px dotted #DEDEDE; padding-top:10px; padding-bottom:4px; border-bottom:1px dotted #DEDEDE; } .owl-theme .owl-dots .owl-dot{ display:inline-block; zoom:1; display:inline } .owl-theme .owl-dots .owl-dot span{ width:10px; height:10px; margin:5px 7px; background:#d6d6d6; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px } .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{ background:#00B7EB } .owl-carousel .owl-controls .owl-nav .owl-prev { float:left; } .owl-carousel .owl-controls .owl-nav .owl-next { float:right; } / =Content Boxes -------------------------------------------------------------- / .content-box { padding:20px 30px; text-align:center; margin-bottom:20px; } .content-box-bordered { border:1px solid #dadada; } .content-box-default { background:#ccc; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .content-box-hover:hover { color:#838383; -webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.07); -moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.07); box-shadow:0px 0px 1px 1px rgba(0,0,0,0.07); -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .content-box-default:hover { background:#aaa; border-bottom:5px solid #272727; } .content-box-primary { background:#00B7EB; } .content-box-success { background:#5cb85c; } .content-box-info { background:#5bc0de; } .content-box-warning { background:#f0ad4e; } .content-box-danger { background:#d9534f; } .content-box-shadow { -webkit-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.02); -moz-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.02); box-shadow:1px 1px 1px 0px rgba(0,0,0,0.02); padding:15px; background-color:#FAFAFA; border:1px solid #E6E6E6; } / =Heading -------------------------------------------------------------- / .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 { margin:0 0 -2px 0; padding-bottom:15px; display:inline-block; border-bottom:2px solid #00B7EB; } .heading { display:block; margin:0 0 20px 0; border-bottom:1px dotted #d2d2d2; font-size:12px; } .heading-caption { font-size:12px; font-family:'Open Sans', sans-serif; position:absolute; line-height:1.4; padding-left:25px; padding-top:4px; } / =Header 1 and 2 -------------------------------------------------------------- / .header h1 { font-size:13px; margin:0; padding-top:4px; font-weight:700; text-transform:uppercase; } .breadcrumb { padding:0; margin-bottom:0; list-style:none; float:right; background-color:transparent; border-radius:0; font-size:12px; margin-top:0; } .breadcrumb-home { padding-right:10px; } .breadcrumb a { color:#8F8F8F; } .header.header-dark { padding:21px 0 21px 0; border-bottom:1px dotted #636363; background:#262626; } .header-dark .breadcrumb a { color:#ECECEC; } .header-dark h1 { color:#fff; } / =Header Parallax -------------------------------------------------------------- / .header-parallax {padding:60px 0 60px 0; background:#fafafa; } .header-parallax h1, .header-parallax h3, .header-parallax h4, .header-parallax h5 { margin:0; padding-top:3px; color:#fff; } / =Panels -------------------------------------------------------------- / .panel { border-radius:2px !important; border:1px solid #e6e9ed; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.02); box-shadow:0 1px 1px rgba(0,0,0,.02); } .panel-default > .panel-heading { background-color:#fafafa; } .panel-title { font-family:'Open Sans' sans-serif; } .panel-title > a { font-size:14px; font-family:'Open Sans', sans-serif; color:#8a8a8a; } .panel-title > a:hover { color:#00B7EB; text-decoration:none; -webkit-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease; transition:color 0.5s ease; } .panel-group .panel-title:after { content:"+"; font-size:14px; position:absolute; right:35px; margin-top:2px; color:#bababa; } .panel-group { margin-bottom:15px; } label { font-weight:600; } .panel-primary { border-color:#00B7EB; } .panel-primary>.panel-heading { background-color:#00B7EB; border-color:#00B7EB; border-radius:0; } .panel-success { border-color:#2ecc71; } .panel-success>.panel-heading { background-color:#2ecc71; border-color:#2ecc71; border-radius:0; color:#fff; } .panel-info { border-color:#3498db; } .panel-info>.panel-heading { background-color:#3498db; border-color:#3498db; border-radius:0; color:#fff;} .panel-warning { border-color:#da8a0c; } .panel-warning>.panel-heading { background-color:#da8a0c; border-color:#da8a0c; border-radius:0; color:#fff; } .panel-danger { border-color:#e74c3c; } .panel-danger>.panel-heading { background-color:#e74c3c; border-color:#e74c3c; border-radius:0; color:#fff; } .panel-footer { padding:10px 15px; background-color:#fafafa; } / =Tabs -------------------------------------------------------------- / .tab-content { padding:30px; border:1px solid #e6e9ed; } .tab-content.tab-default { padding:20px; border:1px solid #e6e9ed; border-top:none; } .tab-content.tab-shop { padding:30px 30px 0 30px; border:1px solid #e6e9ed; } .tab-content.tab-product { padding:25px 30px; border:1px solid #e6e9ed; margin-top:22px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border:1px solid #e6e9ed; border-bottom-color:transparent; border-top:5px solid #00B7EB; } .nav-tabs>li>a { color:#555; border-radius:2px 2px 0 0; border-top:2px solid transparent; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .nav>li>a:hover, .nav>li>a:focus { background-color:transparent; color:#00B7EB; } .nav-tabs>li>a:hover { border-color:transparent; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border-top:5px solid #00B7EB; } .nav-tabs.nav-justified>li>a { border-radius:2px 2px 0 0; border-bottom:1px solid #ddd; } .nav-justified>li>a { margin-bottom:0; } .nav-tabs.nav-justified>li>a { margin-bottom:0; } / =Pricing Tables -------------------------------------------------------------- / .price { font-family:'Open Sans' sans-serif; text-transform:none; font-weight:700; display:inline-block; font-size:28px; padding-top:24px; width:100px; height:100px; cursor:default; } / =Call to Action -------------------------------------------------------------- / .cta, .cta-dark, .cta-primary { background-color:#fafafa; padding:30px 30px; border-left:6px solid #d3d3d3; } .cta-dark { background-color:#272727; border-left:6px solid #494949; } .cta-primary { background-color:#00B7EB; border-left:6px solid #EAEAEA; } .cta p, .cta-dark p, .cta-primary p{ margin:0; padding:0; font-size:16px; } .cta2 { z-index:10; background-color:#00B7EB; padding:30px 0; } .cta2 h2, .cta2 h3, .cta2 h4 { color:#fff; font-weight:600; margin-bottom:5px; } .cta2 h2 { font-size:24px; } .cta2 p { margin:0; padding:0 15px 0 15px; font-size:16px; color:#fff; } .cta2.arrow-up, .cta2.arrow-down { position:relative; z-index:5; } .cta2.arrow-down:after { content:' '; position:absolute; width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #00B7EB; left:50%; margin-left:-15px; bottom:-15px; } .cta2.arrow-up:after { content:' '; position:absolute; width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #00B7EB; left:50%; margin-left:-15px; top:-15px; } / =Timeline -------------------------------------------------------------- / .timeline { list-style:none; padding:60px 0 60px; position:relative; } .timeline:before { top:0; bottom:0; position:absolute; content:" "; width:3px; background-color:#eeeeee; left:50%; margin-left:-1.5px; } .timeline > li { margin-bottom:20px; position:relative; } .timeline > li:last-child { margin-bottom:0; } .timeline > li:before, .timeline > li:after { content:" "; display:table; } .timeline > li:after { clear:both; } .timeline > li:before, .timeline > li:after { content:" "; display:table; } .timeline > li:after { clear:both; } .timeline > li > .timeline-panel { width:46%; float:left; border:1px dotted #d2d2d2; border-radius:2px; padding:20px; position:relative; background-color:#fff; } .timeline > li > .timeline-panel:before { position:absolute; top:26px; right:-15px; display:inline-block; border-top:15px solid transparent; border-left:15px solid #ccc; border-right:0 solid #ccc; border-bottom:15px solid transparent; content:" "; } .timeline > li > .timeline-panel:after { position:absolute; top:27px; right:-14px; display:inline-block; border-top:14px solid transparent; border-left:14px solid #fff; border-right:0 solid #fff; border-bottom:14px solid transparent; content:" "; } .timeline > li > .timeline-badge { color:#fff; width:25px; height:25px; line-height:25px; font-size:1.4em; text-align:center; position:absolute; top:28px; left:50%; margin-left:-12.5px; background-color:#999999; z-index:1; border-top-right-radius:50%; border-top-left-radius:50%; border-bottom-right-radius:50%; border-bottom-left-radius:50%; } .timeline > li.timeline-inverted > .timeline-panel { float:right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width:0; border-right-width:15px; left:-15px; right:auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width:0; border-right-width:14px; left:-14px; right:auto; } .timeline-badge.primary { background-color:#00B7EB !important; } .timeline-badge.success { background-color:#2ecc71 !important; } .timeline-badge.warning { background-color:#f39c12 !important; } .timeline-badge.danger { background-color:#e74c3c !important; } .timeline-badge.info { background-color:#3498db !important; } .timeline-title { margin-top:0; color:inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom:0; } .timeline-body > p + p { margin-top:5px; } / =Thumbnails -------------------------------------------------------------- / .thumbnail { padding:0; border-radius:0; border:0; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color:#00B7EB; } .thumbnail .caption { padding:25px 15px 15px 15px; color:#8F8F8F; line-height:25px; } .custom-content.thumbnail { padding:10px; margin-bottom:20px; background-color:#fff; border:1px solid #e6e9ed; border-radius:0; } .custom-content.thumbnail:hover { -webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.07); -moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.07); box-shadow:0px 0px 1px 1px rgba(0,0,0,0.07); border-bottom:5px solid #00B7EB; } .custom-content.thumbnail:hover img { margin-bottom:2px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } / =Shadows -------------------------------------------------------------- / .shadow1 { -webkit-box-shadow:0 10px 6px -6px #b9b9b9; -moz-box-shadow:0 10px 6px -6px #b9b9b9; box-shadow:0 10px 6px -6px #b9b9b9; } .shadow2 { -webkit-box-shadow:-9px 0 4px -4px #b9b9b9; -moz-box-shadow:-9px 0 4px -4px #b9b9b9; box-shadow:-9px 0 4px -4px #b9b9b9; } .shadow3 { -webkit-box-shadow:0 28px 16px -26px #1d1d1d; -moz-box-shadow:0 28px 16px -26px #1d1d1d; box-shadow:0 28px 16px -26px #1d1d1d; } / =Dividers -------------------------------------------------------------- / hr { border-top:1px dotted #d2d2d2; margin-top:30px; margin-bottom:30px; } .hr-solid { border-top:1px solid #d2d2d2; margin-top:30px; margin-bottom:30px; } .hr-lg-margin { border-top:1px dotted #d2d2d2; margin-top:50px; margin-bottom:40px; } .dark-hr { border-top:1px dotted #4c4c4c; } .double-hr { border:0; height:4px; border-top:#d2d2d2 1px dotted; border-bottom:#d2d2d2 1px dotted; text-align:center; position:relative; clear:both; } .double-hr-solid { border:0; height:4px; border-top:#d2d2d2 1px solid; border-bottom:#d2d2d2 1px solid; text-align:center; position:relative; clear:both; } / =Modals -------------------------------------------------------------- / .modal-content { border-radius:2px; box-shadow:0px 2px 8px rgba(0, 0, 0, 0.2); border:0; } .modal-header { background-color:#00B7EB; } .modal-title { color:#fff; text-transform:uppercase; font-weight:700; } .modal .close { color:#fff; } .modal .close:hover { opacity:0.9; } / =Labels and Badges -------------------------------------------------------------- / .label { font-family:'Open Sans' sans-serif; text-transform:none; font-weight:300; border-radius:2px; } .badge-square { border-radius:0; } .badge-round { border-radius:2px; } .badge-primary { background-color:#00B7EB; color:#fff; } .label-primary { background-color:#00B7EB; } / =Progress Bars -------------------------------------------------------------- / .progress-bar-primary { background-color:#00B7EB; } .progress-bar-dark { background-color:#272727; } .progress { overflow:visible; background:#FAFAFA; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .progress.slim { height:3px; } .progress.thin { height:6px; } .progress-bar { position:relative; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .tooltip { position:fixed; } span.progress-bar-tooltip { padding:4px 8px; background-color:#2E363F; color:#FFF; line-height:15px; font-size:11px; display:block; position:absolute; top:-28px; right:5px; border-radius:2px; } span.progress-bar-tooltip:after { border-color:#2E363F transparent; border-style:solid; border-width:5px 5px 0; bottom:-5px; content:""; display:block; left:13px; position:absolute; width:0; } h6.progress-head { margin-bottom:2px; } / =Content Sections -------------------------------------------------------------- / .content-60mg { margin:60px 0 60px 0; } .content-60mg-bordered { margin:60px 0 60px 0; border-top:1px dotted #d2d2d2; border-bottom:1px dotted #d2d2d2; } .content-40mg { margin:40px 0 40px 0; } .content-40mg-bordered { margin:40px 0 40px 0; border-top:1px dotted #d2d2d2; border-bottom:1px dotted #d2d2d2; } .content-bordered { border-top:1px dotted #d2d2d2; border-bottom:1px dotted #d2d2d2; } / =Team -------------------------------------------------------------- / .team-description { font-size:14px; color:#8F8F8F; } .team-member-name { font-weight:400; } .team-member-name-imgtop { font-weight:400; padding-top:20px; margin-bottom:7px; } .team-member-img { border-radius:50%; } .team-member-img-top { width:120px; display:block; margin:0 auto; border-radius:50%; } .team-ico { font-size:16px; color:#dfdfdf; } .team-ico:hover { color:#00B7EB; -webkit-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease; transition:color 0.5s ease; } .team-member-holder { -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; } .team-content-holder:hover > .team-member-holder:not(:hover) { opacity:0.5; } .team-member-profile { width:100%; display:block; margin:0 auto; border-radius:50%; } .content-box-profile { padding:30px; text-align:center; margin-bottom:20px; } / =Recent Posts -------------------------------------------------------------- / .portfolio .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img { width:100%; } / =Clients -------------------------------------------------------------- / .clients-img { border:1px solid #e6e9ed; background-color:#fafafa; filter:grayscale(1); -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); } .clients-img:hover { filter:grayscale(0); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; opacity:0.7; } / =404 + Map -------------------------------------------------------------- / .error-404 { font-size:200px; line-height:1.3; } / =Top Bar -------------------------------------------------------------- / .top-bar { background-color:#fff; position:relative; font-size:12px; border-bottom:1px solid #eee; line-height:40px; } .top-bar.top-bar-dark { background-color:#2D2D2D; position:relative; font-size:12px; border-bottom:1px solid #323232; line-height:40px; } .top-bar-dark .home-icon, .top-bar-dark .phone-icon { color:#fff; } .top-bar-dark .topbar-list li{ border-left:1px solid #323232; padding:0 14px; } .top-bar-dark .topbar-list:last-child { border-right:1px solid #323232; } .btn-social-icon.btn-xs :first-child { line-height:2 !important; } .topbar-list { margin:0; } .topbar-list:last-child { border-right:1px solid #eee; } .topbar-list li { border-left:1px solid #eee; padding:0 14px; } .topbar-list li a { color:#8F8F8F; -webkit-transition:color 0.8s ease; -moz-transition:color 0.8s ease; -o-transition:color 0.8s ease; transition:color 0.8s ease; } .topbar-list li a:hover { color:#00B7EB; } .home-icon { padding-right:10px; } .phone-icon { padding-right:10px; padding-left:35px; } .btn-social-icon { margin-bottom:4px } / =Portfolio -------------------------------------------------------------- / #myPortfolio .item { display:none; opacity:0; margin-bottom: 20px; } .btn-bottom{ width: 100%; margin-top: 5px; } nav ul .hide-up{ display: none; } #portfolio .item { margin-bottom:30px; } #portfolio ul { margin-bottom:0; } .nav-pills { font-size:14px; font-weight:400; font-weight:300; display:inline-block; } #portfolio .nav-pills > li { float:none; display:inline-block; padding:2px 20px; cursor:pointer; font-size:14px; color:#8F8F8F; border:2px solid #EFEFEF; border-radius:2px; margin-left:20px; line-height:30px; font-family:'Open Sans', sans-serif; } #portfolio .nav-pills > li:hover { color:#fff; background:#00B7EB; border:2px solid #00B7EB; -webkit-transition:color 0.3s ease; -moz-transition:color 0.3s ease; -o-transition:color 0.3s ease; transition:color 0.3s ease; } #portfolio .nav > li.active { color:#fff; background:#00B7EB; border:2px solid #00B7EB; } #portfolio li { list-style-type:none; } #portfolio img { max-width:100%; width:100%; height: 200px; object-fit: cover; } .portfolio-title { font-size:14px; text-transform:none; color:#8F8F8F; font-weight:600; margin:0 0 5px !important; } .image-hover-1 .mask { opacity:0; overflow:visible; background-color:rgba(0, 183, 235, 0.59); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .image-hover-1 a.info { position:relative; text-decoration:none !important; border:0 !important; opacity:0; display:none; color:#fff; -webkit-transition:opacity 0.5s 0s ease-in-out; -moz-transition:opacity 0.5s 0s ease-in-out; -o-transition:opacity 0.5s 0s ease-in-out; -ms-transition:opacity 0.5s 0s ease-in-out; transition:opacity 0.5s 0s ease-in-out; } .image-hover-1:hover .mask { opacity:1; background-color:rgba(0, 183, 235, 0.59); } .image-hover-1:hover a.info { opacity:1; display:inline-block; -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; -o-transition-delay:0.1s; -ms-transition-delay:0.1s; transition-delay:0.1s; } .view { margin:10px 10px 25px; overflow:hidden; position:relative; text-align:center; cursor:default; } .view-circle { overflow:hidden; position:relative; text-align:center; cursor:default; } .view .mask, .view .content, .view-circle .mask, .view-circle .content { position:absolute; overflow:hidden; top:0; left:0; height:100%; width:100%; } .image-hover-content { height:100%; } .image-hover-content:before { content:' '; display:inline-block; vertical-align:middle; height:104%; } .image-icons { font-size:24px; line-height:2.1 !important; } .image-icon-holder { background-color:transparent; border-radius:50%; width:50px; height:50px; display:inline-block; border:2px solid #fff; } .image-icon-holder:hover { background-color:#fff; color:#00B7EB; } .portfolio-title a { color:#a1a1a1; } .portfolio-title a:hover { color:#00B7EB; text-decoration:none; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } .project-category{ font-size:12px; font-family:'Open Sans', sans-serif; } .portfolio-text { background-color:transparent; text-align:center; padding-top:6px; line-height:15px; } .portfolio-text-circle { background-color:transparent; text-align:center; padding:0 25px 0 25px; margin-bottom:10px; line-height:15px; } .port-borderless { margin:0 0 25px 0; width:100%; } / =Comments -------------------------------------------------------------- / .blog-comment::before, .blog-comment::after, .blog-comment-form::before, .blog-comment-form::after{ content:""; display:table; clear:both; } .blog-comment ul{ list-style-type:none; padding:0; } .blog-comment img{ opacity:1; filter:Alpha(opacity=100); -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .blog-comment img.avatar { position:relative; float:left; margin-left:0; margin-top:0; width:65px; height:65px; } .blog-comment .post-comments{ border:1px solid #eee; margin-bottom:20px; margin-left:85px; margin-right:0px; padding:10px 20px; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; background:#fafafa; color:#6b6e80; position:relative; } .blog-comment .meta { font-size:13px; color:#aaaaaa; padding-bottom:8px; margin-bottom:10px !important; border-bottom:1px solid #eee; } .blog-comment ul.comments ul{ list-style-type:none; padding:0; margin-left:85px; } .blog-comment-form{ padding-left:15%; padding-right:15%; padding-top:40px; } / =Cart -------------------------------------------------------------- / .cart { padding:0; min-width:350px !important; font-size:13px; } .cart a { background-color:transparent !important; color:#00B7EB !important; padding-top:0 !important; padding-bottom:0 !important; } .cart .table>tbody>tr>td,.cart.table>tbody>tr>td { vertical-align:inherit } .cart .quantity { width:50px; } .cart .product { width:220px; } .cart .product .small { display:block; color:#999; } .cart.table .price { width:18%; } .cart.table .amount,.cart.table .quantity,.cart.table .remove { width:12%; } .cart.table .quantity input { width:60px; padding:6px; } .cart.table .product { font-size:15px; } .cart.table .product small { font-size:12px; display:block; color:#999; } .cart.table .total-amount,.cart.table .total-quantity { padding-top:15px; padding-bottom:15px; font-size:16px; font-weight:700; } .cart.table .btn-remove { position:relative; top:-5px; } .cart.table .form-group { margin:7px 0; } .table .information { width:80%; } .table>thead>tr>th { background-color:#F7F7F7; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top:1px solid #E4E9F0; } .cart-table { margin-bottom:0; border-bottom:3px solid #F3F3F3; } .table.cart-table>thead>tr>th { background-color:#00B7EB; color:#fff; padding:12px 15px; font-size:16px; } .table.cart-table>tbody>tr>td, .table.cart-table>tbody>tr>th, .table.cart-table>tfoot>tr>td, .table.cart-table>tfoot>tr>th { padding:10px 15px; vertical-align:middle; } .product-name { font-weight:500; } .product-description { display:block; } .cart-table .cart-price { vertical-align:middle; } .cart-table .cart-total { vertical-align:middle; text-align:right; font-weight:800; font-size:16px; } .cart-table .total-title { text-align:right; } .cart-table .cart-quantity { width:62px; } .cart-table .subtotal { font-weight:800; font-size:16px; } .cart-table>tbody>tr:nth-of-type(even) { background-color:#F3F3F3; } / =Blog -------------------------------------------------------------- / .blog-post .blog-post-holder { padding:30px 30px; background-color:#fff; border:1px dotted #d2d2d2; } .blog-post h2 a { color:#767676; font-weight:400; font-size:21px; } .blog-post h2 a:active, .blog-post h2 a:hover { color:#00B7EB; } .blog-post .list-inline { margin-bottom:5px; font-size:12px; } .latest-posts h3 a { font-size:14px; color:#767676; } .latest-posts h3 a:hover { color:#00B7EB; } .latest-posts small { font-size:10px; } .latest-posts p { font-size:12px; margin-bottom:10px; border-bottom:1px dotted #d2d2d2; padding-bottom:15px; } .blog-heading { display:block; background:#fafafa; padding:1px 10px; margin:0 0 10px 0; border-left:2px solid #000; border:1px dotted #d2d2d2; border-left:3px solid #00B7EB; } .blog-heading h3 { margin:7px 0; font-size:18px; color:#666666; } .media-heading { line-height:1.5; font-size:13px; } .media-list { margin-bottom:0; font-weight:400; } .media-list a { color:#767676; padding-left:0; } .media-list a:hover { color:#00B7EB; } .media-list small { font-size:10px; } / =Shop -------------------------------------------------------------- / .nav-pills.nav-pills-shop>li>a { padding:6px 16px; cursor:pointer; font-size:14px; color:#ABABAB; border:2px solid #EFEFEF; border-radius:2px; text-transform:none; } .nav-pills.nav-pills-shop>li.active>a, .nav-pills.nav-pills-shop>li.active>a:focus, .nav-pills.nav-pills-shop>li.active>a:hover, .nav-pills.nav-pills-shop>li>a:hover { color:#fff; background-color:#00B7EB; border-color:#00B7EB; -webkit-transition:color 0.3s ease; -moz-transition:color 0.3s ease; -o-transition:color 0.3s ease; transition:color 0.3s ease; } .shop-product h2 { font-size:18px; text-transform:none; font-weight:400; margin-bottom:8px;; color:#757575; } .shop-product a h2:hover,.shop-product a h3:hover,.shop-product a h4:hover { color:#00B7EB; } .shop-product-price { margin-left:10px; float:right; margin-top:5px; } .product-container { position:relative; display:block; text-align:center; overflow:hidden; } .product-container .badge { position:absolute; border:1px solid #fff; background-color:transparent; color:#fff; font-weight:400; padding:4px; top:10px; right:10px; border-radius:0; } .shop-product-price small { font-size:65%; } .content-render-right { background-color:#00B7EB; background-repeat:no-repeat; background-position:right top; margin-top:30px; padding:50px 0; } .content-render-1 { background-image:url('../../images/backgrounds/chick-render.png'); } .content-render-2 { background-image:url('../../images/backgrounds/dude-render.png'); } .review-col { width:140px; } .mfp-counter { display:none; } .product-price { color:#ccc; float:left; margin:12px 8px 0 0; } / =Footer -------------------------------------------------------------- / .footer { padding:30px 0 30px 0; background-color:#141414; color:#FFF; vertical-align:bottom; } .footer-light { padding:30px 0 30px 0; background-color:#fafafa; color:#8F8F8F; vertical-align:bottom; border-top:1px dotted #d2d2d2; } .footer-light p { margin:0 0 5px; } .footer-light a { font-weight:400; } .footer-light .thumbnail { padding:0; border:0; border-radius:0px; margin-bottom:0; } .footer-light .thumbnail:hover { outline:5px solid #00B7EB; } .footer-light .heading-footer h2, .footer-light .heading-footer h3, .footer-light .heading-footer h4 { margin:0 0 -2px 0; padding-bottom:20px; display:inline-block; font-weight:400; border-bottom:2px solid #00B7EB; font-family:'Raleway', sans-serif; color:#5F5F5F; font-size:14px; } .footer-light .heading-footer { display:block; margin:0 0 25px 0; border-bottom:1px dotted #C3C3C3; font-size:12px; } .footer-light .address { color:#5e5e5e; font-weight:400; margin-top:20px; } .footer-light .copyright { color:#B1B1B1; font-size:12px; font-weight:400; } .footer-light .footer-scrolltop-holder { height:30px; width:30px; background-color:#CECECE; text-align:center; float:right; } .footer-light .footer-info-icons { padding-right:15px; color:#8B8B8B; } .address { color:#5e5e5e; font-weight:400; margin-top:20px; } .copyright { color:#646464; font-size:12px; font-weight:400; } footer p { margin:0 0 5px; } footer a { font-weight:400; } .footer-info-icons { padding-right:15px; color:#fff; } .heading-footer h2, .heading-footer h3, .heading-footer h4 { margin:0 0 -2px 0; padding-bottom:20px; display:inline-block; font-weight:400; border-bottom:2px solid #00B7EB; font-family:'Open Sans', sans-serif; color:#dedede; font-size:14px; } .heading-footer { display:block; margin:0 0 25px 0; border-bottom:1px dotted #4c4c4c; font-size:12px; } .recent-work-padding { padding-left:0; padding-right:5px; } .footer .thumbnail { padding:0; border:0; border-radius:0px; margin-bottom:0; } .footer .thumbnail:hover { outline:5px solid #00B7EB; } .footer-scrolltop-holder { height:30px; width:30px; background-color:#353535; text-align:center; float:right; } .footer-scrolltop { font-size:16px; color:#fff; line-height:30px !important; } .footer-scrolltop-holder:hover { background-color:#00B7EB; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } .footer-plus-icon { font-size:28px; color:#fff; } .dropdown-animation { -webkit-animation-duration:.5s !important; animation-duration:.5s !important; } / =Media Queries -------------------------------------------------------------- / / Phones and down / @media (max-width:480px) { .team-description { padding:0 10% 0 10% !important; } .hero-title { font-size:32px; } .carousel-title-bg {font-size:14px;} .carousel-title-bgdark {font-size:14px;} .carousel-title-bglight {font-size:14px;} #about .heading { border-bottom:none !important; } .heading-caption { margin-top:-8px; padding-top:0; } #recent-posts .thumbnail { margin:0 5% 30px 5% !important; } #portfolio .nav-pills > li { margin-bottom:20px; } .carousel-description { font-size:14px; } .carousel-description h1, .carousel-description h2, .carousel-description h3 { font-size:17px; } .carousel-content { height:450px; } .shop-product-price { margin-left:0; } .tab-content.tab-shop { padding:0; border:none; } .nav-pills.nav-pills-shop>li>a { padding:0; padding-bottom:3px; border-bottom:1px solid #CCC; border-top:0; border-left:0; border-right:0; border-radius:0; } .nav-pills.nav-pills-shop>li.active>a, .nav-pills.nav-pills-shop>li.active>a:focus, .nav-pills.nav-pills-shop>li.active>a:hover, .nav-pills.nav-pills-shop>li>a:hover { color:#00B7EB; background-color:transparent; } } / Landscape phones and portrait tablets / @media (max-width:767px) { .navbar .navbar-nav li a { line-height:3.4; } .navbar-collapse { -webkit-box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); -moz-box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); } .navbar.navbar-main .navbar-nav li a { padding-top:5px; padding-bottom:5px; line-height:26px; } .navbar.navbar-main .dropdown-menu { border-top:1px solid #f0f0f0; border-bottom:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin-bottom:5px !important; } .navbar.navbar-main .dropdown-menu > li > a { padding:5px 20px 5px 23px; } .quote-carousel .carousel, .quote-carousel .carousel .item { height:450px; } .quote-carousel .carousel-inner { height:450px; background-color:#272727; } .quote-carousel-content { height:450px; } .carousel-image { display:none; } .cta-description { text-align:center; } .carousel-description { padding:0 10% 0 10%; } .p15xs { padding:0 15% 0 15%; } .cta-img { display:block; margin:0 auto; } .ceo-name { text-align:center; margin:5px 0 5px !important; } .company-name { text-align:center; } .team-description { text-align:center; padding:0 15% 0 15%; } .team-member-img { width:175px; display:block; margin:0 auto; } .team-member-name { text-align:center; padding-top:20px; } .quote-img { display:block; margin:0 auto; padding:15px 0 21px; } #about .tab-pane-border { margin:30px 25px 0 25px; } .hero-image { padding:0 15% 0 15%; } .hero-title { margin-top:50px; } .showcase-image { padding-top:30px; } .parallax-content { font-size:14px } .mg25-xs{ margin-top:25px; } .pt50 { padding-top:25px !important; } .quote-carousel blockquote { font-size:14px; line-height:1.7; } #recent-posts .thumbnail { margin:0 15% 30px 15%; } .dropdown-submenu>.dropdown-menu{ margin-left:12px; padding:0 0; border-left:1px solid #f0f0f0 !important; } .dropdown-menu > li:last-child > a { border-bottom:1px solid #f0f0f0 !important; } .breadcrumb { display:none; } .content-60pd { padding:40px 0 40px 0; } .content-60pd-bordered { padding:40px 0 40px 0; } .mt30-lgscreen { margin-top:0;} .bs-glyphicons li { width:25%;font-size:12px; } .copyright { line-height:1.4; } .navbar-header {height:80px;border-bottom:1px solid #e0e0e0; } .panel-group .panel-title:after { display:none; } .mt30-xs { margin-top:30px !important; } .mt15-xs { margin-top:15px !important; } .mt20-xs { margin-top:20px !important; } .mb30-xs { margin-bottom:30px !important; } .mb15-xs { margin-bottom:15px !important; } .mb20-xs { margin-bottom:20px !important; } .error-404 { font-size:80px; } ul.timeline:before { left:27px; } ul.timeline > li > .timeline-panel { width:calc(100% - 90px); width:-moz-calc(100% - 90px); width:-webkit-calc(100% - 90px); } ul.timeline > li > .timeline-badge { left:15px; margin-left:0; } ul.timeline > li > .timeline-panel { float:right; } ul.timeline > li > .timeline-panel:before { border-left-width:0; border-right-width:15px; left:-15px; right:auto; } ul.timeline > li > .timeline-panel:after { border-left-width:0; border-right-width:14px; left:-14px; right:auto; } .carousel-nav.nav>li>a { padding:8px 15px; } .navbar-dark .dropdown-submenu>.dropdown-menu { border-left:1px solid #323232 !important; } .navbar-dark .dropdown-menu > li:last-child > a { border-bottom:1px solid #323232 !important; } .navbar-dark .navbar-header { border-bottom:1px solid #323232; } .column-header { padding-left:0; padding-right:0; } .navbar.navbar-main .navbar-nav .mega-dropdown li a { line-height:24px; } .content-render-right { background-image:none; margin-top:0; } #fixed-navbar.affix { position:static; } .navbar-wrapper { height:100%; } a.trigger { margin-bottom:2px; } .navbar-brand-centered { left:0; } .navbar.navbar-main>.container .navbar-brand-centered, .navbar>.container-fluid .navbar-brand-centered { margin-left:0; } } @media (min-width:769px) { .mt30-lg { margin-top:30px !important; } .mt20-lg { margin-top:20px !important; } .dropdown-main:hover .dropdown-subhover { display:block; } .dropdown-submenu { position:relative; } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-1px; margin-left:0; } .dropdown-submenu:hover>.dropdown-menu { display:block; } } @media (min-width:768px) and (max-width:991px) { .nav>li>a { padding:10px 12px; } .mt15-sm { margin-top:15px; } .navbar.navbar-main>.container .navbar-brand-centered, .navbar>.container-fluid .navbar-brand-centered { margin-left:-52px; } } / Portrait tablets and medium desktops / @media (max-width:992px) { .mt15-md { margin-top:15px !important; } } / Portrait tablets and medium desktops */ @media (max-width:1199px) { .mt15-lg { margin-top:15px !important; } } @-ms-viewport{ width:auto !important; } .home-socios { background-color: #FFF } .home-socios-card { height: 200px; background-color: #fff; margin-top: 10px; padding: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .home-socios-card-media { width: 100%; height: 150px } .home-socios-card-media img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .home-staff { padding: 15px } .home-staff-list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px } .home-staff-list li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; width: 33.333% } @media screen and (max-width: 768px) { .slider-home .flexslider .slides li .flex-caption { text-transform:uppercase } .home-staff-list li { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50% } } @media screen and (max-width: 480px) { .home-staff-list li { -ms-flex:0 0 100%; flex: 0 0 100%; width: 100% } } .home-staff-card { min-height: 120px; margin-top: 10px; padding: 10px; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; overflow-wrap: break-word } .home-staff-card h4 { margin-top: 5px; margin-bottom: 5px } .home-staff-card p { margin-bottom: 0 } .home-staff-card p small { color: #3895D2; font-size: 80%; text-transform: uppercase } .home-noticias-carousel-card, .home-socios-card, .home-staff-card { border-right: 1px solid #d6e9f6; border-bottom: 1px solid #d6e9f6; transition: .4s; }