/* -------------------------------------- Table Of Content 1. Bootstrap 2. Font Awesome 3. Pluging 3.1 Core Owl Carousel CSS File 3.2 Owl Carousel Theme 4. General Styles 4.1 Typography 4.2 Forms 4.3 Button 5. Header 5.1 Header Top Bar 5.2 Header Search Bar 5.3 Header Map Section 5.4 Header Nav Bar 5.5 Header Slide content 5.6 6. Home With Slider 7. Page Sidebar 7.1 Location Detail 7.2 Distance Range 7.3 Categories 8. Post Sidebar 9. Company Sidebar 10. Page Content 10.1 View Switcher 10.2 Bootstrap Tab 10.3 Product Details 10.4 Category Item (home with slider) 11. Company Single Product 12. Featured Listing 13. Classified Content 14. Register Now 15. Our Partner 16. Page Heading (for post about us contact us) 17. About Us 18. Contact Us 19. Price Listing 20. Sample Page 21. Blog List 22. Blog Post 23. Comment Section 24. Company Profile 25. Company Events 26. Company Contact 27. Footer 28. Shortcodes ---------------------------------------------- */ /* LESS BUILD */ /* fonts */ /* Color Mixins Example: #777777 lighten(@text-color, 46.5%) #bebebe lighten(@text-color, 74.5%) */ /* Bootstrap */ /* ====================================================== */ /*! normalize.css v3.0.1 | 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, 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: 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%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row: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 */ /* ====================================================== */ /* FONT PATH * -------------------------- */ /* @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .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: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-hospital-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 { 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-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"; } */ /* PLugins */ /* ====================================================== */ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: alpha(opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: alpha(opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; } .owl-pagination { display: none; } /* end default owl-carousel style */ /* Style */ /* ====================================================== */ /* GENERAL STYLES */ /* --------------------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; width: 100% !important; height: auto; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } #main-wrapper { position: relative; overflow-x: hidden; } a { color: #D0CF12; text-decoration: none; } a:hover, a:focus { color: #f5af02; transition: all .3s ease; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: 0; outline-offset: 0; } .mt30 { margin-top: 30px; } .mb30 { margin-bottom: 40px; padding-bottom: 30px; } .header-search.fixed-height { height: 215px; } @media (max-width: 670px) { .header-search.fixed-height { height: auto; } } .preloader { position: fixed; z-index: 9999; top: 0px; left: 0px; width: 100%; height: 100%; background-color: white; /* background-color is important, or it will be see-through, and we don't want that! */ text-align: center; } .preloader img { display: block; margin: auto; padding: 250px ; } /* TYPOGRAPHY */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.1; color: #100404; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover { text-decoration: none; } h3, .h3 { font-family: 'Raleway', sans-serif; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 1.42857143; margin-bottom: 1.42857143; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 1.42857143; margin-bottom: 1.42857143; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 20px; } .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; } ul, ol { margin-top: 0; margin-bottom: 20px; padding-left: 1.42857143; list-style-position: inside; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { list-style: none; padding-left: 0; } .list-inline { list-style: none; padding-left: 0; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } /* FORMS */ /* --------------------------------------- */ form { position: relative; } input { outline: 0; border: none; width: 100%; height: inherit; color: #333333; font-size: 16px; padding: 5px 15px; border-radius: 3px; } button { border-radius: 3px; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: 0; outline-offset: 0; border: none; } /* select box */ /* Custom selects */ .uou-custom-select { position: relative; display: block; margin-bottom: 15px; width: 100%; height: 100%; background: #fff; } .uou-custom-select select { display: none; } .uou-custom-select .fa { position: absolute; top: 15px; right: 15px; display: block; font-size: 10px; color: #b7b7b7; cursor: pointer; } .uou-custom-select .placeholder { display: block; position: relative; outline: 0; border: 0; background: #fff; width: 100%; height: inherit; line-height: 24px; padding: 3px 30px 3px 15px; margin: 0; color: #919191; font-size: 16px; border-radius: 3px; cursor: pointer; } .header-search-bar .uou-custom-select .placeholder { font-weight: 500; padding: 8px 30px 8px 15px; } .uou-custom-select .select-clone { position: absolute; top: 100%; z-index: 99; display: none; background-color: #fff; margin: 0; padding: 0; width: 100%; max-height: 200px; list-style: none; overflow: auto; border: 1px solid #c4c4c4; border-top: none; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .uou-custom-select .select-clone > li { display: block; padding: 3px 15px; } .uou-custom-select .select-clone > li:hover { background: #ddd; } .uou-custom-select .select-clone > li:last-child { margin-bottom: 10px; } ::-webkit-input-placeholder { color: #919191; } :-moz-placeholder { /* Firefox 18- */ color: #919191; } ::-moz-placeholder { /* Firefox 19+ */ color: #919191; } :-ms-input-placeholder { color: #919191; } /* BUTTONS */ /* --------------------------------------- */ .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 5px 10px; font-size: 14px; line-height: 1.42857143; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: 0; outline-offset: 0; } .btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { border: none; color: #000000; background-color: #f5af02; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333333; background-color: #ca9e00; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #f5af02; border-color: #cccccc; } .btn-default .badge { color: #f5af02; background-color: #333333; } .btn-default:hover, .btn-default:focus { background: #333333 !important; color: #f5af02; } .btn-default-inverse { border: none; color: #f5af02; background-color: #333333; border-color: #cccccc; } .btn-default-inverse:hover, .btn-default-inverse:focus, .btn-default-inverse.focus, .btn-default-inverse:active, .btn-default-inverse.active, .open > .dropdown-toggle.btn-default-inverse { color: #f5af02; background-color: #1a1a1a; border-color: #adadad; } .btn-default-inverse:active, .btn-default-inverse.active, .open > .dropdown-toggle.btn-default-inverse { background-image: none; } .btn-default-inverse.disabled, .btn-default-inverse[disabled], fieldset[disabled] .btn-default-inverse, .btn-default-inverse.disabled:hover, .btn-default-inverse[disabled]:hover, fieldset[disabled] .btn-default-inverse:hover, .btn-default-inverse.disabled:focus, .btn-default-inverse[disabled]:focus, fieldset[disabled] .btn-default-inverse:focus, .btn-default-inverse.disabled.focus, .btn-default-inverse[disabled].focus, fieldset[disabled] .btn-default-inverse.focus, .btn-default-inverse.disabled:active, .btn-default-inverse[disabled]:active, fieldset[disabled] .btn-default-inverse:active, .btn-default-inverse.disabled.active, .btn-default-inverse[disabled].active, fieldset[disabled] .btn-default-inverse.active { background-color: #333333; border-color: #cccccc; } .btn-default-inverse .badge { color: #333333; background-color: #f5af02; } /* HEADER */ /* --------------------------------------- */ /* Header Top Bar */ /* ---------------------------------------------- */ #header .header-top-bar { width: 100%; padding: 10px 0; } #header .header-top-bar .header-login, #header .header-top-bar .header-register, #header .header-top-bar .header-social, #header .header-top-bar .header-language { position: relative; float: left; z-index: 9999; margin-right: 20px; padding: 6px 0; font-weight: 700; } #header .header-top-bar .header-login div, #header .header-top-bar .header-register div { visibility: hidden; opacity: 0; position: absolute; top: 44px; left: 0; z-index: 99; padding: 20px; width: 350px; height: auto; background-color: rgba(0, 0, 0, 0.8); transition: all .4s ease; } #header .header-top-bar .header-login div input, #header .header-top-bar .header-register div input { margin-bottom: 15px; border: 1px solid #777777; font-weight: normal; } #header .header-top-bar .header-login div a, #header .header-top-bar .header-register div a { color: #f5af02; } #header .header-top-bar .header-login.active div, #header .header-top-bar .header-register.active div { visibility: visible; opacity: 1; transform: translateY(0); } #header .header-top-bar .header-logo { float: left; width: 66%; text-align: center; text-transform: uppercase; } #header .header-top-bar .header-logo h2 { margin: 0; font-family: 'Raleway', sans-serif; font-weight: 800; } #header .header-top-bar .header-logo a .fa { position: relative; padding: 0 6px; color: #f5af02; font-size: 34px; } #header .header-top-bar .header-logo a:hover { color: inherit; } @media (max-width: 1200px) { #header .header-top-bar .header-logo { width: 60%; } } #header .header-top-bar .header-social, #header .header-top-bar .header-language { text-align: left; } #header .header-top-bar .header-social > a, #header .header-top-bar .header-language > a { color: #777777; } #header .header-top-bar .header-social > a .fa-chevron-down, #header .header-top-bar .header-language > a .fa-chevron-down { position: relative; top: -2px; font-size: 10px; } #header .header-top-bar .header-social > a:hover, #header .header-top-bar .header-language > a:hover { color: #f5af02; } #header .header-top-bar .header-social ul, #header .header-top-bar .header-language ul { position: absolute; top: 44px; left: 0; z-index: 999; margin: 0; visibility: hidden; opacity: 0; transition: all .3s ease; } #header .header-top-bar .header-social ul li, #header .header-top-bar .header-language ul li { padding: 10px 15px 0; background-color: rgba(0, 0, 0, 0.8); margin: 0; } #header .header-top-bar .header-social ul li:last-child, #header .header-top-bar .header-language ul li:last-child { padding-bottom: 10px; } #header .header-top-bar .header-social ul a, #header .header-top-bar .header-language ul a { color: #fff; } #header .header-top-bar .header-social ul a .fa, #header .header-top-bar .header-language ul a .fa { font-size: 24px; } #header .header-top-bar .header-social ul a:hover, #header .header-top-bar .header-language ul a:hover { color: #f5af02; } #header .header-top-bar .header-social.active ul, #header .header-top-bar .header-language.active ul { visibility: visible; opacity: 1; transform: translateY(0); } @media (max-width: 992px) { #header .header-top-bar .header-social, #header .header-top-bar .header-language { display: none; } } #header .header-top-bar .header-call-to-action { float: right; } @media (max-width: 992px) { #header .header-top-bar .header-call-to-action { padding-top: 40px; float: left; } #header .header-top-bar .header-call-to-action .btn { padding: 5px 10px; font-size: 11px; } } @media (max-width: 992px) { #header .header-top-bar .header-login, #header .header-top-bar .header-register { padding-top: 40px; } #header .header-top-bar .header-login div, #header .header-top-bar .header-register div { top: 80px; } #header .header-top-bar .header-logo { position: absolute; top: 10px; left: 6%; width: 100%; } } @media (max-width: 992px) and (max-width: 480px) { #header .header-top-bar .header-login div, #header .header-top-bar .header-register div { width: 280px; } } @media (max-width: 480px) { #header .header-top-bar .header-register div { left: -70px; } } /* hesader search bar */ /* -------------------------------- */ .header-search { position: relative; width: 100%; } .header-search .header-search-bar { position: absolute; top: 0; width: 100%; padding: 15px 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } .header-search .header-search-bar .search-toggle { display: none; position: absolute; top: 55px; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); padding: 20px 0 45px; border-radius: 0 0 3px 3px; overflow: auto; } @media (max-width: 768px) { .header-search .header-search-bar .search-toggle { padding: 20px 20px 40px; } } @media (max-width: 992px) { .header-search .header-search-bar .search-toggle { height: 250px; overflow: auto; } } .header-search .header-search-bar .search-toggle .distance-range, .header-search .header-search-bar .search-toggle .slider-range-search-day { margin-bottom: 15px; } .header-search .header-search-bar .search-toggle .distance-range p, .header-search .header-search-bar .search-toggle .slider-range-search-day p { margin-bottom: 10px; } .header-search .header-search-bar .search-toggle .distance-range p label, .header-search .header-search-bar .search-toggle .slider-range-search-day p label, .header-search .header-search-bar .search-toggle .distance-range p input, .header-search .header-search-bar .search-toggle .slider-range-search-day p input { font-size: 17px; color: #fff; font-weight: normal; background: transparent; } .header-search .header-search-bar .search-toggle p { color: #fff; margin: 0; font-size: 16px; } .header-search .header-search-bar .search-toggle .select-country, .header-search .header-search-bar .search-toggle .category-search, .header-search .header-search-bar .search-toggle .region, .header-search .header-search-bar .search-toggle .address { width: 24%; float: left; height: 40px; margin-top: 10px; margin-right: 15px; border: 1px solid #b7b7b7; border-radius: 3px; } .header-search .header-search-bar .search-toggle .select-country .uou-custom-select, .header-search .header-search-bar .search-toggle .category-search .uou-custom-select, .header-search .header-search-bar .search-toggle .region .uou-custom-select, .header-search .header-search-bar .search-toggle .address .uou-custom-select { border-radius: 3px; } @media (max-width: 1200px) { .header-search .header-search-bar .search-toggle .select-country, .header-search .header-search-bar .search-toggle .category-search, .header-search .header-search-bar .search-toggle .region, .header-search .header-search-bar .search-toggle .address { width: 23%; } } @media (max-width: 768px) { .header-search .header-search-bar .search-toggle .select-country, .header-search .header-search-bar .search-toggle .category-search, .header-search .header-search-bar .search-toggle .region, .header-search .header-search-bar .search-toggle .address { width: 46%; } } @media (max-width: 480px) { .header-search .header-search-bar .search-toggle .select-country, .header-search .header-search-bar .search-toggle .category-search, .header-search .header-search-bar .search-toggle .region, .header-search .header-search-bar .search-toggle .address { width: 100%; } } .header-search .header-search-bar .search-toggle .category-search { margin-right: 0; } .header-search .header-search-bar .search-toggle .search-btn { display: block; margin-top: 10px; width: 100px; float: right; } @media (max-width: 1200px) { .header-search .header-search-bar .search-toggle .search-btn { margin-right: 30px; } } @media (max-width: 992px) { .header-search .header-search-bar .search-toggle .search-btn { margin-right: 14px; } } @media (max-width: 768px) { .header-search .header-search-bar .search-toggle .search-btn { margin-right: 40px; } } @media (max-width: 480px) { .header-search .header-search-bar .search-toggle .search-btn { margin-right: 0; } } .header-search .header-search-bar .toggle-btn, .header-search .header-search-bar .search-btn { float: left; width: 40px; height: 40px; color: #777777; background-color: #fff; transition: all .3s ease; } .header-search .header-search-bar .toggle-btn:hover, .header-search .header-search-bar .search-btn:hover { background-color: #f5af02; } @media (max-width: 768px) { .header-search .header-search-bar .search-btn { display: none; } } .header-search .header-search-bar .keywords { float: left; width: 31%; height: 40px; margin-left: 10px; } .header-search .header-search-bar .keywords input { color: #333333; border-bottom-right-radius: 0; border-top-right-radius: 0; } .header-search .header-search-bar .select-location, .header-search .header-search-bar .category-search { float: left; width: 30%; height: 40px; border-left: 1px solid #aaaaaa; } .header-search .header-search-bar .search-btn { background-color: #f5af02; color: #333333; font-size: 16px; } .header-search .header-search-bar .search-btn:hover { background-color: #ffd231; } .header-search .header-search-bar .category-search { margin-right: 10px; background-color: transparent; } .header-search .header-search-bar .category-search .uou-custom-select { border-radius: 0 3px 3px 0; } @media (max-width: 1200px) { .header-search .header-search-bar .keywords, .header-search .header-search-bar .select-location, .header-search .header-search-bar .category-search { width: 29%; } } @media (max-width: 992px) { .header-search .header-search-bar .keywords, .header-search .header-search-bar .select-location, .header-search .header-search-bar .category-search { width: 27%; } } @media (max-width: 768px) { .header-search .header-search-bar .search-value .select-location, .header-search .header-search-bar .search-value .category-search { display: none !important; } .header-search .header-search-bar .search-value .keywords { width: 88%; margin-right: 10px; } .header-search .header-search-bar .search-value .keywords input { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } } @media (max-width: 690px) { .header-search .header-search-bar .search-value .keywords { width: 85%; } } @media (max-width: 560px) { .header-search .header-search-bar .search-value .keywords { width: 80%; } } @media (max-width: 400px) { .header-search .header-search-bar .search-value .keywords { width: 70%; } } .map .header-search-bar { background-color: #333333; } @media (max-width: 480px) { .header-search.slider-home { height: 330px; } } .sticky { position: fixed !important; width: 100%; left: 0; top: 0; z-index: 9995!important; background-color: #333333 !important; } /* header map section */ /* ---------------------------------------- */ .map-section { position: relative; width: 100%; height: 500px; background-color: #f5af02; } .map-section #map_canvas { width: 100%; height: 100%; } .map-section #map_canvas .gm-style img { max-width: none; } .map-section #map_canvas .gm-style img label { display: inline; width: auto; } .map-section #map_canvas .gmnoprint { display: none; } @media (max-width: 768px) { .map-section { height: 300px; } } .company-contact .contact-map-company { position: relative; width: 100%; height: 250px; background-color: #f5af02; } .company-contact .contact-map-company #contact_map_canvas_two, .company-contact .contact-map-company #contact_map_canvas_one { width: 100%; height: 100%; } .company-contact .contact-map-company #contact_map_canvas_two .gm-style img, .company-contact .contact-map-company #contact_map_canvas_one .gm-style img { max-width: none; } .company-contact .contact-map-company #contact_map_canvas_two .gm-style img label, .company-contact .contact-map-company #contact_map_canvas_one .gm-style img label { display: inline; width: auto; } .company-contact .contact-map-company #contact_map_canvas_two .gmnoprint, .company-contact .contact-map-company #contact_map_canvas_one .gmnoprint { display: none; } /* header-nav-bar */ /* ----------------------------------------------- */ #header .header-nav-bar { position: relative; border-bottom: 3px solid #f5af02; } #header .header-nav-bar button { display: none; } @media (max-width: 992px) { #header .header-nav-bar { border-bottom: 0; position: fixed; top: 0; right: -220px; z-index: 9999 !important; height: 100%; width: 220px; overflow: visible; transition: all .3s ease; } #header .header-nav-bar.active { right: 0; } #header .header-nav-bar button { display: block; position: absolute; left: -35px; top: 15px; z-index: 9999; height: 40px; width: 35px; line-height: 37px; background-color: #f5af02; color: #fff; font-size: 18px; font-weight: bold; border-top-right-radius: 0; border-bottom-right-radius: 0; } #header .header-nav-bar button.active { background-color: #1a1a1a; } #header .header-nav-bar button.active .fa-bars { display: none; } #header .header-nav-bar button.active:before { content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } #header .header-nav-bar .primary-nav { position: relative; margin: 0; padding: 0; } @media (max-width: 992px) { #header .header-nav-bar .primary-nav { position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: auto; background-color: #1a1a1a; } } #header .header-nav-bar .primary-nav > li { position: relative; float: left; border-right: 1px solid #e5e5e5; } #header .header-nav-bar .primary-nav > li:first-child { border-left: 1px solid #e5e5e5; } #header .header-nav-bar .primary-nav > li:first-child > a { padding: 0 26px; } #header .header-nav-bar .primary-nav > li > a { display: block; color: #000000; font-weight: 700; font-size: 15px; line-height: 58px; padding: 0px 29px; text-transform: uppercase; transition: all .3s ease; } #header .header-nav-bar .primary-nav > li > a:hover { color: #FFFFFF; } #header .header-nav-bar .primary-nav > li > a .fa { position: absolute; right: 8px; top: 22px; } #header .header-nav-bar .primary-nav > li.bg-color { background-color: #f5af02; } #header .header-nav-bar .primary-nav > li.active > ul { visibility: visible; opacity: 1; transform: translateY(0); } @media (max-width: 992px) { #header .header-nav-bar .primary-nav > li.active { background-color: #333333; } #header .header-nav-bar .primary-nav > li.active ul li { background-color: #1a1a1a; } } #header .header-nav-bar .primary-nav ul { position: absolute; top: 105%; left: 0; z-index: 9999; visibility: hidden; margin: 0; padding: 0 0 20px 0; list-style: none; opacity: 0; transition: all .3s ease; } #header .header-nav-bar .primary-nav ul > li { position: relative; } #header .header-nav-bar .primary-nav ul > li > a { display: block; padding: 10px 20px; width: 200px; border-bottom: 1px solid #333333; background-color: rgba(0, 0, 0, 0.85); color: #ffffff; } #header .header-nav-bar .primary-nav ul > li > a:hover { color: #f5af02; background-color: #4d4d4d; } #header .header-nav-bar .primary-nav ul > li:last-child a { border-radius: 0 0 3px 3px; } @media (max-width: 1200px) { #header .header-nav-bar .primary-nav > li > a { font-size: 13px; padding: 0 21px; } } @media (max-width: 992px) { #header .header-nav-bar .primary-nav > li { float: none; border: 0; } #header .header-nav-bar .primary-nav > li:first-child { border-left: 0; } #header .header-nav-bar .primary-nav > li > a { line-height: 35px; color: #fff; border-bottom: 1px solid #262626; } #header .header-nav-bar .primary-nav > li > a .fa { top: 10px; right: 10px; } #header .header-nav-bar .primary-nav > li > a:hover { color: #ddd; } #header .header-nav-bar .primary-nav > li.active { background-color: #4d4d4d; } #header .header-nav-bar .primary-nav > li.active > ul { position: relative; transform: translateY(0); } #header .header-nav-bar .primary-nav > li ul { padding-bottom: 5px; transform: translateY(5px); transition: all .3s ease; } #header .header-nav-bar .primary-nav > li ul li a { color: #f8f8f8; background-color: #404040; width: 100%; padding: 5px 30px; border-bottom: 0; } #header .header-nav-bar .primary-nav > li ul li a:hover { background-color: #f5af02; color: inherit; } } #header .home-slide.header-nav-bar { height: 58px !important; background-color: #fff; z-index: 999; border-radius: 3px 3px 0 0; } @media (max-width: 992px) { #header .home-slide.header-nav-bar { height: 100% !important; border-radius: 0 !important; background-color: transparent; z-index: 999; } } #header .home-slide.header-nav-bar .primary-nav > li:first-child { border-left: 0; padding: 0 2px; border-radius: 3px 0 0 0; } @media (max-width: 992px) { #header .home-slide.header-nav-bar .primary-nav > li:first-child { border-radius: 0; padding: 0; } } #header .home-slide.header-nav-bar .primary-nav > li:last-child { border-right: 0; border-radius: 0 3px 0 0; } @media (max-width: 992px) { #header .home-slide.header-nav-bar .primary-nav > li:last-child { border-radius: 0; } } #header .home-slide.header-nav-bar .primary-nav > li:last-child > a { padding: 0 30px; border-radius: 0 3px 0 0; } @media (max-width: 992px) { #header .home-slide.header-nav-bar .primary-nav > li:last-child > a { border-radius: 0; } } @media (max-width: 1200px) { #header .home-slide.header-nav-bar .primary-nav > li:last-child > a { padding: 0 24px 0 24px; } } /* header-siler content */ /* ----------------------------------- */ .slider-home { position: relative; } .slider-home #map_canvas { display: none; } .slider-content { position: relative; z-index: 30; width: 100%; height: 650px; overflow: visible; } @media (max-width: 992px) { .slider-content { height: 620px; } } @media (max-width: 768px) { .slider-content { height: 420px; } } @media (max-width: 480px) { .slider-content { height: 320px; } } .slider-content #home-slider { position: relative; width: 100%; height: 920px; } @media (max-width: 992px) { .slider-content #home-slider { height: 650px; } } @media (max-width: 768px) { .slider-content #home-slider { height: 450px; } } @media (max-width: 480px) { .slider-content #home-slider { height: 350px; } } .slider-content #home-slider .item { position: relative; } .slider-content #home-slider .item > img { display: block; width: 100%; /* height: 920px;*/ } @media (max-width: 992px) { .slider-content #home-slider .item > img { height: 650px; } } @media (max-width: 768px) { .slider-content #home-slider .item > img { height: 450px; } } @media (max-width: 480px) { .slider-content #home-slider .item > img { height: 350px; } } .slider-content #home-slider .item .slide-content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; } .slider-content #home-slider .item .slide-content img { position: relative; top: 240px; } @media (max-width: 768px) { .slider-content #home-slider .item .slide-content img { top: 140px; } } @media (max-width: 480px) { .slider-content #home-slider .item .slide-content img { top: 90px; height: 50px; width: 185px; } } .slider-content #home-slider .item .slide-content h1 { position: relative; top: 220px; text-transform: uppercase; color: #fff; font-size: 76px; font-family: 'Raleway', sans-serif; font-weight: 800; } .slider-content #home-slider .item .slide-content h1 span { color: #f5af02; } @media (max-width: 768px) { .slider-content #home-slider .item .slide-content h1 { font-size: 51px; top: 100px; } } @media (max-width: 480px) { .slider-content #home-slider .item .slide-content h1 { font-size: 36px; top: 70px; } } .slider-content #home-slider .item .slide-content h2 { position: relative; top: 165px; color: #fff; text-transform: uppercase; font-size: 46px; } @media (max-width: 768px) { .slider-content #home-slider .item .slide-content h2 { font-size: 36px; top: 70px; } } @media (max-width: 480px) { .slider-content #home-slider .item .slide-content h2 { font-size: 25px; top: 50px; } } .slider-content .customNavigation .btn { padding: 30px 18px; background-color: #f5af02; font-size: 25px; transition: all .3s ease; } .slider-content .customNavigation .btn.prev { position: absolute; top: 58%; left: -2px; } .slider-content .customNavigation .btn.next { position: absolute; top: 58%; right: -2px; } #header { position: relative; } /* home-with-slider style begin */ /* --------------------------------------- */ .home-with-slide { position: relative; z-index: 100; background: #fff; padding-right: 30px; } @media (max-width: 992px) { .home-with-slide { border-radius: 3px 3px 0 0; padding-left: 30px; padding-top: 30px; } .home-with-slide .change-view .filter-input input { top: -60px; } } .home-with-slide .custom-search { padding: 20px 0 0 25px; } .home-with-slide .tab-pane .row { padding-top: 0 !important; } /* page sidebar */ /* ======================== */ /* select location */ /* --------------------------------------- */ .page-sidebar .location-details { position: relative; } .page-sidebar .location-details .select-country, .page-sidebar .location-details .select-state, .page-sidebar .location-details .zip-code { position: relative; height: 30px; margin-bottom: 10px; } .page-sidebar .location-details .select-country label, .page-sidebar .location-details .select-state label, .page-sidebar .location-details .zip-code label { position: absolute; left: 0; width: 78px; z-index: 998; height: inherit; line-height: 30px; background-color: #333333; border-radius: 3px 0 0 3px; color: #fff; font-weight: 700; font-size: 12px; text-align: center; } .page-sidebar .location-details .select-country .placeholder, .page-sidebar .location-details .select-state .placeholder, .page-sidebar .location-details .zip-code .placeholder, .page-sidebar .location-details .select-country input, .page-sidebar .location-details .select-state input, .page-sidebar .location-details .zip-code input { font-size: 13px; font-weight: 700; padding-left: 90px; border: 1px solid #c4c4c4; } .page-sidebar .location-details .select-country .select-clone, .page-sidebar .location-details .select-state .select-clone, .page-sidebar .location-details .zip-code .select-clone { z-index: 997; padding-left: 79px; width: 100.5%; height: auto; overflow: auto; border: 0; } .page-sidebar .location-details .select-country .select-clone li, .page-sidebar .location-details .select-state .select-clone li, .page-sidebar .location-details .zip-code .select-clone li { border: 0!important; } .page-sidebar .location-details .select-country .select-clone li:hover, .page-sidebar .location-details .select-state .select-clone li:hover, .page-sidebar .location-details .zip-code .select-clone li:hover { border: 0 !important; } .page-sidebar .location-details .uou-custom-select .fa { position: absolute; top: 0; right: 0; height: 30px; padding: 10px 11px; font-size: 8px; border-left: 1px solid #c4c4c4; } /* distance-range slider */ /* ---------------------------------- */ .distance-range { position: relative; } .distance-range p { margin: 0; } .distance-range p label { font-size: 12px; font-weight: 700; color: #333333; } .distance-range p input { position: absolute; right: 0; width: 60px; padding: 0; font-size: 12px; font-weight: 700; text-align: right; color: #777777; } /* Interaction states for distance slider */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #e6e6e6; font-weight: normal; color: #555555; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 500; width: 1.2em; height: 1.2em; cursor: default; outline: none; -ms-touch-action: none; touch-action: none; background-color: #333333 !important; border-radius: 3px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-color: #f5af02; border-radius: 6px; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-handle { top: -0.2em; margin-left: -0.6em; } .ui-widget-header { background: #f5af02; color: #222222; font-weight: bold; } .ui-widget-content { border: 0; background: #aaaaaa; color: #222222; border-radius: 6px; } /* categories */ /* ------------------------------------ */ #categories { position: relative; margin-top: 35px; color: #333333; margin-bottom: 30px; } #categories .accordion { position: relative; display: block; } #categories .accordion ul { margin: 0; padding: 0; list-style: none; } #categories .accordion ul li { background-color: #f8f8f8; border-top: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-left: 3px solid transparent; transition: all .3s ease; } #categories .accordion ul li:hover { background-color: #f5af02; } #categories .accordion ul li a { display: block; padding: 15px 0 15px 30px; text-transform: uppercase; font-size: 15px; font-weight: 700; } #categories .accordion ul li a .fa { padding-right: 10px; } #categories .accordion ul li a:hover { color: inherit; } #categories .accordion ul li a span { font-weight: normal; display: block; margin: 0; font-size: 13px; text-transform: capitalize; } #categories .accordion ul li div { display: none; padding-top: 5px; padding-left: 30px; } #categories .accordion ul li div a { text-transform: capitalize; padding: 6px 0; font-size: 15px; font-weight: normal; } #categories .accordion ul li div a:before { content: "\f196"; position: relative; top: 2px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 10px; font-size: 16px; } #categories .accordion ul li div a.active { font-weight: 700; } #categories .accordion ul li div a.active:before { content: "\f147"; } #categories .accordion ul li div a:hover { color: inherit; } #categories .accordion ul li.active { background-color: #fff; border-right: 0; border-left: 3px solid #f5af02; } #categories .accordion ul li.active div { display: block; } #categories .accordion ul li:last-child { border-bottom: 1px solid #c4c4c4; } /* sidebar-toggle */ /* --------------------------------------- */ .category-toggle button { display: none; } @media (max-width: 992px) { .category-toggle { float: left; position: absolute; top: 0; left: -270px; width: 270px; z-index: 999; background-color: #f8f8f8; padding: 20px; transition: all .3s ease; } .category-toggle button { display: block; position: absolute; right: -39px; top: 10px; z-index: 999; height: 40px; width: 40px; line-height: 37px; background-color: #1a1a1a; color: #fff; font-size: 20px; font-weight: bold; border-top-left-radius: 0; border-bottom-left-radius: 0; } .category-toggle.active { left: 0; } } @media (max-width: 992px) { .home-with-slide { position: relative; } .home-with-slide .category-toggle { background-color: transparent; } .home-with-slide .category-toggle .page-sidebar { display: none !important; } .home-with-slide .category-toggle.active { background-color: #f8f8f8; border-top-left-radius: 3px; } .home-with-slide .category-toggle.active .page-sidebar { display: block !important; } } /* post-sidebar style begin */ /* --------------------------------------- */ .post-sidebar { position: relative; } .post-sidebar h2 { display: block; margin: 0; margin-bottom: 10px; padding: 17px 20px 15px; width: 100%; background: #eeeeee; border-radius: 3px; border-left: 3px solid #f5af02; font-size: 18px; text-transform: uppercase; } .post-sidebar .featured, .post-sidebar .recently-added, .post-sidebar .latest-post-content { padding-bottom: 30px; } .post-sidebar .single-product { position: relative; height: auto; padding: 10px 0 0; overflow: hidden; } .post-sidebar .single-product figure { position: relative; width: 100px; height: 100px; margin: 0; margin-right: 20px; margin-bottom: 5px; float: left; border-radius: 4px; overflow: hidden; } .post-sidebar .single-product figure img { width: 100%; height: 100%; } .post-sidebar .single-product figure .rating { position: absolute; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; } .post-sidebar .single-product figure .rating ul { position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; padding: 5px 0; background-color: rgba(0, 0, 0, 0.5); text-align: center; } .post-sidebar .single-product figure .rating li { padding: 0; } .post-sidebar .single-product figure .rating li a { color: #fff; } .post-sidebar .single-product figure .rating li a:hover { color: #f5af02; } .post-sidebar .single-product figure .rating p { position: absolute; top: 0; left: 0; width: 100%; height: 16px; margin: 0; line-height: 16px; font-size: 12px; font-weight: 800; background: #f5af02; color: #333333; font-family: 'Raleway', sans-serif; text-transform: uppercase; text-align: center; } .post-sidebar .single-product h4 { margin: 0; padding-bottom: 5px; } .post-sidebar .single-product h4 a:hover { color: #666666; } .post-sidebar .single-product > p { margin: 0; font-size: 15px; padding-bottom: 5px; line-height: 24px; } @media (max-width: 768px) { .post-sidebar .single-product > p { font-size: 14px; line-height: 22px; } } .post-sidebar .single-product a.read-more { font-size: 13px; font-weight: bold; text-transform: capitalize; } .post-sidebar .single-product a.read-more .fa { padding-right: 5px; } .post-sidebar .square-button { text-align: center; margin: 0 auto; padding: 20px 0 40px; } .post-sidebar .square-button button { background: transparent; } .post-sidebar .latest-post { position: relative; padding-top: 15px; } .post-sidebar .latest-post .post-image { margin: 0; float: left; margin-right: 15px; width: 70px; height: 90px; } .post-sidebar .latest-post .post-image img { width: 70px; height: 70px; border-radius: 6px; } .post-sidebar .latest-post .post-image p { margin-top: -12px; color: #fff; text-transform: uppercase; padding: 9px 5px 2px 7px; font-weight: 700; background-color: #1a1a1a; font-family: 'Raleway', sans-serif; border-radius: 3px; } .post-sidebar .latest-post .post-image p span { color: #e4b200; padding-right: 5px; padding-left: 5px; } .post-sidebar .latest-post h4 { text-transform: uppercase; margin: 0; font-size: 15px; } .post-sidebar .latest-post p { margin: 0; padding: 5px 15px 0 5px; line-height: 20px; } .post-sidebar .latest-post .read-more { display: block; margin-top: 10px; font-weight: bold; font-size: 13px; } .post-sidebar .latest-post .read-more .fa { padding-right: 5px; } .post-sidebar .medium-rectangle { margin: 30px auto; text-align: center; } .post-sidebar .post-categories ul { margin: 0; padding: 10px 0 40px; list-style: none; } .post-sidebar .post-categories ul li { width: 100%; padding-left: 10px; text-transform: uppercase; font-weight: bold; border-top: 1px solid #c4c4c4; } .post-sidebar .post-categories ul li:last-child { border-bottom: 1px solid #c4c4c4; } .post-sidebar .post-categories ul li a { padding: 13px 0; display: block; font-size: 15px; } .post-sidebar .post-categories ul li a .fa { padding-right: 5px; } .post-sidebar .ui-state-default, .post-sidebar .ui-widget-content .ui-state-default, .post-sidebar .ui-widget-header .ui-state-default { background: transparent; } .post-sidebar .ui-state-active { color: #333333 !important; font-weight: bold; } /* custom datepiche form jquery Ui */ .ui-datepicker { display: none; margin-top: 10px; padding: 10px; } .ui-datepicker-header { position: relative; padding: 8px 0; text-align: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #333333; background: transparent; font-size: 16px; } .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 4px; left: 3px; padding: 10px; line-height: 14px; font-size: 14px; cursor: pointer; opacity: 1; border: 0; transition: all .3s ease; } .ui-datepicker-prev:active { left: 1px; } .ui-datepicker-next:active { right: 1px; } .ui-datepicker-next { left: auto; right: 3px; } .ui-datepicker-prev span, .ui-datepicker-next span { display: none; } .ui-datepicker-prev:before, .ui-datepicker-next:before { display: inline-block; font-family: FontAwesome; content: "\f0d9"; } .ui-datepicker-next:before { content: "\f0da"; } .ui-datepicker-calendar { margin: 0; width: 100%; } .ui-datepicker thead { border-bottom: 1px solid #cccccc; } .ui-datepicker-calendar th { font-size: 14px; text-align: center; padding: 10px 0; color: #c4c4c4; } .ui-datepicker-calendar tr { border-bottom: 1px solid #cccccc; } .ui-datepicker-calendar td { padding: 0; text-align: center; border: 0; } .ui-datepicker-calendar td a { display: block; padding: 8px 0; border: 0; } .ui-datepicker { background-color: #fff; width: 100%; padding-bottom: 20px; } .ui-datepicker-calendar td a:hover { color: #fff; background-color: #f5af02 !important; font-weight: bold; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #c4c4c4; } /* company-sidebar */ /* ---------------------------------------- */ .company-sidebar { position: relative; padding-top: 30px; } .company-sidebar .company-category { margin: 0; padding: 0; list-style: none; } .company-sidebar .company-category li { position: relative; width: 100%; background: #333333; border-bottom: 1px solid #4d4d4d; transition: all .3s ease; } .company-sidebar .company-category li.active, .company-sidebar .company-category li:hover { background: #f5af02; } .company-sidebar .company-category li.active a, .company-sidebar .company-category li:hover a { color: #333333; } .company-sidebar .company-category li.active:after { content: ""; position: absolute; right: -6px; top: 18px; height: 0; width: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #f5af02; } .company-sidebar .company-category li:first-child { border-radius: 3px 3px 0 0; } .company-sidebar .company-category li:last-child { border-radius: 0 0 3px 3px; border-bottom: 0; } .company-sidebar .company-category li a { display: block; padding: 15px 20px; color: #f5af02; font-size: 15px; font-weight: bold; text-transform: uppercase; } .company-sidebar .company-category li a .fa { color: #fff; padding-right: 10px; } .company-sidebar .own-company { margin: 30px 0; text-align: center; border: 1px solid #aaaaaa; border-radius: 3px; } .company-sidebar .own-company a { padding: 10px 0; display: block; text-transform: capitalize; font-size: 13px; font-weight: bold; } .company-sidebar .own-company a .fa { padding-right: 10px; } .company-sidebar h2 { display: block; margin: 0; margin-bottom: 10px; padding: 17px 20px 15px; width: 100%; background: #eeeeee; border-radius: 3px; border-left: 3px solid #f5af02; font-size: 18px; text-transform: uppercase; } .company-sidebar .contact-details li, .company-sidebar .opening-hours li { position: relative; padding: 6px 0; } .company-sidebar .contact-details li span, .company-sidebar .opening-hours li span { position: absolute; top: 5px; left: 124px; } @media (max-width: 1200px) { .company-sidebar .contact-details li span, .company-sidebar .opening-hours li span { position: absolute; left: 100px; } } .company-sidebar .contact-details li span .fa, .company-sidebar .opening-hours li span .fa { position: relative; top: -3px; color: #f5af02; padding-left: 10px; } .company-sidebar .square-button { text-align: center; padding: 20px 0; } @media (max-width: 992px) { .company-sidebar .square-button { display: none; } } .page-sidebar { position: relative; } /* page-content */ /* ====================== */ /* view changer */ .change-view { position: relative; z-index: 99; top: 50px; color: #333333; } @media (max-width: 992px) { .change-view { top: 65px; } } .change-view .filter-input input { position: absolute; right: 0; top: -45px; width: 190px; height: 30px; font-size: 13px; font-weight: bold; border: 1px solid #c4c4c4; } .change-view button { height: 30px; width: 30px; float: left; margin-right: 10px; background-color: #fff; color: #c4c4c4; border: 1px solid #c4c4c4; border-radius: 3px; } .change-view button .fa { font-size: 11px; } .change-view button.active { background: #f5af02; color: #333333; border: 0; } .change-view .sort-by { position: relative; width: 175px; height: 30px; float: left; } .change-view .sort-by .value-holder { font-size: 13px; font-weight: 700; border: 1px solid #c4c4c4; } .change-view .sort-by .uou-custom-select { position: relative; } .change-view .sort-by .uou-custom-select .fa { position: absolute; top: 0; right: 0; height: 30px; padding: 10px 11px; font-size: 8px; border-left: 1px solid #c4c4c4; } .change-view .pagination { float: right; } @media (max-width: 768px) { .change-view button, .change-view .pagination, .change-view .filter-input, .change-view .sort-by { display: none; } } .pagination { margin: 0; padding: 0; list-style: none; } .pagination li { float: left; height: 30px; width: 30px; text-align: center; margin-left: 10px; border: 1px solid #c4c4c4; border-radius: 3px; transition: all .3s ease; } .pagination li a { line-height: 30px; } .pagination li a .fa { position: relative; top: -2px; } .pagination li a:hover { color: #333333; } .pagination li.active, .pagination li:hover { background-color: #f5af02; border: 0; border: 1px solid transparent; } @media (max-width: 768px) { .pagination { display: none; } } .pagination-center { position: relative; padding-top: 20px; text-align: center; float: right; width: 69%; } /* product-details */ .product-details { position: relative; } .product-details .tab-pane { position: relative; } .product-details .tab-pane h3 .comments { position: relative; top: -8px; font-size: 17px; margin-left: 5px; padding: 5px; height: 25px; width: 25px; font-weight: bold; background-color: #eeeeee; border-radius: 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-details .tab-pane h3 .comments:before { position: absolute; top: 7px; left: -4px; content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #eeeeee; } .product-details .tab-pane h2 { position: absolute; left: 0; top: 0; z-index: 99; margin: 0; text-transform: uppercase; } .product-details .tab-pane h2 .category-name { position: relative; font-size: 18px; } .product-details .tab-pane h2 .category-name b { color: #f5af02; padding: 0 10px; } .product-details .tab-pane h2 .comments { position: relative; top: -8px; font-size: 17px; margin-left: 10px; padding: 5px; height: 25px; width: 25px; background-color: #eeeeee; border-radius: 3px; } .product-details .tab-pane h2 .comments:before { position: absolute; top: 7px; left: -4px; content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #eeeeee; } @media (max-width: 992px) { .product-details .tab-pane h2 { top: 30px; } } .product-details .tab-pane h3 { font-size: 30px; font-weight: 800; text-transform: uppercase; margin-top: 25px; } .product-details .tab-pane h3 span { font-weight: 400; } @media (max-width: 480px) { .product-details .tab-pane h3 { font-size: 22px; } } .product-details .tab-pane .row { position: relative; padding-top: 115px; } @media (max-width: 480px) { .product-details .tab-pane .row { padding-top: 80px; } } .product-details .tab-pane .single-product { position: relative; height: auto; margin-bottom: 30px; background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; overflow: hidden; box-shadow: 0 2px #cccccc; } .product-details .tab-pane .single-product > p, .product-details .tab-pane .single-product > .read-more { display: none !important; } .product-details .tab-pane .single-product figure { position: relative; margin: 0; padding: 1px; width: 100%; height: 200px; border-bottom: 1px solid #cccccc; } .product-details .tab-pane .single-product figure img { width: 100%; height: 100%; } .product-details .tab-pane .single-product figure .rating { margin: 1px; position: absolute; top: 0; right: 0; z-index: 30; background-color: rgba(0, 0, 0, 0.5); } .product-details .tab-pane .single-product figure .rating ul { margin: 0; padding: 5px 10px; } .product-details .tab-pane .single-product figure .rating li { padding: 0; } .product-details .tab-pane .single-product figure .rating li a { color: #fff; } .product-details .tab-pane .single-product figure .rating li a:hover { color: #f5af02; } .product-details .tab-pane .single-product figure .rating p { padding: 0 3px; margin: 0; font-size: 12px; font-family: 'Raleway', sans-serif; font-weight: 700; background: #f5af02; color: #333333; text-transform: uppercase; } .product-details .tab-pane .single-product figure figcaption { display: none; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; text-align: center; background-color: #f5af02; } .product-details .tab-pane .single-product figure figcaption a { position: relative; padding: 6px 10px 6px 33px; border: 1px solid #333333; border-radius: 3px; font-weight: bold; } .product-details .tab-pane .single-product figure figcaption a .fa { position: absolute; left: 0; top: 0; height: 29px; font-weight: bold; border-right: 1px solid #333333; } .product-details .tab-pane .single-product figure figcaption a:hover { background: #333333; color: #f5af02; } .product-details .tab-pane .single-product figure figcaption .bookmark { position: relative; top: 70px; } .product-details .tab-pane .single-product figure figcaption .bookmark .fa { padding: 7px 9px; } .product-details .tab-pane .single-product figure figcaption .read-more { position: relative; top: 90px; } .product-details .tab-pane .single-product figure figcaption .read-more .fa { padding: 7px 11px; } .product-details .tab-pane .single-product:hover figure figcaption { display: block; } .product-details .tab-pane .single-product h4, .product-details .tab-pane .single-product h5 { margin: 0; padding: 5px 30px 0; text-transform: capitalize; } .product-details .tab-pane .single-product h4 a:hover, .product-details .tab-pane .single-product h5 a:hover { color: #666666; } .product-details .tab-pane .single-product h4 { padding-top: 15px; } .product-details .tab-pane .single-product h5 { padding-bottom: 10px; } @media (max-width: 480px) { .product-details .tab-pane h2 { font-size: 20px; } .product-details .tab-pane .col-xs-6 { float: none; width: 100%; padding: 0 100px; } } @media (max-width: 430px) { .product-details .tab-pane .col-xs-6 { width: 100%; padding: 0 20px; } } .product-details .pagination-center, .product-details .advertisement { display: none !important; } /* bootstrap tab */ .tab-pane { display: none !important; transition: all .3s ease; } .tab-pane.active { display: block !important; } /* product-details */ .product-details-list { position: relative; } .product-details-list .tab-pane { position: relative; } .product-details-list .tab-pane h2 { position: absolute; left: 0; top: 0; z-index: 999; margin: 0; text-transform: uppercase; } .product-details-list .tab-pane h2 .category-name { position: relative; font-size: 18px; } .product-details-list .tab-pane h2 .category-name b { color: #f5af02; padding: 0 10px; } .product-details-list .tab-pane h2 .comments { position: relative; top: -8px; font-size: 17px; margin-left: 10px; padding: 5px; height: 25px; width: 25px; background-color: #eeeeee; border-radius: 3px; } .product-details-list .tab-pane h2 .comments:before { position: absolute; top: 7px; left: -4px; content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #eeeeee; } @media (max-width: 992px) { .product-details-list .tab-pane h2 { top: 30px; } } .product-details-list .tab-pane .row { position: relative; padding-top: 115px; } @media (max-width: 480px) { .product-details-list .tab-pane .row { padding-top: 65px; } } .product-details-list .tab-pane .col-sm-4 { float: none; width: 80%; } @media (max-width: 992px) { .product-details-list .tab-pane .col-sm-4 { width: 100%; } } .product-details-list .tab-pane .single-product { position: relative; height: auto; padding: 20px 0; border-bottom: 1px solid #cccccc; overflow: hidden; } .product-details-list .tab-pane .single-product figure { position: relative; width: 120px; height: 120px; margin: 0; margin-right: 20px; margin-bottom: 5px; float: left; border-radius: 4px; overflow: hidden; } .product-details-list .tab-pane .single-product figure img { width: 100%; height: 100%; } .product-details-list .tab-pane .single-product figure .rating { position: absolute; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; } .product-details-list .tab-pane .single-product figure .rating ul { position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.5); text-align: center; } .product-details-list .tab-pane .single-product figure .rating li { padding: 0; } .product-details-list .tab-pane .single-product figure .rating li a { color: #fff; } .product-details-list .tab-pane .single-product figure .rating li a:hover { color: #f5af02; } .product-details-list .tab-pane .single-product figure .rating p { position: absolute; top: 0; left: 0; width: 100%; padding: 0 2px; margin: 0; font-size: 11px; font-weight: 700; background: #f5af02; color: #333333; text-transform: uppercase; text-align: center; } .product-details-list .tab-pane .single-product figure figcaption { display: none; } .product-details-list .tab-pane .single-product h4, .product-details-list .tab-pane .single-product h5 { margin: 0; padding-bottom: 5px; } .product-details-list .tab-pane .single-product h4 a:hover, .product-details-list .tab-pane .single-product h5 a:hover { color: #666666; } .product-details-list .tab-pane .single-product h5 { padding-bottom: 10px; color: #999999; } .product-details-list .tab-pane .single-product h5 a { color: #999999; } .product-details-list .tab-pane .single-product > p { margin: 0; font-size: 16px; padding-bottom: 5px; line-height: 24px; } @media (max-width: 768px) { .product-details-list .tab-pane .single-product > p { font-size: 14px; line-height: 22px; } } .product-details-list .tab-pane .single-product a.read-more { font-size: 13px; font-weight: bold; text-transform: capitalize; } .product-details-list .tab-pane .single-product a.read-more .fa { padding-right: 5px; } @media (max-width: 480px) { .product-details-list .tab-pane h2 { font-size: 20px; } } .product-details-list .advertisement { position: absolute; right: 0; top: 120px; width: 160px; height: 700px; text-align: center; } .product-details-list .advertisement p { color: #777777; text-transform: uppercase; font-size: 11px; margin: 0; padding-top: 10px; } .product-details-list .advertisement img { height: 600px; width: 100%; } @media (max-width: 992px) { .product-details-list .advertisement { display: none; } } /* category-item for home-with-slider */ .category-item { position: relative; width: 100%; height: 190px; background: #cccccc; border-radius: 3px; margin-bottom: 30px; text-align: center; transition: all .3s ease; } .category-item a { position: relative; display: block; height: 100%; padding: 60px 20px 0; font-size: 15px; font-weight: bold; text-transform: capitalize; } .category-item a .fa { display: block; padding-bottom: 20px; font-size: 38px; } .category-item a:hover { color: inherit; } .category-item:hover { background-color: #f5af02; } .view-more { width: 100%; clear: both; display: block; text-align: center; text-transform: capitalize; } .view-more .fa { padding-right: 8px; } #page-content { position: relative; padding: 30px 0 50px 0; } .page-content { position: relative; } .home-with-slide { margin-top: -30px !important; } /* single product style */ /* --------------------------------------- */ .company-product .single-product, .company-portfolio .single-product { position: relative; height: auto; margin-bottom: 30px; background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; overflow: hidden; box-shadow: 0 2px #cccccc; } .company-product .single-product figure, .company-portfolio .single-product figure { position: relative; margin: 0; padding: 1px; width: 100%; height: 200px; border-bottom: 1px solid #cccccc; } .company-product .single-product figure img, .company-portfolio .single-product figure img { width: 100%; height: 100%; } .company-product .single-product figure figcaption, .company-portfolio .single-product figure figcaption { display: none; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; text-align: center; background-color: #f5af02; } .company-product .single-product figure figcaption a, .company-portfolio .single-product figure figcaption a { position: relative; padding: 6px 10px 6px 33px; border: 1px solid #333333; border-radius: 3px; font-weight: bold; } .company-product .single-product figure figcaption a .fa, .company-portfolio .single-product figure figcaption a .fa { position: absolute; left: 0; top: 0; height: 29px; font-weight: bold; border-right: 1px solid #333333; } .company-product .single-product figure figcaption a:hover, .company-portfolio .single-product figure figcaption a:hover { background: #333333; color: #f5af02; } .company-product .single-product figure figcaption .bookmark, .company-portfolio .single-product figure figcaption .bookmark { position: relative; top: 70px; } .company-product .single-product figure figcaption .bookmark .fa, .company-portfolio .single-product figure figcaption .bookmark .fa { padding: 7px 9px; } .company-product .single-product figure figcaption .read-more, .company-portfolio .single-product figure figcaption .read-more { position: relative; top: 90px; } .company-product .single-product figure figcaption .read-more .fa, .company-portfolio .single-product figure figcaption .read-more .fa { padding: 7px 11px; } .company-product .single-product:hover figure figcaption, .company-portfolio .single-product:hover figure figcaption { display: block; } .company-product .single-product h4, .company-portfolio .single-product h4, .company-product .single-product h5, .company-portfolio .single-product h5 { margin: 0; padding: 5px 30px 0; text-transform: capitalize; } .company-product .single-product h4 a:hover, .company-portfolio .single-product h4 a:hover, .company-product .single-product h5 a:hover, .company-portfolio .single-product h5 a:hover { color: #666666; } .company-product .single-product h4, .company-portfolio .single-product h4 { padding-top: 15px; } .company-product .single-product h5, .company-portfolio .single-product h5 { padding-bottom: 10px; } .company-product .single-product h5 a, .company-portfolio .single-product h5 a { color: #737373; } @media (max-width: 480px) { .company-product h2, .company-portfolio h2 { font-size: 22px; } .company-product .col-xs-6, .company-portfolio .col-xs-6 { float: none; width: 100%; padding: 0 100px; } } @media (max-width: 400px) { .company-product .col-xs-6, .company-portfolio .col-xs-6 { width: 100%; padding: 0 20px; } } .company-product .sort-by, .company-portfolio .sort-by { position: absolute; right: 0; top: 30px; width: 175px; height: 30px; } .company-product .sort-by .value-holder, .company-portfolio .sort-by .value-holder { font-size: 13px; font-weight: 700; border: 1px solid #c4c4c4; } .company-product .sort-by .uou-custom-select, .company-portfolio .sort-by .uou-custom-select { position: relative; } .company-product .sort-by .uou-custom-select .fa, .company-portfolio .sort-by .uou-custom-select .fa { position: absolute; top: 0; right: 0; height: 30px; padding: 10px 11px; font-size: 8px; border-left: 1px solid #c4c4c4; } @media (max-width: 768px) { .company-product .sort-by, .company-portfolio .sort-by { display: none; } } /* featured-listing section */ /* --------------------------------------- */ .featured-listing { position: relative; margin-top: 40px; padding: 50px 0; background: url('../img/content/feature-bg.jpg') top center no-repeat; background-size: cover; background-attachment: fixed; text-align: center; } @media (max-width: 1200px) { .featured-listing { background-attachment: scroll; } } .featured-listing h2 { margin: 0; padding-bottom: 30px; color: #fff; text-transform: uppercase; font-weight: 400; font-family: 'Raleway', sans-serif; } .featured-listing .single-product { position: relative; height: auto; margin-bottom: 30px; background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; overflow: hidden; box-shadow: 0 2px #cccccc; } .featured-listing .single-product > p, .featured-listing .single-product > .read-more { display: none !important; } .featured-listing .single-product figure { position: relative; margin: 0; padding: 1px; width: 100%; height: 200px; border-bottom: 1px solid #cccccc; } .featured-listing .single-product figure img { width: 100%; height: 100%; } .featured-listing .single-product figure .rating { margin: 1px; position: absolute; top: 0; right: 0; z-index: 30; background-color: rgba(0, 0, 0, 0.5); } .featured-listing .single-product figure .rating ul { margin: 0; padding: 5px 10px; } .featured-listing .single-product figure .rating li { padding: 0; } .featured-listing .single-product figure .rating li a { color: #fff; } .featured-listing .single-product figure .rating li a:hover { color: #f5af02; } .featured-listing .single-product figure .rating p { padding: 0 3px; margin: 0; font-size: 12px; font-family: 'Raleway', sans-serif; font-weight: 700; background: #f5af02; color: #333333; text-transform: uppercase; } .featured-listing .single-product figure figcaption { display: none; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; text-align: center; background-color: #f5af02; } .featured-listing .single-product figure figcaption a { position: relative; padding: 6px 10px 6px 33px; border: 1px solid #333333; border-radius: 3px; font-weight: bold; } .featured-listing .single-product figure figcaption a .fa { position: absolute; left: 0; top: 0; height: 29px; font-weight: bold; border-right: 1px solid #333333; } .featured-listing .single-product figure figcaption a:hover { background: #333333; color: #e4e4e4; } .featured-listing .single-product figure figcaption .bookmark { position: relative; top: 70px; } .featured-listing .single-product figure figcaption .bookmark .fa { padding: 7px 9px; } .featured-listing .single-product figure figcaption .read-more { position: relative; top: 90px; } .featured-listing .single-product figure figcaption .read-more .fa { padding: 7px 11px; } .featured-listing .single-product:hover figure figcaption { display: block; } .featured-listing .single-product h4, .featured-listing .single-product h5 { margin: 0; padding: 5px 30px 0; } .featured-listing .single-product h4 a:hover, .featured-listing .single-product h5 a:hover { color: #666666; } .featured-listing .single-product h4 { padding-top: 15px; } .featured-listing .single-product h5 { padding-bottom: 10px; } .featured-listing .discover-more { width: 100%; text-align: center; text-transform: capitalize; } .featured-listing .discover-more .fa { padding-right: 8px; } @media (max-width: 480px) { .featured-listing .col-xs-6 { float: none; width: 100%; padding: 0 100px; } } @media (max-width: 400px) { .featured-listing .col-xs-6 { width: 100%; padding: 0 20px; } } /* Classified content style */ /* ======================================== */ .classifieds-content { position: relative; padding: 45px 0 60px; background: url(../img/content/calssifieds_bg.jpg) top center no-repeat; background-size: cover; } .classifieds-content .heading-section { position: relative; } .classifieds-content .heading-section h1 { margin: 0; padding-bottom: 20px; text-transform: uppercase; float: left; font-size: 26px; padding-right: 20px; } .classifieds-content .heading-section a { float: left; } .classifieds-content .heading-section form { position: relative; float: right; width: 270px; height: 30px; } .classifieds-content .heading-section form input[type="text"] { width: 270px; height: 30px; color: #333333; padding: 2px 30px 2px 10px; border: 1px solid #d5d5d5; border-radius: 3px; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: 0; outline-offset: 0; } .classifieds-content .heading-section form button { position: absolute; right: 0; top: 0; padding: 2px 8px; height: 30px; background-color: transparent; border-left: 1px solid #d5d5d5; } .classifieds-content .heading-section form button .fa { color: #bbbbbb; } @media (max-width: 768px) { .classifieds-content .heading-section h1 { float: none; padding-bottom: 10px; } .classifieds-content .heading-section form { float: none; } .classifieds-content .heading-section a { float: none; margin-bottom: 10px; } } .classifieds-content ul { margin: 0; padding: 0; } .classifieds-content ul li { list-style: none; } .classifieds-content .classifieds-category { position: relative; } .classifieds-content .classifieds-category a span { color: #a2a2a2; } .classifieds-content .classifieds-category a:hover span { color: #f5af02; } .classifieds-content .classifieds-category > li > a { text-transform: uppercase; padding-top: 45px; display: block; font-size: 15px; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #bbbbbb; } .classifieds-content .classifieds-category > li > a .fa { padding-right: 15px; } .classifieds-content .classifieds-category > li .sub-category { margin-top: 12px; font-size: 15px; text-transform: capitalize; } .classifieds-content .classifieds-category > li .sub-category li { padding: 4px 0; } /* Rgister now section */ /* ====================================== */ .register-content { position: relative; background: url(../img/content/register_bg.jpg) top center no-repeat; text-align: center; width: 100%; } .register-content h1 { margin: 0; color: #fff; font-weight: 400; font-size: 30px; font-family: 'Raleway', sans-serif; padding: 40px 0; background: #333333; text-transform: uppercase; } .register-content .registration-details { position: relative; padding: 100px 0; background-color: rgba(253, 198, 0, 0.75); text-align: center; width: 100%; } .register-content .registration-details .regular-member { float: left; margin-left: 50px; } @media (max-width: 1200px) { .register-content .registration-details .regular-member { margin-left: 30px; } } @media (max-width: 992px) { .register-content .registration-details .regular-member { margin-left: 18px; } } @media (max-width: 768px) { .register-content .registration-details .regular-member { margin-left: 0; } } .register-content .registration-details .box { position: relative; width: 35%; padding: 30px; text-align: center; border: 3px solid #333333; border-radius: 3px; } .register-content .registration-details .box h2 { margin: 0; text-transform: uppercase; font-size: 26px; padding-bottom: 20px; font-weight: 400; } .register-content .registration-details .box p { margin-bottom: 10px; font-weight: 700; } .register-content .registration-details .box p .fa { padding-right: 6px; } .register-content .registration-details .box a { margin-top: 15px; font-size: 13px; } .register-content .registration-details .alternate { float: left; margin: 60px 70px; text-align: center; } @media (max-width: 992px) { .register-content .registration-details .alternate { margin: 100px 40px; } } .register-content .registration-details .alternate h2 { text-align: center; margin: 0; height: 90px; width: 90px; line-height: 90px; font-size: 26px; background-color: #333333; color: #f5af02; border-radius: 50%; } .register-content .registration-details .business-member { float: left; } @media (max-width: 1200px) { .register-content .registration-details { padding: 50px 0; } } @media (max-width: 768px) { .register-content .registration-details .alternate { margin: 100px 20px; } .register-content .registration-details .box { width: 40%; } } @media (max-width: 700px) { .register-content .registration-details .box, .register-content .registration-details .alternate, .register-content .registration-details .business-member { float: none; } .register-content .registration-details .box { width: 100%; } .register-content .registration-details .alternate { height: auto; text-align: center; margin: 20px 40%; } } /* our partners */ /* ================================ */ .our-partners { position: relative; padding: 50px 0; text-align: center; text-transform: uppercase; } .our-partners h4 { margin: 0; color: #9d9d9d; font-size: 16px; padding-bottom: 50px; } .our-partners #partners-slider { position: relative; } .our-partners #partners-slider .item { margin: 0 10px; padding: 0 20px; height: 170px; width: 170px; border: 3px solid #eeeeee; border-radius: 3px; display: table-cell; vertical-align: middle; } .our-partners #partners-slider .item img { display: block; width: 100%; height: auto; } /* page-heading begin for about-us contact us blog */ /* --------------------------------------- */ .page-heading { position: relative; top: 0; width: 100%; height: 215px; } .page-heading > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .page-heading h1 { position: relative; top: 60px; color: #fff; font-family: 'Raleway', sans-serif; font-size: 56px; text-transform: uppercase; font-weight: 800; float: left; } .page-heading h1 span { color: #f5af02; } @media (max-width: 480px) { .page-heading h1 { font-size: 36px; font-weight: 600; top: 90px; } } .page-heading .heading-link { position: relative; top: 130px; float: right; } .page-heading .heading-link a { color: #fff; text-transform: uppercase; font-weight: bold; } .page-heading .heading-link a:hover { color: #f5af02; } .page-heading .heading-link i { color: #f5af02; padding: 0 3px; font-weight: bold; } @media (max-width: 480px) { .page-heading .heading-link { display: none !important; } } /* about-us content begin */ /* --------------------------------------- */ .about-us-heading { background: url(../img/content/about-us-heading-bg.jpg) top center no-repeat; } .about-us { position: relative; width: 100%; height: auto; text-align: center; line-height: 25px; } .about-us > h3 { font-weight: 400; font-size: 30px; text-transform: uppercase; } .about-us > h3 strong { font-weight: 800; } @media (max-width: 480px) { .about-us > h3 { margin-top: 0; } } .about-us > p { text-align: left; font-size: 16px; } .about-us .team { padding-top: 30px; } .about-us .member-details { position: relative; text-align: center; } .about-us .member-details .porfile-pic { position: relative; margin: 0 auto; width: 265px; height: 270px; overflow: hidden; border-radius: 3px; text-align: center; } .about-us .member-details .porfile-pic img { width: 100%; height: 100%; } .about-us .member-details .porfile-pic ul { position: relative; top: -80px; margin-left: 10px; z-index: 50; text-align: center; } .about-us .member-details .porfile-pic ul li { height: 50px; width: 50px; background-color: #e4b200; text-align: center; border-radius: 3px; margin-right: 7px; } .about-us .member-details .porfile-pic ul li:hover { background-color: #ffd231; } .about-us .member-details .porfile-pic ul li a { color: #333333; line-height: 50px; font-size: 20px; } .about-us .member-details h3 { margin-bottom: 0; font-weight: 800; font-size: 24px; text-transform: uppercase; } .about-us .member-details h3 a:hover { color: #4d4d4d; } .about-us .member-details .title { text-transform: uppercase; padding-bottom: 15px; color: #919191; font-size: 17px; } .about-us .member-details p { text-align: center; margin: 0; font-size: 16px; padding-bottom: 40px; } /* contact-us style begin */ /* --------------------------------------- */ .contact-us-heading { background: url(../img/content/contact-us-heading-bg.jpg) top center no-repeat; } .contact-us { position: relative; } .contact-us h3 { font-weight: 400; font-size: 30px; text-transform: uppercase; } .contact-us h3 strong { font-weight: 800; } @media (max-width: 480px) { .contact-us h3 { margin-top: 0; } } .contact-us .contacy-us-map-section { position: relative; width: 100%; height: 250px; border-radius: 3px; overflow: hidden; margin-bottom: 20px; } .contact-us .contacy-us-map-section #contact_map_canvas { height: 100%; width: 100%; border-radius: 3px; } .contact-us .contacy-us-map-section #contact_map_canvas .gm-style img { max-width: none; } .contact-us .contacy-us-map-section #contact_map_canvas .gm-style img label { display: inline; width: auto; } .contact-us .contacy-us-map-section #contact_map_canvas .gmnoprint { display: none; } .contact-us h5 { text-transform: capitalize; font-size: 16px; } .contact-us .address-details { position: relative; padding-bottom: 20px; width: 280px; } .contact-us .address-details .fa { float: left; height: 40px; width: 40px; border-radius: 3px; background: #f5af02; line-height: 40px; text-align: center; } .contact-us .address-details p { float: left; padding-left: 18px; margin: 0; font-size: 15px; color: #777777; } .contact-us .address-details p span { display: block; } .contact-us .address-details p strong { color: #333333; } .contact-us .contact-form { position: relative; padding: 30px; background: #f8f8f8; border-radius: 3px; border: 1px solid #cccccc; } .contact-us .contact-form input { border: 1px solid #cccccc; height: 40px; margin-bottom: 20px; } .contact-us .contact-form input:focus { border-color: #aaaaaa; } .contact-us .contact-form input:first-child { width: 47%; float: left; } @media (max-width: 768px) { .contact-us .contact-form input:first-child { float: none; width: 100%; } } .contact-us .contact-form input[type="email"] { width: 47%; float: right; } @media (max-width: 768px) { .contact-us .contact-form input[type="email"] { float: none; width: 100%; } } .contact-us .contact-form textarea { width: 100%; height: 200px; margin-bottom: 20px; padding: 10px 20px; outline: none; border-radius: 3px; border: 1px solid #cccccc; resize: none; overflow: auto; font-size: 15px; } .contact-us .contact-form textarea:focus { border-color: #aaaaaa; } .contact-us .contact-form .btn { padding: 8px 15px; font-weight: bold; } .contact-us .contact-form .btn .fa { padding-right: 8px; } /* price-listing begin */ /* --------------------------------------- */ .header-search.price-header-height { height: 570px; } @media (max-width: 768px) { .header-search.price-header-height { height: 350px; } } .Price-list-heading { position: relative; top: 0; width: 100%; height: 100%; background: url(../img/content/price-listing-heading-bg.jpg) top center no-repeat; background-size: cover; text-align: center; } .Price-list-heading > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .Price-list-heading h1 { position: relative; top: 180px; color: #fff; font-family: 'Raleway', sans-serif; font-size: 76px; text-transform: uppercase; font-weight: 800; } .Price-list-heading h1 span { color: #f5af02; } @media (max-width: 768px) { .Price-list-heading h1 { font-size: 41px; top: 130px; } } @media (max-width: 480px) { .Price-list-heading h1 { font-size: 36px; } } .price-listing { position: relative; width: 100%; height: auto; text-align: center; line-height: 25px; } .price-listing h3 { position: relative; font-weight: 400; font-size: 30px; text-transform: uppercase; } .price-listing h3 strong { font-weight: 800; } .price-listing > p { text-align: left; font-size: 16px; } .price-listing .team { padding-top: 30px; } .price-listing .pricing-table { position: relative; font-family: 'Raleway', sans-serif; text-align: center; border: 2px solid #cccccc; border-radius: 3px; cursor: pointer; margin: 40px auto; } @media (max-width: 768px) { .price-listing .pricing-table { width: 270px; } } @media (max-width: 1200px) { .price-listing .pricing-table { width: 270px; } } .price-listing .pricing-table h3 { display: block; margin: 0; padding: 20px 0; font-size: 24px; border-bottom: 2px solid #cccccc; } .price-listing .pricing-table .price { margin: 1px; position: relative; padding: 35px 0; font-size: 51px; font-weight: 800; transition: all .3s ease; } .price-listing .pricing-table .price sup { top: -10px; font-size: 30px; } .price-listing .pricing-table ul { margin: 0; padding: 40px 0; list-style: none; border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc; } .price-listing .pricing-table ul li { padding: 7px 0; font-weight: 700; font-size: 12px; } .price-listing .pricing-table ul li .fa { padding-right: 8px; font-size: 14px; } .price-listing .pricing-table .btn { margin: 25px 0; padding: 10px 15px; font-weight: bold; text-transform: capitalize; font-size: 13px; } .price-listing .pricing-table .btn .fa { padding-right: 5px; } .price-listing .pricing-table:hover .price, .price-listing .pricing-table.active .price { background-color: #f5af02; } /* sample page begin */ /* --------------------------------------- */ .sample-page-heading { position: relative; top: 0; width: 100%; height: 100%; background: url(../img/content/price-listing-heading-bg.jpg) top center no-repeat; background-size: cover; text-align: center; } .sample-page-heading > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .sample-page-heading h1 { position: relative; top: 180px; color: #fff; font-family: 'Raleway', sans-serif; font-size: 76px; text-transform: uppercase; font-weight: 800; } .sample-page-heading h1 span { color: #f5af02; } @media (max-width: 768px) { .sample-page-heading h1 { font-size: 41px; top: 130px; } } @media (max-width: 480px) { .sample-page-heading h1 { font-size: 36px; } } .sample-page { position: relative; line-height: 25px; padding: 30px 0; } .sample-page h3 { text-transform: uppercase; font-size: 30px; margin-top: 0; } @media (max-width: 768px) { .sample-page h3 { font-size: 26px; } } .sample-page p { font-size: 15px; margin-bottom: 30px; } .sample-page .post-image { position: relative; width: 100%; height: 430px; margin: 50px 0; border-radius: 3px; } .sample-page .post-image img { width: 100%; height: 100%; border-radius: 3px; } @media (max-width: 480px) { .sample-page .post-image { height: 300px; } } /* blog list begin */ /* --------------------------------------- */ .blog-list-heading { background: url(../img/content/blog-list-heading-bg.jpg) top center no-repeat; } .blog-list { position: relative; width: 100%; height: auto; border-bottom: 1px solid #c4c4c4; } .blog-list .date-month { width: 70px; height: 90px; font-family: 'Raleway', sans-serif; } .blog-list .date-month a:hover { color: inherit; } .blog-list .date { position: relative; z-index: 30; display: block; text-align: center; height: 70px; width: 70px; line-height: 70px; font-weight: 800; font-size: 29px; border-radius: 3px; background: #f5af02; } .blog-list .month { position: relative; top: -3px; z-index: 20; padding-top: 2px; text-align: center; display: block; background: #333333; color: #fff; height: 28px; line-height: 28px; text-transform: uppercase; font-weight: 700; border-radius: 3px; } .blog-list h2 { margin-bottom: 15px; text-transform: uppercase; } .blog-list h2 a:hover { color: #4d4d4d; } @media (max-width: 768px) { .blog-list h2 { padding-bottom: 10px; font-size: 20px; } } .blog-list .user { text-transform: uppercase; font-weight: bold; display: block; } .blog-list .user a { color: #919191; font-size: 13px; padding-right: 20px; } .blog-list .user a:hover { text-decoration: underline; color: #333333; } .blog-list .user a .fa { padding-right: 5px; color: #333333; } @media (max-width: 480px) { .blog-list .user a { display: block; } } .blog-list .post { font-size: 16px; line-height: 24px; } .blog-list .tag { text-transform: uppercase; font-weight: bold; padding-bottom: 15px; } .blog-list .tag .fa { padding-right: 5px; } .blog-list .tag a { color: #919191; font-size: 13px; padding-right: 5px; } .blog-list .tag a:hover { text-decoration: underline; color: #333333; } .blog-list .post-read-more { padding: 10px 15px; border: 1px solid #333333; font-weight: bold; border-radius: 3px; font-size: 13px; } .blog-list .post-read-more .fa { padding-right: 5px; font-size: 15px; } .blog-list .post-with-image { position: relative; width: 100%; height: auto; padding-bottom: 80px; } .blog-list .post-with-image .date-month { position: absolute; left: 20px; top: -15px; } .blog-list .post-with-image .post-image { position: relative; width: 100%; height: 430px; border-radius: 3px; } .blog-list .post-with-image .post-image img { width: 100%; height: 100%; border-radius: 3px; } @media (max-width: 768px) { .blog-list .post-with-image .post-image { height: 330px; } } @media (max-width: 480px) { .blog-list .post-with-image .post-image { height: 250px; } } .blog-list .post-without-image { position: relative; padding-bottom: 80px; box-sizing: border-box; } .blog-list .post-without-image h2 { margin: 0; padding-top: 25px; padding-bottom: 15px; } .blog-list .post-without-image .date-month { float: left; margin-right: 25px; } @media (max-width: 480px) { .blog-list .post-without-image .user { padding-top: 40px; } } .blog-list-pagination { padding: 50px 0; } .bl-list { padding-top: 40px; } /* blog-post style begin */ /* --------------------------------------- */ .blog-post { position: relative; } .blog-post p { line-height: 24px; font-size: 15px; } .blog-post .post-with-image { padding-bottom: 40px; } .blog-post .share-this h4 { text-transform: uppercase; padding-top: 20px; } .blog-post .share-this ul li { height: 50px; width: 50px; background-color: #f5af02; text-align: center; border-radius: 3px; margin-right: 7px; transition: all .3s ease; } .blog-post .share-this ul li:hover { background-color: #eeba00; } .blog-post .share-this ul li a { display: block; color: #333333; line-height: 50px; font-size: 20px; } @media (max-width: 1200px) { .blog-post .share-this ul li { height: 40px; width: 40px; } .blog-post .share-this ul li a { line-height: 40px; } } .back-to-list { margin: 50px 0 20px 0; } @media (max-width: 992px) { .back-to-list { margin: 50px 0 70px 0; } } .back-to-list .back-list { padding: 10px 15px; border-radius: 3px; border: 1px solid #cccccc; font-weight: bold; font-size: 13px; } .back-to-list .back-list .fa { padding-right: 10px; } .back-to-list .back-list:hover { color: #777777; } /* comment-section */ /* --------------------------------------- */ .comments-section { position: relative; } .comments-section h4 { text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 800; } .comments-section .comments { margin: 30px 0 40px 0; padding: 0; list-style: none; } .comments-section .comments ul { margin: 20px 0 0 20px; padding: 0; list-style: none; } .comments-section .comments li { margin-bottom: 20px; } .comments-section .comments .comment { position: relative; display: block; padding-left: 100px; min-height: 80px; } .comments-section .comments .comment .avatar { position: absolute; top: 0; left: 0; width: 80px; height: 80px; border-radius: 3px; } .comments-section .comments .comment .meta { display: block; padding-top: 10px; padding-bottom: 10px; line-height: 1em; color: #c4c4c4; text-transform: uppercase; } .comments-section .comments .comment .meta a { color: inherit; } .comments-section .comments .comment .meta a:hover { text-decoration: underline; } .comments-section .comment-form { padding: 30px; background: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; } .comments-section .comment-form input { margin-bottom: 15px; border: 1px solid #cccccc; height: 40px; font-weight: normal; color: #333333; } .comments-section .comment-form input:focus, .comments-section .comment-form input:active { border-color: #aaaaaa; } .comments-section .comment-form textarea { margin: 15px 0; padding: 13px; width: 100%; height: 200px; resize: none; outline: 0; border-radius: 3px; border: 1px solid #cccccc; font-weight: normal; } .comments-section .comment-form textarea:focus, .comments-section .comment-form textarea.active { border-color: #aaaaaa; box-shadow: none; } .comments-section .comment-form .btn { padding: 8px 15px; font-weight: bold; } .comments-section .comment-form .btn .fa { padding-right: 4px; } /* Compnay profile style begin */ /* --------------------------------------- */ .header-search.company-profile-height { height: 570px; } @media (max-width: 768px) { .header-search.company-profile-height { height: 390px; } } .company-heading-view { position: relative; width: 100%; height: 100%; text-align: left; } .company-heading-view .button-content { position: relative; top: 450px; float: right; z-index: 200; background: rgba(0, 0, 0, 0.6); padding: 15px; } @media (max-width: 768px) { .company-heading-view .button-content { top: 330px; padding: 10px; } } .company-heading-view .button-content button { position: relative; height: 40px; width: 40px; background: #fff; line-height: 40px; text-align: center; border-radius: 3px; margin-left: 10px; color: #aaaaaa; transition: all .3s ease; } .company-heading-view .button-content button span { display: none; position: absolute; top: -62px; left: -10px; color: #ddd; padding: 0 12px; background: #333333; border-radius: 3px; font-size: 12px; font-weight: bold; transition: all .3s ease; } .company-heading-view .button-content button span:after { content: ""; position: absolute; left: 40%; bottom: -6px; height: 0; width: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #333333; } .company-heading-view .button-content button:hover span { display: block; } .company-heading-view .button-content button:first-child { margin-left: 0; } .company-heading-view .button-content button.active, .company-heading-view .button-content button:hover { background: #f5af02; color: #333333; } @media (max-width: 768px) { .company-heading-view .button-content button { height: 30px; width: 30px; line-height: 30px; } .company-heading-view .button-content button span { top: -45px; } } .company-heading-view .company-slider-content { position: absolute; top: 0; left: 0; z-index: 100; height: 100%; width: 300%; transition: all .3s ease; } .company-heading-view .company-slider-content .general-view { position: absolute; left: 0; top: 0; height: 100%; width: 33.33%; background: url(../img/content/company-heading-bg.jpg) top center no-repeat; background-size: cover; } .company-heading-view .company-slider-content .general-view > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .company-heading-view .company-slider-content .general-view .logo-image { position: relative; top: 120px; width: 270px; height: 270px; background: rgba(0, 0, 0, 0.6); border-radius: 3px; text-align: center; } @media (max-width: 768px) { .company-heading-view .company-slider-content .general-view .logo-image { top: 80px; height: 190px; width: 190px; } } @media (max-width: 480px) { .company-heading-view .company-slider-content .general-view .logo-image { top: 80px; height: 140px; width: 140px; } } .company-heading-view .company-slider-content .general-view .logo-image img { height: 62%; width: 62%; margin-top: 50px; border-radius: 3px; } @media (max-width: 768px) { .company-heading-view .company-slider-content .general-view .logo-image img { margin-top: 30px; } } @media (max-width: 480px) { .company-heading-view .company-slider-content .general-view .logo-image img { margin-top: 25px; } } .company-heading-view .company-slider-content .general-view h1 { position: relative; top: 140px; color: #fff; text-transform: uppercase; font-weight: 800; font-family: 'Raleway', sans-serif; } @media (max-width: 768px) { .company-heading-view .company-slider-content .general-view h1 { top: 80px; font-size: 24px; } } @media (max-width: 480px) { .company-heading-view .company-slider-content .general-view h1 { top: 80px; font-size: 18px; } } .company-heading-view .company-slider-content .company-map-view { position: absolute; top: 0; left: 33.33%; height: 100%; width: 33.33%; } .company-heading-view .company-slider-content .company-map-view #company_map_canvas { height: 100%; width: 100%; } .company-heading-view .company-slider-content .company-map-view #company_map_canvas .gmnoprint { display: none; } .company-heading-view .company-slider-content .company-map-street { position: absolute; top: 0; left: 66.66%; height: 100%; width: 33.33%; } .company-heading-view .company-slider-content .company-map-street #company_map_canvas_street { height: 100%; width: 100%; } .company-heading-view .company-slider-content .company-map-street #company_map_canvas_street .gm-style img { max-width: none; } .company-heading-view .company-slider-content .company-map-street #company_map_canvas_street .gm-style img label { display: inline; width: auto; } .company-profile { padding-top: 30px; } .company-profile h2 { text-transform: uppercase; margin: 0; } .company-profile h4 { margin-bottom: 30px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 800; } .company-profile h4 span { color: #d0d0d0; } .company-profile h5 { margin: 0; padding-top: 5px; text-transform: uppercase; font-family: 'Raleway', sans-serif; } .company-profile h5 a { color: #d0d0d0; } .company-profile .social-link { margin-top: -40px; } .company-profile .social-link ul li { height: 40px; width: 40px; background-color: #f5af02; text-align: center; border-radius: 3px; margin-right: 7px; transition: all .3s ease; } .company-profile .social-link ul li:hover { background-color: #eeba00; } .company-profile .social-link ul li a { display: block; color: #333333; line-height: 40px; font-size: 20px; } @media (max-width: 600px) { .company-profile .social-link { display: none; } } .company-profile .company-text { padding-top: 40px; padding-bottom: 10px; } .company-profile .company-text p { font-size: 15px; line-height: 25px; } .company-profile .company-service { padding-bottom: 10px; } .company-profile .company-service li a { display: block; padding: 10px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #c4c4c4; color: #d0d0d0; font-weight: 600; text-transform: capitalize; } .company-profile .company-service li a:hover { color: #aaaaaa; } .company-profile .company-ratings { position: relative; } .company-profile .company-ratings .all-rating { position: relative; width: 100%; margin: 0 0 10px 0; } .company-profile .company-ratings .all-rating .company-rating-box { border-radius: 0; border-right: 0; float: left; } .company-profile .company-ratings .all-rating .company-rating-box:last-child { border-right: 1px solid #c4c4c4; border-radius: 0 3px 3px 0; } .company-profile .company-ratings .all-rating .company-rating-box:first-child { border-radius: 3px 0 0 3px; } @media (max-width: 1200px) { .company-profile .company-ratings .all-rating .company-rating-box { border-radius: 3px; border-right: 1px solid #c4c4c4; margin: 5px; } } .company-profile .company-ratings .company-rating-box { position: relative; margin: 0; padding: 20px 10px; width: 165px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: bold; border: 1px solid #c4c4c4; border-radius: 3px; } .company-profile .company-ratings .company-rating-box ul { margin-bottom: 10px; } .company-profile .company-ratings .company-rating-box ul li { padding: 0; } .company-profile .company-ratings .company-rating-box ul li a { font-size: 18px; } .company-profile .company-ratings .company-rating-box h6 { margin: 0; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 14px; } @media (max-width: 480px) { .company-profile .company-ratings .company-rating-box { width: 120px; } .company-profile .company-ratings .company-rating-box ul li a { font-size: 14px; } } .company-profile .company-ratings .rating-with-details