/* ====================================================== UOUAPPS GUI (agrodir) Version: 1.0.0 ====================================================== */ /* ====================================================== BOOTSTRAP 3.3.2 ====================================================== */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 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; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } 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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .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%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @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-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @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-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .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; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* ====================================================== FONT AWESOME 4.3.0 ====================================================== */ /* 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; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); text-align: center; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-cpost1-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } /* ====================================================== GENERAL STYLES ====================================================== */ /* General */ /* ======================== */ * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html, body { height: 100%; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; color: #737373; background-color: #333333; cursor: default; } #main-wrapper { position: relative; background: #f3f3f3; z-index: 2; min-height: 100%; transition: transform 0.3s; overflow: initial; } .mobile-sidebar-active #main-wrapper { transform: translateX(-300px); -webkit-transform:translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px); -ms-transform: translateX(-300px); } a { color: #89b943; transition: all 0.3s; text-decoration: none; } a:hover, a:focus { color: #629e0b; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } img { max-width: 100%; height: auto; vertical-align: middle; } hr { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 1px solid #f4f4f4; } .map img, .gm-style img { max-width: none; } .map label, .gm-style label { display: inline; width: auto; } .css-table { display: table; width: 100%; height: 100%; } .css-table .css-table-cell { display: table-cell; vertical-align: middle; } .has-bg-image { background-position: center center; background-size: cover; background-repeat: no-repeat; } .has-bg-image.contain { background-size: contain; } .has-bg-image .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } .has-bg-image .content { position: relative; z-index: 1; } .hidden-image { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sf-menu { padding-left: 0; list-style: none; } .sf-menu li { position: relative; z-index: 99; } .sf-menu li:hover, .sf-menu li.sfHover { display: block; } .sf-menu ul { padding-left: 0; list-style: none; position: absolute; display: none; top: 100%; left: 0; z-index: 99; margin: 0; padding: 0; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu a { display: block; position: relative; } .sf-menu > li { float: left; } .stars { padding-left: 0; list-style: none; margin: 0; } .widget { position: relative; background: #f4f4f4; margin-bottom: 30px; } .secondary.widget { background: #333333; } .widget .widget-title { margin: 0; background: #333333; color: #ffffff; font-size: 16px; padding: 12px 24px; } .secondary.widget .widget-title { background: #202020; } .widget .widget-content { padding: 24px; font-size: 14px; } .secondary.widget .widget-content { color: #8c8c8c; } .secondary.widget .widget-content h1, .secondary.widget .widget-content h1, .secondary.widget .widget-content h3, .secondary.widget .widget-content h4, .secondary.widget .widget-content h5, .secondary.widget .widget-content h6 { color: #ffffff; } .widget .widget-content h1:first-child, .widget .widget-content h1:first-child, .widget .widget-content h3:first-child, .widget .widget-content h4:first-child, .widget .widget-content h5:first-child, .widget .widget-content h6:first-child { margin-top: 0; } .widget .widget-content p:last-child, .widget .widget-content ul:last-child, .widget .widget-content ol:last-child { margin-bottom: 0; } .mobile-sidebar-button { position: relative; display: block; background-color: #333333; width: 50px; height: 40px; } .mobile-sidebar-button:hover { background-color: #89b943; } .mobile-sidebar-button span { position: absolute; top: 50%; left: 50%; width: 24px; height: 3px; margin-left: -12px; margin-top: -7px; background-color: #ffffff; } .mobile-sidebar-button span:before, .mobile-sidebar-button span:after { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background-color: #ffffff; } .mobile-sidebar-button span:before { top: 6px; } .mobile-sidebar-button span:after { top: 12px; } .uou-paginatin { position: relative; padding-bottom: 20px; } .uou-paginatin li { display: inline-block; margin: 0 5px; } .uou-paginatin li.active a { color: #fff; } .uou-paginatin li a { color: #999; padding: 5px; } .uou-paginatin li a:hover { color: #89b943; } .blog-post-content { position: relative; } .blog-post-content .meta { margin-top: 50px; } .uou-share-story { position: relative; padding: 20px 0; } .uou-share-story h5 { margin: 0; padding-top: 10px; } .uou-post-comment { padding: 0px 0 40px; } .uou-post-comment h5 { margin-top: 0; } .uou-post-comment h4 { text-transform: capitalize; font-size: 20px; } .uou-post-comment-form { position: relative; } .uou-post-comment-form textarea { height: 150px; resize: none; overflow: auto; } .heading-shortcodes { position: relative; } .heading-shortcodes h1 { margin-top: 0; } .box-shadow-for-ui { position: relative; box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); -webkit-box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); -moz-box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); font-family: 'Roboto Slab', serif !important; } /* Typography */ /* ======================== */ /* Headings */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1.25em; color: #333333; margin-top: 24px; margin-bottom: 24px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; font-weight: normal; line-height: 1; color: #595959; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 20px; } h6, .h6 { font-size: 16px; } /* Basic Typography Styles */ p { margin: 0 0 24px; font-weight: 400; line-height: 27px; } small, .small { font-size: 75%; } mark, .mark { background-color: rgba(73, 152, 213, 0.25); padding: .1em .3em; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, monospace; } code { padding: .1em .3em; color: #333333; background-color: #f4f4f4; } kbd { padding: .1em .3em; color: #ffffff; background-color: #333333; } kbd kbd { padding: 0; } pre { display: block; padding: 24px; margin: 0 0 24px; font-size: 14px; line-height: 24px; word-break: break-all; word-wrap: normal; color: #333333; background-color: #f4f4f4; overflow-x: scroll; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; } .pre-scrollable { max-height: 500px; overflow-y: scroll; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } /* List Styles */ ul, ol { margin: 22px 0 24px; font-family: 'Open Sans', sans-serif; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; margin-right: 24px; } .list-inline > li:last-child { margin-right: 0; } .list-check { padding-left: 0; list-style: none; } .list-check li:before { content: "\f00c"; margin-right: 12px; font-family: 'FontAwesome'; font-size: 14px; color: #89b943; } .list-icon { padding-left: 0; list-style: none; } .list-icon li { padding: 10px 0; } .list-icon li .fa { position: relative; top: -1px; width: 24px; margin-right: 6px; text-align: center; font-size: 14px; color: #89b943; } .list-with-number { padding-left: 0; list-style: none; counter-reset: my-badass-counter; } .list-with-number li { padding: 7px 0; } .list-with-number li:before { content: counter(my-badass-counter); counter-increment: my-badass-counter; margin-right: 10px; height: 30px; width: 30px; background-color: #89b943; color: #ffffff; display: inline-block; text-align: center; line-height: 30px; border-radius: 50%; } .list-icon-large { padding-left: 0; list-style: none; } .list-icon-large.inverse { position: relative; } .list-icon-large.inverse li { padding-right: 80px; padding-left: 0; text-align: right !important; } .list-icon-large.inverse li .fa { position: absolute !important; top: 5px; right: 0 !important; width: 60px; text-align: center; font-size: 24px; color: #333333; } .list-icon-large.left li .fa { position: absolute; top: 5px; left: 0; width: 60px; text-align: center; font-size: 24px; color: #333333; } .list-icon-large li { position: relative; padding-left: 80px; margin-bottom: 48px; } .list-icon-large li.active h6, .list-icon-large li:hover h6 { color: #89b943; } .list-icon-large li.active .fa, .list-icon-large li:hover .fa { color: #89b943; border-color: #89b943; box-shadow: 0px 0px 0px 5px rgba(73, 152, 213, 0.2); } .list-icon-large li:last-child { margin-bottom: 0; } .list-icon-large li h6 { margin: 0; transition: all .3s ease; } .list-icon-large li .fa { border: 1px solid #333333; height: 60px; line-height: 60px; border-radius: 50%; transition: all .3s ease; } .list-icon-large li p { margin-top: 12px; margin-bottom: 0; font-size: 14px; } /* Description Lists */ dl { margin: 0 0 24px; } dt, dd { line-height: 24px; } dt { font-weight: bold; } dd { margin-left: 0; } /* Misc */ abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #333333; } /* Blockquotes */ blockquote { padding: 12px 24px; margin: 0 0 24px; font-size: 18px; font-family: 'Droid Serif', serif; font-style: italic; border-left: 5px solid #333333; background: #f4f4f4; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer { display: block; line-height: 24px; font-size: 14px; font-style: normal; color: #737373; } blockquote footer:before { content: '\2014 \00A0'; } .blockquote-unstyled { padding: 0; margin: 0; border-left: 0; background: none; } .blockquote-unstyled footer:before { content: ''; } /* Address */ address { margin-bottom: 24px; font-style: normal; line-height: 24px; } /* Buttons */ /* ======================== */ .btn { display: inline-block; margin-bottom: 0; font-weight: inherit; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 0; white-space: nowrap; color: #ffffff; padding: 8px 21.312px; transition: all 0.3s; border-radius: 0px; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', sans-serif; } .btn:hover, .btn.hover, .btn:focus, .btn.focus, .btn:active, .btn.active { text-decoration: none; color: #ffffff; outline: 0; background-image: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: default; pointer-events: none; opacity: .5; } .btn.rounded-btn { border-radius: 0px; } /* Colors */ .btn-default { background-color: #f4f4f4; color: #333333; } .btn-default:hover, .btn-default.hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active { background-color: #dbdbdb; color: #1a1a1a; } .btn-transparent { background-color: transparent; color: #fff; border: 1px solid #fff; } .btn-transparent:hover, .btn-transparent.hover, .btn-transparent:focus, .btn-transparent.focus, .btn-transparent:active, .btn-transparent.active { background-color: #dbdbdb; color: #1a1a1a; border-color: #dbdbdb; } .btn-transparent-primary { background-color: transparent; color: #89b943; border: 2px solid #89b943; } .btn-transparent-primary:hover, .btn-transparent-primary.hover, .btn-transparent-primary:focus, .btn-transparent-primary.focus, .btn-transparent-primary:active, .btn-transparent-primary.active { background-color: #89b943; color: #ffffff; border-color: #89b943; } .btn-transparent-invert { background-color: transparent; color: #000000; border: 2px solid #000000; } .btn-transparent-invert:hover, .btn-transparent-invert.hover, .btn-transparent-invert:focus, .btn-transparent-invert.focus, .btn-transparent-invert:active, .btn-transparent-invert.active { background-color: #dbdbdb; color: #1a1a1a; border-color: #dbdbdb; } .btn-primary { background-color: #89b943; border: 2px solid #89b943; } .btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active { background-color: #629e0b; border-color: #629e0b; } .btn-primary-second { background-color: #89b943; border: 2px solid #89b943; } .btn-primary-second:hover, .btn-primary-second.hover, .btn-primary-second:focus, .btn-primary-second.focus, .btn-primary-second:active, .btn-primary-second.active { background-color: #2c7fbf; border-color: #2c7fbf; } .btn-secondary { background-color: #333333; border: 2px solid #333333; } .btn-secondary:hover, .btn-secondary.hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active { background-color: #1a1a1a; border-color: #1a1a1a; } .btn-success { background-color: #33cc5b; } .btn-success:hover, .btn-success.hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active { background-color: #29a349; } .btn-info { background-color: #5dade0; } .btn-info:hover, .btn-info.hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active { background-color: #3297d8; } .btn-warning { background-color: #ffcc30; } .btn-warning:hover, .btn-warning.hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active { background-color: #fcbe00; } .btn-error { background-color: #e93d3d; } .btn-error:hover, .btn-error.hover, .btn-error:focus, .btn-error.focus, .btn-error:active, .btn-error.active { background-color: #da1919; } /* Link button */ .btn-link { color: #89b943; font-weight: normal; border-radius: 0; } .btn-link:hover, .btn-link.hover, .btn-link:focus, .btn-link.focus, .btn-link:active, .btn-link.active { color: #629e0b; text-decoration: underline; } /* Large */ .btn-large { font-size: 18px; padding: 13px 28px; } /* Small */ .btn-small { font-size: 14px; padding: 3px 12px; } /* Block */ .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%; } /* Tables */ /* ======================== */ table { position: relative; width: 100%; max-width: 100%; margin-bottom: 24px; background-color: #ffffff; } table table { background-color: #ffffff; } table th { text-align: left; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 8px 24px; line-height: 24px; vertical-align: top; border-bottom: 1px solid #f4f4f4; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { border-bottom: 0; } table > thead > tr > th { color: #ffffff; vertical-align: bottom; background-color: #89b943; font-weight: 600; } table > tfoot > tr > td, table > tfoot > tr > th { background-color: #f4f4f4; font-weight: 600; } table > tbody + tbody { border-top: 2px solid #f4f4f4; } /* Condensed */ .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 3px 12px; font-size: 14px; } /* Bordered */ .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #f4f4f4; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border: 0; } /* Stripped */ .table-striped > tbody > tr:nth-child(odd) { background-color: #fafafa; } /* Hover */ .table-hover > tbody > tr { transition: all 0.3s; } .table-hover > tbody > tr:hover { background-color: #f4f4f4; } /* Forms */ /* ======================== */ form { position: relative; margin-bottom: 24px; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 24px; font-size: 18px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #f4f4f4; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 600; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { line-height: 24px; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } /* Inputs */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: block; width: 100%; height: 40px; padding: 6px 12px; margin-bottom: 24px; font-size: 16px; line-height: 24px; color: #333333; background-color: #ffffff; background-image: none; border: 2px solid #cecece; transition: all 0.3s; -webkit-border-radius: 0px; border-radius: 0px; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: none; border-color: #333333; } select[disabled], textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], select[readonly], textarea[readonly], input[type="text"][readonly], input[type="password"][readonly], input[type="datetime"][readonly], input[type="datetime-local"][readonly], input[type="date"][readonly], input[type="month"][readonly], input[type="time"][readonly], input[type="week"][readonly], input[type="number"][readonly], input[type="email"][readonly], input[type="url"][readonly], input[type="search"][readonly], input[type="tel"][readonly], input[type="color"][readonly], fieldset[disabled] select, fieldset[disabled] textarea, fieldset[disabled] input[type="text"], fieldset[disabled] input[type="password"], fieldset[disabled] input[type="datetime"], fieldset[disabled] input[type="datetime-local"], fieldset[disabled] input[type="date"], fieldset[disabled] input[type="month"], fieldset[disabled] input[type="time"], fieldset[disabled] input[type="week"], fieldset[disabled] input[type="number"], fieldset[disabled] input[type="email"], fieldset[disabled] input[type="url"], fieldset[disabled] input[type="search"], fieldset[disabled] input[type="tel"], fieldset[disabled] input[type="color"] { cursor: not-allowed; background-color: #fafafa; opacity: 1; } select[disabled], textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], fieldset[disabled] select, fieldset[disabled] textarea, fieldset[disabled] input[type="text"], fieldset[disabled] input[type="password"], fieldset[disabled] input[type="datetime"], fieldset[disabled] input[type="datetime-local"], fieldset[disabled] input[type="date"], fieldset[disabled] input[type="month"], fieldset[disabled] input[type="time"], fieldset[disabled] input[type="week"], fieldset[disabled] input[type="number"], fieldset[disabled] input[type="email"], fieldset[disabled] input[type="url"], fieldset[disabled] input[type="search"], fieldset[disabled] input[type="tel"], fieldset[disabled] input[type="color"] { color: #cecece; } select.input-small, textarea.input-small, input[type="text"].input-small, input[type="password"].input-small, input[type="datetime"].input-small, input[type="datetime-local"].input-small, input[type="date"].input-small, input[type="month"].input-small, input[type="time"].input-small, input[type="week"].input-small, input[type="number"].input-small, input[type="email"].input-small, input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { height: 30px; padding: 1px 8px; font-size: 14px; } select.input-large, textarea.input-large, input[type="text"].input-large, input[type="password"].input-large, input[type="datetime"].input-large, input[type="datetime-local"].input-large, input[type="date"].input-large, input[type="month"].input-large, input[type="time"].input-large, input[type="week"].input-large, input[type="number"].input-large, input[type="email"].input-large, input[type="url"].input-large, input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { height: 50px; padding: 11px 16px; font-size: 18px; } ::-moz-placeholder { color: #cecece; opacity: 1; } :-ms-input-placeholder { color: #cecece; } ::-webkit-input-placeholder { color: #cecece; } .placeholder, .placeholder { color: #cecece; } textarea { height: auto; max-width: 100%; resize: vertical; transition: all 0s, border-color 0.3s; } input[type="search"] { -webkit-appearance: none; } /* Radio / Checkbox */ .radio, .checkbox { position: relative; display: block; margin-bottom: 24px; font-weight: normal; cursor: pointer; user-select: none; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative; margin-right: 5px; top: -1px; } .radio + .radio, .checkbox + .checkbox { margin-top: -16px; } .radio-inline, .checkbox-inline { display: inline-block; vertical-align: middle; font-weight: normal; cursor: pointer; user-select: none; margin-bottom: 24px; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 24px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; color: #cecece; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; color: #cecece; } .radio.disabled, .checkbox.disabled, fieldset[disabled] .radio, fieldset[disabled] .checkbox { cursor: not-allowed; color: #cecece; } /* Form Inline */ @media (min-width: 768px) { .form-inline select, .form-inline textarea, .form-inline input[type="text"], .form-inline input[type="password"], .form-inline input[type="datetime"], .form-inline input[type="datetime-local"], .form-inline input[type="date"], .form-inline input[type="month"], .form-inline input[type="time"], .form-inline input[type="week"], .form-inline input[type="number"], .form-inline input[type="email"], .form-inline input[type="url"], .form-inline input[type="search"], .form-inline input[type="tel"], .form-inline input[type="color"] { display: inline-block; width: auto; vertical-align: middle; margin-bottom: 0; margin-right: 15px; } .form-inline label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; margin-right: 24px; } } /* Range Slider */ .uou-rangeslider { position: relative; padding: 10px 0; margin: 0 80px 24px 0; } .uou-rangeslider .rangeslider, .uou-rangeslider .rangeslider__fill { background: #cecece; display: block; height: 4px; width: 100%; } .uou-rangeslider .rangeslider { position: relative; } .uou-rangeslider .rangeslider--disabled { cursor: not-allowed; opacity: .5; } .uou-rangeslider .rangeslider__fill { background: #333333; position: absolute; top: 0; } .uou-rangeslider .rangeslider__handle { display: inline-block; cursor: pointer; background: #89b943; width: 10px; height: 14px; position: absolute; top: -5px; transition: background 0.3s; } .uou-rangeslider .rangeslider__handle:hover, .uou-rangeslider .rangeslider__handle:active, .uou-rangeslider .rangeslider__handle:focus { background: #629e0b; } .uou-rangeslider .tooltip { position: absolute; top: 0; right: -80px; height: 24px; width: 70px; text-align: center; line-height: 24px; font-weight: 600; font-size: 14px; background: #f4f4f4; } .custom-select-box { position: relative; } .custom-select-box .select2-selection { height: 40px; } .custom-select-box .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .custom-select-box .select2-selection__arrow { height: 38px !important; position: absolute; top: 1px; right: 1px; width: 40px !important; background-color: #ddd; } .select2-selection--single:focus { outline: 0 !important; border: 1px solid #cecece !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #89b943 !important; } /* UOU Tabs */ /* ======================== */ .uou-tabs { position: relative; margin: 0 0 24px; } .uou-tabs .tabs { padding-left: 0; list-style: none; margin: 0; } .uou-tabs .tabs:before, .uou-tabs .tabs:after { content: " "; display: table; } .uou-tabs .tabs:after { clear: both; } .uou-tabs .tabs:before, .uou-tabs .tabs:after { content: " "; display: table; } .uou-tabs .tabs:after { clear: both; } .vertical.uou-tabs .tabs { float: left; width: 160px; } .uou-tabs .tabs li { position: relative; float: left; margin-right: 5px; } .uou-tabs .tabs li:last-child { margin-right: 0; } .uou-tabs .tabs li a { display: block; border: 3px solid transparent; color: #333333; padding: 8px 24px; } .uou-tabs .tabs li a:hover { outline: 0; color: #89b943; } .uou-tabs .tabs li.active a { color: #333333; background: #f4f4f4; border: 3px solid #f4f4f4; border-top-color: #89b943; } .vertical.uou-tabs .tabs li { float: none; margin-right: 0; margin-bottom: 5px; } .vertical.uou-tabs .tabs li.active a { border-left-color: #89b943; border-top-color: #f4f4f4; } .uou-tabs .content { border-top: 3px solid #f4f4f4; } .uou-tabs .content > div { display: none; position: relative; padding: 24px; } .uou-tabs .content > div.active { display: block; } .vertical.uou-tabs .content { margin-left: 160px; border-top: 0; border-left: 3px solid #f4f4f4; } .uou-tabs .accordion-link { display: none; background: #f4f4f4; color: #333333; padding: 8px 24px; margin-bottom: 5px; transition: all 0s; } .uou-tabs .accordion-link:hover { background: #dbdbdb; outline: 0; } .uou-tabs .accordion-link.active { color: #ffffff; background: #333333; } @media (max-width: 767px) { .uou-tabs.accordion-xs .tabs { display: none; } .uou-tabs.accordion-xs .accordion-link { display: block; } .uou-tabs.accordion-xs .content { border: 0; margin: 0; } .uou-tabs.accordion-xs .content > div { margin-bottom: 5px; } } @media (min-width: 768px) and (max-width: 991px) { .uou-tabs.accordion-sm .tabs { display: none; } .uou-tabs.accordion-sm .accordion-link { display: block; } .uou-tabs.accordion-sm .content { border: 0; margin: 0; } .uou-tabs.accordion-sm .content > div { margin-bottom: 5px; } } @media (min-width: 992px) and (max-width: 1199px) { .uou-tabs.accordion-md .tabs { display: none; } .uou-tabs.accordion-md .accordion-link { display: block; } .uou-tabs.accordion-md .content { border: 0; margin: 0; } .uou-tabs.accordion-md .content > div { margin-bottom: 5px; } } @media (min-width: 1200px) { .uou-tabs.accordion-lg .tabs { display: none; } .uou-tabs.accordion-lg .accordion-link { display: block; } .uou-tabs.accordion-lg .content { border: 0; margin: 0; } .uou-tabs.accordion-lg .content > div { margin-bottom: 5px; } } /* UOU Accordions */ /* ======================== */ .uou-accordions { padding-left: 0; list-style: none; position: relative; margin: 0 0 24px; } .uou-accordions:before, .uou-accordions:after { content: " "; display: table; } .uou-accordions:after { clear: both; } .uou-accordions:before, .uou-accordions:after { content: " "; display: table; } .uou-accordions:after { clear: both; } .uou-accordions > li > a { position: relative; display: block; background: #f4f4f4; color: #333333; padding: 8px 24px; margin-bottom: 5px; } .uou-accordions > li > a:after { position: absolute; right: 12px; top: 8px; content: "\f054"; font-family: 'FontAwesome'; color: inherit; font-size: 14px; } .uou-accordions > li > a:hover { background: #dbdbdb; outline: 0; } .uou-accordions > li > div { display: none; position: relative; background: #f4f4f4; padding: 24px; margin-bottom: 5px; } .uou-accordions > li.active > a { color: #ffffff; background: #89b943; } .uou-accordions > li.active > a:after { content: "\f078"; } .uou-accordions > li.active > div { display: block; } /* Alerts */ /* ======================== */ .alert { position: relative; padding: 12px 24px; margin-bottom: 24px; } .alert h4 { margin-top: 0; margin-bottom: 12px; font-size: 20px; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 12px; } .alert-dismissible { padding-right: 48px; } .alert-dismissible .close { position: absolute; top: 12px; right: 0; color: inherit; background: none; border: 0; outline: none; padding: 0 12px; font-weight: bold; font-size: 18px; opacity: .5; transition: all 0.3s; } .alert-dismissible .close:hover { opacity: 1; } .alert-success { background-color: #33cc5b; color: #0f3d1b; } .alert-info { background-color: #5dade0; color: #12415f; } .alert-warning { background-color: #ffcc30; color: #4a3700; } .alert-error { background-color: #e93d3d; color: #510909; } /* Breadcrumbs */ /* ======================== */ .breadcrumbs { padding-left: 0; list-style: none; position: relative; margin-bottom: 24px; } .breadcrumbs:before, .breadcrumbs:after { content: " "; display: table; } .breadcrumbs:after { clear: both; } .breadcrumbs:before, .breadcrumbs:after { content: " "; display: table; } .breadcrumbs:after { clear: both; } .breadcrumbs > li { float: left; color: #333333; } .breadcrumbs > li:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 14px; margin: 0 12px; color: #8c8c8c; } .breadcrumbs > li:last-child:after { display: none; } .breadcrumbs > li a { color: #8c8c8c; } .breadcrumbs > li a:hover { color: #89b943; } /* Breadcrumbs Secondary */ .breadcrumbs-secondary { padding-left: 0; list-style: none; position: relative; margin-bottom: 24px; } .breadcrumbs-secondary:before, .breadcrumbs-secondary:after { content: " "; display: table; } .breadcrumbs-secondary:after { clear: both; } .breadcrumbs-secondary:before, .breadcrumbs-secondary:after { content: " "; display: table; } .breadcrumbs-secondary:after { clear: both; } .breadcrumbs-secondary > li { float: left; margin-right: 5px; line-height: 28px; font-size: 14px; } .breadcrumbs-secondary > li:first-child > a, .breadcrumbs-secondary > li:first-child > span { border-left: 1px solid #8c8c8c; padding-left: 12px; } .breadcrumbs-secondary > li:first-child > a .arrow, .breadcrumbs-secondary > li:first-child > span .arrow { display: none; } .breadcrumbs-secondary > li > a, .breadcrumbs-secondary > li > span { position: relative; display: block; padding: 0 12px 0 24px; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; } .breadcrumbs-secondary > li > a:before, .breadcrumbs-secondary > li > span:before, .breadcrumbs-secondary > li > a:after, .breadcrumbs-secondary > li > span:after { z-index: 2; position: absolute; display: block; content: ''; width: 0; height: 0; transition: all 0.3s; } .breadcrumbs-secondary > li > a:before, .breadcrumbs-secondary > li > span:before { top: -1px; right: -15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #8c8c8c; } .breadcrumbs-secondary > li > a:after, .breadcrumbs-secondary > li > span:after { top: 0; right: -14px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #ffffff; } .breadcrumbs-secondary > li > a .arrow, .breadcrumbs-secondary > li > span .arrow { position: absolute; z-index: 1; top: -1px; left: 0; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #8c8c8c; } .breadcrumbs-secondary > li > a .arrow:before, .breadcrumbs-secondary > li > span .arrow:before, .breadcrumbs-secondary > li > a .arrow:after, .breadcrumbs-secondary > li > span .arrow:after { position: absolute; display: block; content: ''; width: 0; height: 0; } .breadcrumbs-secondary > li > a .arrow:before, .breadcrumbs-secondary > li > span .arrow:before { top: -15px; left: -16px; border-bottom: 15px solid #ffffff; border-right: 15px solid transparent; } .breadcrumbs-secondary > li > a .arrow:after, .breadcrumbs-secondary > li > span .arrow:after { bottom: -15px; left: -16px; border-top: 15px solid #ffffff; border-right: 15px solid transparent; } .breadcrumbs-secondary > li > a { color: #8c8c8c; } .breadcrumbs-secondary > li > a:hover { border-color: #89b943; background-color: #89b943; color: #ffffff; } .breadcrumbs-secondary > li > a:hover:before, .breadcrumbs-secondary > li > a:hover:after, .breadcrumbs-secondary > li > a:hover .arrow { border-left-color: #89b943; } .breadcrumbs-secondary > li > span { border-color: #666666; background-color: #666666; color: #ffffff; } .breadcrumbs-secondary > li > span:before, .breadcrumbs-secondary > li > span:after, .breadcrumbs-secondary > li > span .arrow { border-left-color: #666666; } /* Pagination */ /* ======================== */ .pagination { padding-left: 0; list-style: none; position: relative; margin-bottom: 24px; } .pagination:before, .pagination:after { content: " "; display: table; } .pagination:after { clear: both; } .pagination:before, .pagination:after { content: " "; display: table; } .pagination:after { clear: both; } .pagination > li { float: left; margin-right: 1px; } .pagination > li:last-child { margin-right: 0; } .pagination > li > a, .pagination > li > span { display: block; min-width: 30px; height: 30px; line-height: 30px; padding-left: 8px; padding-right: 8px; text-align: center; color: #333333; } .pagination > li > a .fa, .pagination > li > span .fa { position: relative; font-size: 12px; top: -1px; } .pagination > li > a:hover { background: #89b943; color: #ffffff; } .pagination > li.active > a, .pagination > li.active > span { cursor: default; color: #ffffff; background: #333333; } /* Pagination Secondary */ .pagination-secondary { padding-left: 0; list-style: none; position: relative; margin-bottom: 24px; } .pagination-secondary:before, .pagination-secondary:after { content: " "; display: table; } .pagination-secondary:after { clear: both; } .pagination-secondary:before, .pagination-secondary:after { content: " "; display: table; } .pagination-secondary:after { clear: both; } .pagination-secondary > li { float: left; margin-right: 1px; } .pagination-secondary > li:first-child { margin-right: 8px; } .pagination-secondary > li:first-child .fa { margin-right: 5px; } .pagination-secondary > li:last-child { margin-right: 0; margin-left: 8px; } .pagination-secondary > li:last-child .fa { margin-left: 5px; } .pagination-secondary > li > a, .pagination-secondary > li > span { display: block; min-width: 30px; height: 30px; line-height: 30px; padding-left: 8px; padding-right: 8px; text-align: center; color: #333333; background: #f4f4f4; } .pagination-secondary > li > a .fa, .pagination-secondary > li > span .fa { position: relative; font-size: 12px; top: -1px; } .pagination-secondary > li > a:hover { background: #89b943; color: #ffffff; } .pagination-secondary > li.active > a, .pagination-secondary > li.active > span { cursor: default; color: #ffffff; background: #333333; } /* Tables */ /* ======================== */ .pricing-table { position: relative; width: 100%; margin-bottom: 24px; } .pricing-table .column { float: left; width: 100%; margin: 0 15px; } .columns-2.pricing-table .column { width: 50%; } .columns-3.pricing-table .column { width: 33.33333333%; } .columns-4.pricing-table .column { width: 25%; } .pricing-table .column > header { text-align: center; padding: 24px 0; } .pricing-table .column > header h6 { color: #333333; margin: 0 0 48px 0; text-transform: uppercase; background-color: #fff; } .pricing-table .column > header .price { font-size: 48px; color: #ffffff; background: url("../img/pricing-table-bg.jpg") top center no-repeat; } .pricing-table .column > header .price:before { content: '$'; font-size: 24px; margin-right: 5px; } .pricing-table .column > header .price span { margin-left: 5px; font-size: 16px; color: #8c8c8c; } .pricing-table .column > footer { background: #f4f4f4; text-align: center; padding: 24px 0; border-right: 1px solid #e7e7e7; } .pricing-table .column > ul { padding-left: 0; list-style: none; margin: 0; border-right: 1px solid #e7e7e7; } .pricing-table .column > ul > li { background: #f4f4f4; font-size: 14px; padding: 8px 0; text-align: center; } .pricing-table .column > ul > li:nth-last-child(odd) { background: #fafafa; } .pricing-table .column > ul > li span { color: #333333; font-weight: 600; } .pricing-table .column:last-child > header, .pricing-table .column:last-child > footer, .pricing-table .column:last-child > ul { border-right: 0; } @media (max-width: 991px) { .columns-4.pricing-table .column { width: 50%; } } @media (max-width: 991px) { .columns-2.pricing-table .column, .columns-3.pricing-table .column, .columns-4.pricing-table .column, .columns-5.pricing-table .column { width: 100%; } } .pricing-table { position: relative; text-align: center; border: 3px solid #f4f4f4; border-radius: 0px; cursor: pointer; margin: 40px auto; } @media (max-width: 768px) { .pricing-table { width: 270px; } } @media (max-width: 1200px) { .pricing-table { width: 270px; } } .pricing-table h3 { display: block; margin: 0; padding: 20px 0; font-size: 18px; border-bottom: 3px solid #f4f4f4; } .pricing-table .price { margin: 1px; position: relative; padding: 50px 0 40px; font-size: 51px; background: url("../img/pricing-table-bg1.jpg") top center no-repeat; color: #fff; } .pricing-table .price b { font-size: 13px; display: block; padding-top: 5px; text-transform: capitalize; font-weight: normal; } .pricing-table ul { margin: 0; padding: 40px 0; list-style: none; border-top: 3px solid #f4f4f4; border-bottom: 3px solid #f4f4f4; } .pricing-table ul li { padding: 10px 0; font-size: 15px; } .pricing-table ul li .fa { padding-right: 8px; font-size: 14px; } .pricing-table .btn { margin: 25px 0; } /* FLEXSLIDER */ /* ======================== */ .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; overflow: hidden; } .flexslider .slides:before, .flexslider .slides:after { content: " "; display: table; } .flexslider .slides:after { clear: both; } .flexslider .slides:before, .flexslider .slides:after { content: " "; display: table; } .flexslider .slides:after { clear: both; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; height: auto; display: block; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .flexslider { position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flex-viewport { max-height: 2000px; } .loading .flex-viewport { max-height: 300px; } .flex-direction-nav { display: block; width: 100%; margin: 0; } .flex-direction-nav a { display: block; width: 48px; height: 48px; text-align: center; font-size: 26px; background: rgba(51, 51, 51, 0.5); line-height: 48px; color: #ffffff; } .flex-direction-nav a:hover { background: #333333; } .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev { position: absolute; top: 50%; margin-top: -24px; z-index: 10; } .flex-direction-nav .flex-next:before, .flex-direction-nav .flex-prev:before { display: block; font-family: 'FontAwesome'; line-height: 48px; } .flex-direction-nav .flex-prev { left: 0; } .flex-direction-nav .flex-prev:before { content: "\f104"; } .flex-direction-nav .flex-next { right: 0; } .flex-direction-nav .flex-next:before { content: "\f105"; } .flex-direction-nav .flex-disabled, .flex-direction-nav .flex-disabled:hover { cursor: default; background: rgba(51, 51, 51, 0.75); color: rgba(255, 255, 255, 0.5); } .flex-control-nav { position: absolute; left: 0; bottom: 10px; display: block; width: 100%; text-align: center; line-height: 10px; padding: 10px; z-index: 10; } .flex-control-nav li { display: inline-block; line-height: 10px; margin: 0 5px; vertical-align: bottom; } .flex-control-nav li a { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 10px; height: 10px; cursor: pointer; text-decoration: none; background: rgba(73, 152, 213, 0.5); border-radius: 50%; background: #ffffff; } .flex-control-nav li a:hover { background: #89b943; } .flex-control-nav li a.flex-active { background: #89b943; cursor: default; } .mejs-player { margin-bottom: 30px; } .mejs-player, .mejs-player * { outline: 0; } .mejs-offscreen { /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */ position: absolute !important; top: -10000px; overflow: hidden; width: 1px; height: 1px; } .mejs-container { position: relative; background: #000; text-align: left; vertical-align: middle; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../js/plugins/mejs/bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(../js/plugins/mejs/bigplay.png); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(../js/plugins/mejs/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(../js/plugins/mejs/loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0 5px; bottom: 0; left: 0; background: #333333; height: 40px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 40px; font-size: 10px; line-height: 40px; font-family: 'Open Sans', sans-serif; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 12px 5px 0; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(../js/plugins/mejs/controls.svg) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(../js/plugins/mejs/controls.png); } /* :focus for accessibility */ /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #ffffff; display: block; height: 40px; width: auto; padding: 0 5px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time a { color: #ffffff; font-size: 10px; line-height: 40px; display: block; float: left; margin: 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 15px; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 0 5px; background: #8c8c8c; } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-ms-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #737373; width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #89b943; width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #f4f4f4; width: 40px; height: 16px; border: 0; top: -22px; margin-left: -20px; text-align: center; color: #333333; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: -12px 0 0 0; width: 40px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #f4f4f4; border-color: #f4f4f4 transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 14px; left: 15px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 50px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 50px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 20px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: rgba(51, 51, 51, 0.5); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; vertical-align: middle; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 16px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #8c8c8c; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 16px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #89b943; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(../js/plugins/mejs/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 35px; } .mejs-captions-text { padding: 3px 5px; background: url(../js/plugins/mejs/background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: Picture Controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../js/plugins/mejs/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../js/plugins/mejs/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(../js/plugins/mejs/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /* Start: Speed */ div.mejs-speed-button { width: 46px !important; position: relative; } .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; } .mejs-controls .mejs-speed-button .mejs-speed-selector { visibility: hidden; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(../js/plugins/mejs/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { visibility: visible; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: #21f8f8; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; } /* End: Speed */ /* Start: Skip Back */ .mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(../js/plugins/mejs/skipback.png) no-repeat; background-position: 3px 3px; } .mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } /* End: Skip Back */ .mejs-audio { width: 100% !important; } .uou-demo-block { position: relative; width: 100%; padding: 70px 0 40px; } .uou-demo-block.zero-pb { padding-bottom: 0; } .uou-demo-block.tertiary { background-color: #f4f4f4; } .uou-demo-block h2.block-title { text-align: center; font-size: 46px; text-transform: uppercase; margin-top: 0; color: #bfbfbf; margin-bottom: 5px; } .uou-demo-block h2.block-title.invert { color: #333333; } .uou-demo-block h2.block-title.left { text-align: left; } .uou-demo-block h1.block-title { text-align: center; font-size: 76px; text-transform: uppercase; margin-top: 0; color: #bfbfbf; margin-bottom: 5px; } .uou-demo-block .block-secondary-title { text-align: center; font-family: 'Libre Baskerville', serif; font-style: italic; color: #333333; font-size: 18px; padding-bottom: 30px; } .uou-demo-block .block-secondary-title.left { text-align: left; } .uou-demo-block .block-secondary-title.invert { color: #ffffff; } .uou-demo-block .uou-block-5c blockquote p { color: #333333; } .uou-demo-block .uou-service-square { padding: 0; } .uou-demo-block .block-secondary-title-m { text-align: center; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #333333; font-size: 12px; padding-bottom: 30px; } .uou-demo-block .block-secondary-title-m.left { text-align: left; } .uou-demo-block .block-secondary-title-m.invert { color: #ffffff; } .uou-demo-block .portfolio, .uou-demo-block #portfolio { padding: 0; } .uou-demo-block .uou-block-5b p { color: #333333; } .uou-demo-block .demo-contact-form { position: relative; text-align: center; margin-left: auto; margin-right: auto; max-width: 500px; } .uou-demo-block .demo-contact-form.invert input[type="text"], .uou-demo-block .demo-contact-form.invert input[type="email"], .uou-demo-block .demo-contact-form.invert textarea { background: transparent; margin-bottom: 30px; color: #333333 !important; border-color: #737373; } .uou-demo-block .demo-contact-form.invert textarea { height: 120px; resize: none; overflow: auto; } .uou-demo-block .demo-contact-form input, .uou-demo-block .demo-contact-form textarea { background: transparent; margin-bottom: 30px; color: #ffffff !important; } .uou-demo-block .demo-contact-form textarea { height: 120px; resize: none; overflow: auto; } .uou-demo-block .uou-map-section { height: 300px; } .uou-demo-block .round-counter-single h6 { font-size: 11px; } .uou-demo-block .address h2 { margin-top: 0; } .uou-demo-block .pricing-table { margin: 0 auto; } @media screen and (max-width: 991px) { .uou-demo-block .pricing-table { margin: 40px auto; } } .uou-demo-block .small-width-text { max-width: 500px; font-size: 14px; } .mobile-pic { width: 260px; margin: 0 auto; } .sign { width: 130px; display: block; } .demo-img-custom { width: 239px; position: absolute; top: -250px; left: 20px; } @media screen and (max-width: 991px) { .demo-img-custom { display: none; } } .copywrite-bg-image { background: url("../img/copywrite-block-img1.png") top center no-repeat; } @media screen and (max-width: 992px) { .copywrite-bg-image { background: none; } } .copywrite-header { position: absolute; width: 100%; z-index: 99; } .copywrite-header .uou-block-2d { background-color: transparent; padding: 20px 0; } .copywrite-header .uou-block-2f { background-color: transparent; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .border-right.copywrite-header .uou-block-2f { margin-right: 0; } .border-right.copywrite-header .uou-block-2f:after { position: absolute; display: block; content: ''; top: 17px; right: 0; width: 1px; height: 16px; background: #ffffff; } /* PORTFOLIO */ .uou-portfolio { position: relative; widht: 100%; } .uou-portfolio .portfolio { position: relative; padding: 60px 0 20px; } .uou-portfolio .portfolio .filters { margin-bottom: 50px; text-align: center; } .uou-portfolio .portfolio .filters li { display: inline-block; } .uou-portfolio .portfolio .filters li a { background-color: transparent; color: #89b943; border: 1px solid #89b943; text-transform: capitalize; margin-right: 10px; padding: 6px 15px; } .uou-portfolio .portfolio .filters li a:hover, .uou-portfolio .portfolio .filters li a.active { background-color: #89b943; color: #ffffff; } @media (max-width: 768px) { .uou-portfolio .portfolio .filters li { display: block; width: 100%; } .uou-portfolio .portfolio .filters li a { display: block; } } .uou-portfolio .portfolio .portfolio-filters-content { width: 100%; height: 100%; } .uou-portfolio .portfolio .portfolio-filters-content article { margin: 0; float: left; width: 33.33%; overflow: hidden; } .uou-portfolio .portfolio .portfolio-filters-content article a span { visibility: visible; opacity: 0; position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(73, 152, 213, 0.5); color: #ffffff; padding: 40px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .uou-portfolio .portfolio .portfolio-filters-content article a span b.title { position: absolute; top: 70%; font-size: 12px; font-weight: normal; } .uou-portfolio .portfolio .portfolio-filters-content article a span b.title strong { font-weight: normal; display: block; font-size: 16px; } .uou-portfolio .portfolio .portfolio-filters-content article a span .fa { position: absolute; top: 40%; left: 45%; text-align: center; vertical-align: middle; width: 100%; height: 50px; width: 50px; border: 1px solid #ffffff; border-radius: 50%; line-height: 50px; margin: 0 auto; } .uou-portfolio .portfolio .portfolio-filters-content article:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); } .uou-portfolio .portfolio .portfolio-filters-content article:hover a span { visibility: visible; opacity: 1; } .uou-portfolio .portfolio .portfolio-filters-content article img { -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media (max-width: 1200px) { .uou-portfolio .portfolio .portfolio-filters-content article { width: 283px; } } @media (max-width: 992px) { .uou-portfolio .portfolio .portfolio-filters-content article { width: 330px; } } @media (max-width: 992px) { .uou-portfolio .portfolio .portfolio-filters-content article { position: relative !important; margin: 0 0 30px 0; width: 100%; left: 0 !important; top: 0 !important; } .uou-portfolio .portfolio .portfolio-filters-content article img { width: 100%; height: auto; } } @media (max-width: 992px) { .uou-portfolio .portfolio .portfolio-filters-content { padding: 0 15px; } } /* ====================================================== BLOCKS ====================================================== */ /* Block 1a */ /* ======================== */ .uou-block-1a { position: relative; display: block; background: #f4f4f4; } .uou-block-1a:before, .uou-block-1a:after { content: " "; display: table; } .uou-block-1a:after { clear: both; } .uou-block-1a:before, .uou-block-1a:after { content: " "; display: table; } .uou-block-1a:after { clear: both; } .uou-block-1a.blog { background: #ffffff; } .uou-block-1a .search { position: relative; margin: 0; float: left; } .uou-block-1a .search .toggle { position: absolute; top: 0; left: 0; display: block; font-size: 14px; color: #333333; line-height: 40px; visibility: visible; opacity: 1; } .uou-block-1a .search .toggle:hover { color: #89b943; } .uou-block-1a .search form { position: relative; width: 300px; visibility: hidden; opacity: 0; margin-bottom: 0; transition: all 0.3s; } .uou-block-1a .search form input[type="text"] { border: 0; padding-left: 0; padding-right: 40px; background: none; margin-bottom: 0; } .uou-block-1a .search form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; border: 0; width: 40px; height: 40px; padding: 0; text-align: center; line-height: 40px; font-family: 'FontAwesome'; font-size: 14px; color: #333333; transition: all 0.3s; } .uou-block-1a .search form input[type="submit"]:hover { color: #89b943; } .uou-block-1a .search.active .toggle { visibility: hidden; opacity: 0; } .uou-block-1a .search.active form { visibility: visible; opacity: 1; } .uou-block-1a .language { position: relative; float: right; padding-left: 0; list-style: none; } .uou-block-1a .language .toggle { display: block; font-size: 14px; color: #333333; line-height: 40px; height: 40px; font-weight:bold; text-transform:uppercase; padding:0 10px; } .uou-block-1a .language .toggle:after { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; margin-left: 5px; position: relative; line-height: 40px; top: -1px; } .uou-block-1a .language .toggle:hover { color: #89b943; } .uou-block-1a .language .toggle img { width: 16px; height: auto; margin-top: -2px; } .uou-block-1a .language ul { padding-left: 0; list-style: none; margin: 0; display: block; position: absolute; top: 100%; left: 0; visibility: hidden; opacity: 0; min-width: 100%; margin-top: -1px; transition: all 0.3s; background:#333; } .uou-block-1a .language ul li { background: #333; border-top: 1px solid #dbdbdb; text-align:center; } .uou-block-1a .language ul li a { display: block; font-size: 14px; color: #fff; line-height: 30px; padding: 0 12px; white-space: nowrap; font-weight:bold; text-transform:uppercase; } .uou-block-1a .language ul li a:hover { color: #89b943; } .uou-block-1a .language ul li a img { max-width: none; width: 16px; height: auto; margin-top: -3px; margin-right: 5px; } .uou-block-1a .language.active > ul { visibility: visible; opacity: 1; } .uou-block-1a .authentication { padding-left: 0; list-style: none; margin: 0 10px 0 24px; float: right; } .uou-block-1a .authentication li { float: left; margin-top: 14px; } .uou-block-1a .authentication li a { display: block; font-size: 14px; line-height: 12px; color: #333333; } .uou-block-1a .authentication li a:hover { color: #89b943; } .uou-block-1a .authentication li:first-child { border-right: 1px solid #dbdbdb; padding-right: 5px; margin-right: 5px; } .uou-block-1a .social { padding-left: 0; list-style: none; margin: 0 0 0 24px; float: right; } .uou-block-1a .social li { float: left; } .uou-block-1a .social li a { display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #ffffff; } .uou-block-1a .social li a.fa-facebook { background: #3b5999; } .uou-block-1a .social li a.fa-twitter { background: #55acee; } .uou-block-1a .social li a.fa-google-plus { background: #dd4b39; } .uou-block-1a .social li a:hover.fa-facebook { background: #2d4474; } .uou-block-1a .social li a:hover.fa-twitter { background: #2795e9; } .uou-block-1a .social li a:hover.fa-google-plus { background: #c23321; } @media (max-width: 767px) { .uou-block-1a { display: none; } } /* Block 1b */ /* ======================== */ .uou-block-1b { position: relative; display: block; background: #f4f4f4; padding: 10px 0; } .uou-block-1b:before, .uou-block-1b:after { content: " "; display: table; } .uou-block-1b:after { clear: both; } .uou-block-1b:before, .uou-block-1b:after { content: " "; display: table; } .uou-block-1b:after { clear: both; } .uou-block-1b .language { float: left; position: relative; padding-left: 0; list-style: none; } .uou-block-1b .language .toggle { display: block; font-size: 14px; color: #333333; line-height: 30px; height: 30px; } .uou-block-1b .language .toggle:after { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; margin-left: 5px; position: relative; line-height: 30px; top: -1px; } .uou-block-1b .language .toggle:hover { color: #89b943; } .uou-block-1b .language .toggle img { width: 16px; height: auto; margin-top: -2px; } .uou-block-1b .language ul { padding-left: 0; list-style: none; margin: 0; display: block; position: absolute; top: 100%; left: 0; min-width: 100%; visibility: hidden; opacity: 0; margin-top: 9px; transition: all 0.3s; } .uou-block-1b .language ul li { background: #f4f4f4; border-top: 1px solid #dbdbdb; } .uou-block-1b .language ul li a { display: block; font-size: 12px; color: inherit; line-height: 30px; padding: 0 12px; white-space: nowrap; } .uou-block-1b .language ul li a:hover { color: #89b943; } .uou-block-1b .language ul li a img { max-width: none; width: 16px; height: auto; margin-top: -3px; margin-right: 5px; } .uou-block-1b .language.active > ul { visibility: visible; opacity: 1; } .uou-block-1b .authentication { padding-left: 0; list-style: none; margin: 0 10px 0 24px; float: right; } .uou-block-1b .authentication li { float: left; margin-right: 5px; } .uou-block-1b .authentication li:last-child { margin-right: 0; } .uou-block-1b .social { padding-left: 0; list-style: none; margin: 0; float: right; } .uou-block-1b .social li { float: left; margin-right: 5px; } .uou-block-1b .social li a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #ffffff; border-radius: 50%; } .uou-block-1b .social li a.fa-facebook { background: #3b5999; } .uou-block-1b .social li a.fa-twitter { background: #55acee; } .uou-block-1b .social li a.fa-google-plus { background: #dd4b39; } .uou-block-1b .social li a:hover.fa-facebook { background: #2d4474; } .uou-block-1b .social li a:hover.fa-twitter { background: #2795e9; } .uou-block-1b .social li a:hover.fa-google-plus { background: #c23321; } @media (max-width: 767px) { .uou-block-1b { display: none; } } /* Block 1c */ /* ======================== */ .uou-block-1c { position: relative; display: block; background: #f4f4f4; } .uou-block-1c:before, .uou-block-1c:after { content: " "; display: table; } .uou-block-1c:after { clear: both; } .uou-block-1c:before, .uou-block-1c:after { content: " "; display: table; } .uou-block-1c:after { clear: both; } .uou-block-1c .logo { float: left; display: block; font-size: 24px; text-transform: uppercase; color: inherit; font-weight: 700; letter-spacing: 2px; line-height: 60px; border-right: 1px solid #dbdbdb; padding-right: 24px; } .uou-block-1c .logo:hover { color: #89b943; } .uou-block-1c .search { position: relative; float: left; } .uou-block-1c .search form { margin: 0; } .uou-block-1c .search form input[type="text"] { background: none; border: 0; margin: 0; width: 300px; height: 60px; padding: 16px 0 16px 24px; } .uou-block-1c .buttons { padding-left: 0; list-style: none; float: right; border-left: 1px solid #dbdbdb; margin: 0; } .uou-block-1c .buttons li { float: left; border-right: 1px solid #dbdbdb; } .uou-block-1c .buttons li a { display: block; color: inherit; width: 60px; height: 60px; line-height: 60px; text-align: center; } .uou-block-1c .buttons li a:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-1c { display: none; } } /* Block 1d */ /* ======================== */ .uou-block-1d { position: relative; display: block; background: #f4f4f4; } .uou-block-1d:before, .uou-block-1d:after { content: " "; display: table; } .uou-block-1d:after { clear: both; } .uou-block-1d:before, .uou-block-1d:after { content: " "; display: table; } .uou-block-1d:after { clear: both; } .uou-block-1d .search-form { position: relative; margin: 10px 0 0 0; padding: 0; float: right; } .uou-block-1d .search-form input[type="text"] { margin: 0; background: none; border-radius: 0px; } .uou-block-1d .search-form input[type="text"]:focus + input[type="submit"] { color: #333333; } .uou-block-1d .search-form input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .uou-block-1d .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; border: 0; width: 40px; height: 40px; padding: 0; text-align: center; line-height: 40px; font-family: 'FontAwesome'; font-size: 14px; color: #cecece; transition: all 0.3s; } .uou-block-1d .search-form input[type="submit"]:hover { color: #89b943; } .uou-block-1d .buttons { padding-left: 0; list-style: none; float: left; border-left: 1px solid #dbdbdb; margin: 0; } .uou-block-1d .buttons li { float: left; border-right: 1px solid #dbdbdb; } .uou-block-1d .buttons li a { display: block; color: inherit; width: 60px; height: 60px; line-height: 60px; text-align: center; } .uou-block-1d .buttons li a:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-1d { display: none; } } /* Block 1e */ /* ======================== */ .uou-block-1e { position: relative; display: block; background: #f4f4f4; padding: 10px 0; } .uou-block-1e:before, .uou-block-1e:after { content: " "; display: table; } .uou-block-1e:after { clear: both; } .uou-block-1e:before, .uou-block-1e:after { content: " "; display: table; } .uou-block-1e:after { clear: both; } .uou-block-1e .contact { float: left; font-size: 14px; color: #737373; margin-top: 3px; margin-left: 12px; padding-left: 12px; border-left: 1px solid #dbdbdb; } .uou-block-1e .contact:hover { color: #89b943; } .uou-block-1e .authentication { padding-left: 0; list-style: none; margin: 0 10px 0 24px; float: right; } .uou-block-1e .authentication li { float: left; margin-top: 9px; } .uou-block-1e .authentication li a { display: block; font-size: 14px; line-height: 12px; color: #333333; } .uou-block-1e .authentication li a:hover { color: #89b943; } .uou-block-1e .authentication li:first-child { border-right: 1px solid #dbdbdb; padding-right: 5px; margin-right: 5px; } .uou-block-1e .social { padding-left: 0; list-style: none; margin: 0; float: left; } .uou-block-1e .social li { float: left; margin-right: 5px; } .uou-block-1e .social li:last-child { margin-right: 0; } .uou-block-1e .social li a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #ffffff; border-radius: 50%; } .uou-block-1e .social li a.fa-facebook { background: #3b5999; } .uou-block-1e .social li a.fa-twitter { background: #55acee; } .uou-block-1e .social li a.fa-google-plus { background: #dd4b39; } .uou-block-1e .social li a:hover.fa-facebook { background: #2d4474; } .uou-block-1e .social li a:hover.fa-twitter { background: #2795e9; } .uou-block-1e .social li a:hover.fa-google-plus { background: #c23321; } .uou-block-1e .language { position: relative; float: right; padding-left: 0; list-style: none; } .uou-block-1e .language .toggle { display: block; font-size: 14px; color: #333333; line-height: 30px; height: 30px; } .uou-block-1e .language .toggle:after { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; margin-left: 5px; position: relative; line-height: 30px; top: -1px; } .uou-block-1e .language .toggle:hover { color: #89b943; } .uou-block-1e .language .toggle img { width: 16px; height: auto; margin-top: -2px; } .uou-block-1e .language ul { padding-left: 0; list-style: none; margin: 0; display: block; position: absolute; top: 100%; left: 0; visibility: hidden; opacity: 0; min-width: 100%; margin-top: -1px; transition: all 0.3s; } .uou-block-1e .language ul li { background: #f4f4f4; border-top: 1px solid #dbdbdb; } .uou-block-1e .language ul li a { display: block; font-size: 12px; color: inherit; line-height: 30px; padding: 0 12px; white-space: nowrap; } .uou-block-1e .language ul li a:hover { color: #89b943; } .uou-block-1e .language ul li a img { max-width: none; width: 16px; height: auto; margin-top: -3px; margin-right: 5px; } .uou-block-1e .language.active > ul { visibility: visible; opacity: 1; } @media (max-width: 767px) { .uou-block-1e { display: none; } } /* Block 1f */ /* ======================== */ .uou-block-1f { position: relative; display: block; padding: 10px 0; background: #f4f4f4; } .uou-block-1f:before, .uou-block-1f:after { content: " "; display: table; } .uou-block-1f:after { clear: both; } .uou-block-1f:before, .uou-block-1f:after { content: " "; display: table; } .uou-block-1f:after { clear: both; } .uou-block-1f .authentication { padding-left: 0; list-style: none; margin: 0 24px 0 0; float: right; } .uou-block-1f .authentication li { float: left; margin-top: 14px; } .uou-block-1f .authentication li a { display: block; font-size: 14px; line-height: 12px; color: #333333; } .uou-block-1f .authentication li a:hover { color: #89b943; } .uou-block-1f .authentication li:first-child { border-right: 1px solid #dbdbdb; padding-right: 5px; margin-right: 5px; } .uou-block-1f .social { padding-left: 0; list-style: none; margin: 8px 0 0 24px; padding-left: 24px; border-left: 1px solid #dbdbdb; float: left; } .uou-block-1f .social li { float: left; margin-right: 24px; } .uou-block-1f .social li:last-child { margin-right: 0; } .uou-block-1f .social li a { display: block; font-size: 18px; color: #737373; line-height: 24px; } .uou-block-1f .social li a:hover { color: #89b943; } .uou-block-1f .language { position: relative; float: left; padding-left: 0; list-style: none; } .uou-block-1f .language .toggle { display: block; font-size: 14px; color: #333333; line-height: 40px; height: 40px; } .uou-block-1f .language .toggle:after { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; margin-left: 5px; position: relative; line-height: 40px; top: -1px; } .uou-block-1f .language .toggle:hover { color: #89b943; } .uou-block-1f .language .toggle img { width: 16px; height: auto; margin-top: -2px; } .uou-block-1f .language ul { padding-left: 0; list-style: none; margin: 0; display: block; position: absolute; top: 100%; left: 0; visibility: hidden; opacity: 0; min-width: 100%; margin-top: -1px; transition: all 0.3s; } .uou-block-1f .language ul li { background: #f4f4f4; border-top: 1px solid #dbdbdb; } .uou-block-1f .language ul li a { display: block; font-size: 12px; color: inherit; line-height: 30px; padding: 0 12px; white-space: nowrap; } .uou-block-1f .language ul li a:hover { color: #89b943; } .uou-block-1f .language ul li a img { max-width: none; width: 16px; height: auto; margin-top: -3px; margin-right: 5px; } .uou-block-1f .language.active > ul { visibility: visible; opacity: 1; z-index: 9999; } .uou-block-1f .search-form { position: relative; margin: 0; padding: 0; float: right; } .uou-block-1f .search-form input[type="text"] { margin: 0; background: none; border-radius: 0px; } .uou-block-1f .search-form input[type="text"]:focus + input[type="submit"] { color: #333333; } .uou-block-1f .search-form input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .uou-block-1f .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; border: 0; width: 40px; height: 40px; padding: 0; text-align: center; line-height: 40px; font-family: 'FontAwesome'; font-size: 14px; color: #cecece; transition: all 0.3s; } .uou-block-1f .search-form input[type="submit"]:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-1f { display: none; } } /* Block 2a */ /* ======================== */ .uou-block-2a { position: relative; display: block; padding: 24px 0; font-family: 'Open Sans', sans-serif; } .uou-block-2a:before, .uou-block-2a:after { content: " "; display: table; } .uou-block-2a:after { clear: both; } .uou-block-2a:before, .uou-block-2a:after { content: " "; display: table; } .uou-block-2a:after { clear: both; } .uou-block-2a .logo { float: left; display: block; font-size: 28px; color: inherit; font-weight: 700; letter-spacing: 2px; line-height: 40px; } .banner.uou-block-2a .logo { line-height: 90px; } .uou-block-2a .logo:hover { color: #89b943; } .uou-block-2a .mobile-sidebar-button { display: none; } .uou-block-2a .contact { float: right; line-height: 40px; font-size: 18px; } .uou-block-2a .contact span { color: #333333; font-weight: 600; } .uou-block-2a .contact a { color: #737373; } .uou-block-2a .contact a:hover { color: #89b943; } .uou-block-2a .cart { float: right; line-height: 40px; font-size: 14px; color: #333333; } .uou-block-2a .cart .fa { color: #333333; transition: all 0.3s; font-size: 18px; margin-right: 5px; } .uou-block-2a .cart:hover, .uou-block-2a .cart:hover .fa { color: #89b943; } .banner.uou-block-2a .banner { float: right; line-height: 40px; width: 728px; height: 90px; } .banner.uou-block-2a .banner a { display: block; text-decoration: none; } .banner.uou-block-2a .banner img { display: block; width: 728px; height: 90px; } .uou-block-2a .search-form { position: relative; margin: 0; padding: 0; float: right; } .uou-block-2a .search-form input[type="text"] { margin: 0; border-radius: 0px; } .uou-block-2a .search-form input[type="text"]:focus + input[type="submit"] { color: #333333; } .uou-block-2a .search-form input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .uou-block-2a .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; border: 0; width: 40px; height: 40px; padding: 0; text-align: center; line-height: 40px; font-family: 'FontAwesome'; font-size: 14px; color: #cecece; transition: all 0.3s; } .uou-block-2a .search-form input[type="submit"]:hover { color: #89b943; } @media (max-width: 1199px) { .banner.uou-block-2a .logo { line-height: 80px; } .banner.uou-block-2a .banner { width: 650px; height: 80px; } .banner.uou-block-2a .banner img { width: 650px; height: 80px; } } @media (max-width: 991px) { .banner.uou-block-2a .logo { line-height: 56px; } .banner.uou-block-2a .banner { width: 450px; height: 56px; } .banner.uou-block-2a .banner img { width: 450px; height: 56px; } } @media (max-width: 767px) { .uou-block-2a .logo { line-height: 40px; } .uou-block-2a .mobile-sidebar-button { display: block; float: right; } .uou-block-2a .contact, .uou-block-2a .cart, .banner.uou-block-2a .banner, .uou-block-2a .search-form { display: none; } } /* Block 2b */ /* ======================== */ .uou-block-2b { position: relative; display: block; padding: 4px 0; font-family: 'Open Sans', sans-serif; } .uou-block-2b:before, .uou-block-2b:after { content: " "; display: table; } .uou-block-2b:after { clear: both; } .uou-block-2b:before, .uou-block-2b:after { content: " "; display: table; } .uou-block-2b:after { clear: both; } .border-bottom.uou-block-2b { padding: 0; } .uou-block-2b .logo { float: left; display: block; font-size: 28px; color: inherit; font-weight: 700; letter-spacing: 2px; line-height: 30px; /* height: 40px;*/ } .border-bottom.uou-block-2b .logo { line-height: 100px; } .icons.uou-block-2b .logo { line-height: 48px; } .uou-block-2b .logo:hover { color: #89b943; } .uou-block-2b .mobile-sidebar-button { display: none; } .uou-block-2b .nav { float: right; } .uou-block-2b .nav .sf-menu > li { margin-right: 40px; z-index: 9999; } .uou-block-2b .nav .sf-menu > li:last-child { margin-right: 0; } .uou-block-2b .nav .sf-menu > li > a { display: block; color: #333333; text-transform: uppercase; font-size: 12px; line-height: 40px; font-weight: 600; } .uou-block-2b .nav .sf-menu > li > a.btn { line-height: 24px; color: #ffffff; } .border-bottom.uou-block-2b .nav .sf-menu > li > a { line-height: 98px; border-bottom: 2px solid transparent; } .icons.uou-block-2b .nav .sf-menu > li > a { line-height: 24px; text-align: center; } .icons.uou-block-2b .nav .sf-menu > li > a .fa { display: block; font-size: 18px; line-height: 24px; color: #333333; } .uou-block-2b .nav .sf-menu > li:hover > a, .uou-block-2b .nav .sf-menu > li.active > a, .uou-block-2b .nav .sf-menu > li.sfHover > a { color: #89b943; } .uou-block-2b .nav .sf-menu > li:hover > a .fa, .uou-block-2b .nav .sf-menu > li.active > a .fa, .uou-block-2b .nav .sf-menu > li.sfHover > a .fa { color: #89b943; } .uou-block-2b .nav .sf-menu > li:hover > a.btn, .uou-block-2b .nav .sf-menu > li.active > a.btn, .uou-block-2b .nav .sf-menu > li.sfHover > a.btn { color: #ffffff; } .border-bottom.uou-block-2b .nav .sf-menu > li.active > a { border-bottom-color: #89b943; } .uou-block-2b .nav .sf-menu > li > ul { padding-top: 10px; } .uou-block-2b .nav .sf-menu > li > ul.demo-menu { min-width: 240px; } .uou-block-2b .nav .sf-menu > li > ul:before { position: absolute; top: 5px; left: 10px; content: ''; width: 0; height: 0; border-bottom: 5px solid #f4f4f4; border-left: 5px solid transparent; border-right: 5px solid transparent; } .uou-block-2b .nav .sf-menu > li > ul ul { padding-left: 10px; } .uou-block-2b .nav .sf-menu > li > ul ul:before { position: absolute; top: 10px; left: 5px; content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #f4f4f4; } .uou-block-2b .nav .sf-menu > li > ul li { border-bottom: 1px solid #262626; font-size: 15px; } .uou-block-2b .nav .sf-menu > li > ul li:first-child a { border-radius: 3px 3px 0 0; } .uou-block-2b .nav .sf-menu > li > ul li:last-child { border-bottom: 0; } .uou-block-2b .nav .sf-menu > li > ul li:last-child a { border-radius: 0 0 3px 3px; } .uou-block-2b .nav .sf-menu > li > ul li a { background: #333333; color: inherit; padding: 6px 15px; min-width: 240px; color: #ffffff; font-size: 14px; font-weight: 300 !important; } .uou-block-2b .nav .sf-menu > li > ul li.active > a, .uou-block-2b .nav .sf-menu > li > ul li:hover > a { background: #89b943; color: #ffffff; } .uou-block-2b .nav .sf-menu.sf-arrows .sf-with-ul { padding-right: 15px; } .uou-block-2b .nav .sf-menu.sf-arrows .sf-with-ul:after { position: absolute; content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; right: 0; } .uou-block-2b .nav .sf-menu.sf-arrows .sf-with-ul.btn:after { margin-left: 15px; } .uou-block-2b .nav .sf-menu.sf-arrows ul .sf-with-ul { padding-right: 30px; } .uou-block-2b .nav .sf-menu.sf-arrows ul .sf-with-ul:after { content: "\f0da"; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; margin-left: 0; padding: 3px 0; text-align: center; width: 30px; } @media (max-width: 767px) { .uou-block-2b .logo { line-height: 40px; } .uou-block-2b .mobile-sidebar-button { display: block; float: right; } .uou-block-2b .nav { display: none; } } @media (max-width: 991px) { .uou-block-2b .logo { line-height: 40px; } .uou-block-2b .mobile-sidebar-button { display: block; float: right; } .uou-block-2b .nav { display: none; } } /* Block 2c */ /* ======================== */ .uou-block-2c { position: relative; display: block; padding: 24px 0; font-family: 'Open Sans', sans-serif; } .uou-block-2c:before, .uou-block-2c:after { content: " "; display: table; } .uou-block-2c:after { clear: both; } .uou-block-2c:before, .uou-block-2c:after { content: " "; display: table; } .uou-block-2c:after { clear: both; } .uou-block-2c .logo { float: left; display: block; font-size: 28px; color: inherit; font-weight: 700; letter-spacing: 2px; line-height: 40px; } .uou-block-2c .logo:hover { color: #89b943; } .uou-block-2c .mobile-sidebar-button { display: none; } .uou-block-2c .nav { float: right; } .uou-block-2c .nav .sf-menu > li { margin-right: 24px; padding-right: 24px; border-right: 1px solid #f4f4f4; } .icons.uou-block-2c .nav .sf-menu > li { padding-right: 0; border-right: 0; margin-right: 40px; } .uou-block-2c .nav .sf-menu > li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } .uou-block-2c .nav .sf-menu > li > a { display: block; color: #333333; text-transform: uppercase; font-size: 12px; line-height: 20px; font-weight: 600; } .uou-block-2c .nav .sf-menu > li > a span { display: block; text-transform: none; font-size: 12px; font-weight: normal; color: #737373; } .icons.uou-block-2c .nav .sf-menu > li > a { padding-left: 46px; } .icons.uou-block-2c .nav .sf-menu > li > a .fa { position: absolute; top: 0; left: 0; font-size: 36px; line-height: 40px; color: #333333; } .icons.uou-block-2c .nav .sf-menu > li > a .fa.fa-envelope, .icons.uou-block-2c .nav .sf-menu > li > a .fa.fa-shopping-cart { top: -1px; } .icons.uou-block-2c .nav .sf-menu > li > a .fa.fa-home, .icons.uou-block-2c .nav .sf-menu > li > a .fa.fa-edit { top: 1px; } .uou-block-2c .nav .sf-menu > li:hover > a, .uou-block-2c .nav .sf-menu > li.active > a, .uou-block-2c .nav .sf-menu > li.sfHover > a { color: #89b943; } .icons.uou-block-2c .nav .sf-menu > li:hover > a .fa, .icons.uou-block-2c .nav .sf-menu > li.active > a .fa, .icons.uou-block-2c .nav .sf-menu > li.sfHover > a .fa { color: #89b943; } .uou-block-2c .nav .sf-menu > li > ul { padding-top: 10px; } .uou-block-2c .nav .sf-menu > li > ul:before { position: absolute; top: 5px; left: 10px; content: ''; width: 0; height: 0; border-bottom: 5px solid #f4f4f4; border-left: 5px solid transparent; border-right: 5px solid transparent; } .uou-block-2c .nav .sf-menu > li > ul ul { padding-left: 10px; } .uou-block-2c .nav .sf-menu > li > ul ul:before { position: absolute; top: 10px; left: 5px; content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #f4f4f4; } .uou-block-2c .nav .sf-menu > li > ul li { border-bottom: 1px solid #e7e7e7; } .uou-block-2c .nav .sf-menu > li > ul li:last-child { border-bottom: 0; } .uou-block-2c .nav .sf-menu > li > ul li a { background: #f4f4f4; font-size: 14px; color: inherit; padding: 3px 15px; min-width: 140px; } .uou-block-2c .nav .sf-menu > li > ul li.active > a, .uou-block-2c .nav .sf-menu > li > ul li:hover > a { background: #333333; color: #ffffff; } .uou-block-2c .nav .sf-menu.sf-arrows .sf-with-ul { padding-right: 24px; } .uou-block-2c .nav .sf-menu.sf-arrows .sf-with-ul:after { position: absolute; content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; right: 0; top: 10px; } .uou-block-2c .nav .sf-menu.sf-arrows ul .sf-with-ul { padding-right: 30px; } .uou-block-2c .nav .sf-menu.sf-arrows ul .sf-with-ul:after { content: "\f0da"; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; margin-left: 0; padding: 3px 0; text-align: center; width: 30px; } @media (max-width: 1199px) { .uou-block-2c .nav .sf-menu > li { margin-right: 40px; padding-right: 0; border-right: 0; } .uou-block-2c .nav .sf-menu > li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } .icons.uou-block-2c .nav .sf-menu > li > a { padding-left: 0; } .icons.uou-block-2c .nav .sf-menu > li > a .fa { display: none; } } @media (max-width: 991px) { .uou-block-2c .logo { line-height: 40px; } .uou-block-2c .mobile-sidebar-button { display: block; float: right; } .uou-block-2c .nav { display: none; } } /* Block 2d */ /* ======================== */ .uou-block-2d { position: relative; display: block; padding: 24px 0; text-align: center; font-family: 'Open Sans', sans-serif; } .uou-block-2d:before, .uou-block-2d:after { content: " "; display: table; } .uou-block-2d:after { clear: both; } .uou-block-2d:before, .uou-block-2d:after { content: " "; display: table; } .uou-block-2d:after { clear: both; } .uou-block-2d .container { position: relative; } .uou-block-2d .logo { display: inline-block; font-size: 28px; color: inherit; font-weight: 700; letter-spacing: 2px; line-height: 40px; text-transform: uppercase; padding: 12px 24px; } .banner.uou-block-2d .logo { line-height: 90px; } .uou-block-2d .logo:hover { border-color: #89b943; color: #89b943; } .uou-block-2d .mobile-sidebar-button { display: none; } .uou-block-2d .contact { position: absolute; top: 0; left: 0; line-height: 70px; font-size: 14px; } .uou-block-2d .contact span { color: #333333; font-weight: 600; } .uou-block-2d .contact a { color: #737373; } .uou-block-2d .contact a:hover { color: #89b943; } .uou-block-2d .cart { position: absolute; top: 0; right: 0; line-height: 70px; font-size: 14px; color: #333333; } .uou-block-2d .cart .fa { color: #333333; transition: all 0.3s; font-size: 18px; margin-right: 5px; } .uou-block-2d .cart:hover, .uou-block-2d .cart:hover .fa { color: #89b943; } @media (max-width: 767px) { .uou-block-2d .mobile-sidebar-button { display: block; float: right; margin-top: 15px; } .uou-block-2d .contact, .uou-block-2d .cart { display: none; } } /* Block 2e */ /* ======================== */ .uou-block-2e { position: relative; display: block; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; font-family: 'Open Sans', sans-serif; } .uou-block-2e:before, .uou-block-2e:after { content: " "; display: table; } .uou-block-2e:after { clear: both; } .uou-block-2e:before, .uou-block-2e:after { content: " "; display: table; } .uou-block-2e:after { clear: both; } .uou-block-2e .nav { float: left; } .uou-block-2e .nav .sf-menu { margin: 0; } .uou-block-2e .nav .sf-menu > li > a { display: block; color: #333333; text-transform: uppercase; line-height: 50px; padding: 0 24px; border-right: 1px solid #f4f4f4; font-size: 12px; font-weight: 600; } .uou-block-2e .nav .sf-menu > li:first-child > a { border-left: 1px solid #f4f4f4; } .uou-block-2e .nav .sf-menu > li:hover > a, .uou-block-2e .nav .sf-menu > li.active > a, .uou-block-2e .nav .sf-menu > li.sfHover > a { color: #89b943; } .uou-block-2e .nav .sf-menu > li > ul { padding-top: 10px; } .uou-block-2e .nav .sf-menu > li > ul.demo-menu { min-width: 240px; } .uou-block-2e .nav .sf-menu > li > ul:before { position: absolute; top: 5px; left: 10px; content: ''; width: 0; height: 0; border-bottom: 5px solid #333333; border-left: 5px solid transparent; border-right: 5px solid transparent; } .uou-block-2e .nav .sf-menu > li > ul ul { padding-left: 10px; } .uou-block-2e .nav .sf-menu > li > ul ul:before { position: absolute; top: 10px; left: 5px; content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #333333; } .uou-block-2e .nav .sf-menu > li > ul li { border-bottom: 1px solid #262626; } .uou-block-2e .nav .sf-menu > li > ul li:last-child { border-bottom: 0; } .uou-block-2e .nav .sf-menu > li > ul li:first-child a { border-radius: 3px 3px 0 0; } .uou-block-2e .nav .sf-menu > li > ul li:last-child { border-bottom: 0; } .uou-block-2e .nav .sf-menu > li > ul li:last-child a { border-radius: 0 0 3px 3px; } .uou-block-2e .nav .sf-menu > li > ul li a { background: #333333; color: inherit; padding: 6px 15px; min-width: 160px; color: #ffffff; font-size: 14px; font-weight: 300; } .uou-block-2e .nav .sf-menu > li > ul li.active > a, .uou-block-2e .nav .sf-menu > li > ul li:hover > a { background: #89b943; color: #ffffff; } .uou-block-2e .nav .sf-menu.sf-arrows .sf-with-ul { padding-right: 30px; } .uou-block-2e .nav .sf-menu.sf-arrows .sf-with-ul:after { position: absolute; content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; right: 12px; } .uou-block-2e .nav .sf-menu.sf-arrows ul .sf-with-ul { padding-right: 30px; } .uou-block-2e .nav .sf-menu.sf-arrows ul .sf-with-ul:after { content: "\f0da"; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; margin-left: 0; padding: 3px 0; text-align: center; width: 30px; } .uou-block-2e .contact { float: right; line-height: 50px; font-size: 14px; } .uou-block-2e .contact span { color: #333333; font-weight: 600; } .uou-block-2e .contact a { color: #737373; } .uou-block-2e .contact a:hover { color: #89b943; } .uou-block-2e .cart { float: right; line-height: 50px; font-size: 14px; color: #333333; } .uou-block-2e .cart .fa { color: #333333; transition: all 0.3s; font-size: 18px; margin-right: 5px; } .uou-block-2e .cart:hover, .uou-block-2e .cart:hover .fa { color: #89b943; } .uou-block-2e .search-form { position: relative; margin: 0; padding: 0; float: right; } @media screen and (max-width: 992px) { .uou-block-2e .search-form { display: none; } } .uou-block-2e .search-form input[type="text"] { margin: -1px 0 -1px 0; border: 1px solid #f4f4f4; height: 54px; padding: 14px 12px; } .uou-block-2e .search-form input[type="text"]:focus { border-color: #333333; } .uou-block-2e .search-form input[type="text"]:focus + input[type="submit"] { color: #333333; } .uou-block-2e .search-form input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .uou-block-2e .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; border: 0; width: 40px; height: 52px; padding: 0; text-align: center; line-height: 52px; font-family: 'FontAwesome'; font-size: 14px; color: #cecece; transition: all 0.3s; } .uou-block-2e .search-form input[type="submit"]:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-2e { display: none; } } /* Block 2f */ /* ======================== */ .uou-block-2f { position: relative; display: block; background: #f4f4f4; font-family: 'Open Sans', sans-serif; } .uou-block-2f:before, .uou-block-2f:after { content: " "; display: table; } .uou-block-2f:after { clear: both; } .uou-block-2f:before, .uou-block-2f:after { content: " "; display: table; } .uou-block-2f:after { clear: both; } .uou-block-2f .nav { float: left; } .uou-block-2f .nav .sf-menu { margin: 0; } .uou-block-2f .nav .sf-menu > li { margin-right: 40px; } .hover-bg.uou-block-2f .nav .sf-menu > li { margin-right: 1px; } .border-right.uou-block-2f .nav .sf-menu > li { margin-right: 0; } .white.border-right.uou-block-2f .nav .sf-menu > li:after { position: absolute; display: block; content: ''; top: 17px; right: 0; width: 1px; height: 16px; background: #ffffff; } .border-right.uou-block-2f .nav .sf-menu > li:after { position: absolute; display: block; content: ''; top: 17px; right: 0; width: 1px; height: 16px; background: #dbdbdb; } .uou-block-2f .nav .sf-menu > li > a { display: block; color: #333333; font-size: 12px; text-transform: uppercase; line-height: 50px; font-weight: 600; } .hover-bg.uou-block-2f .nav .sf-menu > li > a { padding: 0 24px; } .border-right.uou-block-2f .nav .sf-menu > li > a { padding-left: 24px; padding-right: 24px; } .uou-block-2f .nav .sf-menu > li:hover > a, .uou-block-2f .nav .sf-menu > li.active > a, .uou-block-2f .nav .sf-menu > li.sfHover > a { color: #89b943; } .hover-bg.uou-block-2f .nav .sf-menu > li:hover > a, .hover-bg.uou-block-2f .nav .sf-menu > li.active > a, .hover-bg.uou-block-2f .nav .sf-menu > li.sfHover > a { color: #ffffff; background: #89b943; } .border-right.uou-block-2f .nav .sf-menu > li:first-child > a { padding-left: 0; } .uou-block-2f .nav .sf-menu > li:last-child { margin-right: 0; } .border-right.uou-block-2f .nav .sf-menu > li:last-child:after { display: none; } .border-right.uou-block-2f .nav .sf-menu > li:last-child > a { padding-right: 0; } .uou-block-2f .nav .sf-menu > li > ul { padding-top: 10px; } .uou-block-2f .nav .sf-menu > li > ul:before { position: absolute; top: 5px; left: 10px; content: ''; width: 0; height: 0; border-bottom: 5px solid #f4f4f4; border-left: 5px solid transparent; border-right: 5px solid transparent; } .uou-block-2f .nav .sf-menu > li > ul ul { padding-left: 10px; } .uou-block-2f .nav .sf-menu > li > ul ul:before { position: absolute; top: 10px; left: 5px; content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #f4f4f4; } .uou-block-2f .nav .sf-menu > li > ul li { border-bottom: 1px solid #e7e7e7; } .uou-block-2f .nav .sf-menu > li > ul li:last-child { border-bottom: 0; } .uou-block-2f .nav .sf-menu > li > ul li a { background: #f4f4f4; font-size: 14px; color: inherit; padding: 3px 15px; min-width: 140px; } .uou-block-2f .nav .sf-menu > li > ul li.active > a, .uou-block-2f .nav .sf-menu > li > ul li:hover > a { background: #333333; color: #ffffff; } .uou-block-2f .nav .sf-menu.sf-arrows .sf-with-ul { padding-right: 15px; } .hover-bg.uou-block-2f .nav .sf-menu.sf-arrows .sf-with-ul { padding-right: 30px; } .border-right.uou-block-2f .nav .sf-menu.sf-arrows .sf-with-ul { padding-right: 36px; } .uou-block-2f .nav .sf-menu.sf-arrows .sf-with-ul:after { position: absolute; content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; right: 0; } .hover-bg.uou-block-2f .nav .sf-menu.sf-arrows .sf-with-ul:after { right: 12px; } .border-right.uou-block-2f .nav .sf-menu.sf-arrows .sf-with-ul:after { right: 16px; } .uou-block-2f .nav .sf-menu.sf-arrows ul .sf-with-ul { padding-right: 30px; } .uou-block-2f .nav .sf-menu.sf-arrows ul .sf-with-ul:after { content: "\f0da"; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; margin-left: 0; padding: 3px 0; text-align: center; width: 30px; } .uou-block-2f .contact { float: right; line-height: 50px; font-size: 14px; } .uou-block-2f .contact span { color: #333333; font-weight: 600; } .uou-block-2f .contact a { color: #737373; } .uou-block-2f .contact a:hover { color: #89b943; } .uou-block-2f .cart { float: right; line-height: 50px; font-size: 14px; color: #333333; } .uou-block-2f .cart .fa { color: #333333; transition: all 0.3s; font-size: 18px; margin-right: 5px; } .uou-block-2f .cart:hover, .uou-block-2f .cart:hover .fa { color: #89b943; } .uou-block-2f .search-form { position: relative; margin: 0; padding: 0; float: right; } .uou-block-2f .search-form input[type="text"] { margin: 0; border: 0; background: none; height: 50px; padding: 13px 0; } .uou-block-2f .search-form input[type="text"]:focus { border-color: #333333; } .uou-block-2f .search-form input[type="text"]:focus + input[type="submit"] { color: #333333; } .uou-block-2f .search-form input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .uou-block-2f .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; border: 0; width: 40px; height: 52px; padding: 0; text-align: right; line-height: 52px; font-family: 'FontAwesome'; font-size: 14px; color: #cecece; transition: all 0.3s; } .uou-block-2f .search-form input[type="submit"]:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-2f { display: none; } } /* Block 3a */ /* ======================== */ .uou-block-3a { position: relative; display: block; padding: 13px 0; background: #e3e3e3; } .uou-block-3a:before, .uou-block-3a:after { content: " "; display: table; } .uou-block-3a:after { clear: both; } .uou-block-3a:before, .uou-block-3a:after { content: " "; display: table; } .uou-block-3a:after { clear: both; } .secondary.uou-block-3a { background: #333333; } .uou-block-3a .breadcrumbs { margin-bottom: 0; font-size: 14px; } .secondary.uou-block-3a .breadcrumbs > li { color: #ffffff; } .secondary.uou-block-3a .breadcrumbs > li:after { color: #737373; } .secondary.uou-block-3a .breadcrumbs > li a { color: #8c8c8c; } .secondary.uou-block-3a .breadcrumbs > li a:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-3a { display: none; } } /* Block 3b */ /* ======================== */ .uou-block-3b { position: relative; display: block; padding: 16px 0; background: #f4f4f4; } .uou-block-3b:before, .uou-block-3b:after { content: " "; display: table; } .uou-block-3b:after { clear: both; } .uou-block-3b:before, .uou-block-3b:after { content: " "; display: table; } .uou-block-3b:after { clear: both; } .secondary.uou-block-3b { background: #333333; } .uou-block-3b h1 { float: left; margin: 0; font-size: 20px; line-height: 48px; } .secondary.uou-block-3b h1 { color: #ffffff; } .uou-block-3b .breadcrumbs { float: right; margin: 12px 0 0 0; font-size: 14px; } .secondary.uou-block-3b .breadcrumbs > li { color: #ffffff; } .secondary.uou-block-3b .breadcrumbs > li:after { color: #737373; } .secondary.uou-block-3b .breadcrumbs > li a { color: #8c8c8c; } .secondary.uou-block-3b .breadcrumbs > li a:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-3b { padding: 36px 0; text-align: center; } .uou-block-3b h1 { float: none; position: relative; margin: 0; padding: 0; font-size: 24px; } .uou-block-3b .breadcrumbs { display: none; } } /* Block 3c */ /* ======================== */ .uou-block-3c { position: relative; display: block; padding: 36px 0; background: #f4f4f4; text-align: center; } .uou-block-3c:before, .uou-block-3c:after { content: " "; display: table; } .uou-block-3c:after { clear: both; } .uou-block-3c:before, .uou-block-3c:after { content: " "; display: table; } .uou-block-3c:after { clear: both; } .secondary.uou-block-3c { background: #333333; } .secondary.uou-block-3c.has-bg-image { background-size: cover; background-repeat: no-repeat; } .uou-block-3c h1 { position: relative; margin: 0 0 24px 0; padding: 0 0 24px 0; font-size: 28px; } .secondary.uou-block-3c h1 { color: #ffffff; } .uou-block-3c h1:after { position: absolute; content: ''; bottom: 0; left: 50%; margin-left: -30px; display: block; height: 1px; width: 60px; background: #8c8c8c; } .uou-block-3c .breadcrumbs { vertical-align: top; display: inline-block; margin: 0; font-size: 14px; } .secondary.uou-block-3c .breadcrumbs > li { color: #ffffff; } .secondary.uou-block-3c .breadcrumbs > li:after { color: #737373; } .secondary.uou-block-3c .breadcrumbs > li a { color: #8c8c8c; } .secondary.uou-block-3c .breadcrumbs > li a:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-3c h1 { position: relative; margin: 0; padding: 0; } .uou-block-3c h1:after { display: none; } .uou-block-3c .breadcrumbs { display: none; } } /* Block 3d */ /* ======================== */ .uou-block-3d { position: relative; display: block; padding: 24px 0; background: #f4f4f4; } .uou-block-3d:before, .uou-block-3d:after { content: " "; display: table; } .uou-block-3d:after { clear: both; } .uou-block-3d:before, .uou-block-3d:after { content: " "; display: table; } .uou-block-3d:after { clear: both; } .secondary.uou-block-3d { background: #333333; } .uou-block-3d .breadcrumbs-secondary { float: left; margin: 0; } .uou-block-3d .breadcrumbs-secondary > li { margin-right: 0; } .uou-block-3d .breadcrumbs-secondary > li > a:after, .uou-block-3d .breadcrumbs-secondary > li > span:after { right: -13px; border-left-color: #f4f4f4; } .uou-block-3d .breadcrumbs-secondary > li > a:before, .uou-block-3d .breadcrumbs-secondary > li > span:before { right: -14px; } .uou-block-3d .breadcrumbs-secondary > li > a .arrow:before, .uou-block-3d .breadcrumbs-secondary > li > span .arrow:before { border-bottom-color: #f4f4f4; } .uou-block-3d .breadcrumbs-secondary > li > a .arrow:after, .uou-block-3d .breadcrumbs-secondary > li > span .arrow:after { border-top-color: #f4f4f4; } .uou-block-3d .breadcrumbs-secondary > li > a:hover:after { border-left-color: #89b943; } .uou-block-3d .breadcrumbs-secondary > li > span:after { border-left-color: #666666; } .secondary.uou-block-3d .breadcrumbs-secondary > li > a:after, .secondary.uou-block-3d .breadcrumbs-secondary > li > span:after { border-left-color: #333333; } .secondary.uou-block-3d .breadcrumbs-secondary > li > a .arrow:before, .secondary.uou-block-3d .breadcrumbs-secondary > li > span .arrow:before { border-bottom-color: #333333; } .secondary.uou-block-3d .breadcrumbs-secondary > li > a .arrow:after, .secondary.uou-block-3d .breadcrumbs-secondary > li > span .arrow:after { border-top-color: #333333; } .secondary.uou-block-3d .breadcrumbs-secondary > li > a:hover:after { border-left-color: #89b943; } .secondary.uou-block-3d .breadcrumbs-secondary > li > span { border-color: #ffffff; background-color: #ffffff; color: #333333; } .secondary.uou-block-3d .breadcrumbs-secondary > li > span:before, .secondary.uou-block-3d .breadcrumbs-secondary > li > span:after, .secondary.uou-block-3d .breadcrumbs-secondary > li > span .arrow { border-left-color: #ffffff; } .uou-block-3d .heading { float: right; margin: 0; font-size: 20px; line-height: 30px; } .secondary.uou-block-3d .heading { color: #ffffff; } .uou-block-3d .contact { float: right; line-height: 30px; font-size: 14px; } .uou-block-3d .contact span { color: #333333; font-weight: 600; } .secondary.uou-block-3d .contact span { color: #ffffff; } .uou-block-3d .contact a { color: #333333; } .secondary.uou-block-3d .contact a { color: #8c8c8c; } .uou-block-3d .contact a:hover { color: #89b943; } .uou-block-3d .cart { float: right; line-height: 30px; font-size: 14px; color: #333333; } .secondary.uou-block-3d .cart { color: #ffffff; } .uou-block-3d .cart .fa { color: #333333; transition: all 0.3s; font-size: 18px; margin-right: 5px; } .secondary.uou-block-3d .cart .fa { color: #ffffff; } .uou-block-3d .cart:hover, .uou-block-3d .cart:hover .fa { color: #89b943; } .uou-block-3d .search-form { position: relative; margin: 0; padding: 0; float: right; } .uou-block-3d .search-form input[type="text"] { margin: 0; background: none; border-radius: 0px; } .secondary.uou-block-3d .search-form input[type="text"] { color: #ffffff; border-color: #8c8c8c; } .secondary.uou-block-3d .search-form input[type="text"]:focus { border-color: #ffffff; } .uou-block-3d .search-form input[type="text"]:focus + input[type="submit"] { color: #333333; } .secondary.uou-block-3d .search-form input[type="text"]:focus + input[type="submit"] { color: #ffffff; } .uou-block-3d .search-form input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .uou-block-3d .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; border: 0; width: 30px; height: 30px; padding: 0; text-align: center; line-height: 30px; font-family: 'FontAwesome'; font-size: 14px; color: #cecece; transition: all 0.3s; } .secondary.uou-block-3d .search-form input[type="submit"] { border-color: #8c8c8c; } .uou-block-3d .search-form input[type="submit"]:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-3d { display: none; } } /* Block 4a */ /* ======================== */ .uou-block-4a { position: relative; display: block; padding: 24px 0; background: #f4f4f4; color: #333333; font-size: 14px; } .uou-block-4a:before, .uou-block-4a:after { content: " "; display: table; } .uou-block-4a:after { clear: both; } .uou-block-4a:before, .uou-block-4a:after { content: " "; display: table; } .uou-block-4a:after { clear: both; } .secondary.uou-block-4a { background: #333333; color: #e6e6e6; } .secondary.uou-block-4a.dark { background: #000000; } .uou-block-4a p { margin-bottom: 0; float: left; } .uou-block-4a .social-icons { padding-left: 0; list-style: none; float: right; margin-bottom: 0; } .uou-block-4a .social-icons > li { float: left; margin-right: 24px; } .uou-block-4a .social-icons > li:last-child { margin-right: 0; } .uou-block-4a .social-icons > li > a { display: block; color: inherit; font-size: 18px; color: #737373; } .uou-block-4a .social-icons > li > a:hover { color: #89b943; } .uou-block-4a .links { padding-left: 0; list-style: none; float: right; margin-bottom: 0; } .uou-block-4a .links > li { float: left; margin-right: 24px; } .uou-block-4a .links > li:last-child { margin-right: 0; } .uou-block-4a .links > li > a { display: block; color: inherit; } .uou-block-4a .links > li > a:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-4a { text-align: center; } .uou-block-4a p { float: none; } .uou-block-4a .social-icons, .uou-block-4a .links { display: inline-block; float: none; margin-bottom: 24px; } } /* Block 4b */ /* ======================== */ .uou-block-4b { position: relative; display: block; padding: 48px 0; background: #f4f4f4; color: #333333; font-size: 14px; text-align: center; } .uou-block-4b:before, .uou-block-4b:after { content: " "; display: table; } .uou-block-4b:after { clear: both; } .uou-block-4b:before, .uou-block-4b:after { content: " "; display: table; } .uou-block-4b:after { clear: both; } .secondary.uou-block-4b { background: #333333; color: #d9d9d9; } .uou-block-4b p { margin-bottom: 0; } .uou-block-4b p .fa-heart { color: #e93d3d; } .uou-block-4b .social-icons { padding-left: 0; list-style: none; display: inline-block; margin-top: 48px; margin-bottom: 0; vertical-align: top; } .uou-block-4b .social-icons > li { float: left; margin-right: 24px; } .uou-block-4b .social-icons > li:last-child { margin-right: 0; } .uou-block-4b .social-icons > li > a { display: block; color: inherit; font-size: 32px; color: #737373; } .uou-block-4b .social-icons > li > a:hover { color: #89b943; } /* Block 4c */ /* ======================== */ .uou-block-4c { position: relative; display: block; padding: 48px 0; background: #f4f4f4; color: #737373; font-size: 14px; } .uou-block-4c:before, .uou-block-4c:after { content: " "; display: table; } .uou-block-4c:after { clear: both; } .uou-block-4c:before, .uou-block-4c:after { content: " "; display: table; } .uou-block-4c:after { clear: both; } .secondary.uou-block-4c { background: #333333; color: #bfbfbf; } .uou-block-4c .left-section { float: left; } .uou-block-4c .right-section { float: right; } .uou-block-4c .right-section h5 { margin: 0; line-height: 24px; font-size: 18px; text-transform: uppercase; } .secondary.uou-block-4c .right-section h5 { color: #ffffff; } .uou-block-4c hr { border-color: #dbdbdb; margin: 24px 0; } .secondary.uou-block-4c hr { border-color: #262626; } .uou-block-4c .links { padding-left: 0; list-style: none; margin-bottom: 0; } .uou-block-4c .links:before, .uou-block-4c .links:after { content: " "; display: table; } .uou-block-4c .links:after { clear: both; } .uou-block-4c .links:before, .uou-block-4c .links:after { content: " "; display: table; } .uou-block-4c .links:after { clear: both; } .uou-block-4c .links > li { float: left; margin-right: 24px; padding-right: 24px; border-right: 1px solid #dbdbdb; } .secondary.uou-block-4c .links > li { border-color: #262626; } .uou-block-4c .links > li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } .uou-block-4c .links > li > a { color: inherit; } .uou-block-4c .links > li > a:hover { color: #89b943; } .uou-block-4c .contact-info { padding-left: 0; list-style: none; margin-bottom: 0; } .uou-block-4c .contact-info:before, .uou-block-4c .contact-info:after { content: " "; display: table; } .uou-block-4c .contact-info:after { clear: both; } .uou-block-4c .contact-info:before, .uou-block-4c .contact-info:after { content: " "; display: table; } .uou-block-4c .contact-info:after { clear: both; } .uou-block-4c .contact-info > li { float: left; margin-right: 36px; } .uou-block-4c .contact-info > li:last-child { margin-right: 0; } .uou-block-4c .contact-info > li .fa { margin-right: 6px; } .uou-block-4c .contact-info > li a { color: inherit; } .uou-block-4c .contact-info > li a:hover { color: #89b943; } .uou-block-4c .contact-info > li address { margin: 0; display: inline-block; } .uou-block-4c .social-icons { padding-left: 0; list-style: none; margin-bottom: 0; } .uou-block-4c .social-icons > li { float: left; margin-right: 24px; } .uou-block-4c .social-icons > li:last-child { margin-right: 0; } .uou-block-4c .social-icons > li > a { display: block; color: inherit; font-size: 18px; } .uou-block-4c .social-icons > li > a:hover { color: #89b943; } .uou-block-4c .newsletter-form { margin: 24px 0 0 0; } .uou-block-4c .newsletter-form input[type="email"] { background: none; margin-bottom: 12px; border-radius: 0px; } .secondary.uou-block-4c .newsletter-form input[type="email"] { border-color: #8c8c8c; color: #ffffff; } .secondary.uou-block-4c .newsletter-form input[type="email"]:focus { border-color: #ffffff; } @media (max-width: 991px) { .uou-block-4c .left-section { float: none; margin-bottom: 50px; } .uou-block-4c .right-section { float: none; } .uou-block-4c .right-section h5 { font-size: 16px; line-height: 1.25em; text-transform: uppercase; } } @media (max-width: 767px) { .uou-block-4c { text-align: center; } .uou-block-4c .links { margin-bottom: 0; } .uou-block-4c .links > li { display: inline-block; float: none; padding-right: 0; border-right: 0; margin-bottom: 12px; } .uou-block-4c .contact-info > li { float: none; margin-right: 0; margin-bottom: 24px; } .uou-block-4c .contact-info > li:last-child { margin-bottom: 0; } .uou-block-4c .contact-info > li .fa { display: block; margin-right: 0; } .uou-block-4c .social-icons { display: inline-block; float: none; } } /* Block 4d */ /* ======================== */ .uou-block-4d { position: relative; display: block; padding: 48px 0; background: #f4f4f4; color: #737373; font-size: 14px; } .uou-block-4d:before, .uou-block-4d:after { content: " "; display: table; } .uou-block-4d:after { clear: both; } .uou-block-4d:before, .uou-block-4d:after { content: " "; display: table; } .uou-block-4d:after { clear: both; } .secondary.uou-block-4d { background: #333333; } .secondary.uou-block-4d p { color: #bfbfbf; } .secondary.uou-block-4d .links a { color: #bfbfbf; } .uou-block-4d .logo { display: block; font-size: 28px; color: #333333; font-weight: 700; letter-spacing: 2px; line-height: 30px; } .secondary.uou-block-4d .logo { color: #ffffff; } .uou-block-4d .logo:hover { color: #89b943; } .uou-block-4d h5 { margin-top: 5px; line-height: 30px; font-size: 18px; text-transform: uppercase; } .secondary.uou-block-4d h5 { color: #ffffff; } .uou-block-4d .links { padding-left: 0; list-style: none; } .uou-block-4d .links > li > a { color: inherit; } .uou-block-4d .links > li > a:hover { color: #89b943; } .uou-block-4d .newsletter-form { margin: 24px 0 0 0; } .uou-block-4d .newsletter-form input[type="email"] { background: none; margin-bottom: 12px; border-radius: 0px; } .secondary.uou-block-4d .newsletter-form input[type="email"] { border-color: #8c8c8c; color: #ffffff; } .secondary.uou-block-4d .newsletter-form input[type="email"]:focus { border-color: #ffffff; } @media (max-width: 767px) { .uou-block-4d h5 { margin-top: 0; } } /* Block 4e */ /* ======================== */ .uou-block-4e { position: relative; display: block; padding: 48px 0; background: #f4f4f4; color: #737373; font-size: 14px; box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); -webkit-box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); -moz-box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); z-index: 999; } .uou-block-4e:before, .uou-block-4e:after { content: " "; display: table; } .uou-block-4e:after { clear: both; } .uou-block-4e:before, .uou-block-4e:after { content: " "; display: table; } .uou-block-4e:after { clear: both; } .secondary.uou-block-4e { background: #333333; color: #bfbfbf; } .secondary.uou-block-4e .blog-posts > li span { color: #e6e6e6; } .secondary.uou-block-4e .blog-posts > li a { color: #bfbfbf; } .uou-block-4e [class*="col-"] { padding-right: 45px; } .uou-block-4e [class*="col-"]:last-child { padding-right: 30px; } .uou-block-4e .logo { display: block; font-size: 28px; color: #333333; font-weight: 700; letter-spacing: 2px; line-height: 30px; margin-bottom: 20px; /* height: 50px;*/ } .secondary.uou-block-4e .logo { color: #ffffff; } .uou-block-4e .logo:hover { color: #89b943; } .uou-block-4e h5 { margin-top: 5px; line-height: 30px; text-transform: uppercase; } .secondary.uou-block-4e h5 { color: #ffffff; } .uou-block-4e .links { padding-left: 0; list-style: none; } .uou-block-4e .links > li > a { color: inherit; } .uou-block-4e .links > li > a:hover { color: #89b943; } .uou-block-4e .tags-list { padding-left: 0; list-style: none; } .uou-block-4e .tags-list:before, .uou-block-4e .tags-list:after { content: " "; display: table; } .uou-block-4e .tags-list:after { clear: both; } .uou-block-4e .tags-list:before, .uou-block-4e .tags-list:after { content: " "; display: table; } .uou-block-4e .tags-list:after { clear: both; } .uou-block-4e .tags-list > li { float: left; margin: 0 5px 5px 0; } .uou-block-4e .tags-list > li > a { display: block; background: #89b943; color: #ffffff; padding: 0 8px; line-height: 30px; border-radius: 0px; } .uou-block-4e .tags-list > li > a:hover { background: #629e0b; } .uou-block-4e .blog-posts { padding-left: 0; list-style: none; } .uou-block-4e .blog-posts > li { margin-bottom: 24px; } .uou-block-4e .blog-posts > li:last-child { margin-bottom: 0; } .uou-block-4e .blog-posts > li > a { display: block; color: inherit; } .uou-block-4e .blog-posts > li > a:hover { color: #89b943; } .uou-block-4e .blog-posts > li > span { display: block; letter-spacing: 1px; color: #8c8c8c; } .uou-block-4e .photos-list { padding-left: 0; list-style: none; margin: 0 -5px; } .uou-block-4e .photos-list:before, .uou-block-4e .photos-list:after { content: " "; display: table; } .uou-block-4e .photos-list:after { clear: both; } .uou-block-4e .photos-list:before, .uou-block-4e .photos-list:after { content: " "; display: table; } .uou-block-4e .photos-list:after { clear: both; } .uou-block-4e .photos-list > li { float: left; margin: 0; width: 33.33333333%; padding: 5px; border-radius: 0px; overflow: hidden; } .uou-block-4e .photos-list > li img { width: 100%; height: auto; border-radius: 0px; } .uou-block-4e .contact-info { padding-left: 0; list-style: none; margin-bottom: 0; } .uou-block-4e .contact-info:before, .uou-block-4e .contact-info:after { content: " "; display: table; } .uou-block-4e .contact-info:after { clear: both; } .uou-block-4e .contact-info:before, .uou-block-4e .contact-info:after { content: " "; display: table; } .uou-block-4e .contact-info:after { clear: both; } .uou-block-4e .contact-info > li { position: relative; padding-left: 24px; margin-bottom: 24px; font-weight: normal; font-size: 13px; color: #000; } .uou-block-4e .contact-info > li .fa { position: absolute; top: 0; left: 0; line-height: 24px; color: #666; } .uou-block-4e .contact-info > li a { color: inherit; } .uou-block-4e .contact-info > li a:hover { color: #89b943; } .uou-block-4e .contact-info > li address { margin: 0; display: inline-block; } .uou-block-4e .newsletter-form { margin: 24px 0 0 0; } .uou-block-4e .newsletter-form input[type="email"] { background: none; margin-bottom: 12px; border-radius: 0px; } .secondary.uou-block-4e .newsletter-form input[type="email"] { border-color: #8c8c8c; color: #ffffff; } .secondary.uou-block-4e .newsletter-form input[type="email"]:focus { border-color: #ffffff; } .uou-block-4e .twitter-feed { padding-left: 0; list-style: none; } .uou-block-4e .twitter-feed li { position: relative; margin-bottom: 24px; padding-left: 30px; } .uou-block-4e .twitter-feed li:last-child { margin-bottom: 0; } .uou-block-4e .twitter-feed li:before { position: absolute; top: 0; left: 0; content: "\f099"; color: #55acee; font-family: 'FontAwesome'; font-size: 18px; } .uou-block-4e .twitter-feed li .time { display: block; letter-spacing: 1px; color: #e6e6e6; } .uou-block-4e .twitter-feed li .time:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-4e h5 { margin-top: 24px; } .uou-block-4e .contact-info { background: none !important; } .uou-block-4e .contact-info > li { margin-bottom: 12px; } } /* Block 5a */ /* ======================== */ .uou-block-5a { position: relative; display: block; padding: 72px 0; background: #333333; background-size: cover; } .uou-block-5a:before, .uou-block-5a:after { content: " "; display: table; } .uou-block-5a:after { clear: both; } .uou-block-5a:before, .uou-block-5a:after { content: " "; display: table; } .uou-block-5a:after { clear: both; } .uou-block-5a blockquote { padding: 0; margin: 0; border-left: 0; background: none; margin: 0 auto; max-width: 800px; text-align: center; color: #ffffff; font-size: 24px; line-height: 1.5em; font-weight: normal; font-family: 'Libre Baskerville', serif; } .uou-block-5a blockquote footer:before { content: ''; } .uou-block-5a blockquote footer { display: block; font-size: 14px; color: #ffffff; } .uou-block-5a blockquote footer cite { font-style: normal; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; } .uou-block-5a.uou-twitter-content { background: #ffffff; padding: 72px 0 24px; } .uou-block-5a.uou-twitter-content.has-bg-image.invert .flex-control-nav { text-align: right; bottom: 25px; } .uou-block-5a.uou-twitter-content.has-bg-image.invert .flex-control-nav li a { background: #333333; } .uou-block-5a.uou-twitter-content.has-bg-image.invert .flex-control-nav li a.flex-active { background: #89b943; } .uou-block-5a.uou-twitter-content.has-bg-image.invert blockquote { color: #333333 !important; } .uou-block-5a.uou-twitter-content.has-bg-image.invert blockquote .twitt-details { border-top: 1px solid #333333; } .uou-block-5a.uou-twitter-content.has-bg-image.invert blockquote .twitt-details p { font-size: 12px; font-style: normal; font-family: 'Open Sans', sans-serif; font-weight: bold; } .uou-block-5a.uou-twitter-content.has-bg-image.invert blockquote .twitt-details p a { margin: 0 10px; } .uou-block-5a.uou-twitter-content.has-bg-image.invert blockquote .twitt-details p span { color: #333333; margin-right: 10px; } .uou-block-5a.uou-twitter-content.has-bg-image blockquote { color: #ffffff !important; } .uou-block-5a.uou-twitter-content.has-bg-image blockquote .twitt-details { border-top: 1px solid #ffffff; } .uou-block-5a.uou-twitter-content.has-bg-image blockquote .twitt-details p { font-size: 12px; font-style: normal; font-family: 'Open Sans', sans-serif; font-weight: bold; } .uou-block-5a.uou-twitter-content.has-bg-image blockquote .twitt-details p a { margin: 0 10px; } .uou-block-5a.uou-twitter-content.has-bg-image blockquote .twitt-details p span { color: #ffffff; margin-right: 10px; } .uou-block-5a.uou-twitter-content blockquote { color: #8c8c8c !important; text-align: left; } .uou-block-5a.uou-twitter-content blockquote ul li { position: relative; font-family: 'Libre Baskerville', serif !important; font-size: 27px; padding-left: 150px; line-height: 40px; padding-bottom: 50px; } @media screen and (max-width: 768px) { .uou-block-5a.uou-twitter-content blockquote ul li { padding-left: 80px; } } .uou-block-5a.uou-twitter-content blockquote ul li:before { content: "\f099"; font-family: 'FontAwesome'; position: absolute; top: 0; left: 0; height: 120px; width: 120px; background: #89b943; border-radius: 50%; text-align: center; line-height: 120px; color: #ffffff; font-size: 35px; } @media screen and (max-width: 768px) { .uou-block-5a.uou-twitter-content blockquote ul li:before { height: 60px; width: 60px; line-height: 60px; font-size: 20px; } } .uou-block-5a.uou-twitter-content blockquote ul li:after { content: " "; position: absolute; left: 98px; top: 86px; width: 15px; height: 15px; background-color: #89b943; border-radius: 0px; } @media screen and (max-width: 768px) { .uou-block-5a.uou-twitter-content blockquote ul li:after { left: 42px; top: 40px; } } .uou-block-5a.uou-twitter-content blockquote ul li .twitt-details { position: relative; border-top: 1px solid #f4f4f4; margin-top: 10px; } .uou-block-5a.uou-twitter-content blockquote ul li .twitt-details p { font-size: 12px; font-style: normal; font-family: 'Open Sans', sans-serif; font-weight: bold; } .uou-block-5a.uou-twitter-content blockquote ul li .twitt-details p a { margin: 0 10px; } .uou-block-5a.uou-twitter-content blockquote ul li .twitt-details p span { color: #333333; margin-right: 10px; } .uou-block-5a.uou-twitter-content blockquote .flex-control-nav { text-align: right; bottom: 25px; } .uou-block-5a.uou-twitter-content blockquote .flex-control-nav li a { background: #f4f4f4; } .uou-block-5a.uou-twitter-content blockquote .flex-control-nav li a.flex-active { background: #89b943; } .uou-block-5a.uou-twitter-content blockquote .flex-direction-nav { display: none; } /* Block 5b */ /* ======================== */ .uou-block-5b { position: relative; display: block; } .uou-block-5b:before, .uou-block-5b:after { content: " "; display: table; } .uou-block-5b:after { clear: both; } .uou-block-5b:before, .uou-block-5b:after { content: " "; display: table; } .uou-block-5b:after { clear: both; } .uou-block-5b blockquote { padding: 0; margin: 0; border-left: 0; background: none; display: none; margin: 0 auto; max-width: 800px; text-align: center; font-size: 24px; line-height: 1.5em; font-family: 'Libre Baskerville', serif; } .uou-block-5b blockquote footer:before { content: ''; } .uou-block-5b blockquote:before { content: "\f10e"; font-weight: bold; font-size: 40px; font-style: normal; line-height: 1; color: #89b943; font-family: 'FontAwesome'; } .uou-block-5b blockquote p { padding-top: 50px; } .uou-block-5b blockquote footer { display: none; font-size: 14px; color: #8c8c8c; } .uou-block-5b blockquote footer cite { font-style: normal; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; } .uou-block-5b blockquote footer cite a { color: inherit; } .uou-block-5b blockquote footer cite a:hover { color: #89b943; } .uou-block-5b blockquote.active { display: block; } .uou-block-5b .tabs { padding-left: 0; list-style: none; text-align: center; } .uou-block-5b .tabs:before, .uou-block-5b .tabs:after { content: " "; display: table; } .uou-block-5b .tabs:after { clear: both; } .uou-block-5b .tabs:before, .uou-block-5b .tabs:after { content: " "; display: table; } .uou-block-5b .tabs:after { clear: both; } .uou-block-5b .tabs > li { position: relative; display: inline-block; max-width: 25%; min-height: 80px; padding-left: 92px; padding-top: 16px; color: #737373; text-align: left; margin-top: 48px; margin-right: 30px; } .uou-block-5b .tabs > li:last-child { margin-right: 0; } .uou-block-5b .tabs > li img { position: absolute; top: 0; left: 0; width: 80px; height: 80px; border-radius: 4px; opacity: .5; transition: all 0.3s; } .uou-block-5b .tabs > li h6 { color: inherit; margin: 0; line-height: 24px; transition: all 0.3s; } .uou-block-5b .tabs > li a { color: inherit; font-size: 14px; cursor: default; } .uou-block-5b .tabs > li:hover img { opacity: 1; } .uou-block-5b .tabs > li.active img { opacity: 1; } .uou-block-5b .tabs > li.active h6 { color: #333333; } .uou-block-5b .tabs > li.active a:hover { cursor: pointer; color: #89b943; } @media (max-width: 991px) and (min-width: 768px) { .uou-block-5b .tabs > li { padding-left: 0; padding-top: 1px; text-align: center; } .uou-block-5b .tabs > li img { position: relative; top: auto; left: auto; width: 50px; height: 50px; } } @media (max-width: 767px) { .uou-block-5b blockquote { display: block; margin-bottom: 48px; } .uou-block-5b blockquote footer { display: block; } .uou-block-5b .tabs { display: none; } } /* Block 5c */ /* ======================== */ .uou-block-5c { position: relative; display: block; } .uou-block-5c:before, .uou-block-5c:after { content: " "; display: table; } .uou-block-5c:after { clear: both; } .uou-block-5c:before, .uou-block-5c:after { content: " "; display: table; } .uou-block-5c:after { clear: both; } .uou-block-5c blockquote { padding: 0; margin: 0; border-left: 0; background: none; margin: 0 auto; max-width: 767px; text-align: center; font-size: 24px; line-height: 1.5em; font-family: 'Libre Baskerville', serif; } .uou-block-5c blockquote footer:before { content: ''; } .uou-block-5c blockquote p { padding-top: 50px; } .uou-block-5c blockquote:before { content: "\f10e"; font-weight: bold; font-size: 40px; font-style: normal; line-height: 1; color: #89b943; font-family: 'FontAwesome'; } .uou-block-5c blockquote footer { font-size: 14px; color: #8c8c8c; font-family: 'Open Sans', sans-serif; } .uou-block-5c blockquote footer cite { display: block; font-style: normal; letter-spacing: 1px; } .uou-block-5c .flex-direction-nav a { font-size: 32px; background: none; color: #333333; } .uou-block-5c .flex-direction-nav a:hover { color: #89b943; } .uou-block-5c .flex-direction-nav .flex-disabled, .uou-block-5c .flex-direction-nav .flex-disabled:hover { background: none; color: rgba(51, 51, 51, 0.25); } @media (max-width: 991px) and (min-width: 768px) { .uou-block-5c blockquote { padding-left: 50px; padding-right: 50px; } } @media (max-width: 767px) { .uou-block-5c .flex-direction-nav { display: none; } } /* Block 5d */ /* ======================== */ .uou-block-5d { position: relative; display: block; margin-bottom: 30px; } .uou-block-5d blockquote { padding: 0; margin: 0; border-left: 0; background: none; font-family: 'Libre Baskerville', serif; } .uou-block-5d blockquote footer:before { content: ''; } .uou-block-5d blockquote > div { position: relative; background: #f4f4f4; font-size: 16px; padding: 30px 30px 30px 66px; } .secondary.uou-block-5d blockquote > div { background: #333333; color: #ffffff; } .uou-block-5d blockquote > div:before { position: absolute; top: 30px; left: 0; content: '“'; width: 66px; font-size: 56px; font-weight: bold; font-style: normal; line-height: 1; text-align: center; } .uou-block-5d blockquote > div:after { position: absolute; top: 100%; left: 30px; content: ''; width: 0; height: 0; border-top: 15px solid #f4f4f4; border-right: 20px solid transparent; } .secondary.uou-block-5d blockquote > div:after { border-top-color: #333333; } .uou-block-5d blockquote footer { position: relative; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #8c8c8c; padding-left: 66px; margin-top: 24px; } .uou-block-5d blockquote footer img { position: absolute; top: 0; left: 6px; width: 48px; height: 48px; border-radius: 4px; } .uou-block-5d blockquote footer .h6 { display: block; margin: 0; font-style: normal; line-height: 24px; } .uou-block-5d blockquote footer a { color: inherit; font-size: 14px; } .uou-block-5d blockquote footer a:hover { color: #89b943; } .uou-block-5d .tabs { padding-left: 0; list-style: none; text-align: center; } .uou-block-5d .tabs:before, .uou-block-5d .tabs:after { content: " "; display: table; } .uou-block-5d .tabs:after { clear: both; } .uou-block-5d .tabs:before, .uou-block-5d .tabs:after { content: " "; display: table; } .uou-block-5d .tabs:after { clear: both; } .uou-block-5d .tabs > li { position: relative; display: inline-block; max-width: 33.33333333%; min-height: 80px; padding-left: 92px; padding-top: 16px; color: #737373; text-align: left; margin-top: 48px; margin-right: 30px; } .uou-block-5d .tabs > li:last-child { margin-right: 0; } .uou-block-5d .tabs > li img { position: absolute; top: 0; left: 0; width: 80px; height: 80px; border-radius: 50%; opacity: .5; transition: all 0.3s; } .uou-block-5d .tabs > li h6 { color: inherit; margin: 0; line-height: 24px; transition: all 0.3s; } .uou-block-5d .tabs > li a { color: inherit; font-size: 14px; cursor: default; } .uou-block-5d .tabs > li:hover img { opacity: 1; } .uou-block-5d .tabs > li.active img { opacity: 1; } .uou-block-5d .tabs > li.active h6 { color: #333333; } .uou-block-5d .tabs > li.active a:hover { cursor: pointer; color: #89b943; } /* Block 6a */ /* ======================== */ .uou-block-6a { position: relative; display: block; text-align: center; margin-bottom: 30px; } .uou-block-6a:before, .uou-block-6a:after { content: " "; display: table; } .uou-block-6a:after { clear: both; } .uou-block-6a:before, .uou-block-6a:after { content: " "; display: table; } .uou-block-6a:after { clear: both; } .uou-block-6a img { width: 100%; height: auto; } .rounded.uou-block-6a img { max-width: 250px; border-radius: 50%; } .uou-block-6a h6 { line-height: 24px; } .uou-block-6a h6 span { display: block; font-weight: normal; font-size: 14px; color: #8c8c8c; letter-spacing: 1px; } .uou-block-6a .social-icons { padding-left: 0; list-style: none; margin-bottom: 0; } .uou-block-6a .social-icons > li { display: inline-block; margin-right: 24px; } .uou-block-6a .social-icons > li:last-child { margin-right: 0; } .uou-block-6a .social-icons > li > a { display: block; color: inherit; font-size: 18px; } .uou-block-6a .social-icons > li > a:hover { color: #89b943; } /* Block 6b */ /* ======================== */ .uou-block-6b { position: relative; display: block; margin-bottom: 30px; padding-left: 124px; } .uou-block-6b:before, .uou-block-6b:after { content: " "; display: table; } .uou-block-6b:after { clear: both; } .uou-block-6b:before, .uou-block-6b:after { content: " "; display: table; } .uou-block-6b:after { clear: both; } .uou-block-6b img { position: absolute; top: 0; left: 0; width: 100px; height: auto; } .uou-block-6b .social-icons { padding-left: 0; list-style: none; position: absolute; top: 124px; left: 0; margin-bottom: 0; width: 100px; text-align: center; } .uou-block-6b .social-icons > li { display: inline-block; margin-right: 12px; } .uou-block-6b .social-icons > li:last-child { margin-right: 0; } .uou-block-6b .social-icons > li > a { display: block; color: inherit; font-size: 18px; } .uou-block-6b .social-icons > li > a:hover { color: #89b943; } .uou-block-6b .content { position: relative; padding: 24px; background: #f4f4f4; font-size: 14px; font-weight: normal; } .uou-block-6b .content p { font-size: 14px; } .secondary.uou-block-6b .content { background: #333333; color: #ffffff; font-weight: normal; } .secondary.uou-block-6b .content p { color: #ffffff; } .uou-block-6b .content:before { position: absolute; top: 50px; right: 100%; content: ''; width: 0; height: 0; margin-top: -10px; border-right: 10px solid #f4f4f4; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .secondary.uou-block-6b .content:before { border-right-color: #333333; } .uou-block-6b .content h6 { margin-top: 0; line-height: 24px; } .secondary.uou-block-6b .content h6 { color: #ffffff; } .uou-block-6b .content h6 span { display: block; font-weight: normal; font-size: 14px; color: #8c8c8c; letter-spacing: 1px; } .uou-block-6b .content p:last-child { margin-bottom: 0; } /* Block 7a */ /* ======================== */ .uou-block-7a { position: relative; display: block; } .uou-block-7a:before, .uou-block-7a:after { content: " "; display: table; } .uou-block-7a:after { clear: both; } .uou-block-7a:before, .uou-block-7a:after { content: " "; display: table; } .uou-block-7a:after { clear: both; } .uou-block-7a .css-table-cell { width: 50%; } .uou-block-7a .slider .flexslider, .uou-block-7a .slider .slides, .uou-block-7a .slider .slides > li { width: 100%; height: 100%; } .uou-block-7a .content { padding: 48px; background: #f4f4f4; text-align: center; font-size: 14px; } .secondary.uou-block-7a .content { background: #333333; color: #8c8c8c; } .secondary.uou-block-7a .content p { color: #ffffff; } .uou-block-7a .content img { border-radius: 4px; } .uou-block-7a .content h1 { font-size: 20px; text-transform: uppercase; } .secondary.uou-block-7a .content h1 { color: #ffffff; } @media (max-width: 767px) { .uou-block-7a .css-table-cell { display: block; width: 100%; } .uou-block-7a .slider .flexslider, .uou-block-7a .slider .slides, .uou-block-7a .slider .slides > li { min-height: 250px; } } /* Block 7b */ /* ======================== */ .uou-block-7b { position: relative; display: block; } .uou-block-7b:before, .uou-block-7b:after { content: " "; display: table; } .uou-block-7b:after { clear: both; } .uou-block-7b:before, .uou-block-7b:after { content: " "; display: table; } .uou-block-7b:after { clear: both; } .uou-block-7b .css-table-cell { width: 50%; } .uou-block-7b .content { padding: 48px; background: #f4f4f4; text-align: center; font-size: 14px; } .uou-block-7b img { height: 100%; } .secondary.uou-block-7b .content { background: #333333; color: #ffffff; } .uou-block-7b .content h1 { font-size: 20px; } .secondary.uou-block-7b .content h1 { color: #ffffff; } .uou-block-7b .content .time-ago { text-transform: uppercase; color: #737373; font-size: 12px; } .secondary.uou-block-7b .content .time-ago { color: #8c8c8c; } @media (max-width: 767px) { .uou-block-7b .css-table-cell { display: block; width: 100%; } .uou-block-7b .image { min-height: 250px; } } /* Block 7c */ /* ======================== */ .uou-block-7c { position: relative; display: block; text-align: center; font-size: 14px; margin-bottom: 24px; } .uou-block-7c:before, .uou-block-7c:after { content: " "; display: table; } .uou-block-7c:after { clear: both; } .uou-block-7c:before, .uou-block-7c:after { content: " "; display: table; } .uou-block-7c:after { clear: both; } .uou-block-7c .image { width: 100%; height: auto; } .uou-block-7c h1 { margin-top: 12px; font-size: 20px; } .uou-block-7c .date { display: block; margin-top: 24px; text-transform: uppercase; color: #737373; font-size: 12px; } /* Block 7d */ /* ======================== */ .uou-block-7d { padding-left: 0; list-style: none; position: relative; display: block; font-size: 14px; margin-bottom: 24px; } .uou-block-7d > li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #f4f4f4; } .uou-block-7d > li:first-child { padding-top: 12px; border-top: 1px solid #f4f4f4; } .uou-block-7d > li:last-child { margin-bottom: 0; } .uou-block-7d h5 { margin: 0; font-size: 14px; } .uou-block-7d h5 a { color: #333333; } .uou-block-7d h5 a:hover { color: #89b943; } .uou-block-7d p { margin-top: 6px; margin-bottom: 0; font-size: 12px; line-height: 18px; } .uou-block-7d .time-ago { display: block; text-transform: uppercase; color: #737373; font-size: 10px; } /* Block 7e */ /* ======================== */ .uou-block-7e { padding-left: 0; list-style: none; position: relative; display: block; font-size: 14px; margin-bottom: 24px; } .uou-block-7e h1 { margin-top: 12px; font-size: 20px; } .uou-block-7e h1 a { color: #333333; } .uou-block-7e h1 a:hover { color: #89b943; } .uou-block-7e a.btn { text-transform: capitalize; padding: 6px 8px; } .uou-block-7e .meta { text-transform: uppercase; color: #737373; font-size: 12px; font-family: 'Open Sans', sans-serif; } .uou-block-7e .meta a { color: inherit; } .uou-block-7e .meta a:hover { color: #89b943; } .uou-block-7e .meta span:after { content: '\2022'; margin: 0 10px; } .uou-block-7e .meta span:last-child:after { display: none; } /* Block 7f */ /* ======================== */ .uou-block-7f { position: relative; display: block; margin-bottom: 30px; padding-bottom: 30px; font-size: 14px; } .uou-block-7f:before, .uou-block-7f:after { content: " "; display: table; } .uou-block-7f:after { clear: both; } .uou-block-7f:before, .uou-block-7f:after { content: " "; display: table; } .uou-block-7f:after { clear: both; } .uou-block-7f:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .uou-block-7f .thumb { width: 250px; height: auto; float: left; margin-right: 30px; border-radius: 4px; } .uou-block-7f h1 { margin-top: 12px; font-size: 20px; } .uou-block-7f h1 a { color: #333333; } .uou-block-7f h1 a:hover { color: #89b943; } .uou-block-7f a.btn { text-transform: capitalize; padding: 6px 8px; } .uou-block-7f .meta { text-transform: uppercase; color: #737373; font-size: 12px; font-family: 'Open Sans', sans-serif; } .uou-block-7f .meta a { color: inherit; } .uou-block-7f .meta a:hover { color: #89b943; } .uou-block-7f .meta span:after { content: '' !important; margin: 0 10px; } .uou-block-7f .meta span:last-child:after { display: none; } @media (max-width: 767px) { .uou-block-7f .thumb { width: 100%; height: auto; float: none; margin-right: 0; margin-bottom: 24px; } } /* Block 7g */ /* ======================== */ .uou-block-7g { position: relative; display: block; text-align: center; font-size: 14px; margin-bottom: 24px; } .uou-block-7g:before, .uou-block-7g:after { content: " "; display: table; } .uou-block-7g:after { clear: both; } .uou-block-7g:before, .uou-block-7g:after { content: " "; display: table; } .uou-block-7g:after { clear: both; } .uou-block-7g.blog { background-color: #eaeaea; } .uou-block-7g .image { width: 100%; height: auto; } .uou-block-7g .badge { position: absolute; top: 0; left: 0; text-transform: uppercase; background: #89b943; color: #ffffff; padding: 0 8px; font-size: 12px; font-weight: 600; } .uou-block-7g .content { padding: 24px; border: 1px solid #cecece; border-top: 0; } .uou-block-7g h1 { margin-top: 12px; font-size: 20px; } .uou-block-7g .date { display: block; text-transform: uppercase; color: #737373; font-size: 12px; } .uou-block-7g p:last-child { margin-bottom: 0; } /* Block 7h */ /* ======================== */ .uou-block-7h { position: relative; display: block; text-align: center; } .uou-block-7h .caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 48px; color: #ffffff; text-shadow: 1px 1px 10px rgba(51, 51, 51, 0.5); } .uou-block-7h .caption .time-ago { display: block; text-transform: uppercase; } .uou-block-7h .caption h3 { max-width: 767px; margin: 0 auto; line-height: 1.5em; color: inherit; } .uou-block-7h .caption h3 a { color: inherit; } .uou-block-7h .caption h3 a:hover { color: #89b943; } @media (max-width: 767px) { .uou-block-7h .caption .time-ago { display: none; } .uou-block-7h .caption h3 { font-size: 20px; } } /* Block 8a */ /* ======================== */ .uou-block-8a { position: relative; display: block; } .uou-block-8a:before, .uou-block-8a:after { content: " "; display: table; } .uou-block-8a:after { clear: both; } .uou-block-8a:before, .uou-block-8a:after { content: " "; display: table; } .uou-block-8a:after { clear: both; } .uou-block-8a .css-table-cell { width: 50%; } .uou-block-8a .image { text-align: center; } .uou-block-8a .content { padding: 0 48px; } .uou-block-8a .content ul { margin-bottom: 0; } @media (max-width: 1199px) { .uou-block-8a .content { width: 60%; } .uou-block-8a .image { width: 40%; } } @media (max-width: 991px) { .uou-block-8a .css-table-cell { display: block; width: 100%; padding: 0; } .uou-block-8a .image { margin-bottom: 30px; } } /* Block 8b */ /* ======================== */ .uou-block-8b { position: relative; display: block; } .uou-block-8b:before, .uou-block-8b:after { content: " "; display: table; } .uou-block-8b:after { clear: both; } .uou-block-8b:before, .uou-block-8b:after { content: " "; display: table; } .uou-block-8b:after { clear: both; } .uou-block-8b .list-icon-large li { display: inline-block; vertical-align: top; width: 33%; margin-bottom: 48px; margin-left: -5px; padding-right: 24px; } .uou-block-8b .list-icon-large li:nth-child(3n) { padding-right: 0; } @media (max-width: 991px) { .uou-block-8b .list-icon-large li { width: 49%; padding-right: 24px; } .uou-block-8b .list-icon-large li:nth-child(3n) { padding-right: 24px; } } @media (max-width: 767px) { .uou-block-8b .list-icon-large li { width: 100%; padding-right: 0; } .uou-block-8b .list-icon-large li:nth-child(3n) { padding-right: 0; } } /* Block 8c */ /* ======================== */ .uou-block-8c { position: relative; display: block; } .uou-block-8c:before, .uou-block-8c:after { content: " "; display: table; } .uou-block-8c:after { clear: both; } .uou-block-8c:before, .uou-block-8c:after { content: " "; display: table; } .uou-block-8c:after { clear: both; } .uou-block-8c .css-table-cell { width: 50%; } .uou-block-8c .image { text-align: center; } .uou-block-8c .content { padding: 0 48px; font-size: 14px; } .uou-block-8c .content h3 { font-size: 20px; } @media (max-width: 1199px) { .uou-block-8c .content { width: 60%; } .uou-block-8c .image { width: 40%; } } @media (max-width: 991px) { .uou-block-8c .css-table-cell { display: block; width: 100%; padding: 0; } } /* Block 8d */ /* ======================== */ .uou-block-8d { position: relative; display: block; text-align: center; font-size: 14px; margin-bottom: 30px; } .uou-block-8d:before, .uou-block-8d:after { content: " "; display: table; } .uou-block-8d:after { clear: both; } .uou-block-8d:before, .uou-block-8d:after { content: " "; display: table; } .uou-block-8d:after { clear: both; } .uou-block-8d.active h5, .uou-block-8d:hover h5 { color: #89b943; } .uou-block-8d.active .fa, .uou-block-8d:hover .fa { color: #89b943; border-color: #89b943; box-shadow: 0px 0px 0px 7px rgba(73, 152, 213, 0.2); } .uou-block-8d .fa { font-size: 32px; color: #333333; display: block; height: 90px; width: 90px; border: 1px solid #333333; border-radius: 50%; line-height: 90px; margin: 10px auto; transition: all .3s ease; } .uou-block-8d h4 { font-size: 20px; } .uou-block-8d h5 { margin-bottom: 10px; transition: all .3s ease; } /* Block 9a */ /* ======================== */ .uou-block-9a { position: relative; display: block; margin-bottom: 30px; font-size: 14px; } .uou-block-9a .content { background: #f4f4f4; padding: 24px; } .uou-block-9a .content:before, .uou-block-9a .content:after { content: " "; display: table; } .uou-block-9a .content:after { clear: both; } .uou-block-9a .content:before, .uou-block-9a .content:after { content: " "; display: table; } .uou-block-9a .content:after { clear: both; } .secondary.uou-block-9a .content { background: #333333; color: #8c8c8c; } .uou-block-9a .content h4 { font-size: 16px; margin: 0; } .secondary.uou-block-9a .content h4 { color: #ffffff; } .uou-block-9a .content .stars { color: #737373; margin-bottom: 24px; } .secondary.uou-block-9a .content .stars { color: #8c8c8c; } .uou-block-9a .content .price { float: left; display: inline-block; font-size: 32px; font-weight: 600; color: #333333; line-height: 40px; vertical-align: middle; } .secondary.uou-block-9a .content .price { color: #ffffff; } .uou-block-9a .content .price:before { content: '$'; margin-right: 5px; font-size: 24px; } .uou-block-9a .content .btn { float: right; } /* Block 9b */ /* ======================== */ .uou-block-9b { position: relative; display: block; margin-bottom: 30px; } .uou-block-9b:before, .uou-block-9b:after { content: " "; display: table; } .uou-block-9b:after { clear: both; } .uou-block-9b:before, .uou-block-9b:after { content: " "; display: table; } .uou-block-9b:after { clear: both; } .uou-block-9b .image { position: absolute; top: 0; left: 0; width: 100px; height: auto; } .uou-block-9b .content { padding-left: 124px; min-height: 100px; } .uou-block-9b .content h4 { font-size: 16px; margin: 0; } .uou-block-9b .content h4 a { color: inherit; } .uou-block-9b .content h4 a:hover { color: #89b943; } .uou-block-9b .content .stars { color: #737373; margin-bottom: 6px; } .uou-block-9b .content p { margin-bottom: 0; font-size: 12px; line-height: 18px; } /* Block 10a */ /* ======================== */ .uou-block-10a { position: relative; display: block; color: #ffffff; } .uou-block-10a:before, .uou-block-10a:after { content: " "; display: table; } .uou-block-10a:after { clear: both; } .uou-block-10a:before, .uou-block-10a:after { content: " "; display: table; } .uou-block-10a:after { clear: both; } .uou-block-10a .css-table { padding: 50px 0; min-height: 300px; } .uou-block-10a .css-table-cell:first-child { padding-right: 100px; } .uou-block-10a h3 { font-size: 20px; color: inherit; margin-top: 0; } .uou-block-10a p { font-size: 14px; color: #f4f4f4; } .uou-block-10a p:last-child { margin-bottom: 0; } .uou-block-10a .btn { display: block; min-width: 200px; } .uou-block-10a .btn + .btn { margin-top: 15px; } @media (max-width: 767px) { .uou-block-10a .css-table { padding: 50px 0 45px; min-height: 0; } .uou-block-10a .css-table-cell { display: block; width: 100%; } .uou-block-10a .css-table-cell:first-child { padding-right: 0; } .uou-block-10a p:last-child { margin-bottom: 24px; } .uou-block-10a .btn { vertical-align: middle; display: inline-block; min-width: 200px; margin-bottom: 5px; } .uou-block-10a .btn + .btn { margin-top: 0; } } /* Block 10b */ /* ======================== */ .uou-block-10b { position: relative; display: block; padding: 50px 0; background: #333333; text-align: center; } .uou-block-10b:before, .uou-block-10b:after { content: " "; display: table; } .uou-block-10b:after { clear: both; } .uou-block-10b:before, .uou-block-10b:after { content: " "; display: table; } .uou-block-10b:after { clear: both; } .uou-block-10b h4 { margin-top: 0; margin-bottom: 12px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; } .uou-block-10b p { font-size: 14px; color: #8c8c8c; } .uou-block-10b form { margin: 0; } .uou-block-10b form input[type="email"] { margin-bottom: 0; display: inline-block; width: 300px; vertical-align: middle; background: none; border-color: #8c8c8c; margin-right: 10px; color: #ffffff; } .uou-block-10b form input[type="email"]:focus { border-color: #f4f4f4; } .uou-block-10b form input[type="email"]::-moz-placeholder { color: #8c8c8c; opacity: 1; } .uou-block-10b form input[type="email"]:-ms-input-placeholder { color: #8c8c8c; } .uou-block-10b form input[type="email"]::-webkit-input-placeholder { color: #8c8c8c; } .uou-block-10b form input[type="email"] .placeholder, .uou-block-10b form input[type="email"].placeholder { color: #8c8c8c; } @media (max-width: 767px) { .uou-block-10b form input[type="email"] { margin-bottom: 12px; display: block; width: 100%; margin-right: 0; } } /* Block 10c */ /* ======================== */ .uou-block-10c { position: relative; display: block; padding: 50px 0; background: #333333; text-align: center; } .uou-block-10c:before, .uou-block-10c:after { content: " "; display: table; } .uou-block-10c:after { clear: both; } .uou-block-10c:before, .uou-block-10c:after { content: " "; display: table; } .uou-block-10c:after { clear: both; } .uou-block-10c h4 { margin-top: 0; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; } .uou-block-10c p { margin-top: 24px; margin-bottom: 0; font-size: 14px; color: #8c8c8c; } /* Block 11a */ /* ======================== */ .uou-block-11a { position: absolute; top: 0; right: 0; width: 300px; background: #333333; padding: 30px; z-index: 1; color: #8c8c8c; } .uou-block-11a hr { border-color: #202020; } .uou-block-11a .title { margin-top: 0; margin-bottom: 50px; color: #ffffff; line-height: 30px; } .uou-block-11a .mobile-sidebar-close { display: block; position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #8c8c8c; text-align: center; line-height: 26px; font-weight: 600; font-size: 18px; color: #8c8c8c; } .uou-block-11a .mobile-sidebar-close:hover { color: #89b943; border-color: #89b943; } .uou-block-11a .main-nav ul { padding-left: 0; list-style: none; } .uou-block-11a .main-nav ul > li { display: block; padding-bottom: 6px; } .uou-block-11a .main-nav ul > li > a { color: inherit; } .uou-block-11a .main-nav ul > li > a:hover { color: #89b943; } .uou-block-11a .main-nav ul > li ul { display: none; margin-top: 6px; padding-left: 24px; border-left: 1px solid #202020; } .uou-block-11a .main-nav ul > li ul li { position: relative; } .uou-block-11a .main-nav ul > li ul li:before { position: absolute; top: 12px; left: -24px; content: ''; width: 10px; height: 1px; background: #202020; } .uou-block-11a .main-nav ul > li.active > a { color: #ffffff; } .uou-block-11a .main-nav ul .has-submenu { position: relative; } .uou-block-11a .main-nav ul .has-submenu .arrow { position: absolute; top: 0; right: 0; width: 24px; height: 24px; background-color: #202020; cursor: pointer; text-align: center; transition: all 0.3s; } .uou-block-11a .main-nav ul .has-submenu .arrow:hover { color: #ffffff; background-color: #89b943; } .uou-block-11a .main-nav ul .has-submenu .arrow:before { content: "\f105"; font-family: 'FontAwesome'; } .uou-block-11a .main-nav ul .has-submenu.active > .arrow:before { content: "\f107"; } .uou-block-11a .authentication { padding-left: 0; list-style: none; } .uou-block-11a .authentication:before, .uou-block-11a .authentication:after { content: " "; display: table; } .uou-block-11a .authentication:after { clear: both; } .uou-block-11a .authentication:before, .uou-block-11a .authentication:after { content: " "; display: table; } .uou-block-11a .authentication:after { clear: both; } .uou-block-11a .authentication li { float: left; width: 50%; } .uou-block-11a .authentication li:first-child { padding-right: 10px; } .uou-block-11a .authentication li:last-child { padding-left: 10px; } .uou-block-11a .authentication li .btn { display: block; } .uou-block-11a .search-form { position: relative; margin: 0; padding: 0; } .uou-block-11a .search-form input[type="text"] { margin: 0; background: none; border-color: #8c8c8c; color: #ffffff; } .uou-block-11a .search-form input[type="text"]:focus { border-color: #ffffff; } .uou-block-11a .search-form input[type="text"]:focus + input[type="submit"] { color: #ffffff; } .uou-block-11a .search-form input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .uou-block-11a .search-form input[type="submit"] { position: absolute; top: 0; right: 0; background: none; border: 0; width: 40px; height: 40px; padding: 0; text-align: center; line-height: 40px; font-family: 'FontAwesome'; font-size: 14px; color: #8c8c8c; transition: all 0.3s; } .uou-block-11a .search-form input[type="submit"]:hover { color: #89b943; } .uou-block-11a .language { padding-left: 0; list-style: none; text-align: center; } .uou-block-11a .language li { display: inline-block; margin-right: 24px; } .uou-block-11a .language li:last-child { margin-right: 0; } .uou-block-11a .language li a { display: block; color: inherit; font-size: 14px; font-weight: 600; } .uou-block-11a .language li a:hover { color: #89b943; } .uou-block-11a .language li.active a { color: #ffffff; } .uou-block-11a .social-icons { padding-left: 0; list-style: none; margin: 0; text-align: center; } .uou-block-11a .social-icons li { display: inline-block; margin-right: 5px; } .uou-block-11a .social-icons li a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #ffffff; border-radius: 50%; } .uou-block-11a .social-icons li a.fa-facebook { background: #3b5999; } .uou-block-11a .social-icons li a.fa-twitter { background: #55acee; } .uou-block-11a .social-icons li a.fa-google-plus { background: #dd4b39; } .uou-block-11a .social-icons li a.fa-pinterest { background: #ab171e; } .uou-block-11a .social-icons li a:hover.fa-facebook { background: #2d4474; } .uou-block-11a .social-icons li a:hover.fa-twitter { background: #2795e9; } .uou-block-11a .social-icons li a:hover.fa-google-plus { background: #c23321; } .uou-block-11a .social-icons li a:hover.fa-pinterest { background: #7e1116; } /* Block 12a */ /* ======================== */ .uou-block-12a { position: relative; display: block; } .uou-block-12a:before, .uou-block-12a:after { content: " "; display: table; } .uou-block-12a:after { clear: both; } .uou-block-12a:before, .uou-block-12a:after { content: " "; display: table; } .uou-block-12a:after { clear: both; } .uou-block-12a .map-container { position: relative; } .uou-block-12a .form { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 24px 0; background: rgba(51, 51, 51, 0.75); } .uou-block-12a .form select, .uou-block-12a .form input[type="text"] { margin-bottom: 0; background: rgba(51, 51, 51, 0.75); border-color: #8c8c8c; color: #ffffff; } .uou-block-12a .form select:focus, .uou-block-12a .form input[type="text"]:focus { background: #333333; border-color: #ffffff; } .uou-block-12a .form select::-moz-placeholder, .uou-block-12a .form input[type="text"]::-moz-placeholder { color: #8c8c8c; opacity: 1; } .uou-block-12a .form select:-ms-input-placeholder, .uou-block-12a .form input[type="text"]:-ms-input-placeholder { color: #8c8c8c; } .uou-block-12a .form select::-webkit-input-placeholder, .uou-block-12a .form input[type="text"]::-webkit-input-placeholder { color: #8c8c8c; } .uou-block-12a .form select .placeholder, .uou-block-12a .form input[type="text"] .placeholder, .uou-block-12a .form select.placeholder, .uou-block-12a .form input[type="text"].placeholder { color: #8c8c8c; } .uou-block-12a .form .btn { display: block; width: 100%; } .uou-block-12a .form .row { margin-left: -5px; margin-right: -5px; } .uou-block-12a .form [class*="col-sm-"] { padding-left: 5px; padding-right: 5px; } @media (max-width: 767px) { .uou-block-12a .form { position: relative; bottom: auto; left: auto; background: #333333; } .uou-block-12a .form select, .uou-block-12a .form input[type="text"] { margin-bottom: 12px; } } /* Block 12b */ /* ======================== */ .uou-block-12b { position: relative; display: block; } .uou-block-12b:before, .uou-block-12b:after { content: " "; display: table; } .uou-block-12b:after { clear: both; } .uou-block-12b:before, .uou-block-12b:after { content: " "; display: table; } .uou-block-12b:after { clear: both; } .uou-block-12b .map-container { position: relative; } .uou-block-12b .form { position: absolute; top: 0; right: 0; width: 350px; height: 100%; max-width: 100%; margin: 0; padding: 24px; background: rgba(51, 51, 51, 0.75); } .uou-block-12b .form h6 { color: #ffffff; margin-top: 0; } .uou-block-12b .form select, .uou-block-12b .form input[type="text"] { background: rgba(51, 51, 51, 0.75); border-color: #8c8c8c; color: #ffffff; } .uou-block-12b .form select:focus, .uou-block-12b .form input[type="text"]:focus { background: #333333; border-color: #ffffff; } .uou-block-12b .form select::-moz-placeholder, .uou-block-12b .form input[type="text"]::-moz-placeholder { color: #8c8c8c; opacity: 1; } .uou-block-12b .form select:-ms-input-placeholder, .uou-block-12b .form input[type="text"]:-ms-input-placeholder { color: #8c8c8c; } .uou-block-12b .form select::-webkit-input-placeholder, .uou-block-12b .form input[type="text"]::-webkit-input-placeholder { color: #8c8c8c; } .uou-block-12b .form select .placeholder, .uou-block-12b .form input[type="text"] .placeholder, .uou-block-12b .form select.placeholder, .uou-block-12b .form input[type="text"].placeholder { color: #8c8c8c; } .uou-block-12b .form .btn { display: block; width: 100%; } .uou-block-12b .form .uou-rangeslider .rangeslider, .uou-block-12b .form .uou-rangeslider .rangeslider__fill { background: #8c8c8c; } .uou-block-12b .form .uou-rangeslider .rangeslider__fill { background: #f4f4f4; } @media (max-width: 767px) { .uou-block-12b .form { position: relative; top: auto; right: auto; width: 100%; background: #333333; } } /* Block 12c */ /* ======================== */ .uou-block-12c { position: relative; display: block; background: #f4f4f4; border: 1px solid #dbdbdb; padding-bottom: 24px; } .uou-block-12c:before, .uou-block-12c:after { content: " "; display: table; } .uou-block-12c:after { clear: both; } .uou-block-12c:before, .uou-block-12c:after { content: " "; display: table; } .uou-block-12c:after { clear: both; } .uou-block-12c .map-container { position: relative; border-bottom: 1px solid #dbdbdb; } .uou-block-12c h5, .uou-block-12c h6 { text-align: center; } .uou-block-12c table { background: none; font-size: 14px; } .uou-block-12c table > tbody { border-top: 1px solid #dbdbdb; } .uou-block-12c table > tbody > tr > td { vertical-align: middle; border-bottom: 1px solid #dbdbdb; } .uou-block-12c .social-icons { padding-left: 0; list-style: none; margin: 0; text-align: center; } .uou-block-12c .social-icons li { display: inline-block; margin-right: 5px; } .uou-block-12c .social-icons li a { display: block; width: 48px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #ffffff; } .uou-block-12c .social-icons li a.fa-facebook { background: #3b5999; } .uou-block-12c .social-icons li a.fa-twitter { background: #55acee; } .uou-block-12c .social-icons li a.fa-google-plus { background: #dd4b39; } .uou-block-12c .social-icons li a.fa-pinterest { background: #ab171e; } .uou-block-12c .social-icons li a:hover.fa-facebook { background: #2d4474; } .uou-block-12c .social-icons li a:hover.fa-twitter { background: #2795e9; } .uou-block-12c .social-icons li a:hover.fa-google-plus { background: #c23321; } .uou-block-12c .social-icons li a:hover.fa-pinterest { background: #7e1116; } /* Block 13a */ /* ======================== */ .uou-block-13a { position: relative; display: block; background: #f4f4f4; } .secondary.uou-block-13a { background: #333333; } .uou-block-13a h5 { margin: 0; padding: 12px 24px; font-size: 16px; background: #333333; color: #ffffff; text-align: center; } .secondary.uou-block-13a h5 { background: #202020; } .uou-block-13a .btn { display: block; text-transform: uppercase; font-size: 14px; } .uou-block-13a > ul { padding-left: 0; list-style: none; margin: 0; } .uou-block-13a > ul > li { position: relative; padding: 12px 24px; padding-left: 74px; min-height: 74px; border-bottom: 1px solid #dbdbdb; } .uou-block-13a > ul > li:last-child { border-bottom: 0; } .secondary.uou-block-13a > ul > li { border-bottom-color: #202020; } .uou-block-13a > ul > li img { position: absolute; top: 50%; left: 12px; width: 50px; height: 50px; margin-top: -25px; border-radius: 50%; } .uou-block-13a > ul > li h6 { margin: 0; line-height: 24px; } .secondary.uou-block-13a > ul > li h6 { color: #ffffff; } .uou-block-13a > ul > li h6 a { color: inherit; } .uou-block-13a > ul > li h6 a:hover { color: #89b943; } .uou-block-13a > ul > li .stars { color: #737373; } .secondary.uou-block-13a > ul > li .stars { color: #8c8c8c; } .uou-block-13a > ul > li .date { display: block; text-transform: uppercase; color: #737373; font-size: 12px; } .secondary.uou-block-13a > ul > li .date { color: #8c8c8c; } /* Block 13b */ /* ======================== */ .uou-block-13b { position: relative; display: block; background: #f4f4f4; } .secondary.uou-block-13b { background: #333333; } .uou-block-13b h5 { margin: 0; padding: 12px 24px; font-size: 16px; background: #333333; color: #ffffff; } .secondary.uou-block-13b h5 { background: #202020; } .uou-block-13b > ul { padding-left: 0; list-style: none; margin: 0; } .uou-block-13b > ul > li { position: relative; padding: 12px 24px; border-bottom: 1px solid #dbdbdb; } .uou-block-13b > ul > li:last-child { border-bottom: 0; } .secondary.uou-block-13b > ul > li { border-bottom-color: #202020; } .uou-block-13b > ul > li h6 { margin: 0; line-height: 1.5em; font-size: 14px; } .secondary.uou-block-13b > ul > li h6 { color: #ffffff; } .uou-block-13b > ul > li h6 a { color: inherit; } .uou-block-13b > ul > li h6 a:hover { color: #89b943; } .uou-block-13b > ul > li .time-ago { display: block; text-transform: uppercase; color: #737373; font-size: 10px; } .secondary.uou-block-13b > ul > li .time-ago { color: #8c8c8c; } /* Block 13c */ /* ======================== */ .uou-block-13c { position: relative; display: block; background: #f4f4f4; text-align: center; } .secondary.uou-block-13c { background: #333333; } .uou-block-13c h5 { margin: 0; padding: 12px 24px; font-size: 16px; background: #333333; color: #ffffff; } .secondary.uou-block-13c h5 { background: #202020; } .uou-block-13c > ul { padding-left: 0; list-style: none; margin: 0; } .uou-block-13c > ul > li { position: relative; padding: 12px 24px; border-bottom: 1px solid #dbdbdb; } .uou-block-13c > ul > li:last-child { border-bottom: 0; } .secondary.uou-block-13c > ul > li { border-bottom-color: #202020; } .uou-block-13c > ul > li h6 { margin: 0; line-height: 1.5em; font-size: 14px; } .secondary.uou-block-13c > ul > li h6 { color: #ffffff; } .uou-block-13c > ul > li h6 a { color: inherit; } .uou-block-13c > ul > li h6 a:hover { color: #89b943; } .uou-block-13c > ul > li .company { display: block; text-transform: uppercase; color: #737373; font-size: 10px; } .secondary.uou-block-13c > ul > li .company { color: #8c8c8c; } /* Block 14a */ /* ======================== */ .uou-block-14a { position: relative; display: block; font-family: 'Open Sans', sans-serif; } .uou-block-14a ul { padding-left: 0; list-style: none; margin: 0; } .uou-block-14a ul ul { margin-left: 30px; } .uou-block-14a .comment { position: relative; margin-bottom: 30px; padding-left: 124px; min-height: 100px; } .uou-block-14a .comment > img { position: absolute; top: 0; left: 0; width: 100px; height: auto; } .uou-block-14a .comment > div { position: relative; padding: 0; font-size: 14px; } .uou-block-14a .comment > div header { margin-bottom: 10px; } .uou-block-14a .comment > div header .user { display: inline-block; font-size: 16px; color: #333333; } .uou-block-14a .comment > div header .user:hover { color: #89b943; } .uou-block-14a .comment > div header small { display: inline-block; font-weight: normal; font-size: 16px; color: #8c8c8c; } .uou-block-14a .comment > div header .time-ago { text-transform: uppercase; color: #737373; font-size: 12px; } .uou-block-14a .comment > div header .time-ago:after { content: '-'; margin: 0 10px; } .uou-block-14a .comment > div header .reply { color: #8c8c8c; font-size: 12px; font-weight: 600; } .uou-block-14a .comment > div header .reply:hover { color: #89b943; } .uou-block-14a .comment > div p { font-family: 'Open Sans', sans-serif; line-height: 20px; } .uou-block-14a .comment > div p:last-child { margin-bottom: 0; } @media (max-width: 991px) { .uou-block-14a .comment { padding-left: 74px; min-height: 50px; } .uou-block-14a .comment > img { width: 50px; } .uou-block-14a .comment > div:before { top: 25px; } } @media (max-width: 767px) { .uou-block-14a .comment > div header .user { font-size: 16px; } .uou-block-14a .comment > div header small { font-size: 14px; } .uou-block-14a .comment > div header .time-ago { display: none; } } @media (max-width: 320px) { .uou-block-14a .comment { padding-left: 0; min-height: 0; } .uou-block-14a .comment > img { display: none; } .uou-block-14a .comment > div:before { display: none; } .uou-block-14a .comment > div header small { display: none; } } .sb-slider-section { position: relative; width: 100%; height: auto; } .sb-slider-section.default.dark-text .ms-caption { color: #000000; } .sb-slider-section.default.dark-text .ms-caption h1 { color: #000000; } .sb-slider-section.default .ms-caption { color: #ffffff; width: 100%; } .sb-slider-section.default .ms-caption h1 { color: #ffffff; margin: 0; font-size: 46px; text-transform: uppercase; } @media screen and (max-width: 992px) { .sb-slider-section.default .ms-caption h1 { font-size: 26px; } } .sb-slider-section.default .ms-caption h1.custom-font { font-family: 'Nothing You Could Do', cursive; } .sb-slider-section.default .ms-caption h1.very-large-heading { font-size: 56px; line-height: 50px; } @media screen and (max-width: 768px) { .sb-slider-section.default .ms-caption h1.very-large-heading { font-size: 26px; line-height: 30px; } } @media screen and (max-width: 480px) { .sb-slider-section.default .ms-caption h1.very-large-heading { font-size: 17px; line-height: 30px; } } .sb-slider-section.default .ms-caption h1.very-large-heading strong { display: block; } .sb-slider-section.default .ms-caption h2 { color: #ffffff; margin: 0; text-transform: uppercase; } @media screen and (max-width: 768px) { .sb-slider-section.default .ms-caption h2 { font-size: 16px; } } .sb-slider-section.default .ms-caption h2.f-border-bottom { border-bottom: 1px solid #ffffff; text-align: center; display: table; margin: 0 auto; padding-bottom: 10px; margin-bottom: 20px; } .sb-slider-section.default .ms-caption p { font-size: 12px; letter-spacing: 6px; } .sb-slider-section.default .ms-caption p.long-text { letter-spacing: 1px; max-width: 350px; font-size: 14px; } @media screen and (max-width: 768px) { .sb-slider-section.default .ms-caption p.long-text { display: none; } } .sb-slider-section.default .ms-caption p.italic-text-large { font-size: 20px; font-style: italic; letter-spacing: 0; text-transform: none; font-family: 'Libre Baskerville', serif; font-weight: 400; margin-top: 20px; } @media screen and (max-width: 480px) { .sb-slider-section.default .ms-caption p.italic-text-large { display: none; } } .sb-slider-section.default .ms-caption p.italic-text-large b { display: block; font-weight: 400; } .sb-slider-section.default.custom-bullet .ms-bullets.ms-dir-h { bottom: 38%; } @media screen and (768px) { .sb-slider-section.default.custom-bullet .ms-bullets.ms-dir-h { bottom: 40px; } } .sb-slider-section.default .with-custom-bullet .ms-bullets.ms-dir-h { bottom: 31%; } @media screen and (max-width: 768px) { .sb-slider-section.default .with-custom-bullet .ms-bullets.ms-dir-h { bottom: 5%; } } .sb-slider-section.default .corporate-slider-text { width: 600px; height: auto; background-color: rgba(73, 152, 213, 0.6); text-align: center; padding: 20px; margin: 0 auto; } @media screen and (max-width: 768px) { .sb-slider-section.default .corporate-slider-text { width: auto; } } @media screen and (max-width: 768px) { .sb-slider-section.default .corporate-slider-text .cor-logo { width: 200px; } } .sb-slider-section.default .corporate-slider-text p { font-family: 'Libre Baskerville', serif; letter-spacing: 1px; font-size: 17px; font-style: italic; padding: 15px 0; } .sb-slider-section .slider-logo-img { width: 140px; margin-bottom: 15px; } @media screen and (max-width: 992px) { .sb-slider-section .slider-logo-img { width: 100px; } } @media screen and (max-width: 540px) { .sb-slider-section .slider-logo-img { display: none; } } .sb-slider-section .browser-big-logo { margin-bottom: -100px; } @media screen and (max-width: 768px) { .sb-slider-section .browser-big-logo { display: none; } } .sb-slider-section .mr10 { margin-right: 10px; } .sb-slider-section .ms-nav-next { right: 0; } .sb-slider-section .ms-nav-prev { left: 0; } .sb-slider-section .slider-link-btn { padding: 15px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; width: 260px; margin: 0 auto; } .sb-slider-section .slider-link-list { position: relative; } @media screen and (max-width: 540px) { .sb-slider-section .slider-link-list { display: none; } } .sb-slider-section .slider-link-list li { display: inline-block; margin-right: 20px; } .sb-slider-section .slider-link-list li.active a { background-color: #89b943; border-color: #89b943; } .sb-slider-section .slider-link-list li a { display: block; height: 130px; width: 150px; border: 4px solid #ffffff; border-radius: 4px; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 15px; letter-spacing: 2px; } @media screen and (max-width: 992px) { .sb-slider-section .slider-link-list li a { width: 100px; height: 90px; } } .sb-slider-section .slider-link-list li a i { display: block; font-size: 40px; padding-top: 30px; margin-bottom: 10px; } @media screen and (max-width: 992px) { .sb-slider-section .slider-link-list li a i { padding-top: 15px; } } .color-text { color: #89b943 !important; } .color-text-primary { color: #89b943 !important; } .uou-progressbar-single { position: relative; width: 100%; padding-bottom: 5px; margin-bottom: 30px; } .uou-progressbar-single h6 { margin-bottom: 0; font-weight: normal; font-size: 14px; margin-top: 0; } .uou-progressbar-single .main-bar { position: relative; width: 100%; height: 6px; border-radius: 50px; background-color: #eaeaea; display: block; margin: 10px 0; } .uou-progressbar-single .main-bar h6 { margin: 0; position: absolute; right: 0; top: -30px; } .uou-progressbar-single .main-bar .inner-bar { position: absolute; left: 0; top: 0; height: 100%; background-color: #89b943; z-index: 99; border-radius: 50px; } .uou-progressbar-single .main-bar .inner-bar.one { width: 87%; } .uou-progressbar-single .main-bar .inner-bar.two { width: 96%; } .uou-progressbar-single .main-bar .inner-bar.three { width: 78%; } .uou-progressbar-single .main-bar .inner-bar.gradient-one { background: -webkit-linear-gradient(left top, #89b943, #89b943); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left top, #89b943, #89b943); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left top, #89b943, #89b943); /* For Firefox 3.6 to 15 */ background: linear-gradient(left top, #89b943, #89b943); } .uou-progressbar-single .main-bar .inner-bar.gradient-two { background: -webkit-linear-gradient(left top, #aa1ed8, #89b943, #89b943); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left top, #aa1ed8, #89b943, #89b943); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left top, #aa1ed8, #89b943, #89b943); /* For Firefox 3.6 to 15 */ background: linear-gradient(left top, #aa1ed8, #89b943, #89b943); } .uou-progressbar-single .main-bar .inner-bar.gradient-three { background: -webkit-linear-gradient(left top, #d81716, #60825b, #89b943); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left top, #d81716, #60825b, #89b943); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left top, #d81716, #60825b, #89b943); /* For Firefox 3.6 to 15 */ background: linear-gradient(left top, #d81716, #60825b, #89b943); } .uou-service-square { position: relative; padding: 50px 0; } .uou-block-service-new { position: relative; text-align: center; padding: 20px 20px; border: 2px solid #8c8c8c; height: 110px; width: 150px; cursor: pointer; margin: 20px auto; border-radius: 0px; } .uou-block-service-new .fa { display: block; font-size: 30px; padding-bottom: 15px; } .uou-block-service-new h6 { margin-bottom: 5px; margin-top: 0; } .uou-block-service-new p { display: none; margin: 0; } .uou-block-service-new.active, .uou-block-service-new:hover { top: -25px; width: 250px; height: auto; border-color: #89b943; } .uou-block-service-new.active h6, .uou-block-service-new:hover h6 { color: #89b943; margin-bottom: 20px; margin-top: 10px; } .uou-block-service-new.active h6 .fa, .uou-block-service-new:hover h6 .fa { display: inline; padding-right: 15px; font-size: 20px; color: #89b943; } .uou-block-service-new.active p, .uou-block-service-new:hover p { display: block; } @media screen and (max-width: 992px) { .uou-block-service-new.active, .uou-block-service-new:hover { top: 0; } } .dropcaps { position: relative; } .dropcaps.secondary:first-letter { background-color: #333333; color: #ffffff; } .dropcaps.primary:first-letter { background-color: #89b943; color: #ffffff; } .dropcaps.default:first-letter { background-color: transparent; color: #333333; } .dropcaps:first-child:first-letter { float: left; font-size: 23px; padding: 10px 17px; margin: 3px 15px 0 0; font-weight: bold; border-radius: 0px; } .uou-cta { position: relative; width: 100%; padding: 20px 20px 14px; } .uou-cta p { font-family: 'Open Sans', sans-serif; } .uou-cta a { margin-left: 10px; font-size: 11px; } .uou-cta a.btn { padding: 6px 15px; } .uou-cta.default { border: 3px solid #f4f4f4; border-radius: 0px; } .uou-cta.default p { color: #333333; margin: 10px 0; } .uou-cta.primary { background-color: #89b943; color: #fff; } .uou-cta.primary p { color: #ffffff; margin: 10px 0; } .uou-cta.secondary { background-color: #333333; color: #fff; } .uou-cta.secondary p { color: #ffffff; margin: 10px 0; } .uou-cta.tratiary { background-color: #f4f4f4; color: #fff; } .uou-cta.tratiary p { color: #333333; margin: 10px 0; } .uou-sidebar { position: relative; width: 100%; padding-bottom: 50px; } .uou-sidebar .sidebar-title:first-child { margin-top: 0; } .search-form-widget { position: relative; margin: 0; padding: 0; width: 100%; } .search-form-widget input[type="text"] { margin: 0; background: none; height: 43.5px; padding: 13px 20px; } .search-form-widget input[type="text"]:focus { border-color: #333333; } .search-form-widget input[type="text"]:focus + input[type="submit"] { color: #333333; } .search-form-widget input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .search-form-widget input[type="submit"] { position: absolute; top: 0; right: 0; background: none; text-align: center; border: 0; width: 40px; height: 40px; padding: 0; line-height: 45px; font-family: 'FontAwesome'; font-size: 14px; color: #cecece; transition: all 0.3s; outline: 0; } .search-form-widget input[type="submit"]:hover { color: #89b943; } .list-widget { position: relative; } .list-widget ul { padding-left: 0; list-style: none; } .list-widget ul li { position: relative; padding: 15px 0; border-top: 1px solid #f4f4f4; } .list-widget ul li a { display: block; text-transform: uppercase; color: #737373; font-size: 13px; } .list-widget ul li a:hover { color: #89b943; } .list-widget ul li a:before { content: "\f054"; font-family: 'FontAwesome'; position: absolute; right: 10px; font-weight: normal; font-size: 10px; } .list-widget ul li:last-child { border-bottom: 1px solid #f4f4f4; } .social-widget { position: relative; } .social-widget .uou-block-4b { padding: 0; background: none; text-align: left; } .social-widget .uou-block-4b .social-icons { margin: 10px 0; } .latest-post-widget { position: relative; } .latest-post-widget .post-single { position: relative; margin: 10px 0; min-height: 100px; border-top: 1px solid #f4f4f4; padding-left: 95px; padding-top: 20px; padding-bottom: 20px; } .latest-post-widget .post-single:last-child { border-bottom: 1px solid #f4f4f4; } .latest-post-widget .post-single img { position: absolute; left: 0; top: 20px; width: 80px; border-radius: 4px; } .latest-post-widget .post-single .meta { text-transform: uppercase; color: #737373; font-size: 12px; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 16px; } .latest-post-widget .post-single .meta a { color: inherit; } .latest-post-widget .post-single .meta a:hover { color: #89b943; } .latest-post-widget .post-single .post-title { margin: 0; font-size: 13px; padding-top: 10px; } .latest-post-widget .post-single .post-title a { color: #333333; } .tag-cloud { position: relative; } .tag-cloud a { font-size: 12px; margin-bottom: 8px; } .tag-cloud a.btn { padding: 6px 8px; } .uou-toggle-content { position: relative; } .uou-toggle-content .content-hidden { padding-left: 50px; } .uou-toggle-content .content-main { position: relative; margin-bottom: 40px; } .uou-toggle-content h6 { position: relative; padding-left: 50px; margin-bottom: 10px; } .uou-toggle-content h6 a { height: 35px; width: 35px; display: block; color: #8c8c8c; line-height: 35px; text-align: center; border-radius: 0px; position: absolute; left: 0; top: -8px; border: 1px solid #8c8c8c; } .uou-toggle-content h6 a:before { content: "\f067"; font-family: 'FontAwesome'; text-align: center; } .uou-toggle-content h6 a.active { background: #89b943; border-color: #89b943; color: #ffffff; } .uou-toggle-content h6 a.active:before { content: "\f068"; font-family: 'FontAwesome'; text-align: center; } .uou-toggle-content .content-hidden { position: relative; visibility: visible; opacity: 0; transition: all .3s ease; display: none; } .uou-toggle-content .content-hidden.active { visibility: visible; opacity: 1; display: block; } .round-counter-single { position: relative; text-align: center; } @media screen and (max-width: 992px) { .round-counter-single { maring-bottom: 40px; } } .rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill { position: absolute; border: 0.06em solid #89b943; width: 0.88em; height: 0.88em; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100 { position: relative; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; background-color: #f4f4f4; margin: 0 auto; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .c100.center { float: none; margin: 0 auto; } .c100.big { font-size: 240px; } .c100.small { font-size: 90px; } .c100 > span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #333333; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; font-weight: bold; font-family: 'Open Sans', sans-serif; } .c100 > span b { color: #89b943; } .c100:after { position: absolute; top: 0.06em; left: 0.06em; display: block; content: " "; border-radius: 50%; background-color: #fff; width: 0.88em; height: 0.88em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p1 .bar { -webkit-transform: rotate(3.6deg); -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -o-transform: rotate(3.6deg); transform: rotate(3.6deg); } .c100.p2 .bar { -webkit-transform: rotate(7.2deg); -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -o-transform: rotate(7.2deg); transform: rotate(7.2deg); } .c100.p3 .bar { -webkit-transform: rotate(10.8deg); -moz-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); -o-transform: rotate(10.8deg); transform: rotate(10.8deg); } .c100.p4 .bar { -webkit-transform: rotate(14.4deg); -moz-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); -o-transform: rotate(14.4deg); transform: rotate(14.4deg); } .c100.p5 .bar { -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } .c100.p6 .bar { -webkit-transform: rotate(21.6deg); -moz-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); -o-transform: rotate(21.6deg); transform: rotate(21.6deg); } .c100.p7 .bar { -webkit-transform: rotate(25.2deg); -moz-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); -o-transform: rotate(25.2deg); transform: rotate(25.2deg); } .c100.p8 .bar { -webkit-transform: rotate(28.8deg); -moz-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); -o-transform: rotate(28.8deg); transform: rotate(28.8deg); } .c100.p9 .bar { -webkit-transform: rotate(32.4deg); -moz-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); -o-transform: rotate(32.4deg); transform: rotate(32.4deg); } .c100.p10 .bar { -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); } .c100.p11 .bar { -webkit-transform: rotate(39.6deg); -moz-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); -o-transform: rotate(39.6deg); transform: rotate(39.6deg); } .c100.p12 .bar { -webkit-transform: rotate(43.2deg); -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -o-transform: rotate(43.2deg); transform: rotate(43.2deg); } .c100.p13 .bar { -webkit-transform: rotate(46.800000000000004deg); -moz-transform: rotate(46.800000000000004deg); -ms-transform: rotate(46.800000000000004deg); -o-transform: rotate(46.800000000000004deg); transform: rotate(46.800000000000004deg); } .c100.p14 .bar { -webkit-transform: rotate(50.4deg); -moz-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); -o-transform: rotate(50.4deg); transform: rotate(50.4deg); } .c100.p15 .bar { -webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg); } .c100.p16 .bar { -webkit-transform: rotate(57.6deg); -moz-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); -o-transform: rotate(57.6deg); transform: rotate(57.6deg); } .c100.p17 .bar { -webkit-transform: rotate(61.2deg); -moz-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); -o-transform: rotate(61.2deg); transform: rotate(61.2deg); } .c100.p18 .bar { -webkit-transform: rotate(64.8deg); -moz-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); -o-transform: rotate(64.8deg); transform: rotate(64.8deg); } .c100.p19 .bar { -webkit-transform: rotate(68.4deg); -moz-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); -o-transform: rotate(68.4deg); transform: rotate(68.4deg); } .c100.p20 .bar { -webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); } .c100.p21 .bar { -webkit-transform: rotate(75.60000000000001deg); -moz-transform: rotate(75.60000000000001deg); -ms-transform: rotate(75.60000000000001deg); -o-transform: rotate(75.60000000000001deg); transform: rotate(75.60000000000001deg); } .c100.p22 .bar { -webkit-transform: rotate(79.2deg); -moz-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); -o-transform: rotate(79.2deg); transform: rotate(79.2deg); } .c100.p23 .bar { -webkit-transform: rotate(82.8deg); -moz-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); -o-transform: rotate(82.8deg); transform: rotate(82.8deg); } .c100.p24 .bar { -webkit-transform: rotate(86.4deg); -moz-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); -o-transform: rotate(86.4deg); transform: rotate(86.4deg); } .c100.p25 .bar { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .c100.p26 .bar { -webkit-transform: rotate(93.60000000000001deg); -moz-transform: rotate(93.60000000000001deg); -ms-transform: rotate(93.60000000000001deg); -o-transform: rotate(93.60000000000001deg); transform: rotate(93.60000000000001deg); } .c100.p27 .bar { -webkit-transform: rotate(97.2deg); -moz-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); -o-transform: rotate(97.2deg); transform: rotate(97.2deg); } .c100.p28 .bar { -webkit-transform: rotate(100.8deg); -moz-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); -o-transform: rotate(100.8deg); transform: rotate(100.8deg); } .c100.p29 .bar { -webkit-transform: rotate(104.4deg); -moz-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); -o-transform: rotate(104.4deg); transform: rotate(104.4deg); } .c100.p30 .bar { -webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg); } .c100.p31 .bar { -webkit-transform: rotate(111.60000000000001deg); -moz-transform: rotate(111.60000000000001deg); -ms-transform: rotate(111.60000000000001deg); -o-transform: rotate(111.60000000000001deg); transform: rotate(111.60000000000001deg); } .c100.p32 .bar { -webkit-transform: rotate(115.2deg); -moz-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); -o-transform: rotate(115.2deg); transform: rotate(115.2deg); } .c100.p33 .bar { -webkit-transform: rotate(118.8deg); -moz-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); -o-transform: rotate(118.8deg); transform: rotate(118.8deg); } .c100.p34 .bar { -webkit-transform: rotate(122.4deg); -moz-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); -o-transform: rotate(122.4deg); transform: rotate(122.4deg); } .c100.p35 .bar { -webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); -ms-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg); } .c100.p36 .bar { -webkit-transform: rotate(129.6deg); -moz-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); -o-transform: rotate(129.6deg); transform: rotate(129.6deg); } .c100.p37 .bar { -webkit-transform: rotate(133.20000000000002deg); -moz-transform: rotate(133.20000000000002deg); -ms-transform: rotate(133.20000000000002deg); -o-transform: rotate(133.20000000000002deg); transform: rotate(133.20000000000002deg); } .c100.p38 .bar { -webkit-transform: rotate(136.8deg); -moz-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); -o-transform: rotate(136.8deg); transform: rotate(136.8deg); } .c100.p39 .bar { -webkit-transform: rotate(140.4deg); -moz-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); -o-transform: rotate(140.4deg); transform: rotate(140.4deg); } .c100.p40 .bar { -webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg); } .c100.p41 .bar { -webkit-transform: rotate(147.6deg); -moz-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); -o-transform: rotate(147.6deg); transform: rotate(147.6deg); } .c100.p42 .bar { -webkit-transform: rotate(151.20000000000002deg); -moz-transform: rotate(151.20000000000002deg); -ms-transform: rotate(151.20000000000002deg); -o-transform: rotate(151.20000000000002deg); transform: rotate(151.20000000000002deg); } .c100.p43 .bar { -webkit-transform: rotate(154.8deg); -moz-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); -o-transform: rotate(154.8deg); transform: rotate(154.8deg); } .c100.p44 .bar { -webkit-transform: rotate(158.4deg); -moz-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); -o-transform: rotate(158.4deg); transform: rotate(158.4deg); } .c100.p45 .bar { -webkit-transform: rotate(162deg); -moz-transform: rotate(162deg); -ms-transform: rotate(162deg); -o-transform: rotate(162deg); transform: rotate(162deg); } .c100.p46 .bar { -webkit-transform: rotate(165.6deg); -moz-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); -o-transform: rotate(165.6deg); transform: rotate(165.6deg); } .c100.p47 .bar { -webkit-transform: rotate(169.20000000000002deg); -moz-transform: rotate(169.20000000000002deg); -ms-transform: rotate(169.20000000000002deg); -o-transform: rotate(169.20000000000002deg); transform: rotate(169.20000000000002deg); } .c100.p48 .bar { -webkit-transform: rotate(172.8deg); -moz-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); -o-transform: rotate(172.8deg); transform: rotate(172.8deg); } .c100.p49 .bar { -webkit-transform: rotate(176.4deg); -moz-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); -o-transform: rotate(176.4deg); transform: rotate(176.4deg); } .c100.p50 .bar { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p51 .bar { -webkit-transform: rotate(183.6deg); -moz-transform: rotate(183.6deg); -ms-transform: rotate(183.6deg); -o-transform: rotate(183.6deg); transform: rotate(183.6deg); } .c100.p52 .bar { -webkit-transform: rotate(187.20000000000002deg); -moz-transform: rotate(187.20000000000002deg); -ms-transform: rotate(187.20000000000002deg); -o-transform: rotate(187.20000000000002deg); transform: rotate(187.20000000000002deg); } .c100.p53 .bar { -webkit-transform: rotate(190.8deg); -moz-transform: rotate(190.8deg); -ms-transform: rotate(190.8deg); -o-transform: rotate(190.8deg); transform: rotate(190.8deg); } .c100.p54 .bar { -webkit-transform: rotate(194.4deg); -moz-transform: rotate(194.4deg); -ms-transform: rotate(194.4deg); -o-transform: rotate(194.4deg); transform: rotate(194.4deg); } .c100.p55 .bar { -webkit-transform: rotate(198deg); -moz-transform: rotate(198deg); -ms-transform: rotate(198deg); -o-transform: rotate(198deg); transform: rotate(198deg); } .c100.p56 .bar { -webkit-transform: rotate(201.6deg); -moz-transform: rotate(201.6deg); -ms-transform: rotate(201.6deg); -o-transform: rotate(201.6deg); transform: rotate(201.6deg); } .c100.p57 .bar { -webkit-transform: rotate(205.20000000000002deg); -moz-transform: rotate(205.20000000000002deg); -ms-transform: rotate(205.20000000000002deg); -o-transform: rotate(205.20000000000002deg); transform: rotate(205.20000000000002deg); } .c100.p58 .bar { -webkit-transform: rotate(208.8deg); -moz-transform: rotate(208.8deg); -ms-transform: rotate(208.8deg); -o-transform: rotate(208.8deg); transform: rotate(208.8deg); } .c100.p59 .bar { -webkit-transform: rotate(212.4deg); -moz-transform: rotate(212.4deg); -ms-transform: rotate(212.4deg); -o-transform: rotate(212.4deg); transform: rotate(212.4deg); } .c100.p60 .bar { -webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg); } .c100.p61 .bar { -webkit-transform: rotate(219.6deg); -moz-transform: rotate(219.6deg); -ms-transform: rotate(219.6deg); -o-transform: rotate(219.6deg); transform: rotate(219.6deg); } .c100.p62 .bar { -webkit-transform: rotate(223.20000000000002deg); -moz-transform: rotate(223.20000000000002deg); -ms-transform: rotate(223.20000000000002deg); -o-transform: rotate(223.20000000000002deg); transform: rotate(223.20000000000002deg); } .c100.p63 .bar { -webkit-transform: rotate(226.8deg); -moz-transform: rotate(226.8deg); -ms-transform: rotate(226.8deg); -o-transform: rotate(226.8deg); transform: rotate(226.8deg); } .c100.p64 .bar { -webkit-transform: rotate(230.4deg); -moz-transform: rotate(230.4deg); -ms-transform: rotate(230.4deg); -o-transform: rotate(230.4deg); transform: rotate(230.4deg); } .c100.p65 .bar { -webkit-transform: rotate(234deg); -moz-transform: rotate(234deg); -ms-transform: rotate(234deg); -o-transform: rotate(234deg); transform: rotate(234deg); } .c100.p66 .bar { -webkit-transform: rotate(237.6deg); -moz-transform: rotate(237.6deg); -ms-transform: rotate(237.6deg); -o-transform: rotate(237.6deg); transform: rotate(237.6deg); } .c100.p67 .bar { -webkit-transform: rotate(241.20000000000002deg); -moz-transform: rotate(241.20000000000002deg); -ms-transform: rotate(241.20000000000002deg); -o-transform: rotate(241.20000000000002deg); transform: rotate(241.20000000000002deg); } .c100.p68 .bar { -webkit-transform: rotate(244.8deg); -moz-transform: rotate(244.8deg); -ms-transform: rotate(244.8deg); -o-transform: rotate(244.8deg); transform: rotate(244.8deg); } .c100.p69 .bar { -webkit-transform: rotate(248.4deg); -moz-transform: rotate(248.4deg); -ms-transform: rotate(248.4deg); -o-transform: rotate(248.4deg); transform: rotate(248.4deg); } .c100.p70 .bar { -webkit-transform: rotate(252deg); -moz-transform: rotate(252deg); -ms-transform: rotate(252deg); -o-transform: rotate(252deg); transform: rotate(252deg); } .c100.p71 .bar { -webkit-transform: rotate(255.6deg); -moz-transform: rotate(255.6deg); -ms-transform: rotate(255.6deg); -o-transform: rotate(255.6deg); transform: rotate(255.6deg); } .c100.p72 .bar { -webkit-transform: rotate(259.2deg); -moz-transform: rotate(259.2deg); -ms-transform: rotate(259.2deg); -o-transform: rotate(259.2deg); transform: rotate(259.2deg); } .c100.p73 .bar { -webkit-transform: rotate(262.8deg); -moz-transform: rotate(262.8deg); -ms-transform: rotate(262.8deg); -o-transform: rotate(262.8deg); transform: rotate(262.8deg); } .c100.p74 .bar { -webkit-transform: rotate(266.40000000000003deg); -moz-transform: rotate(266.40000000000003deg); -ms-transform: rotate(266.40000000000003deg); -o-transform: rotate(266.40000000000003deg); transform: rotate(266.40000000000003deg); } .c100.p75 .bar { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .c100.p76 .bar { -webkit-transform: rotate(273.6deg); -moz-transform: rotate(273.6deg); -ms-transform: rotate(273.6deg); -o-transform: rotate(273.6deg); transform: rotate(273.6deg); } .c100.p77 .bar { -webkit-transform: rotate(277.2deg); -moz-transform: rotate(277.2deg); -ms-transform: rotate(277.2deg); -o-transform: rotate(277.2deg); transform: rotate(277.2deg); } .c100.p78 .bar { -webkit-transform: rotate(280.8deg); -moz-transform: rotate(280.8deg); -ms-transform: rotate(280.8deg); -o-transform: rotate(280.8deg); transform: rotate(280.8deg); } .c100.p79 .bar { -webkit-transform: rotate(284.40000000000003deg); -moz-transform: rotate(284.40000000000003deg); -ms-transform: rotate(284.40000000000003deg); -o-transform: rotate(284.40000000000003deg); transform: rotate(284.40000000000003deg); } .c100.p80 .bar { -webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg); } .c100.p81 .bar { -webkit-transform: rotate(291.6deg); -moz-transform: rotate(291.6deg); -ms-transform: rotate(291.6deg); -o-transform: rotate(291.6deg); transform: rotate(291.6deg); } .c100.p82 .bar { -webkit-transform: rotate(295.2deg); -moz-transform: rotate(295.2deg); -ms-transform: rotate(295.2deg); -o-transform: rotate(295.2deg); transform: rotate(295.2deg); } .c100.p83 .bar { -webkit-transform: rotate(298.8deg); -moz-transform: rotate(298.8deg); -ms-transform: rotate(298.8deg); -o-transform: rotate(298.8deg); transform: rotate(298.8deg); } .c100.p84 .bar { -webkit-transform: rotate(302.40000000000003deg); -moz-transform: rotate(302.40000000000003deg); -ms-transform: rotate(302.40000000000003deg); -o-transform: rotate(302.40000000000003deg); transform: rotate(302.40000000000003deg); } .c100.p85 .bar { -webkit-transform: rotate(306deg); -moz-transform: rotate(306deg); -ms-transform: rotate(306deg); -o-transform: rotate(306deg); transform: rotate(306deg); } .c100.p86 .bar { -webkit-transform: rotate(309.6deg); -moz-transform: rotate(309.6deg); -ms-transform: rotate(309.6deg); -o-transform: rotate(309.6deg); transform: rotate(309.6deg); } .c100.p87 .bar { -webkit-transform: rotate(313.2deg); -moz-transform: rotate(313.2deg); -ms-transform: rotate(313.2deg); -o-transform: rotate(313.2deg); transform: rotate(313.2deg); } .c100.p88 .bar { -webkit-transform: rotate(316.8deg); -moz-transform: rotate(316.8deg); -ms-transform: rotate(316.8deg); -o-transform: rotate(316.8deg); transform: rotate(316.8deg); } .c100.p89 .bar { -webkit-transform: rotate(320.40000000000003deg); -moz-transform: rotate(320.40000000000003deg); -ms-transform: rotate(320.40000000000003deg); -o-transform: rotate(320.40000000000003deg); transform: rotate(320.40000000000003deg); } .c100.p90 .bar { -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -ms-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg); } .c100.p91 .bar { -webkit-transform: rotate(327.6deg); -moz-transform: rotate(327.6deg); -ms-transform: rotate(327.6deg); -o-transform: rotate(327.6deg); transform: rotate(327.6deg); } .c100.p92 .bar { -webkit-transform: rotate(331.2deg); -moz-transform: rotate(331.2deg); -ms-transform: rotate(331.2deg); -o-transform: rotate(331.2deg); transform: rotate(331.2deg); } .c100.p93 .bar { -webkit-transform: rotate(334.8deg); -moz-transform: rotate(334.8deg); -ms-transform: rotate(334.8deg); -o-transform: rotate(334.8deg); transform: rotate(334.8deg); } .c100.p94 .bar { -webkit-transform: rotate(338.40000000000003deg); -moz-transform: rotate(338.40000000000003deg); -ms-transform: rotate(338.40000000000003deg); -o-transform: rotate(338.40000000000003deg); transform: rotate(338.40000000000003deg); } .c100.p95 .bar { -webkit-transform: rotate(342deg); -moz-transform: rotate(342deg); -ms-transform: rotate(342deg); -o-transform: rotate(342deg); transform: rotate(342deg); } .c100.p96 .bar { -webkit-transform: rotate(345.6deg); -moz-transform: rotate(345.6deg); -ms-transform: rotate(345.6deg); -o-transform: rotate(345.6deg); transform: rotate(345.6deg); } .c100.p97 .bar { -webkit-transform: rotate(349.2deg); -moz-transform: rotate(349.2deg); -ms-transform: rotate(349.2deg); -o-transform: rotate(349.2deg); transform: rotate(349.2deg); } .c100.p98 .bar { -webkit-transform: rotate(352.8deg); -moz-transform: rotate(352.8deg); -ms-transform: rotate(352.8deg); -o-transform: rotate(352.8deg); transform: rotate(352.8deg); } .c100.p99 .bar { -webkit-transform: rotate(356.40000000000003deg); -moz-transform: rotate(356.40000000000003deg); -ms-transform: rotate(356.40000000000003deg); -o-transform: rotate(356.40000000000003deg); transform: rotate(356.40000000000003deg); } .c100.p100 .bar { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .c100:hover { cursor: default; } .c100:hover > span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #89b943; } .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } .c100.green .bar, .c100.green .fill { border-color: #89b943 !important; } .c100.green:hover > span { color: #89b943; } .uou-icon-counter { position: relative; text-align: center; } .uou-icon-counter .fa { font-size: 36px; color: #89b943; } .uou-icon-counter h4 { margin: 0; padding: 20px 0 10px; } .uou-icon-counter p { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #333333; } /* ================================================== CANVAS PAGE STYLE ===================================================== */ .uou-block-canvas.uou-block-2a.secondary { background: #333333; padding: 0; } .uou-block-canvas.uou-block-2a.secondary .logo { color: #ffffff; padding-top: 10px; margin-right: 24px; } .uou-block-canvas.uou-block-2a.secondary .add-content-block, .uou-block-canvas.uou-block-2a.secondary .add-element-block { float: left; border-left: 1px solid #808080; } .uou-block-canvas.uou-block-2a.secondary .add-content-block a, .uou-block-canvas.uou-block-2a.secondary .add-element-block a { display: block; padding: 20px 15px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #cccccc; } .uou-block-canvas.uou-block-2a.secondary .add-content-block a i, .uou-block-canvas.uou-block-2a.secondary .add-element-block a i { padding-right: 5px; } .uou-block-canvas.uou-block-2a.secondary .add-content-block a:hover, .uou-block-canvas.uou-block-2a.secondary .add-element-block a:hover, .uou-block-canvas.uou-block-2a.secondary .add-content-block a:focus, .uou-block-canvas.uou-block-2a.secondary .add-element-block a:focus, .uou-block-canvas.uou-block-2a.secondary .add-content-block a:active, .uou-block-canvas.uou-block-2a.secondary .add-element-block a:active { color: #ffffff; outline: 0; } .uou-block-canvas.uou-block-2a.secondary .add-element-block { border-right: 1px solid #808080; } .uou-block-canvas.uou-block-2a.secondary .save-preview-button { float: right; padding-top: 17px; } .uou-block-canvas.uou-block-2a.secondary .save-preview-button button { margin-left: 6px; } .uou-block-canvas.uou-block-2a.secondary .save-preview-button button.btn { border-radius: 20px; } .modal { background: rgba(51, 51, 51, 0.5); } .modal .modal-dialog { margin-top: 64px; border-radius: 0; overflow: auto; } .modal .modal-content { border-radius: 0; border: 0; } .modal .modal-content .uou-block-3b { padding: 4px 24px; } @media (min-width: 768px) { .modal-dialog { width: 1170px; } } .modal-block-tabs { position: relative; } .modal-block-tabs .tabs { text-align: center; padding: 10px 0; background: #f4f4f4; } .modal-block-tabs .tabs li { float: none; display: inline-block; } .modal-block-tabs .tabs li a { font-size: 14px; font-weight: 300; border-radius: 20px; padding: 6px 24px; } .modal-block-tabs .tabs li.active a { background-color: #89b943; } .modal-block-tabs .uou-tabs .content { border-top: 0; max-height: 300px; overflow: auto; } .modal-block-tabs .uou-tabs .content > div { background-color: #ffffff; } .header-block-content, .toolbar-content-block, .footer-content-block { position: relative; } .header-block-content .block-preview-image, .toolbar-content-block .block-preview-image, .footer-content-block .block-preview-image { position: relative; width: 100%; height: auto; padding: 4px; border: 1px solid #ddd; margin-bottom: 10px; } .header-block-content .block-preview-image:before, .toolbar-content-block .block-preview-image:before, .footer-content-block .block-preview-image:before, .header-block-content .block-preview-image:after, .toolbar-content-block .block-preview-image:after, .footer-content-block .block-preview-image:after { content: " "; display: table; } .header-block-content .block-preview-image:after, .toolbar-content-block .block-preview-image:after, .footer-content-block .block-preview-image:after { clear: both; } .header-block-content .block-preview-image:before, .toolbar-content-block .block-preview-image:before, .footer-content-block .block-preview-image:before, .header-block-content .block-preview-image:after, .toolbar-content-block .block-preview-image:after, .footer-content-block .block-preview-image:after { content: " "; display: table; } .header-block-content .block-preview-image:after, .toolbar-content-block .block-preview-image:after, .footer-content-block .block-preview-image:after { clear: both; } .header-block-content .block-preview-image img, .toolbar-content-block .block-preview-image img, .footer-content-block .block-preview-image img { float: left; width: 100%; } .header-block-content .block-preview-image button, .toolbar-content-block .block-preview-image button, .footer-content-block .block-preview-image button { position: absolute; top: 10px; right: 7px; } .header-block-content .block-preview-image button i, .toolbar-content-block .block-preview-image button i, .footer-content-block .block-preview-image button i { padding-right: 4px; } .header-block-content .block-preview-image button.btn, .toolbar-content-block .block-preview-image button.btn, .footer-content-block .block-preview-image button.btn { border-radius: 20px; } .page-layout-block { position: relative; } .page-layout-block .block-preview-image { position: relative; width: 24%; height: auto; padding: 4px; border: 1px solid #ddd; margin-bottom: 10px; float: left; text-align: center; margin-left: 5px; margin-right: 5px; } .page-layout-block .block-preview-image:before, .page-layout-block .block-preview-image:after { content: " "; display: table; } .page-layout-block .block-preview-image:after { clear: both; } .page-layout-block .block-preview-image:before, .page-layout-block .block-preview-image:after { content: " "; display: table; } .page-layout-block .block-preview-image:after { clear: both; } .page-layout-block .block-preview-image img { width: 100%; height: 358px; margin-bottom: 5px; } .page-layout-block .block-preview-image button { position: relative; margin-bottom: 5px; } .page-layout-block .block-preview-image button i { padding-right: 4px; } .page-layout-block .block-preview-image button.btn { border-radius: 20px; } /* ====================================================== MISC ====================================================== */ /* Spacing (Margin & Padding) */ /* ======================== */ .mt0 { margin-top: 0px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt70 { margin-top: 70px; } .mt80 { margin-top: 80px; } .mt90 { margin-top: 90px; } .mt100 { margin-top: 100px; } .mb0 { margin-bottom: 0px; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mb70 { margin-bottom: 70px; } .mb80 { margin-bottom: 80px; } .mb90 { margin-bottom: 90px; } .mb100 { margin-bottom: 100px; } .mtb0 { margin-top: 0px; margin-bottom: 0px; } .mtb10 { margin-top: 10px; margin-bottom: 10px; } .mtb20 { margin-top: 20px; margin-bottom: 20px; } .mtb30 { margin-top: 30px; margin-bottom: 30px; } .mtb40 { margin-top: 40px; margin-bottom: 40px; } .mtb50 { margin-top: 50px; margin-bottom: 50px; } .mtb60 { margin-top: 60px; margin-bottom: 60px; } .mtb70 { margin-top: 70px; margin-bottom: 70px; } .mtb80 { margin-top: 80px; margin-bottom: 80px; } .mtb90 { margin-top: 90px; margin-bottom: 90px; } .mtb100 { margin-top: 100px; margin-bottom: 100px; } .pt0 { padding-top: 0px; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pt60 { padding-top: 60px; } .pt70 { padding-top: 70px; } .pt80 { padding-top: 80px; } .pt90 { padding-top: 90px; } .pt100 { padding-top: 100px; } .pb0 { padding-bottom: 0px; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pb50 { padding-bottom: 50px; } .pb60 { padding-bottom: 60px; } .pb70 { padding-bottom: 70px; } .pb80 { padding-bottom: 80px; } .pb90 { padding-bottom: 90px; } .pb100 { padding-bottom: 100px; } .ptb0 { padding-top: 0px; padding-bottom: 0px; } .ptb10 { padding-top: 10px; padding-bottom: 10px; } .ptb20 { padding-top: 20px; padding-bottom: 20px; } .ptb30 { padding-top: 30px; padding-bottom: 30px; } .ptb40 { padding-top: 40px; padding-bottom: 40px; } .ptb50 { padding-top: 50px; padding-bottom: 50px; } .ptb60 { padding-top: 60px; padding-bottom: 60px; } .ptb70 { padding-top: 70px; padding-bottom: 70px; } .ptb80 { padding-top: 80px; padding-bottom: 80px; } .ptb90 { padding-top: 90px; padding-bottom: 90px; } .ptb100 { padding-top: 100px; padding-bottom: 100px; } /* Demo Styles */ /* ======================== */ .demo-section { margin: 0; } .demo-section:last-child { border-bottom: 0; padding-bottom: 60px; } .demo-section .demo-section-title { display: block; color: #cccccc; font-size: 18px; margin-top: 0; padding: 60px 0 40px; margin-bottom: 0; } .demo-section .demo-section-title.container { padding-left: 15px; } .demo-section .demo-section-subtitle { display: block; color: #cccccc; font-size: 18px; } /* ********************************************* css issue fixing begin ************************************************* */ /* monster widget fixing area */ #calendar_wrap { position: relative; width: 100% !important; } #wp-calendar { width: 100%; } #wp-calendar > thead > tr > th, #wp-calendar > tbody > tr > th, #wp-calendar > tfoot > tr > th, #wp-calendar > thead > tr > td, #wp-calendar > tbody > tr > td, #wp-calendar > tfoot > tr > td { padding: 8px !important; } .main-footer #wp-calendar, .main-footer #wp-calendar caption { color: #ddd; } .widget ul li, .main-footer .widget ul li { margin-bottom: 8px; } .main-footer .widget ul, .main-footer ul li { color: #ddd; } .main-footer .widget ul li, .main-footer .rss-date, .main-footer .rssSummary, .main-footer cite { color: #ddd; } .textwidget p img { max-width: 100%; height: auto; margin: 10px 0; } .wp-caption a img, .wp-caption-text img { max-width: 100%; height: auto; margin: 10px 0; height: auto; } img.wp-smiley { width: 15px !important; height: 15px; } .widget select, .main-footer .widget select, .textwidget select { position: relative; width: 100%; height: 35px; margin-bottom: 10px; } .widget select option { width: 100%; word-break: break-all; } .searchform{ margin: 10px; } .entry-attachment img{ width: 100%; height: auto; } /*.ta-editor { height:290px !important; max-height: 300px !important; }*/ .ta-bind{ min-height: 300px ; height: auto; } .ta-editor { min-height: 300px; height: auto; overflow: auto; font-family: inherit; font-size: 100%; } .wp-caption{ max-width: 100% !important; height: auto; } a:hover, a:focus, a:active, a.active { text-decoration: none !important; } .sticky { background-color: #fff; padding: 5px 15px; } .uou-block-1a .search form { margin: 0; } #header .uou-block-2b .nav .sf-menu li.logo { position: relative; top:-14px; border-color: #fff; } #header .uou-block-2b .nav .sf-menu li.logo a { color: #fff; border-color: #fff; font-size: 20px; } .agrodir-post-content { text-align: left; padding: 15px 0; } .agrodir-post-content span { padding-right: 20px; } .agrodir-post-content span i { padding-right: 4px; } .agrodir-post-content span a { color: #666; } .has-post-thumbnail .blog-title span { text-align: left !important; } .comment-respond .form-submit .submit { display: none; } .blog-text-content { position: relative; text-align: left; } .blog-single .uou-block-7c h1 { font-size: 36px; } .blog-single .uou-block-7c h1.blog-title-heading { font-size: 20px; } /* ====================================================== Start Visual Composer ====================================================== */ .vc_row { margin: 0 !important; /*padding: 0 !important; padding-left: 0; padding-right: 0;*/ } .vc_col-sm-12 { /*margin: 0 !important; padding: 0 !important;*/ padding-left: 0 !important; padding-right: 0 !important; } /* ====================================================== End Visual Composer ====================================================== */ .language.active > ul { z-index: 9999; } /* ****************************** MODAL */ /*.WPbutton{ float:right; margin-right: 15px; } .modal-content { width:550px; height:auto; text-align: center; margin-left: 350px; } .sign-up-body { margin-top: 30px; } .modal_font{ float:center; } .submit-btn { float:left; } .rememberme { float:center; margin-left: 100px; }*/ .authentication li input { margin-bottom: 15px; } .authentication li { position: relative; } .authentication li:hover .login-reg-popup { visibility: visible; opacity: 1; } .login-reg-popup:before { position: absolute; top: -5px; left: 10px; content: ''; width: 0; height: 0; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; } .login-reg-popup { opacity: 0; visibility: hidden; transition: all .3s ease; position: absolute; border-right: 0; padding: 25px; z-index: 9999; left: 0; top: 22px; border-radius: 4px; background-color: #fff; min-width: 250px; box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); -webkit-box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); -moz-box-shadow: 1px 0px 5px rgba(77, 77, 77, 0.2); } .nav { position: relative; z-index: 99; } /* ====================================================== Start Contact Form Submit Button ====================================================== */ .myform { background-color: #89b943 !important; border: 2px solid #89b943 !important; } .myform:hover, .myform.hover, .myform:focus, .myform.focus, .myform:active, .myform.active { background-color: #629e0b !important; border-color: #629e0b !important; } /* ====================================================== End Contact Form Submit Button ====================================================== */ .testimonial-show { text-align: center; } .tag-cloud a { display: inline-block; margin-bottom: 0; margin-right: 5px; margin-bottom: 5px !important; font-weight: inherit; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 0; white-space: nowrap; color: #ffffff; padding: 5px 10px; transition: all 0.3s; border-radius: 0px; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', sans-serif; background-color: #89b943; border: 2px solid #89b943; } .tag-cloud a:hover { background-color: #629e0b; border-color: #629e0b; color: #fff; } .home-title { position: relative; margin-top: 30px; margin-bottom: 20px; font-size: 24px; color: #333; margin-bottom: 15px; text-transform: uppercase; } .home-title.with-bg-img { color: #fff; } .home-title span:last-child{ color: #98b943; } .home-title strong { font-weight: normal; } .cpost2-feature-content .home-title, .cpost2-category .home-title { color: #fff; } .home-subtitle { text-align: center; padding: 0 20px; font-size: 14px; line-height: 25px; margin-bottom: 25px; color: #666; max-width: 770px; margin-left: auto; margin-right: auto; } .home-subtitle.with-bg-img { color: #fff; } .contact-us-content input, .contact-us-content textarea { margin-bottom: 0; } .feature-content-body { position: relative; display: inline-block; background: #f5f5f5; margin-bottom: 30px; } .feature-content-body .feature-content-single { padding: 50px 35px; color: #333; } .feature-content-body .feature-content-single h5 { color :#333; margin-bottom: 15px; font-size: 24px; text-transform: uppercase; font-weight: bold; } .feature-content-body .feature-content-single h5 i { display: block; margin-bottom: 20px; font-size: 20px; height: 60px; width: 60px; border-radius: 50%; margin: 20px auto; border: 1px solid #89b943; line-height: 60px; color: #fff; background: #89b943; } .feature-content-body .matchHeight.middle { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } @media (max-width: 768px) { .feature-content-body .feature-content-single.middle { border-left: 0; border-right: 0; } } .feature-content-body .feature-content-single p { font-weight: 100; font-size: 16px; line-height: 25px; color: #666666; } .btn-transparent { border: 1px solid #89b943; font-size: 14px; color: #89b943; border-radius: 30px; } .btn-transparent:hover , .btn-transparent:focus, .btn-transparent:active { color: #fff; background: #89b943; border: 1px solid #89b943; } .cpost2-feature-content { position: relative; width: 100%; } .cpost2-feature-content.home-shortcodes { background: url('../img/feature-cpost2.jpg') top center no-repeat; background-size: cover; } .blog-content.pbzero { padding-bottom: 0 !important; } .f-cpost2e-single { position: relative; } .f-cpost2-subtitle { color: #629e0b; font-weight: 400; padding-top: 0; text-transform: capitalize; margin-bottom: 6px; } .short-description { font-size: 14px; line-height: 23px; text-transform: none; padding: 0 13px; } .search-form-widget input[type="text"]:focus + input[type="submit"] { color: #333333; } .search-form-widget input[type="text"]:focus + input[type="submit"]:hover { color: #89b943; } .search-form-widget input[type="submit"] { position: absolute; top: 0; right: 0; background: none; text-align: center; border: 0; width: 40px; height: 40px; padding: 0; line-height: 45px; font-family: 'FontAwesome'; font-size: 14px; color: #cecece; transition: all 0.3s; outline: 0; } .search-form-widget input[type="submit"]:hover { color: #89b943; } .list-widget { position: relative; } .list-widget ul { padding-left: 0; list-style: none; } .list-widget ul li { position: relative; padding: 4px 0; border-top: 1px solid #f4f4f4; } .list-widget ul li a { display: block; text-transform: uppercase; color: #737373; font-size: 13px; } .list-widget ul li a:hover { color: #89b943; } .list-widget ul li a:before { content: "\f054"; font-family: 'FontAwesome'; position: absolute; right: 10px; font-weight: normal; font-size: 10px; } .list-widget ul li:last-child { border-bottom: 1px solid #f4f4f4; } .social-widget { position: relative; } .social-widget .uou-block-4b { padding: 0; background: none; text-align: left; } .social-widget .uou-block-4b .social-icons { margin: 10px 0; } .latest-post-widget { position: relative; } .latest-post-widget .post-single { position: relative; margin: 10px 0; min-height: 100px; border-top: 1px solid #f4f4f4; padding-left: 95px; padding-top: 20px; padding-bottom: 20px; } .latest-post-widget .post-single:last-child { border-bottom: 1px solid #f4f4f4; } .latest-post-widget .post-single img { position: absolute; left: 0; top: 20px; width: 80px; border-radius: 4px; } .latest-post-widget .post-single .meta { text-transform: uppercase; color: #737373; font-size: 12px; font-family: 'Open Sans', sans-serif; margin: 0; line-height: 16px; } .latest-post-widget .post-single .meta a { color: inherit; } .latest-post-widget .post-single .meta a:hover { color: #89b943; } .latest-post-widget .post-single .post-title { margin: 0; font-size: 13px; padding-top: 10px; } .latest-post-widget .post-single .post-title a { color: #333333; } .tag-cloud { position: relative; } .tag-cloud a { font-size: 12px; margin-bottom: 8px; } .tag-cloud a.btn { padding: 6px 8px; } .uou-toggle-content { position: relative; } .uou-toggle-content .content-hidden { padding-left: 50px; } .uou-toggle-content .content-main { position: relative; margin-bottom: 40px; } .categories-imgs a:hover .f-cpost2e-single span { color :#666; } .image-wrapper-content { position: relative; height: 250px; width: 100%; overflow: hidden; } @media (max-width: 991px) { .image-wrapper-content { height: auto; } } .searchsubmit { display: none; } #searchsubmit { display: none; } .contact-us-content { position: relative; width: 100%; background: #fff; } .contact-us-content h5 { position: relative; padding: 18px 25px; display: block; width: 100%; border-bottom: 1px solid #f3f3f3; margin: 0; } .contact-info { position: relative; padding: 0px 25px 0px; } .contact-info .left-part { border-right: 1px solid #f5f5f5; padding-right: 25px; } @media (max-width: 991px ) { .contact-info .left-part { border-right: 0; } } .contact-info .single-part { padding: 30px 0 40px; } .contact-us-content h4 { font-weight: 400; margin-top: 0; } .contact-us-content h6 { margin-top: 0; font-weight: 600; } .contact-us-content .address-single { position: relative; padding-left: 40px; margin-bottom: 20px; } .contact-us-content .address-single br { display: none; } .contact-us-content .address-single span { display: block; font-size: 14px; line-height: 24px; } .contact-us-content .address-single span b { color: #000; margin-right: 8px; font-weight: 600; } .contact-us-content .address-single i { position: absolute; left: 0; top: 3px; height: 30px; width: 30px; border-radius: 50%; border: 1px solid #89b943; line-height: 29px; color: #333; font-size: 12px; } .contact-us-content .contact-form h6 { margin-bottom: 15px; } .contact-us-content .contact-form { position: relative; width: 100%; background: #fff; } .contact-us-content #agrodir_contact { padding-top: 15px; } .contact-form .form-field { padding: 0px; padding-left: 10px; } .contact-us-content .contact-form input, .contact-us-content .contact-form textarea { margin-bottom: 15px; } .contact-us-content .contact-form .btn-new { padding: 6px 40px !important; } .contact-form .contact-title { padding: 13px 15px; color: #333; font-size: 21px; } .secondary.uou-block-4a p a { color: #89b943 !important; } .cpost2-category { position: relative; padding-top: 30px; background: url("../img/cpost2-category-bg.jpg") top center no-repeat; background-size: cover; } .blog-content.home-blog { background: #fff; } body, p { font-family: 'Open Sans', sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: 'Dosis', sans-serif; } .bg-white { background: #fff; } .menu-testing-menu-container { position: relative; } .menu-testing-menu-container .menu { padding-left: 15px; } .menu-testing-menu-container .menu .sub-menu .sub-menu .sub-menu .sub-menu { padding-left: 0; } .stars { padding: 4px 0; } .stars i { color: #89b943; } .cbp-singlePageInline-active .stars i { color :#fff; } .breadcrumb-content .stars span { color: #fff; } /* new menu design */ .uou-block-2b .nav { float: right; } .uou-block-2b .nav .sf-menu > li { margin-right: 16px; z-index: 9999; } .uou-block-2b .nav .sf-menu > li:last-child { margin-right: 0; } .uou-block-2b .nav .sf-menu > li > a { display: block; color: #333333; text-transform: uppercase; font-size: 14px; line-height: 40px; font-weight: 600; } .uou-block-2b .nav .sf-menu > li > a.btn { line-height: 24px; color: #ffffff; } .border-bottom.uou-block-2b .nav .sf-menu > li > a { line-height: 98px; border-bottom: 2px solid transparent; } .icons.uou-block-2b .nav .sf-menu > li > a { line-height: 24px; text-align: center; } .icons.uou-block-2b .nav .sf-menu > li > a .fa { display: block; font-size: 18px; line-height: 24px; color: #333333; } .uou-block-2b .nav .sf-menu > li:hover > a, .uou-block-2b .nav .sf-menu > li.active > a, .uou-block-2b .nav .sf-menu > li.sfHover > a { color: #89b943; } .uou-block-2b .nav .sf-menu > li:hover > a .fa, .uou-block-2b .nav .sf-menu > li.active > a .fa, .uou-block-2b .nav .sf-menu > li.sfHover > a .fa { color: #89b943; } .uou-block-2b .nav .sf-menu > li:hover > a.btn, .uou-block-2b .nav .sf-menu > li.active > a.btn, .uou-block-2b .nav .sf-menu > li.sfHover > a.btn { color: #ffffff; } .border-bottom.uou-block-2b .nav .sf-menu > li.active > a { border-bottom-color: #89b943; } .uou-block-2b .nav .sf-menu > li > ul { padding-top: 10px; } .uou-block-2b .nav .sf-menu > li > ul.children{ min-width: 240px; } .uou-block-2b .nav .sf-menu > li > ul:before { position: absolute; top: 5px; left: 10px; content: ''; width: 0; height: 0; border-bottom: 5px solid #f4f4f4; border-left: 5px solid transparent; border-right: 5px solid transparent; } .uou-block-2b .nav .sf-menu > li > ul ul { padding-left: 10px; } .uou-block-2b .nav .sf-menu > li > ul ul:before { position: absolute; top: 10px; left: 5px; content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #f4f4f4; } .uou-block-2b .nav .sf-menu > li > ul li { border-bottom: 1px solid #262626; font-size: 15px; } .uou-block-2b .nav .sf-menu > li > ul > li:first-child a { border-radius: 3px 3px 0 0; } .uou-block-2b .nav .sf-menu > li > ul > li:last-child { border-bottom: 0; } .uou-block-2b .nav .sf-menu > li > ul > li:last-child a { border-radius: 0 0 3px 3px; } .uou-block-2b .nav .sf-menu > li > ul li a { background: #333333; color: inherit; padding: 6px 15px; min-width: 240px; color: #ffffff; font-size: 14px; font-weight: 300 !important; } .uou-block-2b .nav .sf-menu > li > ul li.active > a, .uou-block-2b .nav .sf-menu > li > ul li:hover > a { background: #89b943; color: #ffffff; } .uou-block-2b .nav .sf-menu.sf-arrows .sf-with-ul { padding-right: 13px; } .uou-block-2b .nav .sf-menu.sf-arrows .sf-with-ul:after { position: absolute; content: "\f0d7"; font-family: 'FontAwesome'; font-size: 12px; right: 0; } .uou-block-2b .nav .sf-menu.sf-arrows .sf-with-ul.btn:after { margin-left: 15px; } .uou-block-2b .nav .sf-menu.sf-arrows ul .sf-with-ul { padding-right: 30px; } .uou-block-2b .nav .sf-menu.sf-arrows ul .sf-with-ul:after { content: "\f0da"; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; margin-left: 0; padding: 3px 0; text-align: center; width: 30px; } .uou-block-2b .nav .sf-menu > li > ul > li > ul > li:first-child a { border-radius: 3px 3px 0 0; } .uou-block-2b .nav .sf-menu > li > ul > li > ul > li:last-child { border-bottom: 0; } .uou-block-2b .nav .sf-menu > li > ul > li > ul > li:last-child a { border-radius: 0 0 3px 3px; } @media (max-width: 767px) { .uou-block-2b .logo { line-height: 40px; } .uou-block-2b .mobile-sidebar-button { display: block; float: right; } .uou-block-2b .nav { display: none; } } @media (max-width: 991px) { .uou-block-2b .logo { line-height: 40px; } .uou-block-2b .mobile-sidebar-button { display: block; float: right; } .uou-block-2b .nav { display: none; } } .cbp-popup-content .cbp-l-inline { background: #f4f4f4 !important; } .image-container { position: relative; height: 200px; width: 100%; } @media only screen and (min-width:1024px) and (max-width:1279px) { .uou-block-2b .nav .sf-menu > li > a{font-size:12px;} .uou-block-2b .nav .sf-menu > li{margin-right:10px;} } @media only screen and (min-width:768px) and (max-width:979px) { .feature-content-body .feature-content-single{padding:10px 35px;} } @media only screen and (max-width:992px){ .feature-content-body .feature-content-single{padding:10px 35px;} }