/* Template Name: Car Rent HTML Template Template URI: carrent-html.htmlguru.net Author: HTMLguru Author URI: http://softhopper.net Description: It\' s a HTML5 Car Rent Template. Which is a unique feature and user competitive feature. Version: 1.0 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Typography ## copy ## headings ## typography # Elements ## elements ## lists ## tables # Forms ## buttons ## fields ## forms # Media ## Captions ## Galleries ## media # mixins ## mixins-master # modules ## accessibility ## alignments ## clearings ## infinite-scroll # navigation ## Links ## Menus ## Pagination ## Navigation responsive ### Mobile CSS ### Pagination responsive # layout ## header section ## slider section ## check_vehicle section ## about us section ## ability section ## accordion section ## vehicle_block section ## fun-facts section ## testimonial section ## call_to_action section ## service section ## blog section ## welcome section ## pricing section ## mobile_app section ## footer section # others ## Blog Single Page ## Coming Soon Page ## Map Content ## Category Style # site ## Posts and pages ## Asides ## Comments ## Widgets ## Widgets Content ## About Page ## Contact Page ## 404 Page ## Site Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ html { font-size: 100%; } body { background-color: white; font-family: "Roboto Slab", serif; font-size: 16px; font-weight: normal; line-height: 1.45em; color: #1d1d1f; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Exo", sans-serif; line-height: 1.4em; color: #1d1d1f; font-weight: 400; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4 { font-weight: inherit; } h1 { font-size: 2.441em; } h2 { font-size: 1.953em; } h3 { font-size: 1.563em; } h4 { font-size: 1.25em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } small, .font_small { font-size: 0.8em; } h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: inherit; text-decoration: none; } .heading-content.style-one .title { font-size: 36px; color: inherit; position: relative; font-weight: 900; margin-bottom: 0; line-height: 1.2em; margin-top: 0; } .heading-content.style-one .subtitle { font-size: 20px; font-weight: 700; letter-spacing: 0.025em; margin-top: 8px; color: #818080; margin-bottom: 0; } .heading-content.style-one h4.subtitle { font-family: inherit; font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; color: #818080; margin-bottom: 0; margin-top: 0; } .heading-content.style-one.border h2.title { position: relative; margin-bottom: 25px; } .heading-content.style-one.border h2.title:before { position: absolute; content: ""; background-color: #fca22a; width: 80px; height: 8px; z-index: 999; left: 0; bottom: -25px; } .heading-content.style-one.border.blue-border .title:before { background-color: #2e93e4; } .heading-content.style-two { margin: auto; text-align: center; font-weight: bold; } @media only screen and (min-width: 600px) { .heading-content.style-two { max-width: 500px; } } .heading-content.style-two .title { font-size: 60px; color: inherit; font-weight: 900; line-height: 1.2em; margin-top: 0; margin-bottom: 0; } @media only screen and (max-width: 767px) { .heading-content.style-two .title { font-size: 45px; } } .heading-content.style-two .subtitle { font-family: inherit; font-size: 20px; color: inherit; font-weight: bold; text-transform: uppercase; margin-top: 0; } @media only screen and (max-width: 767px) { .heading-content.style-two .subtitle { font-size: 16px; } } .heading-content-three { margin: auto auto 30px; text-align: center; } .heading-content-three .title { font-size: 60px; color: inherit; position: relative; font-weight: 900; color: #232C3B; margin-top: 0; margin-bottom: 0; line-height: 1.2em; } .heading-content-three .sub-title { font-family: inherit; font-size: 18px; color: inherit; font-weight: 500; color: #777; margin: 0; } .heading-content-four { color: #232C3B; } .heading-content-four h2.title { font-size: 60px; color: inherit; position: relative; } .heading-content-four h5.sub-title { font-family: inherit; font-size: 16px; color: inherit; } .extra-big-title { font-size: 60px; font-weight: 800; line-height: 1.2em; } ::-moz-selection { color: #ffffff; display: inline-block; text-shadow: none; } ::selection { display: inline-block; text-shadow: none; } p { margin-bottom: 1.875em; line-height: 1.975em; } blockquote { margin: 0 0 1.3em; } address { margin: 0 0 1.3em; } dfn, em, cite, i, code, kbd, tt, var { font-size: 1em; } em, cite, i { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } pre { background: #f7f7f7; padding: 20px 30px; margin-bottom: 30px; max-width: 100%; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; border-left: 10px solid #ccc; font-size: 0.929em; overflow: auto; } .dropcap { display: block; float: left; margin: 15px 5px 0 0; font-weight: bold; font-size: 60px; color: #ccc; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ body { background: #ffffff; /* Fallback for when there is no custom background color defined. */ word-wrap: break-word; overflow-x: hidden; } li > ul, li > ol { margin-bottom: 0; margin-left: 1em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } q { quotes: "" ""; } q:before, q:after { content: ""; } blockquote { border: 0; padding: 0; font-style: italic; font-size: 20px; position: relative; color: #939292; } blockquote p { padding: 0 0 20px 40px; margin-bottom: 10px; position: relative; } blockquote p:last-child { margin-bottom: 0; } blockquote p cite { margin-left: 0; padding-left: 0; } blockquote footer { margin-left: 35px; position: relative; top: 6px; margin-top: -15px; } blockquote cite, blockquote a, blockquote span { padding: 0 1.2em; font-size: 0.8em; font-weight: 500; font-style: normal; position: relative; } blockquote cite { display: block; } blockquote cite::before { content: "--"; padding-right: 5px; } blockquote .small::before, blockquote footer::before, blockquote small::before, blockquote .font_small::before { margin-left: 18px; } .single-post blockquote { margin: 35px 0 35px 25px; } table { margin: 0 0 1.5em; width: 100%; border: 1px solid #d2d2d2; } th, td { border: 1px solid #d2d2d2; } td { border-width: 0 1px 1px 0; } .tb { display: table; width: 100%; } .tb .tb-cell { display: table-cell; vertical-align: middle; } .tb .tb-cell[class*="col-"] { float: none; padding: 0; } .tb.row { margin-left: 0; margin-right: 0; } /*-------------------------------------------------------------- # Post, Page, Comments Table --------------------------------------------------------------*/ body:not(.woocommerce) .blog-single-block .post li, body:not(.woocommerce) .blog-single-block .page li, body:not(.woocommerce) .blog-single-block #comments li { line-height: 1.3em; } body:not(.woocommerce) .blog-single-block .post table, body:not(.woocommerce) .blog-single-block .page table, body:not(.woocommerce) .blog-single-block #comments table { border-collapse: collapse; margin: 20px 0; width: 100%; border: 1px solid #d2d2d2; border-left: none; } body:not(.woocommerce) .blog-single-block .post table tbody tr.odd, body:not(.woocommerce) .blog-single-block .page table tbody tr.odd, body:not(.woocommerce) .blog-single-block #comments table tbody tr.odd { background: #ffffff; } body:not(.woocommerce) .blog-single-block .post table th, body:not(.woocommerce) .blog-single-block .post table td, body:not(.woocommerce) .blog-single-block .post table td, body:not(.woocommerce) .blog-single-block .page table th, body:not(.woocommerce) .blog-single-block .page table td, body:not(.woocommerce) .blog-single-block .page table td, body:not(.woocommerce) .blog-single-block #comments table th, body:not(.woocommerce) .blog-single-block #comments table td, body:not(.woocommerce) .blog-single-block #comments table td { border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; line-height: 18px; padding: 8px; text-align: left; vertical-align: top; } /*-------------------------------------------------------------- # Spacing ELement --------------------------------------------------------------*/ .pd-zero { padding: 0 !important; } @media only screen and (min-width: 992px) { .pd-right-0 { padding-right: 0; } } .margin-less-top { margin-top: -35px; } .pd-10 { padding: 10px; } .mr-left-0 { margin-left: 0 !important; } .mr-top-60 { margin-top: 60px; } .mr-btm-60 { margin-bottom: 60px; } .mr-top-35 { margin-top: 35px; } .mr-btm-5 { margin-bottom: 5px; } .mr-btm-15 { margin-bottom: 15px; } .mr-btm-30 { margin-bottom: 30px; } .mr-top-45 { margin-top: 45px; } .mr-btm-78 { margin-bottom: 78px; } .mr-top-30 { margin-top: 30px; } .mr-top-90 { margin-top: 90px; } .mrt-less-137 { margin-top: -137px; } .mr-top-less-160 { margin-top: -160px; } @media only screen and (max-width: 992px) { .pdm-10 { padding: 10px 0 !important; } } .pd-17 { padding: 17px 0 !important; } .pd-23 { padding: 23px 0 !important; } .pd-11 { padding: 11px 0 !important; } .pd-16 { padding: 16px 0 !important; } .pd-75 { padding: 75px 0; } .pd-90 { padding: 90px 0; } .pd-btm-60 { padding-bottom: 60px; } .pd-85 { padding: 85px 0 !important; } .pd-t-54 { padding-top: 54px; } .pd-t-15 { padding-top: 15px; } .pd-btm-72 { padding-bottom: 72px; } @media only screen and (min-width: 768px) { .ex-pdt-102 { padding-top: 102px !important; } } @media only screen and (min-width: 768px) { .ex-pdb-72 { padding-bottom: 72px !important; } } @media only screen and (min-width: 768px) { .ex-pdb-102 { padding-bottom: 102px !important; } } @media only screen and (min-width: 768px) { .ex-pdb-120 { padding-bottom: 120px !important; } } @media only screen and (min-width: 768px) { .ex-pdb-130 { padding-bottom: 130px !important; } } @media only screen and (max-width: 767px) { .ex-pdtm-72 { padding-top: 72px !important; } } @media only screen and (max-width: 767px) { .ex-pdbm-72 { padding-bottom: 72px !important; } } .default-margin-bottom { margin-bottom: 35px; } /*-------------------------------------------------------------- # Background ELement --------------------------------------------------------------*/ .overlay-bg { position: relative; } .overlay-bg:before { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.45); left: 0; right: 0; top: 0; bottom: 0; } .bg-white-smoke { background-color: #f5f5f5; } .transfarent-white-bg { background-color: rgba(255, 255, 255, 0.45); } .bg-red { background: #FF4818; } .color-black h2 { color: #000; } .color-black p { color: #fff !important; } .gray-20 { background: #333333; } .nevy-bg { background-color: #232C3B; } .color-nevy { color: #232C3B !important; } .red-bg { background-color: #ffcc00; } .color-black { background-color: #1d1d1f; } .black-color { color: #1d1d1f !important; } .color-blue { background-color: #2e93e4; } .blue-color { color: #2e93e4; } .color-white { background-color: #ffffff !important; } .white-color { color: #ffffff !important; } .bg-nero { background-color: #1C1C1C; } .blue-bg a:hover, .blue-bg a:focus, .blue-bg a:active { color: inherit !important; } /*-------------------------------------------------------------- # Other's ELement --------------------------------------------------------------*/ .no-border { border: 0 none !important; } .border-btm-whisper { border-bottom: 1px solid #ececec; } @media only screen and (max-width: 767px) { .mb-float-left { float: left; } } @media only screen and (max-width: 767px) { .mb-float-right { float: right; } } .background-overlay { position: relative; } .background-overlay:before { position: absolute; content: ""; background-color: rgba(6, 6, 6, 0.75); left: 0; right: 0; top: 0; bottom: 0; } .input { position: relative; margin-bottom: 15px; } .input input, .input select { border-color: #757575; border-radius: 5px; padding: 10px; margin-bottom: 0; color: #757575; border: 1px solid; width: 100%; font-size: 12px !important; font-weight: 500; } .input i { position: absolute; right: 12px; top: 14px; color: #ffcc00; } .input .placeholder { color: #6a6b6f; } .full-width-content { float: none; margin: auto; } .jarallax { position: relative; } @media only screen and (max-width: 992px) { .mb-block { display: block !important; } } @media only screen and (max-width: 992px) { select.responsive-nav { width: 100%; border: 1px solid #ebebeb; padding: 10px 15px; border-radius: 5px; margin-top: 15px; } } .breadcrumbs-area { overflow: hidden; } .breadcrumbs-area .breadcrumbs { font-weight: 600; font-size: 18px; position: relative; padding: 15px 0; } .breadcrumbs-area .breadcrumbs .last-item { color: #999999; } .breadcrumbs-area .breadcrumbs .separator { color: #999999; } .breadcrumbs-area.bg { background-color: #F8F8F8; } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .container-lg-screen { max-width: 1000px; margin: auto; } } @media only screen and (min-width: 1200px) { .container-lg-screen { max-width: 1170px; margin: auto; } } @media only screen and (min-width: 1300px) { .container-lg-screen { max-width: 1290px; margin: auto; padding: 0 30px; } } @media only screen and (min-width: 1500px) { .container-lg-screen { max-width: 1370px; margin: auto; padding: 0 30px; } } @media only screen and (max-width: 992px) { .container-lg-screen { padding: 0 15px; } } /*-------------------------------------------------------------- # Section-divide --------------------------------------------------------------*/ /**** r ****/ .vehicle-section-divider { border-bottom: 1px solid #434343; padding: 8px 0; overflow: hidden; } .vehicle-section-divider .section-divider-content { position: relative; } .vehicle-section-divider .section-divider-content:before { border-top: dashed #ececec; width: 100%; content: ""; left: 0; right: 0; width: 100%; height: 100%; position: absolute; top: 15px; z-index: 0; } .vehicle-section-divider .section-divider-content .vehicle-border { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-animation: s3-rotate 7s infinite linear; animation: s3-rotate 7s infinite linear; display: block; } .vehicle-section-divider .section-divider-content.ambulance img { position: relative; top: -15px; } @-webkit-keyframes s3-rotate { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(-30%); } } .vehicle-multi-border { position: relative; } .vehicle-multi-border:before { content: ""; position: absolute; left: 0px; right: 0px; height: 12px; background-size: 30px; } .vehicle-multi-border.yellow-black:before { background-image: -webkit-linear-gradient(0deg, #ffcc00 15px, #333 0); } .vehicle-multi-border.top-less-12:before { top: -12px; } .vehicle-multi-border.blue-white:before { background-image: -webkit-linear-gradient(0deg, #2e93e4 15px, #fff 0); } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 11px; padding: 12px 30px; color: #ffffff; line-height: normal; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } input[type="submit"] { font-weight: bold; text-transform: uppercase; background: #646464; color: #ffffff; } input[type="submit"]:hover { color: #ffffff; } button, input[type="button"], input[type="reset"], input[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: none; } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button a, input[type="button"] a, input[type="reset"] a, input[type="submit"] a { color: #ffffff; } .search-form .btn, .searchform .btn { border-radius: 0; } .search-form .btn:hover, .searchform .btn:hover { color: #ffffff; text-decoration: none; } .search-form .btn:focus, .searchform .btn:focus { background: transparent; color: #ffffff; outline: 0 none; } .search-form .btn:active:focus, .searchform .btn:active:focus { background: transparent; color: #ffffff; outline: 0 none; } .btn { border-radius: 0; } .btn-default { color: #1d1d1f; } .btn-default:hover { color: #1d1d1f; } .slider-button { border-radius: 0 !important; } a.more-content { background: #232C3B; padding: 15px 30px; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: bold; border-radius: 30px; display: table; margin: 15px auto auto; } .more-link { border-radius: 5px; font-size: 14px; font-weight: bold; line-height: normal; text-transform: uppercase; word-spacing: 0.02em; letter-spacing: 0.01em; color: #ffffff; display: table; margin: 30px auto 0; padding: 15px 30px; vertical-align: middle; -webkit-box-shadow: 0 0 1px transparent; box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .more-link:hover, .more-link:focus, .more-link:active:focus { color: #ffffff; text-decoration: none !important; } .comment-reply-link { padding: 6px 22px; font-size: 11px; line-height: normal; font-weight: bold; text-transform: uppercase; display: inline-block; background: #646464; color: #ffffff; } .comment-reply-link:hover { color: #ffffff; } .comment-navigation .nav-links a { background: #ffffff; display: inline-block; padding: 0.5em 1.8em; letter-spacing: 0.02em; } .comment-navigation .nav-links a:hover { color: #ffffff; } .go-button { font-size: 11px; font-weight: bold; text-transform: uppercase; display: inline-block; width: 186px; height: 45px; line-height: 46px; background: #f7faf9; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .go-button:hover { color: #ffffff; } .entry-content .btn { border-radius: 1px; letter-spacing: 0; line-height: 1.7em; } .mfp-wrap button:hover, .mfp-wrap input[type="button"]:hover, .mfp-wrap input[type="reset"]:hover, .mfp-wrap input[type="submit"]:hover { background: transparent !important; } .button { padding: 12px 40px; color: #1d1d1f; font-weight: bold; border-radius: 25px; text-transform: capitalize; font-size: 14px; border: 0; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .button:hover { color: #ffffff !important; } .black-color { color: #1d1d1f; } .black-button { background-color: #000000; } .soft-black-button { background-color: #1b1b1b; } .button-radius { border-radius: 5px; } .button.contact { background-color: #0E385D; } .red-bg a:hover { color: #ffffff; } .default-pd-center .button { border-radius: 5px; top: 10px; float: left; } .night-rider { background-color: #2C2C2C; } .bg-gray-color { background-color: #f7f7f7; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="submit"]:focus, select:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, textarea:focus { outline: none; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: transparent url("../images/select-bg.png") no-repeat scroll 95% 50%; } select option[selected] { color: #ffffff; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: #1d1d1f !important; } input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: #1d1d1f !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } textarea { display: block; width: 100%; font-size: 0.8em; padding-left: 3px; display: block; } input, select, textarea { margin: 0; border: none; vertical-align: baseline; font-size: 100%; font-weight: 400; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } ::-webkit-input-placeholder { color: #b3b3b3; } .widget_newsletter::-webkit-input-placeholder { color: #808080; } :-moz-placeholder { color: #b3b3b3; opacity: 1; } ::-moz-placeholder { color: #b3b3b3; opacity: 1; } :-ms-input-placeholder { color: #b3b3b3; } .form-controller { font-size: 13px; border: 1px solid #ebebeb; background: #ffffff; width: 100%; padding: 0.5em 1em; outline: none; } .form-controller:focus { border-color: none; -webkit-box-shadow: none; box-shadow: none; } .post-password-form input[type="password"] { font-size: 11px; border: 1px solid #f0f0f0; outline: none; } .post-password-form input[type="submit"] { padding: 11px 15px; position: relative; top: -1px; } .comments-post p { border-bottom: 1px solid #8c8c8c !important; } .comments-post p input { padding: 8px 0 !important; font-size: 14px; } /* -----forms-------- */ .form-content { margin: auto; display: table; width: 100%; } .form-content .pd-left { padding-left: 7px; } @media only screen and (max-width: 991px) { .form-content .pd-left { padding-left: 15px; } } .form-content .pd-right { padding-right: 7px; } @media only screen and (max-width: 991px) { .form-content .pd-right { padding-right: 15px; } } .form-content select { padding: 12px; width: 100%; color: #AEAEAE; border-radius: 5px; font-size: 12px; font-weight: 500; background: transparent url(../images/angle.png) no-repeat scroll 95% 50%; background-color: #fff; -webkit-appearance: button; text-transform: capitalize; } .form-content select option { font-size: 14px; font-weight: bold; } .form-content label { text-transform: uppercase; margin-bottom: 7px; font-size: 14px; display: block; line-height: normal; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { border-radius: 3px; clip: auto !important; color: #21759b; display: block; font-size: 0.8em; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP tool-bar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: inherit; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } a:hover, a:focus, a:active { text-decoration: none; } a:focus { outline: none; } a:hover, a:active { outline: 0; text-decoration: none; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ @media only screen and (min-width: 992px) { #mobile-menu { display: none; } .mainmenu { position: relative; } .overlapblackbg { display: none; } .menu-wrapper { color: #ffffff; position: relative; padding: 0; margin: 0px auto; width: 100%; } .menu-content { text-align: center; margin: auto; } .menu-list { margin: 0 auto; padding: 0; width: 100%; text-align: center; } .menu-list > li { float: left; position: relative; } .menu-list li { list-style: none; } .top-navigation .menu-list > li > a { display: block; padding: 27px 15px; line-height: 1.4; font-size: 20px; font-weight: 800; text-transform: capitalize; text-decoration: none; position: relative; font-family: "Exo", sans-serif; color: #1d1d1f; vertical-align: middle; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; white-space: nowrap; } .top-navigation .menu-list > li > a .fa { font-size: 14px; color: #929292; margin-left: 5px; } .top-navigation .menu-list > li.current-menu-item > a:before, .top-navigation .menu-list > li.current-menu-ancestor > a:before { -webkit-transform: translateY(0); transform: translateY(0); } .top-navigation .menu-list > li:last-child > a::after { content: ""; } .menu-click { display: none; } /* Sub Menu CSS */ .menu-list .sub-menu { min-width: 190px; position: absolute; z-index: 999; margin: 0; padding: 0; border: solid 1px #3e3e3e; background-color: #1C1C1C; opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .menu-list .sub-menu li { position: relative; } .menu-list .sub-menu li a { background-image: none; color: #dddddd; border-right: 0 none; text-align: left; display: block; line-height: 1.5em; padding: 10px 20px; text-transform: none; font-size: 15px; letter-spacing: normal; } .menu-list .sub-menu li:last-child a { border-bottom: none; } .menu-list .sub-menu li a, .menu-list .sub-menu .sub-menu li a { border-bottom: 1px solid #3e3e3e; } .menu-list .sub-menu li:last-child > a { border-bottom: 0; } .menuexpandermain { display: none; } .menu-list li:hover .sub-menu, .menu-list .sub-menu li:hover .sub-menu-sub { display: block; } .menu-list .sub-menu .sub-menu, .menu-list .sub-menu .sub-menu .sub-menu { min-width: 190px; position: absolute; left: 100%; top: -1px; margin: 0; padding: 0; opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: transform 0.4s, opacity 0.4s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; z-index: 1001; } .menu-list .sub-menu li:hover .sub-menu, .menu-list .sub-menu .sub-menu li:hover .sub-menu { opacity: 1; list-style: none; background-color: rgba(0, 0, 0, 0.25); } .menu-list .sub-menu li { position: relative; display: block; } /*Animation*/ .menu-list li > .sub-menu, .menu-list li > .megamenu > .sub-menu { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); visibility: hidden; } .menu-list li:hover > .sub-menu, .menu-list li:hover > .megamenu > .sub-menu { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; } /* Default Color */ .menu-list li:hover > a, .menu-list > li > a:hover, .menu-list > li > a.active { background-color: transparent; text-decoration: none; } .menu-list .sub-menu > li > a:hover, .menu-list .sub-menu .sub-menu > li > a:hover, .menu-list .sub-menu .sub-menu .sub-menu > li > a:hover { background-color: rgba(0, 0, 0, 0.25); border-radius: 0 !important; text-decoration: none; } .menu-list .sub-menu .current-menu-parent > a, .menu-list .sub-menu .current-menu-item > a { background-color: rgba(0, 0, 0, 0.25); } .current-menu-ancestor .current-menu-ancestor > a { background-color: rgba(0, 0, 0, 0.25); } .megamenu .sub-menu .current-menu-item > a, .megamenu .current-menu-ancestor > a, .megamenu.current-menu-ancestor .current-menu-ancestor > a { background-color: rgba(0, 0, 0, 0.25); } .megamenu .sub-menu .current-menu-parent > a, .megamenu .sub-menu .current-menu-item > a { background-color: rgba(0, 0, 0, 0.25); } .menu-list .sub-menu .fa { margin-right: 7px; } .menu-list.two { margin-top: -6px; } .menu-list.two li a { color: #000000; } .menu-list.two li a .fa-angle-down { color: #000000; } .menu-list.six { border-top: 1px solid #979797; margin-top: 70px; width: 80%; } .menu-list.six li a { font-size: 20px; } .menu-list.six li ul li a { font-size: 14px; } .center-nav .menu-list { display: table; width: auto; } } @media only screen and (min-width: 992px) and (max-width: 1100px) { .top-navigation .menu-list > li > a { padding: 10px 18px; } } @media only screen and (min-width: 1101px) and (max-width: 1200px) { .top-navigation .menu-list > li > a { padding: 10px 23px; } } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ /* page link pagination */ .entry-content .page-links > a { border: 1px solid #ebebeb; font-size: 0.8em; padding: 0.4em 0.8em; } /*================================== pagination ================================= */ .pagination-link ul li a, .pagination-link ul li > span { border: none; margin-right: 10px; margin-bottom: 10px; border-radius: 5px !important; color: #000; font-weight: bold; margin-left: 0; font-size: 15px; line-height: 1.5em; } .pagination-link ul li a i, .pagination-link ul li > span i { font-weight: bold; } .pagination-link ul li.active a { background-color: #494949 !important; color: #fff; } @media only screen and (min-width: 992px) { .pagination-link .pagination { margin-bottom: 0; } } .pagination-link .pagination > li:last-child > a { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .pagination-link .pagination > li:first-child > a { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .pagination-link .bg-gray.pagination > li > a, .pagination-link .bg-gray.pagination > li > span { background: #f7f7f7; } /*-------------------------------------------------------------- ## Navigation Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Mobile CSS --------------------------------------------------------------*/ @media only screen and (max-width: 992px) { .site-navigation { display: none !important; } .menu-list { list-style: none; padding-left: 0; } .menu-list ul { list-style: none; padding-left: 0; margin-left: 0; } .menu-list li a span { display: none !important; } #mobile-menu { display: block; } .menu-list > li:hover > a { background-color: rgba(0, 0, 0, 0.04) !important; text-decoration: none; } .mb-navigation .menu-list > li.current-menu-item > a, .mb-navigation .menu-list > li.current-menu-ancestor > a { background-color: rgba(0, 0, 0, 0.04); } .overlaybg { left: 0; z-index: 100; width: 100%; height: 100%; position: fixed; top: 0; display: none; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; } .overlaybg.menuopen { display: block; } .mb-navigation .menu-list > li > a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: white; -webkit-box-shadow: 0 0 1px transparent; box-shadow: 0 0 1px transparent; color: #282828; display: block; font-weight: 700; line-height: 60px; overflow: hidden; padding: 5px 14px; position: relative; text-decoration: none; -webkit-transform: translateZ(0px); transform: translateZ(0px); vertical-align: middle; } /* Default Color */ .menu-list li:hover .sub-menu { display: none; } .menu-list li:hover .sub-menu .sub-menu { display: none; } .menu-list .sub-menu .sub-menu li:hover .sub-menu { display: none; list-style: none; padding: 2px; border: solid 1px #ebebeb; background-color: #ffffff; } .menu-list li:first-child a { border-radius: 0; } .menu-list li:last-child a { border-right: 0; border-radius: 0; } .innerpnd { padding: 0 !important; } .menu-container { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; min-height: 800px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .menuexpandermain { display: block !important; position: relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Mobile click to drop arrow */ .menu-click { position: absolute; top: 0; right: 0; display: block; cursor: pointer; z-index: 120; } .menu-click i { display: block; background-size: 25px; font-size: 14px; color: rgba(0, 0, 0, 0.25); float: right; padding: 15px; width: 43px; -webkit-transition: transform 0.1s ease; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; border-left: 1px solid #e1e1e1; } .menu-extend.fa-plus::before { content: "\f068"; font-family: FontAwesome; } /*2nd UL Style*/ .menu-list .sub-menu a { display: block; padding: 12px 25px; border-bottom: solid 1px #ebebeb !important; font-weight: normal; } .mb-navigation .menu-wrapper ul > li ul { border-top: 0 none; border-bottom: 0 none; border-right: 0 none; } .menu-list .sub-menu .sub-menu { width: 100% !important; position: static !important; left: 100% !important; top: 0 !important; display: none; margin: 0 !important; padding: 0 !important; border: solid 0 !important; -webkit-transform: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } .menu-list .sub-menu .sub-menu li { margin: 0 !important; padding: 0; position: relative; } .sub-menu-sub li:hover > a { color: #ffffff; } .menu-list > li > a .fa { margin-right: 6px; } .sub-menu .sub-menu .sub-menu { width: 100% !important; position: static !important; left: 100% !important; top: 0 !important; display: none; margin: 0 !important; padding: 0 !important; border: solid 0 !important; -webkit-transform: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } .sub-menu .sub-menu .sub-menu li { margin: 0 !important; } .sub-menu .sub-menu .sub-menu a { display: block; color: #000000; padding: 11px 25px; border-bottom: solid 1px #ebebeb; font-weight: normal; } .sub-menu .sub-menu .sub-menu li:hover > a { color: #fff; } .mb-navigation { position: relative; overflow-y: auto; overflow-x: hidden; } .mb-navigation .menu-wrapper .container { padding: 0; } .mb-navigation .menu-wrapper .row { margin: 0; } .mb-navigation .menu-list { height: 100%; display: block !important; } .mb-navigation .menu-list > li { width: 240px; display: block; float: none; border-right: none; background-color: transparent; position: relative; text-align: left; white-space: inherit; } .mb-navigation .menu-list > li > a::before { opacity: 0; } .mb-navigation .menu-list > li > a::after { position: relative; content: ""; } .mb-navigation .menu-list > li > a { padding: 9px 32px 9px 17px; font-size: 15px; letter-spacing: 0.010em; border-right: solid 0px; background-color: transparent; line-height: 25px; border-bottom: 1px solid #e1e1e1; position: static; text-transform: uppercase; color: #505050; } .sub-menu { -webkit-transform: none !important; transform: none !important; opacity: 1 !important; display: none; position: relative !important; top: 0px; background-color: #ffffff; border: 0 none; padding: 0px; visibility: visible !important; } .sub-menu .sub-menu li a { line-height: 20px; font-size: 14px !important; } .sub-menu li .sub-menu li a { padding-left: 28px; } .sub-menu .sub-menu li a, .sub-menu .sub-menu .sub-menu li a { padding-left: 38px !important; } .sub-menu li .sub-menu .sub-menu { padding-left: 38px; } .sub-menu .fa { margin-right: 0; } .mrginleft { margin-left: 240px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mb-navigation { width: 0; height: 100%; position: fixed; left: 0; padding: 0; top: 0; margin: 0; z-index: 1000; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: none !important; background-color: #ffffff !important; } /*Nav Expanding Open Effect*/ .mb-navigation.menuopen { width: 240px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mb-navigation.menuclose { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .menucontent { z-index: 100; } /* Navigation arrow Animation */ .animated-arrow { z-index: 200; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .animated-arrow { cursor: pointer; padding: 35px 15px; display: block; } .animated-arrow.menuopen { position: fixed; } .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height: 3px; width: 25px; background: #282828; position: absolute; display: block; content: ''; left: 0; right: 0; margin: auto; } .animated-arrow span:before { top: -7px; } .animated-arrow span:after { bottom: -7px; } .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .animated-arrow.menuopen span { background-color: transparent; } .animated-arrow.menuopen span:before, .animated-arrow.menuopen span:after { background: #d2d2d2; } .animated-arrow.menuopen span:before, .animated-arrow.menuopen span:after { top: 13px; } .animated-arrow.menuopen span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 0; } .animated-arrow.menuopen span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; } /*Animation None */ .menu-list li > .sub-menu, .menu-list li:hover > .sub-menu { -webkit-transform: none !important; transform: none !important; visibility: visible !important; } .sub-menu li:hover > .sub-menu { -webkit-transform: none !important; transform: none !important; visibility: visible !important; opacity: 1 !important; } } @media only screen and (max-width: 992px) { .menuexpandermain .menuopen { left: 16em !important; top: 1em !important; } } /*-------------------------------------------------------------- # Pagination Responsive --------------------------------------------------------------*/ @media only screen and (max-width: 991px) { .paging-navigation { margin-bottom: 30px; } } @media only screen and (max-width: 590px) { .paging-navigation .nav-links li { display: none; } .paging-navigation .nav-links li:first-child.nav-previous, .paging-navigation .nav-links li:last-child.nav-next { display: block; } .paging-navigation .nav-links li:first-child.nav-previous { float: left; margin-left: 60px; } .paging-navigation .nav-links li:last-child.nav-next { float: right; margin-right: 60px; } } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## header section --------------------------------------------------------------*/ .white-color a { color: #fff !important; } .white-color a i { color: #fff; } .white-color a .fa-search { color: #fff !important; } .header-two .header-bottom-block { background-color: #ffffff; position: relative; z-index: 10; } @media only screen and (min-width: 992px) { .header-two .header-bottom-block { top: 45px; padding-right: 0; padding-left: 20px; } } .header-two .header-bottom-block .nav-right-content ul { list-style: none; } .header-two .header-bottom-block .nav-right-content ul li { float: left; } .header-two .header-bottom-block .nav-right-content ul li a { font-weight: 700; padding: 20px 10px; display: block; position: relative; } .header-two .header-bottom-block .nav-right-content ul li a.login-form i { margin-right: 5px; } .header-two .header-bottom-block .nav-right-content ul li a.search-open, .header-two .header-bottom-block .nav-right-content ul li a.trigger-overlay { font-size: 22px; } .header-two .header-bottom-block .nav-right-content ul li .sub-menu { min-width: 175px; position: absolute; z-index: 999; margin: 0; padding: 0; top: 112%; border: solid 1px #3e3e3e; background-color: #1C1C1C; opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .header-two .header-bottom-block .nav-right-content ul li .sub-menu li a { color: #ffffff; padding: 10px 15px; border-bottom: 1px solid #333; } .header-two .header-bottom-block .nav-right-content ul li .sub-menu li { float: none; } .header-two .header-bottom-block .nav-right-content > ul > li:hover .sub-menu { opacity: 1; } .header-two .header-bottom-block .nav-right-content > ul > li > a { font-family: "Exo", sans-serif; } .header-two .header-top-block { padding-top: 30px; margin-bottom: -16px; overflow: hidden; } @media only screen and (max-width: 992px) { .header-two .header-top-block { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; } } .header-two .header-content-right ul { list-style: none; padding: 0; } .header-two .header-content-right ul li { float: left; padding: 0 15px; font-weight: 700; font-size: 15px; letter-spacing: 0.015em; font-family: "Exo", sans-serif; } .header-two .header-content-right ul li .icon-block { display: inline-block; } .header-two .header-content-right ul li .icon-block i { color: #fff; font-size: 22px; top: -10px; position: relative; } .header-two .header-content-right ul li .menu-info, .header-two .header-content-right ul li .social-icon { display: inline-block; border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; } .header-two .header-content-right ul li .menu-info { color: #ffffff; } .header-two .header-content-right ul li .menu-info a { color: #ffffff; } .header-two .header-content-right ul li .social-icon .content-title { display: block; color: #ffffff; } .header-two .header-content-right ul li .social-icon > a { color: #2e93e4; background: #ffffff; width: 22px; height: 22px; display: inline-block; text-align: center; line-height: 25px; border-radius: 50px; font-size: 12px; margin-right: 5px; } .header-two .header-content-right ul li .menu-info a { display: block; } .header-area.blue-theme { background-color: #2e93e4; } .theme-blue-bg .header-top-menu li a, .theme-blue-bg .header-content-right .fa-search { color: #ffffff !important; } .header-two .header-top-block .header-top-menu { list-style: none; padding-left: 0; margin-left: 0; float: right; position: relative; top: 5px; } .header-two .header-top-block .header-top-menu li { float: left; } .header-two .header-top-block .header-top-menu li a { padding: 5px 10px; display: block; color: #ffffff; font-size: 20px; } @media only screen and (max-width: 992px) { .header-two .header-bottom-block { padding: 0; } } @media only screen and (max-width: 992px) { .header-two .header-bottom-block .nav-right-content ul li a { padding: 23px 0; } } @media only screen and (max-width: 992px) { .header-two .header-bottom-block .nav-right-content ul { margin-bottom: 0; float: right; } } @media only screen and (max-width: 992px) { .header-two .header-bottom-block .nav-right-content ul li .sub-menu { position: absolute !important; top: 100%; right: 0; margin-top: 0; } } @media only screen and (max-width: 992px) { .header-two .header-bottom-block > .row { margin: 0; } } @media only screen and (max-width: 992px) { .header-two .header-bottom-block > .row .col-md-9.col-sm-9.col-xs-3 { padding-left: 0; } } .nav-style-one { float: right; } .nav-style-two { float: left; } .tel-contact-number { position: relative; overflow: hidden; padding: 28px 0; display: block; } .tel-contact-number a { color: #E91E22; font-family: "Exo", sans-serif; font-size: 18px; font-weight: 700; margin-right: 15px; position: relative; top: -2px; } .tel-contact-number .icon-part { position: relative; font-size: 25px; } .tel-contact-number .icon-part .fa { position: relative; left: -4px; top: 2px; } .tel-contact-number .icon-part:after { content: ""; border-left: 40px solid #ffcc00; position: absolute; width: 100%; height: 100%; right: -6px; bottom: 0; top: -60px; border-top: 150px solid #ffcc00; -webkit-transform: rotate(25deg); transform: rotate(25deg); z-index: -1; } /*-------------------------------------------------------------- # Header Top Area --------------------------------------------------------------*/ .header-top-area .header-top-menu { list-style: none; padding: 0; margin: 0; } .header-top-area .header-top-menu li { float: left; position: relative; } .header-top-area .header-top-menu li a { font-size: 13px; color: #ffcc00; padding-right: 12px; font-weight: 700; padding: 15px; display: block; letter-spacing: 0.010em; } .header-top-area .header-top-menu li a span { margin-left: 5px; } .header-top-area .header-top-menu li a i { font-size: 20px; position: relative; top: 2px; } .header-top-area .header-top-menu li a .fa-angle-down { font-size: 14px; color: #ececec; } .header-top-area .header-top-menu li .sub-menu { min-width: 175px; position: absolute !important; z-index: 999; margin: 0; padding: 0; top: 100%; border: solid 1px #3e3e3e; background-color: #1C1C1C; list-style: none; padding: 0; opacity: 0; visibility: hidden; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .header-top-area .header-top-menu li .sub-menu li { float: none; } .header-top-area .header-top-menu li .sub-menu li a { display: block; border-bottom: solid 1px #3e3e3e; padding: 10px 15px; } .header-top-area .header-top-menu li .sub-menu li:last-child a { border-bottom: 0 none; } .header-top-area .header-top-menu li:hover .sub-menu { opacity: 1; visibility: visible; } @media only screen and (min-width: 992px) { .header-content-left .header-top-menu { margin-left: -15px; } } .header-content-left a { color: #ffcc00; } .header-content-left i { color: #ececec; } .header-content-right { float: right; } @media only screen and (max-width: 767px) { .header-content-right { float: none; } } @media only screen and (min-width: 767px) { .header-content-right .header-top-menu { float: left; } } @media only screen and (min-width: 992px) { .header-content-right .header-top-menu { margin-right: -12px; } } @media only screen and (max-width: 767px) { .header-content-right .header-top-menu { display: table; margin: auto; } } .header-content-right .header-top-menu li a { text-transform: uppercase; } @media only screen and (max-width: 767px) { .header-content-right .header-top-menu:first-child { float: left; } } @media only screen and (max-width: 767px) { .header-content-right .header-top-menu:last-child { float: right; } } .header-content-right .fa-search { color: #FF4818; } .header-content-right .fa-bars { color: #ececec; } .header-content-right.header-style-two ul li { margin-left: 30px; } .header-content-right.header-style-two ul li a { color: #ddd; } @media only screen and (min-width: 992px) { .nav-style-three .menu-content { display: table; } } @media only screen and (min-width: 992px) { .nav-style-three.top-navigation .menu-list > li > a { padding: 27px 15px; } } /*-------------------------------------------------------------- # Header Top Search and Menu --------------------------------------------------------------*/ .overlay { z-index: 10002; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.95); } .overlay .overlay-close { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; font-size: 40px; color: #fff; background: transparent; outline: none; z-index: 100; } .overlay__content { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 60%; margin: 0 auto; text-align: center; } .overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; -webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; } .overlay-scale.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .overlay .input-group { width: 100%; } .overlay .search-button { background: #ffcc00; border: 2px solid #ffcc00; padding: 10px 45px; display: inline-block; overflow: hidden; border-radius: 6px; font-weight: 700; } .overlay .search-button:hover { background: #fff; color: #ffcc00; } .overlay .input-group input { width: 100%; color: #fff; text-align: center; font-size: 36px; line-height: 44px; height: 49px; background: transparent; border: 0; font-weight: 300; margin-bottom: 40px; } @media (max-width: 991px) { .overlay .input-group input { font-size: 25px; line-height: 36px; } } .author-area { height: 100%; width: 0; position: fixed; z-index: 10; top: 0; right: 0; background-color: #111; overflow-x: hidden; overflow-y: auto; padding-top: 45px; -webkit-transition: 0.5s; transition: 0.5s; } .author-area .closebtn { position: absolute; top: 15px; right: 25px; font-size: 36px; margin-left: 50px; color: #fff; } .author-area.open { width: 250px; } .author-area .login-author { margin-top: 15px; } .author-area .author-menu { width: 250px; } .author-area .author-menu > ul { list-style: none; padding: 0; font-size: 15px; } .author-area .author-menu > ul li a { display: block; padding: 10px 20px; border-bottom: 1px solid #333333; } .author-area .author-menu > ul li a .fa { margin-right: 5px; } .author-area .author-menu > ul li:first-child a { border-top: 1px solid #333333; } .author-area .author-info { width: 250px; overflow: hidden; } .author-area .author-image { width: 60px; height: 60px; margin: auto 15px 30px 20px; border: 5px solid; display: block; overflow: hidden; float: left; } .author-area .author-des { display: table-cell; } .author-area .author-des .author-name { color: #ffffff; margin: 0; font-size: 18px; font-weight: 800; } .author-area .author-des .author-description { font-size: 13px; margin-bottom: 0; color: #ffffff; } .author-area .login-form { overflow: hidden; clear: both; padding: 0 15px; margin-bottom: 10px; color: #fff; } .author-area .login-form form#login-form { width: 203px; } .author-area .login-form .form-title { margin-top: 0; font-size: 16px; font-weight: 600; color: #ffffff; } .author-area .login-form input[type="checkbox"] { margin-left: 0 !important; } .author-area .login-form input[type="checkbox"] + label { color: #fff; } .author-area .login-form .btn-login { padding: 10px; height: 40px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; background: #ffcc00; border-radius: 5px; } /*-------------------------------------------------------------- # Header Bottom/Nav Area --------------------------------------------------------------*/ .header-nav-area { -webkit-box-shadow: 0px 0px 5px 0px rgba(3, 3, 3, 0.22); box-shadow: 0px 0px 5px 0px rgba(3, 3, 3, 0.22); } .header-nav-area .site-logo { padding: 28px 0; } /*-------------------------------------------------------------- ## slider section --------------------------------------------------------------*/ .slider-form-content { background: #f9f9f9; padding: 35px 60px; } .slider-form-content .slider-form-title { font-size: 36px; font-weight: 900; margin-top: 0; margin-bottom: 0; color: #333333; line-height: 1; } .slider-form-content .slider-form-subtitle { margin-top: 0; font-weight: 800; color: #333333; } .slider-form-content form { margin-top: 30px; } .slider-form-content form label { font-weight: 600 !important; } .slider-form-content form .input { margin-bottom: 15px !important; } .slider-form-content form .input i { right: 12px; top: 12px; } .slider-form-content .check-vehicle-footer { margin-top: 15px; margin-left: 0 !important; } .slider-form-content .check-vehicle-footer > .row { margin: 0; } .slider-form-content .check-vehicle-footer button, .slider-form-content .check-vehicle-footer input[type="button"], .slider-form-content .check-vehicle-footer input[type="reset"], .slider-form-content .check-vehicle-footer input[type="submit"] { margin: 0 !important; } @media only screen and (max-width: 767px) { .slider-form-content .check-vehicle-footer button, .slider-form-content .check-vehicle-footer input[type="button"], .slider-form-content .check-vehicle-footer input[type="reset"], .slider-form-content .check-vehicle-footer input[type="submit"] { display: table; margin: auto !important; } } .slider-form-content .check-vehicle-footer .advanced-search { float: none; position: absolute; right: 0; top: 0; } @media only screen and (max-width: 992px) { .slider-form-content .check-vehicle-footer .advanced-search a { display: none; } } .carrent-slider-subheading { position: relative; min-width: 305px; text-align: center; } .carrent-slider-subheading:before { position: absolute; content: ""; width: 10px; height: 10px; background-color: #E91E22; left: 0; top: 50%; border-radius: 50%; z-index: 99; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .carrent-slider-subheading:after { position: absolute; content: ""; right: 0; width: 10px; height: 10px; background-color: #E91E22; top: 50%; border-radius: 50%; margin-left: 15px; z-index: 99; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tp-caption h1, .tp-caption h2, .tp-caption h3, .tp-caption h4, .tp-caption h5 { color: inherit; } .company-brand-block { padding: 50px 0 60px; } .brand-carousel { overflow: hidden; margin-top: 50px; } .brand-carousel .item img { width: auto; margin: auto; } @media only screen and (max-width: 768px) { .brand-carousel .owl-dots { text-align: center; display: none; } } @media only screen and (max-width: 768px) { .brand-carousel .owl-nav.disabled { display: block; text-align: center; margin-top: 30px; } } @media only screen and (max-width: 768px) { .brand-carousel .owl-nav.disabled > div { font-family: "Exo", sans-serif; background-color: #000; padding: 8px 15px; font-size: 14px; color: #fff; font-weight: 800; display: inline-block; height: 39px; border: 1px solid #ddd; letter-spacing: 0.015em; text-transform: capitalize; } } /*-------------------------------------------------------------- ## check_vehicle section --------------------------------------------------------------*/ .check-vehicle-block { padding: 96px 0 103px; position: relative; } @media only screen and (max-width: 992px) { .check-vehicle-block { padding: 45px 0 45px; } } .check-vehicle-block:before { content: ""; background: #2C2C2C; width: 32.333333%; height: 100%; position: absolute; z-index: 0; left: 0; bottom: 0; top: 0; right: 0; } @media only screen and (min-width: 1500px) { .check-vehicle-block:before { width: 35.333333%; } } @media only screen and (min-width: 2300px) { .check-vehicle-block:before { width: 40.333333%; } } @media only screen and (max-width: 992px) { .check-vehicle-block:before { width: 100%; } } .check-vehicle-block.style-two { border-bottom: 1px solid #ebebeb; } .check-vehicle-block.style-two:before { background: #f5f5f5; } .check-vehicle-block.style-two .top-subtitle { color: #6d6d6d; } .check-vehicle-block.style-two .subtitle { color: #262626; font-weight: 600; } .check-vehicle-block.style-two .advance-search-query label { color: #000000; font-weight: 600; } .check-vehicle-block.style-two .advance-search-query input, .check-vehicle-block.style-two .advance-search-query select { background-color: #232c3b; border-color: #232c3b; color: #b3b3b3; } .check-vehicle-block.style-two .advance-search-query button, .check-vehicle-block.style-two .advance-search-query input[type="button"], .check-vehicle-block.style-two .advance-search-query input[type="reset"], .check-vehicle-block.style-two .advance-search-query input[type="submit"] { color: #fff; } .check-vehicle-block.style-two .advance-search-query .advanced-search .fa-search { color: #FF4818; } .check-vehicle-block.style-two .advance-search-query .advanced-search a { color: #000000; } .check-vehicle-block.check-boxshadow { padding: 0; } @media only screen and (max-width: 992px) { .check-vehicle-block.check-boxshadow { z-index: 0; } } .check-vehicle-block.check-boxshadow:before { background: transparent; } .check-vehicle-block.check-boxshadow .container { -webkit-box-shadow: 0px 0 12px rgba(0, 0, 0, 0.15); box-shadow: 0px 0 12px rgba(0, 0, 0, 0.15); z-index: 100; position: relative; padding: 60px; margin-top: -49px; background: #ffffff; } @media only screen and (max-width: 767px) { .check-vehicle-block.check-boxshadow .container { margin-top: 0; padding: 30px; } } .check-vehicle-block.style-three:before { background: #f5f5f5; } .check-vehicle-block.style-three .advance-search-query label { color: #454545; font-weight: 600; } .check-vehicle-block.style-three .input input, .check-vehicle-block.style-three .input select { border-color: #e7e7e7; background: #ffffff; } .check-vehicle-block.style-three .check-vehicle-footer { text-align: center; margin-top: 30px; } .check-vehicle-block.style-three .check-vehicle-footer button, .check-vehicle-block.style-three .check-vehicle-footer input[type="button"], .check-vehicle-block.style-three .check-vehicle-footer input[type="reset"], .check-vehicle-block.style-three .check-vehicle-footer input[type="submit"] { float: none; padding: 15px 50px; } .check-content .top-subtitle { font-size: 20px; color: #818080; font-weight: 700; } .check-content .title { font-size: 45px; margin-bottom: 0; margin-top: 0; font-weight: 900; font-family: "Exo", sans-serif; line-height: 50px; } .check-content .subtitle { font-size: 20px; color: #ececec; font-weight: normal; position: relative; margin-left: 20px; font-family: inherit; } .check-content .subtitle:before { position: absolute; content: ""; width: 10px; height: 10px; background-color: #E91E22; left: -20px; top: 10px; border-radius: 50%; } .check-content .subtitle:after { position: absolute; content: ""; width: 10px; height: 10px; background-color: #E91E22; top: 10px; border-radius: 50%; margin-left: 15px; } @media only screen and (max-width: 767px) { .check-content { margin-bottom: 30px; } } .input-night-rider .input { background: #2C2C2C !important; } .input-night-rider .input input, .input-night-rider .input select { background-color: transparent; margin-bottom: 0; color: #b3b3b3; border: 1px solid #434343; } .advance-search-query label { color: #ececec; font-weight: 500; font-size: 14px; letter-spacing: 0.025em; } .advance-search-query.check-vehicle-two label { color: #1d1d1f; font-weight: 600; } .advance-search-query .advance-search { display: none; } .advance-search-query.blue-theme .button { color: #ffffff; } .advance-search-query .form-group .input { margin-bottom: 0; } .advance-search-query .form-group .input input { height: 48px; } .check-vehicle-footer { position: relative; } .check-vehicle-footer .advanced-search { font-weight: 600; float: left; margin-top: 10px; } @media only screen and (max-width: 767px) { .check-vehicle-footer .advanced-search { float: none; display: block; text-align: center; } } .check-vehicle-footer .advanced-search .fa-search { margin-left: 15px; margin-right: 10px; } @media only screen and (max-width: 767px) { .check-vehicle-footer .advanced-search .fa-search { margin-left: 0; } } .check-vehicle-footer button, .check-vehicle-footer input[type="button"], .check-vehicle-footer input[type="reset"], .check-vehicle-footer input[type="submit"] { margin-right: 15px; float: right; color: #1d1d1f; font-family: "Exo", sans-serif; font-weight: 900; font-size: 16px; letter-spacing: 0.035em; padding: 15px 60px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .check-vehicle-footer button, .check-vehicle-footer input[type="button"], .check-vehicle-footer input[type="reset"], .check-vehicle-footer input[type="submit"] { float: none; display: table; text-align: center; margin: 15px auto 0; } } .check-vehicle-footer.text-center { text-align: center; margin-left: 85px; } @media only screen and (max-width: 767px) { .check-vehicle-footer.text-center { margin-left: 0 !important; } } .check-vehicle-footer.text-center button, .check-vehicle-footer.text-center input[type="button"], .check-vehicle-footer.text-center input[type="reset"], .check-vehicle-footer.text-center input[type="submit"] { float: none; color: #1d1d1f; } .check-vehicle-footer.text-center .advanced-search { float: right; } @media only screen and (max-width: 767px) { .check-vehicle-footer.text-center .advanced-search a { float: none; font-size: 16px; line-height: 23px; } } .after-image { position: relative; } .after-image:after { width: 100%; content: ""; padding: 5px; position: absolute; bottom: 0px; left: 0; } .before-image { position: relative; } .before-image:after { width: 41%; content: ""; padding: 5px; position: absolute; top: -10px; left: 0; } .check-vehicle-one input { background-color: #2C2C2C; } /* --------page-02--------- */ .check-vehicle-two input, .check-vehicle-two select { background-color: #fff; border-color: #E7E7E7; color: #b3b3b3; } .check-vehicle-two button, .check-vehicle-two input[type="button"], .check-vehicle-two input[type="reset"], .check-vehicle-two input[type="submit"] { font-size: 16px; font-weight: 800; text-transform: uppercase; } .check-vehicle-two .color-black.white-color { text-transform: capitalize; font-size: 14px; } /* --------page-05--------- */ .check-vehicle-block.check-boxshadow .subtitle { color: #4b4b4b; } .check-vehicle-block.check-boxshadow .color-icon i { color: #2e93e4; } /* --------page-05--------- */ .form-group.small { position: relative; } .form-group.small input { width: 46%; float: left; } .form-group.small .min { margin-right: 15px; background: none; } .form-group.small .max { background: none; } .form-group.small:after { position: absolute; content: ""; background-color: #000; width: 10px; height: 1px; z-index: 999; right: 0; bottom: -31px; left: -3px; margin: auto; } .check-default-style .top-subtitle { color: inherit; } .check-default-style .title { font-size: 40px; } .check-default-style .advance-search-query.check-vehicle-three .input i { color: #ffcc00; } .check-default-style .advance-search-query.check-vehicle-three .input input { margin-bottom: 10px; } .check-default-style .check-vehicle-footer { margin: auto; display: table; padding-top: 50px; } .check-default-style .check-vehicle-footer button, .check-default-style .check-vehicle-footer input[type="button"], .check-default-style .check-vehicle-footer input[type="reset"], .check-default-style .check-vehicle-footer input[type="submit"] { float: none; text-align: center; } .check-default-style .check-vehicle-footer .advanced-search { float: none; position: relative; left: -10px; top: 5px; } /*-------------------------------------------------------------- ## about us section --------------------------------------------------------------*/ .about-us-block .mr-top-30 { margin-top: 30px; } .about-item .about-image { float: left; width: 56px; margin-right: 20px; } .about-item .about-image i { font-size: 30px; padding: 10px 15px; border: 1px solid; } .about-item .about-details-content { display: table-cell; } .about-item .about-details-content .about-title { margin-top: 0; font-weight: 800; color: #454545; font-size: 25px; letter-spacing: 0.020em; display: block; margin-bottom: 15px; } .about-item .about-details-content .about-details { font-weight: 500; color: #4b4b4b; font-size: 15px; line-height: 1.75em; } .about-item .about-details-content .button { padding: 10px 30px; } .about-item .about-details-content .button:hover { color: #ffffff !important; } .about-item .details-header .about-title { display: table-cell; } .about-details-content.content-style-two .tb { height: 100%; min-height: 275px; } .about-service-block { padding-bottom: 90px; } @media only screen and (max-width: 767px) { .about-service-two .tb-cell { display: block; } } .about-service-details .service-title { font-weight: 800; color: #454545; font-size: 36px; margin-top: 0; } .about-service-details .discription { column-count: 2; -webkit-column-count: 2; column-gap: 30px; -webkit-column-gap: 30px; color: #4b4b4b; font-weight: 500; font-size: 15px; } @media only screen and (max-width: 767px) { .about-service-details .discription { column-count: 1; -webkit-column-count: 1; column-gap: 0; -webkit-column-gap: 0; } } .about-details-content.content-style-two { padding: 30px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; border-radius: 5px; } @media only screen and (max-width: 992px) { .about-details-content.content-style-two { margin-bottom: 30px; } } .about-details-content .details-header { overflow: hidden; margin-bottom: 20px; } .about-details-content .image-content { float: left; margin-right: 10px; font-size: 40px; } .about-details-content .about-title { margin-top: 0; font-weight: bold; color: #454545; font-size: 24px; display: table-cell; position: relative; top: 5px; padding-bottom: 0 !important; } .about-details-content .about-discription-two { color: #fff; } .about-details-content .button { margin-bottom: 0; border-radius: 0; display: inline-block; font-size: 16px; font-family: "Exo", sans-serif; letter-spacing: 0.025em; padding: 10px 30px; } @media only screen and (max-width: 992px) { .about-details-content .button { margin-bottom: 30px; } } .service-list-slider { margin-bottom: -45px; } .about-us-block .header-style-one { margin-bottom: 40px; } @media only screen and (max-width: 1200px) { .about-us-block .about-us-slider img { margin-bottom: 20px; } } /*-------------------------------------------------------------- ## ability section --------------------------------------------------------------*/ .availability-area { padding: 60px 0 90px; } .availability-area h3 { text-align: center; position: relative; } .availability-area .button { margin-top: 45px; border: none; } .availability-area.two { background-color: #EDFFE8; margin-top: 0; } .availability-area.two .list { background: #fff; position: relative; top: -68px; padding: 10px 100px; font-weight: 500; color: #000; } .availability-area.two .list span { color: #7B7B7B; } .availability-area.two .form-group:nth-child(5) { margin-right: 0px; } .availability-area.two .form-group:nth-child(4) input { margin-top: 30px; } .availability-area.two .form-content .form-group:first-child input { width: 260px; } .corousel-gallery-content h4 { position: relative; top: -30px; } .corousel-gallery-content h4 a { margin-right: 10px; } .corousel-gallery-content h4 span { font-weight: normal; color: #605F5F; } .corousel-gallery-content .owl-carousel .owl-item img { border-radius: 10px; } .corousel-gallery-area { padding: 40px 0; } .list-view.owl-carousel.owl-theme.owl-loaded { margin-top: 20px; margin-bottom: 50px; } .list-view.owl-carousel.owl-theme.owl-loaded img { border-radius: 10px; } .vehicle-single-content .tb { margin-bottom: 30px; } .vehicle-single-content .tb-cell { vertical-align: bottom; } .vehicle-single-content .rent-price { font-weight: 800; font-size: 20px; margin-bottom: 0; } @media only screen and (max-width: 520px) { .vehicle-single-content .rent-price { font-size: 15px; padding-left: 5px; } } @media only screen and (max-width: 767px) { .vehicle-single-content .rent-price { float: none !important; margin-top: 0; } } .vehicle-single-content .vehicle-description { font-size: 20px; font-weight: 600; position: relative; line-height: 1.75em; color: #777; } .vehicle-single-content .vehicle-description:before { position: absolute; content: ""; width: 60px; height: 8px; bottom: -20px; } .vehicle-single-content .vehicle-single-title { font-size: 35px; margin-bottom: 30px; font-weight: 800; margin-top: 0; margin-bottom: 0; } .vehicle-single-content .price-details { color: #555; margin-bottom: 30px; } .vehicle-single-content .price-details .details-title { font-weight: 800; color: #555; font-size: 30px; margin-top: 0; } .vehicle-single-content .price-details h1, .vehicle-single-content .price-details h2, .vehicle-single-content .price-details h3, .vehicle-single-content .price-details h4, .vehicle-single-content .price-details h5 { font-weight: bold; } .vehicle-single-content .price-details ul { list-style: none; padding: 0; } .vehicle-single-content .price-details ul li { line-height: 30px; font-weight: 700; font-size: 16px; margin-bottom: 10px; } .vehicle-single-content .vehicle-property-details h1, .vehicle-single-content .vehicle-property-details h2, .vehicle-single-content .vehicle-property-details h3, .vehicle-single-content .vehicle-property-details h4, .vehicle-single-content .vehicle-property-details h5 { font-weight: bold; } .vehicle-single-content .vehicle-property-details ul { list-style: none; padding: 0; } .vehicle-single-content .vehicle-property-details ul li { font-size: 16px; color: #F8F8F8; margin-bottom: 30px; line-height: 1.85em; } .vehicle-single-content .vehicle-property-details ul li span { font-weight: bold; font-size: 18px; color: #4D4D4D; } .vehicle-single-content .vehicle-overview .overview-title { font-weight: 800; color: #555; font-size: 30px; margin-top: 0; } .vehicle-single-content .vehicle-overview h1, .vehicle-single-content .vehicle-overview h2, .vehicle-single-content .vehicle-overview h3, .vehicle-single-content .vehicle-overview h4, .vehicle-single-content .vehicle-overview h5 { font-weight: 700; } .vehicle-single-content .vehicle-overview ul { font-weight: 600; color: #666666; list-style: none; padding: 0; } .vehicle-single-content .vehicle-overview li { background-color: #F8F8F8; padding: 20px 40px; margin-bottom: 10px; } .switchable.switchable--switch div[class*='col-']:first-child { float: right; right: 0; } .ralated-block { padding: 60px 0; } .ralated-block .related-title { font-weight: 800; margin-bottom: 30px; margin-top: 0; } /*-------------------------------------------------------------- ## accordion section --------------------------------------------------------------*/ .faq-bolck .block-title-area { margin-bottom: 30px; } .faq-bolck .heading-content .subtitle { font-family: "Exo", sans-serif; } .menu-extend .fa-plus:before { content: "\f068"; font-family: FontAwesome; } .faq-accordion .faq-title { font-weight: 800; font-size: 90px; text-transform: uppercase; line-height: 75px; color: #aeaeae; margin-top: 0; } .faq-accordion .faq-subtitle { font-weight: 800; font-size: 40px; margin-top: 0; letter-spacing: 1px; margin-bottom: 15px; } .faq-accordion .panel { border: 0 none; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .faq-accordion .panel .panel-body { border-top: 0 none !important; padding-left: 70px; } @media only screen and (max-width: 992px) { .faq-bolck .accordion { margin-bottom: 30px; } } .accordion .panel { border-radius: 0; } .accordion .panel .accordion-details { font-size: 13px; margin-bottom: 0; font-weight: 500; letter-spacing: 0.01em; } .accordion .panel .panel-heading { padding: 0; background-color: #F1F1F1; } .accordion .panel .panel-heading .panel-title { color: #4b4b4b; font-size: 15px; font-weight: 700; display: table; } .accordion .panel .panel-heading .panel-title i { padding: 15px 20px; margin-right: 20px; color: #232c3b; display: table-cell; vertical-align: middle; } .accordion .panel .panel-heading .panel-title span { display: table-cell; vertical-align: middle; padding: 15px; } .accordion .panel .accordion-details { color: #4b4b4b; } .shipping-from-content { background-color: #f0f2f7; padding: 45px; } @media only screen and (max-width: 992px) { .shipping-from-content { padding: 30px; margin-bottom: 30px; margin-top: 0; } } .shipping-from-content .advance-search-query textarea { color: #aeaeae; width: 100%; min-height: 150px; padding: 15px; border-radius: 5px; min-height: 90px; font-size: 13px; font-family: "Exo", sans-serif; font-weight: 600; } .shipping-from-content .advance-search-query .input input, .shipping-from-content .advance-search-query .input select, .shipping-from-content .advance-search-query .input textarea { border: 1px solid #E7E7E7; } .shipping-from-content .check-vehicle-footer { padding: 0 15px; } .shipping-from-content .check-vehicle-footer button, .shipping-from-content .check-vehicle-footer input[type="button"], .shipping-from-content .check-vehicle-footer input[type="reset"], .shipping-from-content .check-vehicle-footer input[type="submit"] { float: none; border-radius: 5px; font-size: 15px; text-transform: capitalize; } .shipping-from-content .advanced-search { float: right; text-transform: capitalize; } @media only screen and (max-width: 767px) { .shipping-from-content .advanced-search { float: none; } } @media only screen and (max-width: 992px) { .shipping-from-content.mr-top-less-160 { margin-top: 0; } } .shipping-form-heading { margin-bottom: 30px; } .shipping-form-heading .from-subtitle { font-size: 14px; font-weight: 700; color: #5a5a5a; font-family: inherit; margin-top: 0; margin-bottom: 0; } .shipping-form-heading .from-title { font-size: 30px; margin-top: 0; font-weight: 900; line-height: 1.3em; margin-bottom: 0; } .faq-slider .image-content { float: left; } .about-details-content .about-image { float: left; width: 56px; margin-right: 20px; } .about-details-content .about-title { margin-top: 0; font-weight: bold; color: #454545; font-size: 24px; } .about-details-content .about-details { margin-bottom: 15px; font-weight: 500; font-size: 15px; } .about-details-content .button { border-radius: 0; margin-bottom: 30px; display: inline-block; } .about-details-content .button:hover { background-color: #FF4818; } .fan-bolck .heading-content { margin-top: 20px; margin-bottom: 20px; } .block-navigation-area .item-navigation.nav-right.mr-30 { float: none; margin-left: -15px; } /*-------------------------------------------------------------- ## vehicle_block section --------------------------------------------------------------*/ .vehicle-padding { padding: 18px 0; } @media only screen and (max-width: 767px) { .vehicle-padding { padding: 60px 0; } } .block-navigation-area .item-navigation { height: 39px; float: left; margin-left: 15px; overflow: hidden; } .block-navigation-area .item-navigation a { padding: 2px 15px; line-height: 33px; border: 1px solid #ddd; border-right: transparent; display: inline-block; } .block-navigation-area .item-navigation a i { font-size: 20px; font-weight: bold; } .block-navigation-area .item-navigation .next-item { position: relative; border-left: transparent; margin-left: -5px; } .block-navigation-area .item-navigation .next-item:before { border-bottom: 40px solid; border-left: 8px solid transparent; border-right: 0px solid transparent; content: ""; left: -8px; top: -1px; position: absolute; } .block-navigation-area .item-navigation .next-item:hover, .block-navigation-area .item-navigation .next-item:focus { color: inherit; } .block-navigation-area .item-navigation.nav-right { float: right; } .theme-black .next-item { background-color: #1d1d1f; border-color: #1d1d1f !important; color: #ffffff; } .theme-black .next-item:before { border-bottom-color: #1d1d1f !important; } .view-all-item { float: right; margin-left: 20px; } .view-all-item .view-all-btn { font-family: "Exo", sans-serif; background-color: #000; padding: 8px 15px; font-size: 14px; color: #fff; font-weight: 800; display: inline-block; height: 39px; border: 1px solid #ddd; letter-spacing: 0.015em; } .view-all-item .view-all-btn:hover { color: #ffffff !important; } .vehicle-slider { display: none; } .vehicle-bottom-content { padding: 20px; margin-top: -1px; overflow: hidden; border-radius: 0 0 5px 5px; position: relative; padding-left: 22px; } .vehicle-bottom-content:before { content: ""; background-image: url(../images/rental-bottom-border.png); left: 0; right: 0; width: 100%; height: 16px; position: absolute; top: 0; background-repeat: repeat; opacity: 0.5; } .vehicle-bottom-content .vehicle-title { font-size: 25px; font-weight: 900; margin-top: 10px; margin-bottom: 4px; } .vehicle-bottom-content .meta-item { font-size: 13px; font-weight: 800; letter-spacing: 0.015em; font-family: "Exo", sans-serif; } .vehicle-bottom-content .meta-item span { font-size: 16px; font-weight: 800; } .vehicle-bottom-content .meta-item i { margin-right: 5px; } .vehicle-bottom-content .driver-desc { margin: 0; font-size: 15px; font-weight: bold; } .vehicle-content { margin-bottom: 30px; } .vehicle-content .vehicle-thumbnail img { border-radius: 5px 5px 0 0; } .vehicle-block-slider { padding: 15px; } @media only screen and (min-width: 992px) { .vehicle-slider, .regular-vehicle-slider { margin-bottom: -17px; } } .regular-vehicle-block .tab-content > .active { display: block; overflow: hidden; } @media only screen and (min-width: 992px) { .regular-vehicle-block .tab-content > .active { margin-bottom: -17px; } } .vehicle-top-meta { overflow: hidden; display: block; margin-left: 30px; } .vehicle-top-meta .vehicle-title { font-size: 22px; font-weight: 800; } .vehicle-top-meta .meta-item { float: left; margin-right: 15px; font-family: "Exo", sans-serif; } .vehicle-top-meta .meta-item span { color: #ffffff; } .vehicle-top-meta .meta-item .meta-rent { font-size: 15px; font-weight: bold; } @media only screen and (min-width: 992px) { .vehicle-style-two.popular-slider { margin-bottom: -17px; } } .vehicle-content.style-two { border-radius: 7px; } .vehicle-content.style-two .vehicle-bottom-content { padding: 20px 30px 20px; } .vehicle-content.style-two .vehicle-bottom-content:before { background: transparent; } .vehicle-content.style-two .vehicle-bottom-content .vehicle-meta { margin-top: 5px; overflow: hidden; } .vehicle-content.style-two .vehicle-bottom-content .vehicle-meta i { margin-right: 10px; } .vehicle-content.style-two .vehicle-bottom-content .meta-rent { font-size: 15px; margin-bottom: 8px; } .vehicle-content.style-two .vehicle-thumbnail { min-height: 165px; position: relative; } @media only screen and (min-width: 992px) { .vehicle-content.style-two .vehicle-thumbnail img { position: relative; bottom: 0px; } } @media only screen and (min-width: 992px) { .driver-slider .vehicle-content { margin-bottom: 0; } } .vehicle-content.driver-two .driver-name { margin-top: 0; } .vehicle-content.driver-two .vehicle-bottom-content { padding: 20px 30px 20px; } .vehicle-content.driver-two .vehicle-bottom-content:before { background: transparent; } .vehicle-meta.black-color .meta-rent { color: #1d1d1f; } .vehicle-content.nevy-color { border-radius: 6px; } .view-all-item.tab .view-all-btn.color-yellow { background-color: #ffcc00; } .view-all-item.tab .view-all-btn.color-blue { background-color: #2e93e4; } .item-navigation.default-bg-black { margin-left: -11px; } .item-navigation.default-bg-black .next-item { background-color: #000000 !important; border-color: #000000; color: #fff; } .item-navigation.default-bg-black .next-item:before { border-bottom: 39px solid #000; } /* --------Filter Chack------- */ .filter-chack ul { margin: 0px; padding: 0px; list-style: none; } .filter-chack ul li { padding-bottom: 10px; } .theme-yellow .vehicle-bottom-content .meta-rent { color: #333333 !important; } .theme-red .vehicle-bottom-content .meta-rent { color: #ffffff !important; } .theme-red .vehicle-bottom-content .driver-name, .theme-red .vehicle-bottom-content .driver-desc { color: #ffffff; } .theme-blue .vehicle-bottom-content .driver-name, .theme-blue .vehicle-bottom-content .driver-desc, .theme-blue .vehicle-bottom-content .vehicle-title { color: #ffffff; } .theme-blue .vehicle-bottom-content .meta-rent, .theme-blue .vehicle-bottom-content .meta-item { color: #ffffff; } @media only screen and (max-width: 768px) { .slider-style-two .owl-dots { display: none; } } @media only screen and (max-width: 768px) { .slider-style-two .owl-nav.disabled { display: block; position: absolute; bottom: -39px; } } @media only screen and (max-width: 768px) { .slider-style-two .owl-nav.disabled > div { font-family: "Exo", sans-serif; background-color: #000; padding: 8px 15px; font-size: 14px; color: #fff; font-weight: 800; display: inline-block; height: 39px; border: 1px solid #ddd; letter-spacing: 0.015em; text-transform: capitalize; } } @media only screen and (max-width: 767px) { .vehicle-filter-area { clear: both; overflow: hidden; } } .vehicle-filter-area .nav-tabs li:hover a { color: #ffffff; } @media only screen and (max-width: 768px) { .service-slider .owl-nav.disabled, .priceing-slider .owl-nav.disabled, .testimonial-slider .owl-nav.disabled, .service-list-slider .owl-nav.disabled, .blog-related-slider .owl-nav.disabled { display: block; position: relative; bottom: 0; } } @media only screen and (max-width: 768px) { .blog-related-slider .owl-nav.disabled { margin-top: 15px; } } @media only screen and (max-width: 768px) { .block-navigation-area.visible-xs-block { overflow: hidden; position: relative; } } @media only screen and (max-width: 768px) { .block-navigation-area.visible-xs-block .view-all-item { margin-left: 0; } } @media only screen and (max-width: 540px) { .ralated-block .col-md-3.col-sm-6.col-xs-6 { width: 100%; } } .overview > ul > li { background-color: #f7f7f7; border-radius: 5px; color: #666; float: left; font-size: 14px; font-weight: bold; margin: 0 0 7px; padding: 18px 0; text-align: left; -webkit-width: calc(50% - 5px); width: calc(50% - 5px); } @media only screen and (max-width: 767px) { .overview > ul > li { width: 100%; } } .overview > ul > li:nth-child(2n+1) { margin-right: 7px; } @media only screen and (max-width: 767px) { .overview > ul > li:nth-child(2n+1) { margin-right: 0; } } .overview > ul > li i.fa { font-size: 18px; margin: -3px 20px 0; } .vehicle-internal-features { margin-top: 45px; } .vehicle-internal-features h1, .vehicle-internal-features h2, .vehicle-internal-features h3, .vehicle-internal-features h4, .vehicle-internal-features h5 { font-weight: bold; } .vehicle-internal-features .features-title { font-size: 20px; color: #444444; background: #F8F8F8; padding: 20px 30px; margin: 0; line-height: normal; } .vehicle-internal-features .features-list { list-style: none; padding-left: 30px; margin-top: 15px; } .vehicle-internal-features .features-list li { font-size: 15px; font-weight: 600; color: #666666; line-height: 2.45em; } .vehicle-internal-features .features-list li:before { content: "--"; margin-right: 10px; } .theme-blue .theme-blue a:hover { color: inherit; } /*-------------------------------------------------------------- ## fun-facts section --------------------------------------------------------------*/ /* ====== fun-facts ====== */ .fun-facts-block { padding: 75px 0px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .stat { text-align: center; } .highlight { font-weight: 900; margin-bottom: 40px; font-size: 60px; color: #1d1d1f;; margin-top: 0; margin-bottom: 0; } .stat i { color: #f7c221; } .milestone-details { font-weight: 700; font-size: 24px; color: #ffffff; font-family: "Exo", sans-serif; margin-bottom: 20px; line-height: 1.15; } @media screen and (max-width: 990px) { .milestone-counter { margin-bottom: 50px; } } .stat.fun-facts-two .stat-count.highlight { /* color: #FF4818; */ } .stat.fun-facts-two .milestone-details { color: #1d1d1f; } /*-------------------------------------------------------------- ## testimonial section --------------------------------------------------------------*/ .testimonial-block.bg-gray-color { padding: 50px 0 60px; } .testimonial-block.bg-gray-color .container { overflow: hidden; padding: 15px; } .testimonial-block.bg-gray-color .subtitle { color: #0e385d; } .testimonial-block.bg-gray-color .subtitle i { font-size: 22px; margin-right: 10px; } .testimonial-slider { padding-top: 40px; } .testimonial-slider .container { overflow: hidden; } .testimonial-slider .owl-stage-outer { overflow: visible; } .testimonial-slider .item { position: relative; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 40px 30px; background-color: #ffffff; border-radius: 5px; } @media only screen and (max-width: 768px) { .testimonial-slider .item { margin-bottom: 30px; } } .testimonial-slider .item .client-image { width: 71px; height: 71px; position: absolute; top: -40px; left: 25px; } .testimonial-slider .item .client-client-detales { background-color: #ffffff; padding: 30px; } .testimonial-slider .item .client-title { line-height: 30px; font-weight: 800; margin-bottom: 0; text-transform: capitalize; color: #3d3d3d; } .testimonial-slider .item .client-subtitle { font-family: inherit; font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 5px; text-transform: capitalize; } .testimonial-slider .item .discription { font-size: 15px; margin-bottom: 15px; } .testimonial-slider .item .star i { color: #FFA506; font-size: 17px; } .testimonial-slider .owl-dots { margin-top: 15px; } /*-------------------------------------------------------------- ## call_to_action section --------------------------------------------------------------*/ /* ======contact-baner======================= */ .call-to-action { padding: 70px 0; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; position: relative; display: block; } .call-to-action .button { text-transform: capitalize; border-radius: 5px; background-color: #FCA22A; display: inline-block; } .call-to-action .contact-left-content h3 { font-size: 30px; font-weight: bold; font-family: inherit; color: #fff; } .call-to-action .contact-left-content h4 { font-size: 20px; color: #FCA22A; font-weight: bold; font-family: inherit; } @media screen and (max-width: 767px) { .call-to-action .contact-left-content { text-align: center; } } .call-to-action .contact-right-content { margin-left: 30%; } @media screen and (max-width: 767px) { .call-to-action .contact-right-content { margin-left: 0%; margin-top: 30px; text-align: center; } } .call-to-action .contact-right-content h4 { font-size: 20px; color: #fff; margin-top: 20px; font-weight: bold; line-height: 30px; margin-top: 0px; } .call-to-action .contact-right-content h4 span { display: block; } .call-to-action.style-two { padding: 20px 0 30px; } .call-to-action.style-two .left-content { left: 0; } .call-to-action.style-two .left-content h3 { font-size: 30px; font-weight: bold; font-family: inherit; color: #fff; } .call-to-action.style-two .left-content h4 { font-size: 20px; color: #303c6c; font-weight: bold; font-family: inherit; } .call-to-action.style-two .right-content h4 { font-size: 20px; color: #fff; margin-top: 20px; font-weight: bold; line-height: 30px; margin-top: 27px; } .call-to-action.style-two .right-content h4 span { display: block; } .call-to-action.style-two .right-content .contact a { font-size: 16px; font-weight: bold; color: #21B060; background-color: #303C6C; padding: 13px 45px; display: inline-block; border-radius: 5px; margin-top: 30px; } /* ======contact======================= */ .heading-content-two.available { margin-bottom: 60px; } .contact-area { padding: 60px 0 75px; } .contact-area.pd-zero { margin-bottom: -7px; } .contact-area.pd-zero .map-left-content iframe { min-height: 520px; } .contact-area.pd-zero .heading-content-two.available { margin-bottom: 30px; } .contact-area.pd-zero .heading-content-two h2.title { margin-top: 45px; } .contact-area .map-left-content iframe { width: 100%; } @media screen and (max-width: 990px) { .contact-area { padding: 15px; } } .contact-area .contact { margin-bottom: 30px; } @media screen and (max-width: 767px) { .contact-area .contact { text-align: center; } } .contact-area .contact h4 { font-size: 24px; font-weight: 800; } .contact-area .contact h4 i { color: #fff; font-size: 30px; margin-right: 10px; } .contact-area .contact p { color: #414141; font-weight: bold; margin-top: 20px; letter-spacing: 0.5px; font-size: 16px; } .contact-area .contact .social-icon { margin-top: 20px; } .contact-area .contact .social-icon i { background-color: #515151; padding: 7px; width: 30px; height: 30px; text-align: center; line-height: 17px; font-size: 15px; border-radius: 50%; margin-right: 5px; } .call-to-action.with-map { display: block; position: relative; margin-top: -166px; } .call-to-action.with-map .left-content h3, .call-to-action.with-map .contact-left h4 { color: #ffcc00; } /*-------------------------------------------------------------- ## service section --------------------------------------------------------------*/ .service-content .vehicle-thumbnail img { width: 100%; } .multi-services-block { padding: 90px 0 45px; } .multi-services-block .heading-content .subtitle { margin-top: 20px; margin-bottom: 30px; } .services-block .subtitle { margin-top: 25px; margin-bottom: 30px; } .service-block .vehicle-title { font-weight: 800; font-size: 24px; margin-top: 20px; line-height: 25px; text-align: center; margin-bottom: 0; } .service-block.mlts { margin-bottom: 75px; } .service-block.mlts .vehicle-title { font-weight: 800; font-size: 24px; margin-top: 20px; line-height: 25px; text-align: center; margin-bottom: 0; } .multi-services-tab .service-block { text-align: center; } .multi-services-tab .service-block .icon-block { position: relative; display: block; max-width: 150px; margin: auto; } .multi-services-tab .service-block .icon-block .renticon { font-size: 45px; } .multi-services-tab .service-block .icon-block:after { width: 100%; height: 12px; background-image: -webkit-linear-gradient(0deg, #ffcc00 15px, #333 0); background-size: 30px; content: ""; padding: 5px; position: absolute; bottom: -9px; left: 0; } .service-filter-area .nav.nav-tabs { border: none; margin-bottom: 60px; } .service-filter-area .nav.nav-tabs li { margin-right: 10px; background-color: #1d1d1f; } .service-filter-area .nav.nav-tabs li.active { background-color: #ffcc00; } .service-filter-area .nav.nav-tabs li.active a { color: #1d1d1f; } .service-filter-area .nav.nav-tabs li.active a span { color: #1d1d1f; } .service-filter-area .nav.nav-tabs li.active a:hover { background-color: inherit !important; } .service-filter-area .nav.nav-tabs li a { padding: 15px 60px; font-size: 18px; text-transform: uppercase; font-weight: 800; background-color: #1d1d1f; color: #ffcc00; border: 0 none; line-height: 1.2em; letter-spacing: 0.010em; } @media only screen and (max-width: 767px) { .service-filter-area .nav.nav-tabs li a { padding: 15px 20px; } } .service-filter-area .nav.nav-tabs li a:hover { background: inherit !important; } .service-filter-area .nav.nav-tabs li a span { display: block; font-size: 14px; text-transform: capitalize; color: #ffcc00; text-align: center; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: none !important; } .service-filter-area { margin: auto; display: table; } .border-bottom { position: relative; } .border-bottom:after { position: absolute; content: ""; background: #ffcc00; left: 0; right: 0; bottom: 35px; width: 60px; height: 6px; margin: auto; } /*-------------------------------------------------------------- # Service Item --------------------------------------------------------------*/ .service-content .service-thumbnail { float: left; width: 103px; margin-right: 15px; height: 103px; } .service-content .service-details-content { display: table-cell; } .service-content .service-details-content .service-title { font-size: 30px; font-weight: 800; } .service-content .service-details-content .service-details { margin-bottom: 0; font-size: 15px; color: #484848; line-height: 1.75em; font-weight: 500; } .excellent-service-block .service-slider { padding-top: 15px; margin-bottom: -45px; } .excellent-service-block .service-content { margin-bottom: 55px; } .vehicle-filter-area .nav-tabs { border: 0 none; margin-bottom: -10px; } .vehicle-filter-area .nav-tabs li { margin-right: 10px; margin-bottom: 10px; background-color: inherit; } .vehicle-filter-area .nav-tabs li a { padding: 10px 15px; font-size: 16px; text-transform: capitalize; font-weight: bold; background-color: #232C3B !important; color: #ffffff; border: 0 none; border-radius: 0; display: inline-block; margin-right: 0; font-family: "Exo", sans-serif; letter-spacing: 0.015em; font-weight: 700; } .vehicle-filter-area .nav-tabs li a:hover { border: 0 none !important; } .vehicle-filter-area .nav-tabs li a img, .vehicle-filter-area .nav-tabs li a i { margin-right: 10px; } .vehicle-filter-area .nav-tabs li a span { display: block; font-size: 14px; text-transform: capitalize; color: #ffcc00; text-align: center; } .vehicle-filter-area .nav-tabs li.active a { background-color: #FF4818 !important; color: #ffffff; } .vehicle-filter-area .nav-tabs li.active a:hover { border: 0 none !important; } .vehicle-filter-area .nav-tabs > li.active > a, .vehicle-filter-area .nav-tabs > li.active > a:focus, .vehicle-filter-area .nav-tabs > li.active > a:hover { border: 0 none !important; } @media only screen and (min-width: 992px) { .vehicle-filter-area { margin: 0 -30px; } } /*-------------------------------------------------------------- ## blog section --------------------------------------------------------------*/ .blog-content-block .subtitle { color: #232c3b !important; } @media only screen and (min-width: 992px) { .vehicle-blog-slider { margin-bottom: -5px; } } .blog-block .heading-content-one { margin-bottom: 30px; } .blog-block .text-content { padding: 20px; } .blog-block .text-content .top-content span { font-weight: 600; color: #828282; position: relative; font-size: 13px; } .blog-block .text-content .top-content .devied { width: 2px; height: 12px; background-color: #828282; display: inline-block; margin-left: 10px; margin-right: 10px; } .blog-block .bottom-content h4 { font-size: 16px; margin-top: 20px; } .blog-block .bottom-content h4 a { color: #474747; margin-right: 20px; font-weight: 500; font-size: 14px; } .blog-block .bottom-content h4 a i { margin-right: 5px; } .blog-block .bottom-content h4 a .fa-heart-o { color: #5ED8E1; } .blog-block .bottom-content h4 a:last-child i { color: #7CC144; } .blog-block { padding: 90px 0 102px; } .blog-block .blog-content { background-color: #ffffff; margin-bottom: 30px; } @media screen and (max-width: 990px) { .blog-block .blog-content { margin-bottom: 30px; } } .blog-block .nav-tabs { border-bottom: none; margin-bottom: 30px; } .blog-block .nav-tabs > li { margin-right: 20px; } .blog-block .nav-tabs > li > a { font-size: 16px; font-weight: 600; padding: 12px 35px; border-radius: 5px; background-color: #ffffff; font-weight: bold; border: 1px solid #ddd; font-family: "Exo", sans-serif; } .blog-block .nav-tabs > li > a:hover { background-color: none; border: 1px solid #ffffff; } .blog-block .nav-tabs > li > a span { margin-right: 5px; } .blog-block .nav-tabs > li > a span:last-child { margin-left: 5px; } .blog-block .nav-tabs > li:last-child { margin-right: 0; } .blog-block .nav-tabs li.active a { color: #fff; background-color: #232C3B !important; } .blog-block .nav-tabs .nav-tabs > li.active > a, .blog-block .nav-tabs .nav-tabs > li.active > a:focus, .blog-block .nav-tabs .nav-tabs > li.active > a:hover { background-color: #232C3B; } .nav-tabs > li a.active { background-color: #232C3B !important; } @media only screen and (max-width: 620px) { .blog-content-left .col-md-6.col-sm-6.col-xs-6 { width: 100%; } } @media only screen and (max-width: 767px) { .blog-sidebar { padding: 0; } } .post-filter-area h5 { position: relative; top: -30px; font-size: 18px; font-family: inherit; font-weight: bold; } .post-filter-area h5 a { margin-right: 10px; } .post-filter-block .responsive-nav { margin-bottom: 30px; background-color: #ffffff; } .post { background-color: #fff; margin-bottom: 30px; border-radius: 5px; text-align: center; } .post .post-thumb img { -webkit-backface-visibility: hidden; } .post .post-content { padding: 20px; } .post .post-content .entry-title { font-size: 24px; font-weight: 800; letter-spacing: 0.010em; margin-top: 15px; } .post .entry-meta { color: #828282; font-size: 13px; letter-spacing: 0.04em; font-weight: 500; font-style: normal; border-bottom: 1px solid #E1E1E1; padding-bottom: 15px; } .post .entry-meta .entry-date, .post .entry-meta .entry-author { padding: 5px 15px; margin: 0 5px 5px; display: inline-block; font-size: 12px; color: #fff; border-radius: inherit; } .post .entry-footer-meta { font-weight: 600; font-size: 14px; color: #777777; } .post .entry-footer-meta i { margin-right: 5px; } .post .entry-footer-meta i:hover { color: #FF4818; } .post .entry-footer-meta .fa { color: #232c3b; } .post .entry-footer-meta .fa-heart-o { color: #FF4818; } .post .entry-footer-meta span { margin-right: 15px; } /*-------------------------------------------------------------- ## welcome section --------------------------------------------------------------*/ .wellcome-block { padding: 77px 0 60px; } .wellcome-block .heading-content { margin-bottom: 50px; } @media only screen and (max-width: 991px) { .wellcome-block .wellcome-content-left { margin-top: 30px; } } .about-service { position: relative; border-radius: 5px; } .about-service .about-service-title { color: #ffcc00; font-size: 26px; padding-bottom: 0px; margin-bottom: 0; margin-top: 0; font-weight: 800; padding-left: 30px; position: relative; } .about-service .about-service-title:before { content: ""; width: 8px; height: 64px; background: #ffcc00; left: 0; bottom: 25px; position: absolute; } .about-service .discription { color: #ececec; } .about-service .about-title-area { padding: 30px 30px 15px; } .about-service .discription { padding: 0px 30px; line-height: 26px; } .about-service .about-image { padding-top: 30px; } .about-service:before { width: 100%; height: 12px; background-image: -webkit-linear-gradient(0deg, #ffcc00 15px, #333 0); background-size: 30px; content: ""; padding: 5px; position: absolute; bottom: -12px; left: 0; } .wellcome-tab .service-block .renticon { color: #ffcc00; font-size: 40px; } .service-block .service-title { font-size: 24px; font-weight: 800; } .service-block .discription { color: #464646; line-height: 1.75em; font-size: 15px; font-weight: 500; } .wellcome-filter-area .nav.nav-tabs { border: none; margin-bottom: 45px; } .wellcome-filter-area .nav.nav-tabs li { margin-right: 15px; background-color: #1d1d1f; } @media only screen and (max-width: 767px) { .wellcome-filter-area .nav.nav-tabs li { margin-right: 0; padding: 10px; } } .wellcome-filter-area .nav.nav-tabs li.active { background-color: #ffcc00; } .wellcome-filter-area .nav.nav-tabs li.active a { color: #1d1d1f; } .wellcome-filter-area .nav.nav-tabs li.active a:hover { background-color: none !important; } .wellcome-filter-area .nav.nav-tabs li a { border-radius: 0; background-color: inherit; font-size: 18px; text-transform: uppercase; font-weight: 700; padding: 10px 30px; color: #ffffff; border: none; line-height: 24px; letter-spacing: 0.009em; } .wellcome-filter-area .nav.nav-tabs li a:hover { background: none !important; } @media only screen and (max-width: 480px) { .wellcome-filter-area .nav.nav-tabs li a { padding: 10px 3px; } } /*-------------------------------------------------------------- ## pricing section --------------------------------------------------------------*/ .price-block { padding: 90px 0 93px; } .price-block .price-style-one { overflow: hidden; padding: 0 15px; } .price-block .price-style-two { overflow: hidden; padding: 0 30px; } .price-block .price-style-three { overflow: hidden; padding: 0 15px; } .price-block .price-style-four { overflow: hidden; padding: 0 30px; } @media only screen and (max-width: 767px) { .price-block .price-style-four { padding: 0 15px; } } .price-block .price-style-five { overflow: hidden; } .price-style-one .pricing-image { position: relative; } .price-style-one .priceing-slider { padding-top: 60px; } @media only screen and (max-width: 768px) { .price-style-one .priceing-slider { padding-top: 30px; } } .price-style-one.pd-0 .pricing-image { padding: 0; } .priceing-slider .owl-stage-outer { overflow: visible; } .price-block .price-style-four .owl-stage-outer { overflow: hidden; } .pricing-table-item { background-color: #ffffff; margin: 30px 0 35px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateZ(0px); transform: translateZ(0px); } @media only screen and (max-width: 768px) { .pricing-table-item { margin: 30px 0 15px; } } .pricing-table-item.category { background-color: #f7f7f7; margin-bottom: 30px; } .pricing-table-item .price-details { padding: 0 20px; } .pricing-table-item .pricing-image { background-color: #ffcc00; display: inline-block; font-size: 35px; padding: 30px; margin-top: -45px; margin-bottom: 45px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pricing-table-item .pricing-image img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (max-width: 991px) { .pricing-table-item .pricing-image img { width: 100% !important; } } @media only screen and (min-width: 992px) { .pricing-table-item .pricing-image img { width: auto !important; } } .pricing-table-item .price { list-style: none; padding: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pricing-table-item .price li { font-size: 18px; text-align: center; } .pricing-table-item .price .price-title { margin-bottom: 25px; font-weight: 800; letter-spacing: 0.010em; margin-top: 5px; position: relative; font-family: "Exo", sans-serif; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pricing-table-item .price .price-title:after { position: absolute; content: ""; background: #ffcc00; left: 0; right: 0; bottom: -15px; width: 50px; height: 7px; margin: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pricing-table-item .price .price-subtille { margin-bottom: 10px; font-family: "Exo", sans-serif; font-weight: 600; letter-spacing: 0.015em; } .pricing-table-item .price .price-discription { font-size: 14px; font-weight: 600; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .pricing-table-item.style-two .pricing-head { font-size: 24px; font-weight: 800; } .pricing-table-item.style-two .price-discription { color: #777777; } .pricing-table-item .pricing-table-footer { margin: auto; display: table; margin-top: 30px; padding-bottom: 45px; } .pricing-table-item .pricing-table-footer .button { font-family: "Exo", sans-serif; font-size: 18px; display: inline-block; } .price-style-three .pricing-image { display: block; } .price-head-area { text-align: center; } .price-head-area .pricing-head { font-size: 18px; letter-spacing: 0.01em; text-transform: capitalize; font-weight: bold; margin-bottom: 10px; margin-top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: all 0.3s ease 0.05s; transition: all 0.3s ease 0.05s; } .price-head-area .price-amount { font-size: 60px; font-weight: 800; margin-top: 0; margin-bottom: 0; line-height: 100%; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: all 0.3s ease 0.05s; transition: all 0.3s ease 0.05s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .price-style-one .owl-item.active.center .theme-blue .price-amount, .price-style-five .item:hover .theme-blue .price-amount, .price-style-three .item:hover .pricing-table-item .price-amount, .price-style-five .owl-item.active.center .theme-blue .price-amount, .owl-item .featured-item .pricing-table-item.theme-blue .price-amount { color: #ffffff; } .price-style-one .owl-item.active.center .pricing-table-item { background-color: #232c3b; -webkit-transform: scale(1.16); transform: scale(1.16); z-index: 99; position: relative; } .price-style-one .owl-item.active.center .pricing-table-item .pricing-head, .price-style-one .owl-item.active.center .pricing-table-item .price-discription, .price-style-one .owl-item.active.center .pricing-table-item .price-title { color: #fff; } @media only screen and (max-width: 992px) { .price-style-one .owl-item.active.center .pricing-table-item { -webkit-transform: scale(1); transform: scale(1); } } .price-style-two .item:hover .pricing-table-item { background-color: #232c3b; -webkit-transform: scale(1.16); transform: scale(1.16); z-index: 99; position: relative; } .price-style-two .item:hover .pricing-table-item .pricing-head, .price-style-two .item:hover .pricing-table-item .price-discription, .price-style-two .item:hover .pricing-table-item .price-title { color: #fff; } @media only screen and (max-width: 992px) { .price-style-two .item:hover .pricing-table-item { -webkit-transform: scale(1); transform: scale(1); } } .price-style-five .item:hover .pricing-table-item, .price-style-three .item.featured-item .pricing-table-item, .price-style-three .item:hover .pricing-table-item, .price-style-five .item.featured-item .pricing-table-item { background-color: #232c3b; -webkit-transform: scale(1); transform: scale(1); z-index: 99; position: relative; } .price-style-five .item:hover .pricing-table-item .pricing-head, .price-style-five .item:hover .pricing-table-item .price-discription, .price-style-five .item:hover .pricing-table-item .price-title, .price-style-three .item.featured-item .pricing-table-item .pricing-head, .price-style-three .item.featured-item .pricing-table-item .price-discription, .price-style-three .item.featured-item .pricing-table-item .price-title, .price-style-three .item:hover .pricing-table-item .pricing-head, .price-style-three .item:hover .pricing-table-item .price-discription, .price-style-three .item:hover .pricing-table-item .price-title, .price-style-five .item.featured-item .pricing-table-item .pricing-head, .price-style-five .item.featured-item .pricing-table-item .price-discription, .price-style-five .item.featured-item .pricing-table-item .price-title { color: #fff; } .price-style-five .pricing-image { background-color: transparent; display: inline-block; font-size: 35px; padding: 0; margin-top: 0; margin-bottom: 45px; } .price-style-five .pricing-table-item { margin-top: 0; } @media only screen and (min-width: 992px) { .price-style-five .pricing-table-item { margin-bottom: 0; } } .price-style-two .pricing-table-item, .price-style-three .pricing-table-item { padding-bottom: 15px; border-radius: 5px; margin-bottom: 30px; padding: 0; border-radius: 5px; } .price-style-two .pricing-table-item .pricing-boat, .price-style-three .pricing-table-item .pricing-boat { margin-bottom: 35px; } .price-style-two .pricing-table-item .price-discription, .price-style-three .pricing-table-item .price-discription { padding: 0 20px; } .price-style-two .pricing-table-item .pricing-image, .price-style-three .pricing-table-item .pricing-image { margin-bottom: 30px; margin-top: 0; padding: 0; background-color: #f7f7f7; } .price-style-three .priceing-slider { margin-bottom: -30px; } @media only screen and (max-width: 992px) { .price-style-three .priceing-slider { margin-bottom: 0; } } .price-style-three .pricing-table-item { margin-top: 0; } .price-style-three .owl-item .featured .pricing-table-item { background-color: #232c3b; z-index: 99; position: relative; } .price-style-three .owl-item .featured .pricing-table-item .pricing-head, .price-style-three .owl-item .featured .pricing-table-item .price-discription, .price-style-three .owl-item .featured .pricing-table-item .price-title { color: #fff; } .price-style-four .item:hover .pricing-table-item { background-color: #232c3b; z-index: 99; position: relative; } .price-style-four .item:hover .pricing-table-item .pricing-head, .price-style-four .item:hover .pricing-table-item .price-discription, .price-style-four .item:hover .pricing-table-item .price-title { color: #ffffff; } .price-style-four .owl-item .featured .pricing-table-item { background-color: #232c3b; z-index: 99; position: relative; } .price-style-four .owl-item .featured .pricing-table-item .pricing-head, .price-style-four .owl-item .featured .pricing-table-item .price-discription, .price-style-four .owl-item .featured .pricing-table-item .price-title { color: #fff; } .padding .col-md-4 { margin-bottom: 80px; } /*-------------------------------------------------------------- ## mobile_app section --------------------------------------------------------------*/ .mobile-app-details .top-subtitle { font-size: 24px; font-family: inherit; font-weight: bold; margin-bottom: 0; color: #464646; } .mobile-app-details .title { font-size: 45px; font-weight: 900; margin-top: 0; margin-bottom: 0; } .mobile-app-details .subtitle { font-size: 36px; font-weight: 900; margin-top: 0; line-height: 1.45em; } @media only screen and (min-width: 1000px) { .mobile-app-details { max-width: 90%; } } @media only screen and (min-width: 767px) and (max-width: 992px) { .mobile-app-details { padding: 30px 0; } } .image-logo { margin-top: 30px; } .image-logo img { margin-right: 10px; } .app-location-link { margin-top: 30px; } .app-location-link a { margin-right: 10px; margin-bottom: 10px; display: inline-block; } .app-mokeup { margin-top: -66px; margin-bottom: -25px; } @media only screen and (max-width: 767px) { .app-mokeup { margin-top: 30px; } } .app-mokeup img { display: block; margin: auto; } .mobile-content { position: relative; } .mobile-content img { position: absolute; left: 0; top: -67px; } @media only screen and (max-width: 767px) { .app-block { padding: 30px 0 0; } } @media only screen and (max-width: 767px) { .app-block.mr-top-35 { margin-top: 0; } } @media only screen and (max-width: 767px) { .app-block .tb { display: block; } } @media only screen and (max-width: 767px) { .app-block .tb .tb-cell { display: block; } } /*-------------------------------------------------------------- ## footer section --------------------------------------------------------------*/ .footer-block { padding: 60px 0 0; background-repeat: no-repeat; background-position: center center; } .footer-block.blue-theme .widget .widget-title { color: #2e93e4; border-color: #2e93e4; } .footer-block.blue-theme .widget .button { background: #2e93e4; } .footer-block.blue-theme .widget.widget_menu ul li:before { background: #2e93e4; } .footer-block.blue-theme .widget.widget_hot_contact ul li i { color: #2e93e4; } .footer-block.blue-theme .widget.widget_newsletter .input-group-btn span { color: #2e93e4; } .footer-block.blue-theme .social-profile a:hover { color: #2e93e4; } .bg-black { background-color: #1d1d1f; } .footer-area.others .footer-content h3 { color: #303C6C; } .footer-area.others .footer-content h2 { color: #239B02; font-size: 28px; margin-bottom: 25px; } .footer-area.others .footer-content h2 a { position: relative; top: 5px; } .footer-area.others .footer-content span a { background-color: #303C6C; } .footer-area.others .list-content ul li a { color: #303c6c; } .footer-area.four { background-color: #FAFAFA; } .footer-block .widget { margin: 30px 0; } .footer-bottom-block { color: #6a6b6f; border-top: 1px solid #434343; padding-top: 15px; margin-top: 30px; } .footer-bottom-block .copyright { font-size: 14px; font-weight: 500; } @media only screen and (max-width: 767px) { .footer-bottom-block .copyright { margin-bottom: 15px; } } .social-profile { float: right; } @media only screen and (max-width: 767px) { .social-profile { float: none; margin-bottom: 15px; } } .social-profile .social-profole-title { color: #cbcaca; margin-right: 5px; font-weight: bold; font-family: "Exo", sans-serif; } .social-profile a { padding: 5px; } .social-profile a:hover { color: #ffcc00; } .footer-top-border .vehicle-multi-border:before { top: -12px; } /*-------------------------------------------------------------- # Scroll Top --------------------------------------------------------------*/ .topbutton { position: fixed; right: 30px; bottom: 30px; background: #ffffff; display: block; height: 45px; line-height: 47px; text-align: center; width: 45px; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.4); z-index: 99; opacity: 0; color: #1d1d1f; } @media only screen and (max-width: 600px) { .topbutton { right: 10px; } } .btn-show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .btn-hide { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Blog Single Page --------------------------------------------------------------*/ .single-content { background-color: #F7F7F7; } .single-content h4 { position: relative; top: 15px; } .single-content h4 a { margin-right: 10px; } .single-content h4 span { font-weight: normal; color: #605F5F; } .blog-single-block .blog-heading { text-align: center; } .blog-single-block .blog-heading h2 { font-size: 26px; font-weight: bold; } .blog-single-block.bolge { padding: 30px 0; } .color-black li a { color: #000 !important; } .single-blog { margin-top: 35px; } .entry-author .author-image { width: 60px; float: left; margin-right: 15px; } .entry-author .author-details { display: table-cell; } .entry-author .author-details .author-name { font-weight: 700; margin-top: 0; margin-bottom: 0; } .entry-author .author-details .author-designation { margin-bottom: 0; font-size: 13px; font-weight: 600; color: #999; } .single-main-content { padding: 45px; background-color: #fff; color: #636363; margin-top: 75px; margin-bottom: 45px; border-radius: 4px; overflow: hidden; } @media only screen and (max-width: 767px) { .single-main-content { padding: 30px; } } .single-main-content .entry-header .entry-title { font-size: 38px; font-weight: 800; color: #181818; margin-bottom: 30px; margin-top: 0; } .single-main-content .post-thumb { margin-bottom: 30px; } .single-main-content .single-post .entry-meta { color: #828282; font-size: 13px; letter-spacing: 0.015em; font-weight: 500; font-style: normal; display: block; overflow: hidden; margin-bottom: 25px; margin-top: 0 !important; padding-bottom: 0; } @media only screen and (max-width: 992px) { .single-main-content .single-post .entry-meta { margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } } .single-main-content .entry-meta > div { float: left; margin-right: 40px; } @media only screen and (max-width: 992px) { .single-main-content .entry-meta > div { margin-right: 15px; float: none; display: inline-block; margin-bottom: 15px; } } .single-main-content .entry-meta > div .meta-title { font-weight: 800; color: #181818; font-size: 18px; margin-bottom: 5px; font-family: "Exo", sans-serif; } @media only screen and (max-width: 992px) { .single-main-content .entry-meta .meta-title { display: none; } } @media only screen and (max-width: 992px) { .single-main-content .entry-meta .entry-date:before { content: "\f017"; font-family: FontAwesome; font-size: 16px; } } @media only screen and (max-width: 992px) { .single-main-content .entry-meta .entry-category:before { content: "\f07c"; font-family: FontAwesome; font-size: 16px; } } @media only screen and (max-width: 992px) { .single-main-content .entry-meta .entry-tag:before { content: "\f292"; font-family: FontAwesome; font-size: 16px; } } .blog-related-slider .post { margin-bottom: 0; } .single-post { margin-bottom: 0; } .entry-share .meta-name { font-weight: 700; } .entry-share a { padding: 10px; } .entry-share a i { color: #969696; font-size: 15px; } .entry-share a i:hover { color: #000; } .ralated-area .ralated-heading h2 { font-weight: 800; font-size: 26px; color: #363636; font-family: inherit; } .ralated-area .post-thumb img { width: 100%; } .bg-gray-color { background-color: #f7f7f7; } .related-blog { margin-bottom: 51px; } .blog-single-block .author-content { margin-bottom: 20px; } .blog-single-block .author-content .image { width: 60px; float: left; margin-right: 10px; } .blog-single-block .author-content .image img { border-radius: 5px; } .blog-single-block .author-content .entry-category { display: table-cell; } .blog-single-block .author-content .entry-category span { font-size: 18px; margin-top: 5px; display: block; font-weight: bold; } .blog-single-block .author-content .entry-category a { font-size: 13px; font-weight: bold; } .post.single-post { text-align: left; } .post.single-post .pd-5 { padding: 0px 0px 0 15px; } .post.single-post .entry-meta { border-bottom: 0; margin-top: 20px; } .post.single-post .entry-meta span { font-size: 18px; } .post.single-post .entry-meta a { font-size: 14px; } /*-------------------------------------------------------------- # Coming Soon Page --------------------------------------------------------------*/ /* =======commingsoon============ */ .commingsoon-content { padding: 105px 0 125px; } .commingsoon-content .commingsoon-image { margin-top: 75px; } @media only screen and (max-width: 1200px) { .commingsoon-content .commingsoon-image { margin-left: 0; } } .commingsoon-content .comming-heading { font-size: 60px; color: #ffffff; letter-spacing: 1px; text-transform: capitalize; font-family: inherit; font-weight: bold; margin-top: 0; } .commingsoon-content .comming-description { font-weight: 600; font-size: 16px; letter-spacing: 3px; margin-bottom: 30px; } .commingsoon-content .social-link a:hover { background-color: #ddd; color: #ffcc00; } .commingsoon-image img { display: block; margin: auto; } @media only screen and (max-width: 992px) { .commingsoon-image { margin-top: 0 !important; } } .commingsoon-count { margin: 15px 0 30px; text-align: center; } .commingsoon-count .timer-body-block { display: table; width: 100%; padding: 0 45px; } @media only screen and (max-width: 767px) { .commingsoon-count .timer-body-block { padding: 0; } } .commingsoon-count .timer-body-block > div { display: table-cell; } .commingsoon-count .timer-body-block > div .tab-val { font-size: 45px; font-weight: 900; line-height: 1em; font-family: "Exo", sans-serif; } @media only screen and (max-width: 767px) { .commingsoon-count .timer-body-block > div .tab-val { font-size: 45px; } } @media only screen and (max-width: 600px) { .commingsoon-count .timer-body-block > div .tab-val { font-size: 25px; } } .commingsoon-count .timer-body-block > div .tab-unit { font-size: 18px; font-weight: 500; text-transform: capitalize; } @media only screen and (max-width: 767px) { .commingsoon-count .timer-body-block > div .tab-unit { font-size: 15px; } } .social-link a { background-color: #ffcc00; padding: 9px; width: 35px; height: 35px; text-align: center; line-height: 17px; font-size: 19px; color: #fff; border-radius: 50%; margin-right: 10px; display: inline-block; } .social-link a .fa { font-size: 15px; } /*-------------------------------------------------------------- # Map Content --------------------------------------------------------------*/ .map-block .heading-content { margin-bottom: 20px; } .map-block .heading-content .subtitle { color: #232C3B; text-transform: capitalize; } .map-block .heading-content .title { margin-top: 15px; } .map-block iframe { width: 100%; } .map-block p { color: #535353; font-size: 20px; font-weight: 500; } /* ======.google-map-area ======= */ .google-map-area { position: relative; } .google-map-area .header-map-content { position: relative; } .google-map-area .header-map-content iframe { width: 100%; } @media only screen and (max-width: 767px) { .google-map-area .header-map-content iframe { height: 250px; } } .google-map-area .contact-style-one { padding: 30px 15px 15px; position: relative; } @media only screen and (min-width: 767px) { .google-map-area .contact-style-one { min-width: 270px; display: inline-block; position: absolute; right: 15%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } } .google-map-area .contact-style-one:before { content: ""; position: absolute; left: 0px; top: -12px; right: 0px; height: 12px; background-size: 30px; max-width: 150px; } .google-map-area .contact-style-one.contact-info-block .contact-title { font-weight: 800; font-size: 22px; margin-bottom: 0; } .google-map-area .contact-style-one.contact-info-block .contact-title .fa { font-size: 30px; margin-right: 15px; color: #fff; } .google-map-area .contact-style-one.contact-info-block .contact-info { margin-bottom: 0; font-weight: 700; margin-left: 40px; } .google-map-area .contact-style-one .contact { margin-bottom: 30px; padding: 0 30px; } .google-map-area .contact-style-one .contact p { font-size: 15px; color: #161616; line-height: 20px; font-family: "Exo", sans-serif; } .google-map-area .contact-style-one .social-icon { margin-left: 30px; margin-top: 15px; } .google-map-area .contact-style-one .social-icon a { display: inline-block; background: #333; color: #ffcc00; width: 30px; height: 30px; text-align: center; line-height: 32px; border-radius: 50px; margin-right: 5px; margin-bottom: 5px; } .google-map-area .contact-style-one.color-blue .fa-user { color: #2e93e4; } .google-map-area .contact-style-one.color-blue .social-icon i { color: #2e93e4; } .google-map-area .contact-style-one.color-blue .social-icon i:hover { color: #fff; background-color: #ffcc00; } .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow { background: #fff; padding: 30px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35); box-shadow: 0 0 15px rgba(0, 0, 0, 0.35); } @media only screen and (min-width: 992px) { .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow { position: absolute; right: 0; left: 0; margin: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; padding: 45px; } } @media only screen and (min-width: 992px) { .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row { margin: 0; } } .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row .advanced-search-btn i { margin-left: 0; } @media only screen and (min-width: 992px) { .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row button, .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row input[type="button"], .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row input[type="reset"], .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row input[type="submit"] { margin-right: 0; } } .header-map-content iframe { display: block; position: relative; /* IE needs a position other than static */ pointer-events: none; } .header-map-content iframe.clicked { pointer-events: auto; } /*-------------------------------------------------------------- # Category Style --------------------------------------------------------------*/ .filter-chack .chack-title { font-size: 20px; text-transform: capitalize; font-weight: bold; color: #4c4c4c; } .page-header { margin: 0; padding: 60px 0; text-align: center; } .page-header .page-title { color: #fff; font-weight: 800; font-size: 45px; margin-bottom: 0; line-height: 1.12em; margin-top: 0; } .page-header .page-title + .page-description { font-weight: bold; letter-spacing: 0.015em; margin-bottom: 0; color: #ffcc00; } .available-block .pricing-table-item.category { margin-top: 0; } @media only screen and (max-width: 767px) { .vehicle-category { float: none !important; } } .vehicle-category #vehicle-cat-list { background-color: #fff; padding: 12px 15px; font-weight: 600; border-radius: 5px; min-width: 150px; } @media only screen and (max-width: 767px) { .vehicle-category #vehicle-cat-list { width: 100%; margin-bottom: 30px; } } .vehicle-category.bg-gray #vehicle-cat-list { background-color: #f5f5f5; } .vehicle-sidebar { padding: 30px; overflow: hidden; border-radius: 5px; background: #ffffff; } .vehicle-sidebar .advance-search-query .form-title { font-weight: 800; margin-top: 0; font-size: 25px; } .vehicle-sidebar .advance-search-query .form-content label { color: #454545; font-family: "Exo", sans-serif; font-size: 18px; text-transform: capitalize; font-weight: 800; } .vehicle-sidebar .advance-search-query .form-content .input input, .vehicle-sidebar .advance-search-query .form-content .input select { margin-bottom: 10px; border-color: #ddd; height: 40px; } .vehicle-sidebar .advance-search-query .form-content .input i { color: #b3b3b3; right: 12px; top: 10px; } .vehicle-sidebar .advance-search-query .form-content .input-filter select { background-color: inherit; border: none; font-size: 24px; color: #232c3b; font-weight: 800; font-family: "Exo", sans-serif; margin-bottom: 20px; } .vehicle-sidebar .advance-search-query .form-content .input-filter select option { font-size: 15px; } .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer { overflow: hidden; margin-top: 30px; } .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer .advanced-search a { color: inherit; margin-left: 55px; } .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer button, .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer input[type="button"], .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer input[type="reset"], .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer input[type="submit"] { margin: auto; display: table; float: none; } .vehicle-sidebar .advance-search-query .advance-filters ul { padding: 0; list-style: none; } .vehicle-sidebar .advance-search-query .advance-filters ul.checkbox-content { padding-top: 10px; } .vehicle-sidebar .advance-search-query .advance-filters ul li { padding-bottom: 5px; } .vehicle-sidebar .advance-search-query .advance-filters ul li input[type="checkbox"] { display: none; } .vehicle-sidebar .advance-search-query .advance-filters ul li label { cursor: pointer; font-size: 14px; color: #949494; font-weight: 500; font-family: inherit; } .vehicle-sidebar .advance-search-query .advance-filters ul li input[type="checkbox"] + label:before { border: 2px solid #dddddd; content: "\00a0"; display: inline-block; font: 16px/1em sans-serif; height: 16px; height: 16px; margin: 0 10px 0 0; padding: 0; vertical-align: middle; width: 16px; background: #f7f7f7; } .vehicle-sidebar .advance-search-query .advance-filters ul li input[type="checkbox"]:checked + label:before { background: #fff; color: #333; content: "\2713"; text-align: center; } .vehicle-sidebar .advance-search-query .advance-filters ul li input[type="checkbox"]:checked + label:after { font-weight: bold; } .vehicle-sidebar .advance-search-query .filter-button { margin-top: 20px; } .vehicle-sidebar .advance-search-query .filter-button .button { border-radius: inherit; padding: 10px 28px; margin-right: 8px; display: inline-block; } .vehicle-sidebar .advance-search-query .filter-button .button:last-child { margin-right: 0; } .vehicle-sidebar .advance-search-query.search-query-two { background: #f5f5f5; padding: 45px; margin-bottom: 30px; } .vehicle-sidebar .advance-search-query.search-query-two .form-content label { font-size: 15px; } .vehicle-sidebar .advance-search-query.search-query-two .form-content .input { margin-bottom: 10px; } .vehicle-sidebar .advance-search-query.search-query-two .form-content .input input, .vehicle-sidebar .advance-search-query.search-query-two .form-content .input select { margin-bottom: 10px; border-color: #ddd; height: 48px; } .vehicle-sidebar .advance-search-query.search-query-two .form-content .input i { color: #ffcc00; right: 12px; top: 15px; } .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider { margin-bottom: 30px; margin-top: 30px; } .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content { border: 0 none !important; } .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content .ui-widget-header { background: #ffcc00; } .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content .ui-state-default, .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content .ui-widget-content .ui-state-default, .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content .ui-widget-header .ui-state-default { border: 0 none; background: #FF4818; } .vehicle-sidebar .advance-search-query.search-query-two .check-vehicle-footer .advanced-search { float: none; text-align: center; } .vehicle-sidebar .advance-search-query.search-query-two .check-vehicle-footer .advanced-search-btn { margin: 0 !important; } .vehicle-sidebar .advance-search-query.search-query-two .check-vehicle-footer .advanced-search-btn .fa { margin-left: 0; } .available-block .vehicle-thumbnail, .blog-block .vehicle-thumbnail { padding-bottom: 1px; } .available-block .vehicle-thumbnail img, .blog-block .vehicle-thumbnail img { width: 100%; } .available-block .available-title, .blog-block .available-title { margin-top: 0; font-weight: 800; } .available-block .category.pull-right .white-color, .blog-block .category.pull-right .white-color { background-color: #fff; } .available-block .category.pull-right > a, .blog-block .category.pull-right > a { height: 50px; padding: 3px 29px; vertical-align: middle; display: table-cell; background-color: #f7f7f7; color: #000000; border: 0 none; border-radius: 5px; font-weight: bold; text-align: center; text-transform: capitalize; } .available-block .category.pull-right > a i, .blog-block .category.pull-right > a i { margin-left: 5px; font-weight: bold; color: #b6b6b6; } .available-block .category.pull-right .dropdown-menu > li > a, .blog-block .category.pull-right .dropdown-menu > li > a { font-weight: 500; } .available-filter .form-group.small:after { display: none; } /*-------------------------------------------------------------- # Site Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 75px; } .page-content, .entry-summary { margin: 1.4em 0; } .page-links { clear: both; margin: 0 0 2.1em; } /*-------------------------------------------------------------- # Page Heading --------------------------------------------------------------*/ .header-title { text-align: center; margin-bottom: 30px; } .page-header { margin: 0; } /*-------------------------------------------------------------- # Post Meta --------------------------------------------------------------*/ .post-format { background: #ffffff; border-radius: 50%; height: 55px; line-height: 46px; margin: -24px auto -32px; position: relative; width: 55px; z-index: 10; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .entry-meta { color: #b3b3b3; font-size: 11px; letter-spacing: 0.04em; font-weight: bold; font-style: italic; } .entry-meta a { color: inherit; } /*-------------------------------------------------------------- # Post Format --------------------------------------------------------------*/ .post .post-thumb { overflow: hidden; clear: both; border-radius: 5px; } .post .post-thumb img { display: block; margin: auto; } .post .entry-footer { font-size: 13px; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .format-aside .entry-content { margin-bottom: 0; } .format-aside { border: 1px solid #f0f0f0; } .format-aside .entry-header .entry-title, .format-aside .entry-header .entry-meta, .format-aside .entry-footer { display: none; } .format-aside .post-format { border: 1px solid #f0f0f0; line-height: 54px; margin-top: -27px; } .format-aside .entry-content { padding: 15px 30px 30px; } .format-aside .entry-content p { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 30px; } .format-aside .entry-content .entry-meta { text-align: center; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .cancel-comment-reply-link { bottom: -2px; display: inline-block; left: 0.6em; position: relative; } .logged-in-as { margin-bottom: 0.7em !important; } .comments-area { padding: 40px 40px 5px; margin-bottom: 50px; } @media only screen and (max-width: 767px) { .comments-area { padding: 30px 30px 5px; } } .comments-area .comment-list, .comments-area .children { list-style: none; padding: 0; } .comments-area .comments-title { font-size: 26px; font-weight: 800; margin: 0; margin-bottom: 20px; } .comments-area .comments-title span { background: #ffffff; z-index: 10; position: relative; } .comments-area .comments-title span:before { margin-right: 10px; content: "\e603"; font-family: 'glimmer'; font-size: 15px; } .comments-area .comments-title span:after { margin-left: 10px; font-size: 15px; content: "\e600"; font-family: 'glimmer'; } .comments-area .comment-list { margin-bottom: 45px; border-top: none; } .comments-area .comment-body { overflow: hidden; margin-bottom: 45px; background: #ffffff; } .comments-area .comment-author img { float: left; margin-right: 20px; width: 80px; height: 80px; border-radius: 5px; } @media only screen and (max-width: 767px) { .comments-area .comment-author img { float: none; margin-right: 0; margin-bottom: 10px; width: 60px; height: 60px; } } .comments-area .date { display: block; font-size: 13px; color: #a0a0a0; margin-top: 0px; } .comments-area .comment-details { display: table-cell; vertical-align: top; } .comments-area .comment-details { overflow: hidden; } .comments-area .comment-content p { font-size: 15px; color: #787878; } .comments-area .comment-content p:last-of-type { margin-bottom: 15px; } .comments-area .comment-metadata { margin-bottom: 0.5em; color: #1d1d1f; } .comments-area .comment-metadata .author { font-size: 18px; font-weight: 800; font-family: "Exo", sans-serif; } .comments-area .comment-metadata .says, .comments-area .comment-metadata .comment-edit-link { color: #777; } .comments-area .children { margin-left: 108px; } .comments-area .comment-navigation { margin-bottom: 3.5em; } .comments-area .comment-navigation .nav-links .nav-previous { float: left; } .comments-area .comment-navigation .nav-links .nav-next { float: right; } .comments-area .comment-navigation .nav-links span { font-size: 18px; } .comment-respond { background-color: #fff; padding: 45px; margin-bottom: 30px; } .comment-respond .comment-reply-title { font-size: 1.25em; margin: 0 auto 30px; font-size: 26px; font-weight: 800; } .comment-respond p { margin-bottom: 1em; } .comment-respond .form-submit { margin-bottom: 0; } .comment-respond .pd-left { padding-left: 8px; } .comment-respond .pd-right { padding-right: 8px; } .comment-respond .comment-subscription-form { display: none; } .comment-respond input { font-size: 13px; color: #8c8c8c; border-bottom: 1px solid #dad2d2; width: 100%; } .comment-respond textarea { font-size: 13px; color: #8c8c8c; border-bottom: 1px solid #dad2d2; min-height: 150px; } .comment-respond #submit { padding: 15px 30px; margin-top: 15px; border-radius: 5px; color: #fff; font-weight: bold; text-transform: capitalize; } .comment-reply-link { padding: 10px 22px; font-size: 11px; line-height: normal; font-weight: 700; text-transform: uppercase; display: inline-block; background-color: #232C3B; color: white; border-radius: 5px; } input[type="checkbox"]::-ms-check { color: transparent; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { overflow: hidden; } .widget:last-child { border-bottom: none; } .widget select { width: 100%; border: 1px solid #ebebeb; padding: 0.4em 0.8em; outline: none; } .widget ul, .widget ol { margin: 0; padding: 0; list-style: none; } .widget .widget-title-area { position: relative; } .widget .widget-title { margin-top: 0; } .widget pre { padding: 0.5em; } .widget label { margin-bottom: 0; display: inline; } .widget option { padding: 0.2em 1em; } .widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea { padding: 0.5em 1em; } .widget input[type="text"]:focus, .widget input[type="email"]:focus, .widget input[type="url"]:focus, .widget input[type="password"]:focus, .widget input[type="search"]:focus, .widget textarea:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .widget .expand-margin.widget-title { cursor: pointer; } .widget .expand-margin.widget-title:after { content: "\f067"; font-family: FontAwesome; position: absolute; right: 15px; width: 30px; height: 30px; border: 2px solid; text-align: center; font-size: 15px; border-radius: 50px; line-height: 28px; } .widget .expand-margin.expand.widget-title:after { content: "\f068"; } .blog-content-right { padding: 30px; } .blog-content-right .widget { margin-bottom: 45px; } .blog-content-right .widget:last-of-type { margin-bottom: 0; } .blog-content-right .widget .widget-title { font-size: 24px; margin-bottom: 25px; font-weight: 800; border-bottom: 0 none; padding-bottom: 0; color: #ffcc00; } @media only screen and (max-width: 992px) { .blog-block .blog-content-right { margin-bottom: -102px; margin-top: 30px; } } @media only screen and (max-width: 992px) { body.single .blog-content-right { margin-bottom: -60px; } } .footer-area .widget { background: transparent; } .yellow-color .button { background-color: #ffcc00; } .yellow-color.widget.widget_place_category ul li a { color: #ffcc00; } .nevy-color .button { background: #232C3B; } .nevy-color.widget.widget_place_category ul li a { color: #232C3B; } .widget.apartments_ads { padding: 0; } .widget-top { margin-top: 6px; } .footer-block .widget .widget-title { font-size: 24px; padding-bottom: 0px; margin-bottom: 30px; font-weight: 800; border-left: 5px solid; padding-left: 15px; letter-spacing: 0.020em; } .widget_hot_contact ul li { line-height: 35px; } .widget_hot_contact ul li a { color: #ececec; } .widget_hot_contact ul li i { color: #ffcc00; margin-right: 15px; } /*-------------------------------------------------------------- # Widgets Content --------------------------------------------------------------*/ .widget_rental_search { margin-bottom: 30px; } .widget_rental_search .advance_search_query { z-index: 9; position: relative; } .widget_rental_search .form-content { display: block; } .widget_rental_search .form-content .form-group { display: block; } .widget_rental_search .form-content .form-group.small { display: inline-block; width: 45%; } .widget_rental_search .form-content .button { float: none; } .widget_tagcloud .tagcloud a { border: 1px solid #777777; display: block; color: white; float: left; font-size: 12px !important; font-weight: 600; line-height: 1.4em !important; margin-bottom: 5px; margin-right: 5px; padding: 6px 17px; position: relative; text-decoration: none; white-space: nowrap; letter-spacing: 0.05em; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .widget_tagcloud .tagcloud a:hover { color: white; background-color: #ffcc00; border: 1px solid #ffcc00; } .widget_popular_posts .post-content { margin-bottom: 20px; border-bottom: 1px solid #4c4c4c; padding-bottom: 20px; } .widget_popular_posts .post-content:last-child { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; } .widget_popular_posts .image-content { margin-right: 15px; float: left; width: 75px; height: 75px; } .widget_popular_posts .image-content img { width: 100%; height: 100%; } .widget_popular_posts .post-info { display: table-cell; } .widget_popular_posts .post-info .widget-post-title { font-size: 18px; margin-top: 0; margin-bottom: 5px; color: #ffffff; font-weight: bold; font-family: "Exo", sans-serif; } .widget_popular_posts .post-info .post-date { font-size: 12px; font-weight: 500; color: #b7b7b7; } .widget_categories ul { list-style: none; margin: 0; padding: 0; } .widget_categories ul li { color: #fff; line-height: 35px; border-bottom: 1px solid #4c4c4c; margin-bottom: 20px; font-weight: bold; } .widget_categories ul li:last-child { margin-bottom: 0; border-bottom: 0; } .widget_categories ul li span { float: right; } .widget_categories ul li:hover { color: #3FB476; } .widget_advertisement { padding: 0; } .widget-about-content img { width: auto; display: block; margin-bottom: 30px; } .widget-about-content p { font-size: 16px; color: #cbcaca; } .widget-about-content .button { margin-left: 0; border-radius: 5px; padding: 10px 40px; display: inline-block; font-size: 16px; } .photo-gallery-content li { float: left; width: 105px; height: 95px; border-radius: 3px; margin-right: 3px; margin-bottom: 3px; overflow: hidden; } .photo-gallery-content li img { width: 100%; height: 100%; } .widget.widget_menu ul { margin-left: 35px; margin-top: -8px; } .widget.widget_menu ul li { line-height: 45px; position: relative; font-family: "Exo", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.025em; } .widget.widget_menu ul li a { color: #ececec; } .widget.widget_menu ul li:before { position: absolute; left: -30px; top: 21px; width: 20px; height: 3px; content: ""; background-color: #ffcc00; } .widget_newsletter label { font-size: 16px; font-weight: normal; color: #ececec; margin-bottom: 15px; display: block; } .widget_newsletter .form-controller { background-color: #393939 !important; } .widget_newsletter input { border: none; border-radius: 5px 0 0 5px; padding: 15px 0 15px 15px !important; color: #fff; height: 50px; } .widget_newsletter .input-group-btn .btn-primary { padding: 17px 14px; background: #393939; border-radius: 0 5px 5px 0; border: none; height: 50px; } .widget_newsletter .input-group-btn span { color: #ffcc00; } /*-------------------------------------------------------------- ## About Page --------------------------------------------------------------*/ /* ---------about----------- */ .about-main-content .about-heading-content { text-align: center; margin-bottom: 30px; margin-top: 60px; } .about-main-content .about-heading-content .about-title { font-weight: 900; font-size: 45px; margin-bottom: 0; line-height: 1em; } .about-main-content .about-heading-content .about-subtitle { font-size: 16px; font-weight: bold; color: #676565; } .about-main-content .about-title-two { margin-left: 15px; font-size: 60px; color: #3d4348; font-weight: bold; margin-bottom: 35px; } @media only screen and (max-width: 991px) { .about-main-content .about-title-two { font-size: 45px; margin-bottom: 30px; margin-left: 15px; } } .about-main-content .about-content-left .about-details { font-size: 20px; font-family: inherit; margin-top: 0; line-height: 28px; font-weight: 500; color: #4b4b4b; } /*-------------------------------------------------------------- ## Contact Page --------------------------------------------------------------*/ .contact-page .header-title { margin-bottom: 30px; } .contact-page .sub-heading { font-weight: 400; width: 50%; margin: 1.4em auto 0; line-height: 1.6em; } .contact-page .title { font-style: italic; font-weight: bold; font-size: 1.25em; } .contact-page #gmaps { height: 412px; background: #f7f7f7; } .contact-page #address-main { margin: auto auto 45px; text-align: center; width: 35%; } .contact-page #address-main:before { background: #f0f0f0; content: ""; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; margin-top: -22px; } .contact-page #address-main span { background: #ffffff; display: inline-block; padding: 0 15px; position: relative; word-spacing: 2px; } .contact-page .contact-details { padding-top: 60px; } .contact-page .post img, .contact-page .page img { max-width: none; } .contact-page .entry-content { margin-top: -6px; position: relative; } .contact-page .entry-content:after { background: #f0f0f0; content: ""; height: 150px; position: absolute; right: -50px; top: 0; width: 1px; } .contact-page #contact-info h4 { border-bottom: 1px solid #f0f0f0; padding-bottom: 0.8em; margin-bottom: 1.3em; margin-top: 0; font-weight: bold; font-size: 1em; } .contact-page #contact-info .dl-horizontal dd { margin-bottom: 15px; margin-left: 70px; margin-right: 0; } .contact-page #contact-info .dl-horizontal dt { text-align: left; width: 60px; } .contact-page #contact-info dl { margin-bottom: -7px; } .contact-page #contact-form-wrap { margin-top: 45px; } .contact-page .padding-left { padding-left: 0.5em; } .contact-page .padding-right { padding-right: 0.5em; } .contact-page .padding-left-right { padding: 0 0.5em; } .contact-page .contact-respond { margin-top: 30px; } .contact-page .contact-respond p { margin-bottom: 1em; } .contact-page .contact-respond .form-submit { margin-bottom: 0; } .contact-page #name, .contact-page #email, .contact-page #subject { height: 45px; } .contact-page span.wpcf7-not-valid-tip { color: #df2626; display: block; font-size: 0.8em; margin-bottom: -10px; margin-left: 4px; margin-top: 3px; } .contact-page div.wpcf7-validation-errors { border: 1px solid #efdf35; color: #df2626; } .contact-page div.wpcf7-mail-sent-ng { border: 1px solid #df2626; } .contact-page div.wpcf7-response-output { padding: 0.4em 1em; margin: 0; } .contact-page .wpcf7-mail-sent-ok { border-width: 1px; } /* =========contactus============ */ .contact-us-area { padding: 40px 0 106px; } .contact-us-area .contact h4 { font-size: 24px; color: #0E385D; font-weight: 800; } .contact-us-area .contact h4 i { color: #ffcc00; font-size: 30px; margin-right: 10px; } .contact-us-area .contact h4 .fa-user { background-color: #0E385D; border-radius: 50%; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 36px; } .contact-us-area .contact p { color: #414141; font-weight: bold; letter-spacing: 0.025em; margin-bottom: 45px; } .contact-us-area .contact .social-icon { margin-top: 20px; } .contact-us-area .contact .social-icon i { background-color: #515151; padding: 9px; width: 35px; height: 35px; text-align: center; line-height: 17px; font-size: 19px; color: #fff; border-radius: 50%; margin-right: 5px; } .contact-us-area .heading-content { text-align: center; margin-bottom: 50px; } .contact-us-area .heading-content .title { font-size: 60px; color: #232C3B !important; } .contact-us-area .contact-us-content-right { text-align: center; } @media only screen and (max-width: 992px) { .contact-us-area .contact-us-content-right { margin-top: 30px; } } .contact-us-area .contact-us-content-right .from-title { margin-top: 0; font-weight: 800; color: #232c3b; } .contact-us-area .contact-us-content-right i { font-size: 60px; position: relative; top: 30px; color: #ffcc00; } .input-content { border: 1px solid #DDDDDD; padding: 50px; border-radius: 10px; background-color: #FAFAFA; } .input-content h4 { font-size: 24px; text-align: center; margin-bottom: 45px; font-weight: 800; color: #232c3b; } .input-content input { border: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #DDDDDD; border-radius: 0; float: left; margin-bottom: 30px; padding: 10px 0; margin-right: 50px; color: #8c8c8c; font-size: 15px; background-color: #FAFAFA; } .input-content input:nth-of-type(3) { width: 100%; } .input-content input:nth-of-type(2) { margin-right: 0; } @media screen and (max-width: 990px) { .input-content input { width: 100%; } } .input-content textarea { border: none; border-bottom: 1px solid #dddddd; color: #8c8c8c; margin-top: 50px; float: left; width: 100%; margin-bottom: 40px; font-size: 15px; background-color: #FAFAFA; } .input-content .subimt-button { margin: auto; display: table; } .input-content .subimt-button .submit { padding: 15px 60px; color: #fff; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; margin: auto; border-radius: 5px; background-color: #ffcc00; } .oddRow { background-color: #000; } /*-------------------------------------------------------------- ## 404 Page --------------------------------------------------------------*/ /* =======404============ */ .page-header.pd-404 { padding: 120px 0 130px; } .page-header.pd-404 .col-md-6 { margin: auto; display: table; float: none; } .page-header.pd-404 .main-content { position: relative; } @media only screen and (min-width: 540px) { .page-header.pd-404 .main-content .text-content { position: absolute; right: 45px; bottom: 40px; } } @media only screen and (max-width: 539px) { .page-header.pd-404 .main-content .text-content { text-align: center; } } .page-header.pd-404 .main-content .text-content h3 { font-weight: 900; font-size: 30px; } .page-header.pd-404 .main-content .text-content a { border-radius: 5px; float: right; text-transform: uppercase; } @media only screen and (max-width: 539px) { .page-header.pd-404 .main-content .text-content a { float: none; } } @media only screen and (max-width: 539px) { .page-header.pd-404 .main-content .text-content .button { overflow: hidden; margin: 30px auto 0; display: table; } } .error-page-area .default-pd-center { text-align: inherit; } .error-page-area .default-pd-center .error-text-content { margin: auto; display: table; } .error-page-area .default-pd-center .error-text-content h2 { font-weight: bold; color: #FDE953; margin-top: 0; } .error-page-area .default-pd-center .error-text-content p { font-size: 24px; color: #fff; margin-top: -10px; } /*-------------------------------------------------------------- ## Site Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Comment and Contact Form Responsive --------------------------------------------------------------*/ @media only screen and (max-width: 991px) { #contact_form .form-submit { margin-bottom: 0; } .comment-respond .pd-right { padding-right: 15px; } .comment-respond .pd-left { padding-left: 15px; } .contact-respond .padding-right { padding-right: 0; padding-left: 0; } .contact-respond .padding-left-right { padding-right: 0; padding-left: 0; } .contact-respond .padding-left { padding-left: 0; padding-right: 0; } #contact-form-wrap .col-md-12 { padding: 0; } } @media only screen and (max-width: 768px) { .children { margin-left: 40px !important; } } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .never ending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-summary .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; border: none; } .format-audio iframe { width: 100%; overflow: hidden; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.4em 0; font-size: 0.9em; font-style: italic; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ /* -------------------------------------------------------------- # WordPress Default Gallery -------------------------------------------------------------- */ .gallery { margin-bottom: 1.5em; margin-left: -10px; margin-right: -10px; } .gallery-item { float: left; text-align: center; vertical-align: top; width: 100%; margin-bottom: 30px; padding: 0 10px; } @media only screen and (max-width: 560px) { .gallery-item { max-width: 100% !important; } } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* -------------------------------------------------------------- # Post-gallery One -------------------------------------------------------------- */ .gallery-one .owl-controls, .corousel-gallery-content .full-view .owl-controls { margin: 0; padding: 0; } .gallery-one .owl-controls .owl-nav div, .corousel-gallery-content .full-view .owl-controls .owl-nav div { display: block !important; position: absolute; background: #ffffff; width: 40px; height: 40px; text-align: center; line-height: 37px; top: 50%; font-size: 25px; margin: auto; border-radius: 2px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .gallery-one .owl-controls .owl-nav .owl-prev, .corousel-gallery-content .full-view .owl-controls .owl-nav .owl-prev { left: 10px; } .gallery-one .owl-controls .owl-nav .owl-next, .corousel-gallery-content .full-view .owl-controls .owl-nav .owl-next { right: 10px; } .gallery-one .item { text-align: center; } .gallery-one .item img { margin: auto; height: auto; width: 100%; display: block; vertical-align: middle; } /* -------------------------------------------------------------- # Post-gallery Two -------------------------------------------------------------- */ .corousel-gallery-content .full-view .item { text-align: center; } .corousel-gallery-content .full-view .item img { margin: auto; height: auto; width: 100%; display: block; vertical-align: middle; } .corousel-gallery-content .list-view { margin-top: 10px; } .corousel-gallery-content .list-view .item { cursor: pointer; } .corousel-gallery-content .list-view .item > img { vertical-align: middle; } .corousel-gallery-content .list-view .owl-item.active { cursor: pointer; position: relative; z-index: 0; } .corousel-gallery-content .list-view .owl-item.active:before { border-color: #ffffff transparent transparent; border-style: solid; border-width: 10px 10px 0; content: ""; height: 0; left: 0; margin: 0 auto; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; visibility: hidden; width: 0; z-index: 1; } .corousel-gallery-content .list-view .owl-item.active.current::before { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- # gallery-area --------------------------------------------------------------*/ .gallery-area { padding: 100px 30px; } .gallery-area .gallery-left-content .col-md-4 { padding: 5px; } .gallery-area h2 { font-size: 60px; color: #232C3B; margin-top: 20px; font-weight: bold; line-height: 1.1em; } .gallery-area h2 + .button { margin-top: 30px; } @media screen and (max-width: 990px) { .gallery-area h2 { font-size: 60px; } } @media screen and (min-width: 1400px) { .gallery-area h2 { font-size: 90px; } } .gallery-area h3 { font-size: 24px; font-weight: bold; color: #525252; margin-top: 20px; margin-bottom: 18px; } .gallery-area .gallery-right-content { padding: 0 15px; } /* ===========gallery04======= */ @media screen and (max-width: 767px) { .gallery-area.four .gallery-left-content .button { float: none; } } @media screen and (max-width: 990px) { .gallery-area.four .gallery-left-content { margin-top: 50%; } } @media screen and (max-width: 767px) { .gallery-area.four .gallery-left-content { margin-bottom: 70px; text-align: center; margin-top: 0; } } .gallery-area.four .gallery-left-content h2 { font-size: 60px; background: linear-gradient(330deg, #1136bb 0%, #019047 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.2em; margin-top: 0; font-family: inherit; font-weight: bold; } .gallery-area .gallery-slider > div.owl-controls > div.owl-nav > div { position: absolute; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height: normal; padding: 0px 15px; font-size: 35px; border-radius: 50%; color: #000; left: -50px; } .gallery-area .gallery-slider > div.owl-controls > div.owl-nav > div.owl-prev i { position: relative; top: 40px; font-weight: bold; background: linear-gradient(330deg, #1136bb 0%, #019047 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gallery-area .gallery-slider > div.owl-controls > div.owl-nav > div.owl-next i { font-weight: bold; background: linear-gradient(330deg, #1136bb 0%, #019047 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gallery-heading .gallery-title { font-size: 36px; font-weight: bold; margin-bottom: 20px; } .gallery-image-content { position: relative; margin-bottom: 30px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .gallery-image-content img { width: 100%; height: 170px; } .gallery-image-content .overlay-background { -webkit-transition: opacity 0.5s ease-in-out 0s; transition: opacity 0.5s ease-in-out 0s; position: absolute; top: 0; width: 100%; height: 100%; left: 0; background-color: rgba(156, 156, 152, 0.64); bottom: 0; right: 0; text-align: center; opacity: 0; } .gallery-image-content .overlay-background a { width: 100%; height: 100%; display: block; } .gallery-image-content .overlay-background a i { position: absolute; top: 40%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 30px; } .gallery-image-content .overlay-background .video-popup i { top: 30%; } .gallery-image-content .overlay-background .video-popup span { position: absolute; top: 50%; -webkit-transform: translateY(50% 50%); transform: translateY(50% 50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 20px; font-weight: bold; } .gallery-image-content:hover .overlay-background { opacity: 1; width: 100%; } .photo-gallery-area { padding: 20px 0 60px; } body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 2; /* Sit on top */ left: 0; top: 0; max-width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ -webkit-animation-name: fadeIn; /* Fade in the background */ -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s } /* Modal Content */ .modal-content { position: relative; /*top: 100px;*/ /*left: 10%;*/ z-index: 2; margin: 100px auto; background-color: #fefefe; max-width: 500px; -webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s } /* The Close Button */ .close { color: #fff; background: #000; width: 25px; height: 25px; float: right; padding-left: 5px; padding-right: 5px; font-size: 1.5em; margin-top: 10px !important; margin-bottom: 10px; font-weight: bold; } .close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; } .modal-header { padding: 2px 10px; background-color: #e91e22; color: white; } .modal-header h4{ display: inline-block; font-weight: 600; color: #fff; } .modal-body {padding: 2px 16px;} .modal-body .head{ font-weight: 600; color: #000; text-align: center; } .modal-body p{ text-align: center; } .modal-body .call{ color: rgb(233, 30, 34); font-weight: 600; text-align: center; -webkit-animation-name: zoomOut; -webkit-animation-duration: 0.4s; -webkit-animation-iteration-count: infinite; animation-name: zoomOut; animation-duration: 0.8s; animation-iteration-count: infinite; } /* Add Animation */ @-webkit-keyframes zoomOut { 0%,100% {transform: scale(1);} 50% {transform: scale(1.1);} } @keyframes zoomOut { 0%,100% {transform: scale(1);} 50% {transform: scale(1.1);} } @-webkit-keyframes slideIn { from {margin-top: -300px; opacity: 0} to {margin-top: 100px; opacity: 1} } @keyframes slideIn { from {margin-top: -300px; opacity: 0} to {margin-top: 100px; opacity: 1} } @-webkit-keyframes fadeIn { from {opacity: 0} to {opacity: 1} } @keyframes fadeIn { from {opacity: 0} to {opacity: 1} }