/* Theme Name: ok2go Description: Theme for Rakreed Author: Your-Plans.Com Template: paradiz Version: 2.0.0 */ html::-webkit-scrollbar { width: 8px; height: 8px; } html::-webkit-scrollbar-thumb { background: #868686; border-radius: 60px; } html::-webkit-scrollbar-track { background: #d2d2d2; border-radius: 60px; } ul.ui-timepicker-viewport::-webkit-scrollbar { width: 8px; height: 8px; } /* ul.ui-timepicker-viewport::-webkit-scrollbar-thumb { background: #868686; border-radius: 60px; } ul.ui-timepicker-viewport::-webkit-scrollbar-track { background: #d2d2d2; border-radius: 60px; } */ #select-book input::-webkit-input-placeholder { /* Edge */ color: #000; } #select-book input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } #select-book input::placeholder { color: #000; } ::selection { background: #1ab9c4; color: #fff; } ::-moz-selection { background: #1ab9c4; color: #fff; } a, button, input, textarea{ transition: all ease-in-out 450ms !important; -webkit-transition: all ease-in-out 450ms !important; -o-transition: all ease-in-out 450ms !important; -moz-transition: all ease-in-out 450ms !important; } button, a { font-family: Roboto, sans-serif; font-weight: 600; } input:focus { background: #f0f0f0; } select { width: 100%; padding: 12px 8px; border: 1px solid #acacac; -webkit-appearance: none; border-radius: 0!important; background: #FFF; } body, p, input, textarea, button, option, select, a.ui-corner-all,h1,h2,h3,h4,h5,h6 { font-family: "Roboto", Sans-serif !important; } /*home*/ .tab-book .elementor-tab-title.elementor-tab-desktop-title { background: #1ab9c4; padding: 25px 55px; color: #000 !important; } .tab-book .elementor-tab-title.elementor-tab-desktop-title.elementor-active { color: #000000 !important; } #tab-book .elementor-tabs-content-wrapper { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); } .tab-book .elementor-tab-title.elementor-tab-desktop-title { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); } .col-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0.5em 1em; } .col-grid .sec:nth-child(1) { grid-column: 1/span 2; } .col-grid .sec:nth-child(2) { grid-column: 3/span 2; } .sec:nth-child(7) { grid-column: 1/span 4; display: flex; align-items: center; } .col-grid .sec input,.col-grid .sec select,.address-confirm input, .address-confirm textarea, .discount-code input { width: 100%; padding: 12px 8px; border: 1px solid #acacac; } .col-grid .sec:nth-child(7) input { width: auto; margin-right: 10px; } .sec:nth-child(7) p { margin-bottom: 0; } div#book-around,#book-around2 { grid-column: 1/span 4; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 0.5em 1em; } .sec-one { grid-column: 1/ span 2; } .sec-two { grid-column: 3/ span 1; } .tab-book .elementor-tab-content { padding: 1.5em 1.5em 1.5em; } .sec-submit { grid-column: 1/ span 4; text-align: right; } .btn-search { background: #1ab9c4; border: 0px; padding: 10px 30px; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2); font-weight: 500; font-size: 18px; cursor: pointer; /* color: #fff; */ } .btn-search:hover { box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.33); transform: translateY(-8px); } .tab-book .elementor-tab-title { padding: 20px 25px !important; } #book-around.addMargin, #book-around2.addMargin { margin-bottom: 0.5em; } .col-grid .sec p { font-weight: 600; } .object_form .elementor-widget-wrap { justify-content: center; } div#info { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; } .box_contact .caldera-grid .form-control { height: 45px; border: 1px solid #a4a4a4; } .box_contact .caldera-grid input[type=submit] { color: #fff; background-color: #1ab9c4; border-color: #1ab9c4; padding: 10px 15px 7px; font-size: 16px; border-radius: 0; } .caldera-grid .row { margin-left: 0 !important; margin-right: 0 !important; } .image_tab img.attachment-large.size-large { height: 200px; width: auto; } .gellry_c img.attachment-thumbnail.size-thumbnail { width: 100% !important; } .bottom_footer p { margin-bottom: 0; } .mb_hero { display: none; } /* .squaredFour */ /* Base for label styling */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.5em; height: 1.5em; border: 1px solid #ccc; background: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); transition: all ease-in-out 350ms; } /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '\2713\0020'; position: absolute; top: .15em; left: .22em; font-size: 1.3em; line-height: 0.8; color: #09ad7e; transition: all ease-in-out 350ms; font-family: 'Roboto', Arial; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); transition: all ease-in-out 350ms; } [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); transition: all ease-in-out 350ms; } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; transition: all ease-in-out 350ms; } [type="checkbox"]:disabled:checked + label:after { color: #999; transition: all ease-in-out 350ms; } [type="checkbox"]:disabled + label { color: #aaa; transition: all ease-in-out 350ms; } /* accessibility */ [type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { /* border: 2px dotted blue; */ } /* hover style just for information */ label:hover:before { border: 1px solid #ffde01 !important; transition: all ease-in-out 350ms; } /* end .squaredFour */ /*book*/ .big-area { display: grid; grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) ); grid-gap: 2em; padding-bottom: 5em; padding-top: 4em; } .c-1 { grid-column: span 1; } .c-2 { grid-column: span 2; } .c-3 { grid-column: span 3; } .c-3 section.elementor-element { padding-top: 0 !important; } .container { max-width: 1140px; margin: 0 auto; } .loop-book { display: grid; grid-gap: 2em; } .article-taxi { padding: 2em 1.5em; box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); display: grid; grid-template-columns: repeat( auto-fit, minmax(135px, 1fr) ); transition: all ease-in-out 350ms; grid-gap: 1em; background: #fff; } .article-taxi .image { grid-column: span 1; } .article-taxi .detail { grid-column: span 2; position: relative; display: grid; grid-gap: 1em; } .article-taxi:hover { background: #ffde01; } .article-taxi .detail h3 { font-weight: bold; margin-bottom: 0; } .name-box { display: flex; justify-content: space-between; align-items: center; } .m-popular { background: #dc123f; color: #fff; padding: 5px 10px; border-radius: 50px; } .m-popular p { font-size: 12px; margin-bottom: 0; } .m-popular p i { font-size: 17px; } .list-op { display: flex; } .bags { padding-left: 1em; } .list-op p { margin-bottom: 0; } .check-op ul { padding: 0; margin: 0; display: grid; grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) ); grid-gap: 0.5em; } .check-op ul li { list-style: none; } .look-book h4 { margin-bottom: 0; font-size: 24px; font-weight: 600; } .look-book { display: flex; justify-content: space-between; border-top: 1px solid #ccc; padding-top: 1.5em; } .btn-book { padding: 10px 20px; background: #1ab9c4; color: #fff; font-weight: bold; } .btn-book:hover { color: #fff; } .btn-book i { font-size: 25px; padding-right: 3px; } .pop-line { border: 3px solid #de223c; } .head-c h2 { margin-bottom: 1em; font-weight: 600; font-size: 27px; } .site-main-book { /* background: url(/wp-content/uploads/2019/09/Asset-1take-1.png); */ background-size: 500px; background-repeat: no-repeat; background-position: bottom right; } .content-book { background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23cccccc' fill-opacity='0.16'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /*sidebar-book*/ .box-cart { padding: 1.3em; background: #1b252f; box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); color: #fff; border-bottom: 5px solid #ffde01; display: grid; grid-gap: 0.7em; } .sec-cart.sec-km { padding-top: 0.5em; padding-bottom: 0.5em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .two-sec-cart { display: grid; grid-template-columns: repeat(2, 1fr); } .two-sec-cart p { margin-bottom: 0; } .box-cart p { margin-bottom: 0; } .sec-cart.sec-km p { font-size: 18px; font-weight: 500; line-height: 1.8; } .big-box-cart { position: relative; } .edit-book { position: absolute; right: 20px; top: 21px; } .edit-book a { background: #ffde01; color: #1b252f; padding: 5px 15px; border-radius: 50px; font-weight: bold; } .edit-book a:hover { background: #ceb300; } .address-confirm input[type="text"], .address-confirm input[type="email"], .address-confirm select#selectnumber { width: 100%; padding: 10px; } form.address-confirm { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.5em 1em; background: #fff; padding: 2em 1.3em; box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); border-bottom: 5px solid #ffde01; } .clearfix:after, .clearfix:before, .container:after, .container:before, form:after, form:before{ content: unset; } .address-confirm fieldset.form-group:nth-child(1), .address-confirm fieldset.form-group:nth-child(7), .address-confirm fieldset.form-group:nth-child(8), .address-confirm fieldset.form-group:nth-child(9) { grid-column: span 4; } .address-confirm fieldset.form-group:nth-child(2), .address-confirm fieldset.form-group:nth-child(3) { grid-column: span 2; } .address-confirm fieldset.form-group:nth-child(4) { grid-column: span 2; } .address-confirm fieldset.form-group:nth-child(5), .address-confirm fieldset.form-group:nth-child(6) { grid-column: span 1; } form.address-confirm textarea { width: 100%; } .main-side { display: grid; grid-template-columns: 2fr 3fr; grid-gap: 1em; align-items: start; } .btn-submit { background: #1ab9c4; border: 0px; padding: 10px 30px; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2); font-weight: 500; font-size: 18px; cursor: pointer; color: #fff; border-radius: 50px; float: right; text-transform: uppercase; } .address-confirm label { font-weight: bold; } /*book 3*/ .big_payment { padding: 2em 1.5em; box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); display: grid; grid-gap: 1em; background: #fff; position: relative; } .pay-button { position: absolute; right: 1.5em; bottom: 2em; } .payment .box-payment { display: grid; grid-template-columns: 1fr 1fr; border: 2px solid #1ab9c4; grid-gap: 1em; border-radius: 8px; background: #1ab9c4; } .box-payment .inside:nth-child(1) { background: #1ab9c4; color: #fff; } .box-payment .inside:nth-child(2) { text-align: right; background: #fff; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .box-payment .inside { padding: 1em 1.5em; } .box-payment .inside h2, .box-payment .inside h3 { margin-bottom: 0; font-family: Roboto, sans-serif; font-size: 24px; } .btn-submit:hover { box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.32); } .discount-code .inside { display: grid; grid-template-columns: 2fr 1fr; width: 350px; } .discount-code .inside button { background: #ffde01; border: 0; font-weight: bold; border-top-right-radius: 8px; border-bottom-right-radius: 8px; cursor: pointer; } .discount-code .inside input { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border: 0px; background: rgb(232, 232, 232); } form#discount_form { margin-bottom: 0; } div#detail-result p { display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .detail-result { /* width: 400px; */ border: 1px solid #ccc; padding: 1em; /* margin: 15px auto; */ border-radius: 8px; } a#viewmap{ color: #1ab9c4; float: right; } /* .doesitwork .elementor-icon-box-icon { display: none; } */ #hero_page{ background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23cccccc' fill-opacity='0.16'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /*load page*/ .load { position: absolute; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; } .load hr { border: 0; margin: 0; width: 30px; height: 30px; position: absolute; border-radius: 50%; animation: spin 2s ease infinite; } .load :first-child { background: #1ab9c4; animation-delay: -1.5s; } .load :nth-child(2) { background: #f63d3a; animation-delay: -1s; } .load :nth-child(3) { background: #ffde01; animation-delay: -0.5s; } .load :last-child { background: #272525; } .sec_load { padding: 40vh 0; } /*alert*/ .form-control-feedback { background: #D32F2F; padding: 5px 15px; border-radius: 50px; display: inline-block; color: #fff; font-family: Roboto, sans-serif; margin-top: 13px; font-size: 14px; } form .has-warning input, form .has-warning textarea, form .has-warning textarea, form .has-warning select { border-color: #e16f6f; } .discout-payment { display: flex; justify-content: space-between; } h4.alert_coupon { color: #E53935; margin-top: 1em; } @keyframes spin { 0%, 100% { transform: translate(0); } 25% { transform: translate(160%); } 50% { transform: translate(160%, 160%); } 75% { transform: translate(0, 160%); } } /*destop medium*/ @media (max-width: 1600px){ } /*laptop*/ @media (max-width: 1280px){ } /*ipad pro (large tablet)*/ @media (max-width: 1024px) and (min-width: 992px){ .big-area { padding: 4em 2em 5em; } /*book 3*/ .detail-result { width: 485px; } } /*ipad (tablet)*/ @media (max-width: 991.98px) { /*home*/ .tab-book .elementor-tab-content { padding: 2em 2em 2em; } .tab-book .elementor-tab-title { padding: 20px 2em !important; } /*book*/ .big-area { padding: 3em 2em 3em; } .c-1 { grid-column: span 2; } .c-2 { grid-column: span 2; } .c-3 { grid-column: span 2; } .article-taxi .image img { width: 100%; } .page-template-page-complete .site-main-book { background: none; } /*book 3*/ .detail-result { width: 485px; margin: 15px auto; } .mb_hero { display: block; } .pc_hero{ display: none; } .tab-book .jet-tabs__control-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; max-width: 100%; } } /*iphone8 (smartphone)*/ @media (max-width: 575.98px) { /*home*/ .tab-book .elementor-tab-content { padding: 2em 1.5em 2em; } .tab-book .elementor-tab-title { padding: 20px 1em !important; } .col-grid { grid-template-columns: repeat(2, 1fr); grid-gap: 1em; } .col-grid .sec:nth-child(1), .col-grid .sec:nth-child(2), .col-grid .sec:nth-child(7),.col-grid .sec-submit { grid-column: span 2; } .sec-one, .sec-two { grid-column: span 1; } .btn-search { width: 100%; } div#book-around,#book-around2 { grid-column: span 2; grid-gap: 1em; grid-template-columns: 1fr 1fr; } #book-around.addMargin, #book-around2.addMargin { margin-bottom: 1em; } .image_tab img.attachment-large.size-large { height: 150px; } .gellry_c .gallery { display: grid; grid-template-columns: repeat(3, 1fr); } /*book page*/ .article-taxi .image { grid-column: span 2; } .article-taxi .detail { grid-column: span 2; } .look-book { display: grid; grid-gap: 1em; } .btn-book { display: block; text-align: center; } .look-book { display: block; border-top: 0; padding-top: 0; } .click-book { padding-top: 0.5em; } /*book 2*/ .address-confirm fieldset.form-group:nth-child(2), .address-confirm fieldset.form-group:nth-child(3) { grid-column: span 4; } .address-confirm fieldset.form-group:nth-child(4) { grid-column: span 4; } .address-confirm fieldset.form-group:nth-child(5), .address-confirm fieldset.form-group:nth-child(6) { grid-column: span 4; } .btn-submit { width: 100%; } /*book3*/ .payment .box-payment { grid-template-columns: 1fr; grid-gap: 0em; } .box-payment .inside:nth-child(2) { text-align: left; } .box-payment .inside h2, .box-payment .inside h3 { font-size: 22px; } .btn-submit { padding: 10px 25px; font-size: 16px; } .discount-code .inside { width: auto; } .box-payment .inside:nth-child(2) { border-top-right-radius: 0; border-bottom-left-radius: 8px; } .detail-result { width: 100%; border: 1px solid #ccc; padding: 1em; margin: 15px auto; } div#detail-result p { display: grid; grid-gap: 5px; } /*payment*/ .discount-code { padding-bottom: 4.5em; } .box-payment .inside:last-child h2 { text-align: right; } .discout-payment h3 { font-size: 18px; } /*complete*/ } /*iphone5 (small smartphone)*/ @media (max-width: 360px) { }