@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap); @charset "UTF-8"; *, .checkboxitem a:hover, .checkboxitem2 a:hover, .ebtn-outline.disabled:hover, .ebtn-outline:disabled:hover, .ebtn.disabled:hover, .ebtn:disabled:hover, .radioitem a:hover, .radioitem2 a:hover, a { text-decoration: none !important } header .desktop .menuli ul, header .desktop .usermenu ul { top: 60px; box-shadow: 10px 15px 20px 0 rgba(0,0,0,.15); overflow: hidden } .announcement, .last-booking { box-shadow: 0 4px 40px 0 rgba(0,0,0,.1) } #nav-category-search .tt-menu, #nav-category-search .typeahead { background-color: #fff !important } * { margin: 0; padding: 0; border: none; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; font-family: Roboto,sans-serif } code, kbd, pre, samp { font-family: Roboto,sans-serif !important } :after, :before { box-sizing: inherit } a, button { transition: .3s } body, header .mobilemenu .menuli.open { background: #fafbfc } .bloglist .title:hover, .booking .tabmenu ul li a.active, .booking .tabmenu ul li a:hover, .breadcrumbs li a:hover, .category-box p small, .category-box:hover span, .checkboxitem2:hover .label, .checkboxitem2:hover span, .checkboxitem:hover span, .checkout .paymethod .tabs a:hover, .checkout-summary .items .item a.title:hover, .checkout-summary .uselink .link a:hover, .color-orange, .content.orange, .content.orange h1, .content.orange h2, .content.orange h3, .content.orange h4, .content.orange h5, .content.orange li, .content.orange p, .etabcontents .etabs a:hover, .etable table tbody tr td a, .etitle.orange, .formitem .description-link.orange, .formitem .description-link.orange a, .formitem fieldset:hover .input, .formitem fieldset:hover .textarea, .job-detail .detail .info .item span, .mycart .item .infos-buttons .infos a.title:hover, .popular-posts .item .title:hover, .radioitem2:hover .label, .radioitem:hover span, .search .title samp.premium, .search .title:hover span, .search-box .searchform .result li a:hover, .search-detail .decsription a, .service-box p small, .success-booking .detail .infos-buttons .infos a.title:hover, .testimonial .message .point b, header .desktop .menuli:hover span { color: #fc6521 } .bg-vlblue, .etable table thead, .image-description-section.vlblue { background: #e6ebef } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1236px } .announcement .slider .owl-item, .announcement .slider .owl-stage, .announcement .slider .owl-stage-outer, .booking .tabmenu ul, .categories .slider .owl-item, .categories .slider .owl-stage, .categories .slider .owl-stage-outer, .checkout .addcart.active, .checkout .paymethod .tabcontents .tabcontent.active, .eicons, .etabcontents .econtents .econtent.active, .flex, .form-images, .icon-info .info, .job-usta-detail .detail .button, .proma .box form .formitem.active .result, .searchform.active .result, .testimonials .slider .owl-item, .testimonials .slider .owl-stage, .testimonials .slider .owl-stage-outer, .transactions .form-buttons .buttons, footer .app-follow .follow ul { display: flex; flex-wrap: wrap } .flex-nowrap { flex-wrap: nowrap !important } header .mobile { width: 100%; display: none; flex-wrap: wrap } .headerbb header .mobile { border-bottom: 2px solid #e6ebef } header .mobile .top { width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; background: #fff; height: 50px } header .mobile .top .left { width: 30%; display: flex; flex-wrap: nowrap; align-items: center } header .mobile .top .mobilemenu-open { width: 24px; height: 24px; margin-left: 20px; background: url(../img/menu-hambuger.svg) center/cover no-repeat } header .mobile .top .mobilemenu-close { display: none; width: 24px; height: 24px; margin-right: 20px; background: url(../img/close.svg) center/cover no-repeat } header .mobile .top .back { width: 24px; height: 24px; margin-left: 20px; background: url(../img/arrow-left-black.svg) center/cover no-repeat } header .mobile .top .phone { width: 24px; height: 24px; margin-left: 20px; background: url(../img/phone-call.svg) center/cover no-repeat } header .mobile .top .right .phone { margin-left: 0; margin-right: 20px } header .mobile .top .logo { width: 100px; display: flex; justify-content: center } header .mobile .top .logo img { height: 35px } header .mobile .top .right { width: 30%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end } header .mobile .top .user { width: 24px; height: 24px; margin-right: 20px; background: url(../img/user-account-profile.svg) center/cover no-repeat } header .desktop { background: #fff; height: 70px; display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 0 30px; position: relative; z-index: 1000 } .headerbb header .desktop, header.headercheckout { border-bottom: 1px solid #e6ebef } .checkout-summary .uselink .use, .job-usta-detail .usta, .job-usta-detail .ustamobile .stars-price .stars, .search-detail .top .image-title-stars-check, header .desktop .logo-menu, header .desktop .menulia, header .desktop .phone-user, header .desktop .user { display: flex; flex-wrap: nowrap; align-items: center } header .desktop .left { width: 40% } header .desktop .middle { display: flex; flex-wrap: nowrap; width: 20%; align-items: center; justify-content: center } header .desktop .right { width: 40%; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center } .address-item .info .buttons a, .checkout .paymethoditem .left .info i, .credit-card-item .cart i, .credit-card-item .info .buttons a, .elements-items .item, .emr-10px, .our-app .container .info .buttons a, .service-box .buttons a:first-child, header .desktop .logo { margin-right: 10px } header .desktop .logo img { height: 40px } header .desktop .menu { display: flex; margin: 0; padding: 0 } header .desktop .menuli { display: flex; align-items: center; height: 70px; position: relative; z-index: 1; padding: 0 8px 0 20px } header .desktop .menuli:hover { box-shadow: 4px -4px 5px 0 rgba(0,0,0,.05) } header .desktop .menulia span { font-size: 18px; font-weight: 500; color: #1d1d1b; margin-right: 12px; white-space: nowrap } header .desktop .menulia i { width: 14px; height: 8px; margin-top: 2px; background: url(../img/chevron-down-arrow-orange.svg) center/cover no-repeat } header .desktop .menuli:hover i { background: url(../img/chevron-up-arrow-orange.svg) center/cover no-repeat } header .desktop .menuli ul { display: none; width: 260px; position: absolute; z-index: 2; padding: 12px 0 0; left: 0; border-radius: 0 0 6px 6px; background: #fff } .checkout .paymethoditem.active .formitem, .count-box3 .icon:hover small, .proma .box form .formitem.active .eicon-close, header .desktop .menuli:hover ul, header .desktop .notification:hover ul, header .desktop .usermenu:hover:after { display: inline } header .desktop .menuli ul li, header .desktop .usermenu ul li { width: 100%; display: flex } header .desktop .menuli ul li a { width: 100%; padding: 9px 20px; font-size: 16px; line-height: 20px; font-weight: 500; color: #1d1d1b } header .desktop .menuli ul li a span { white-space: nowrap } #nav-category-search .tt-suggestion:hover, .job-detail .detail .status.pasive span, .success-booking .detail .infos-buttons .buttons .status.pasive span, header .desktop .menuli ul li a:hover, header .desktop .usermenu ul li a:hover { background: #fc6521; color: #fff } header .desktop .tablemenu { display: none; width: 34px; height: 34px; margin-left: 20px; background: url(../img/menu-hambuger.svg) center/cover no-repeat } header .desktop .tablemenu.close { background: url(../img/close.svg) center/cover no-repeat } header .desktop .search i, header .mobile .top .search { background: url(../img/search-black.svg) center/cover no-repeat } @media only screen and (max-width:1329px) { header .desktop .menu { display: none } header .desktop .tablemenu { display: flex } } header .desktop .search { display: flex; width: 24px; height: 24px; margin: 10px } header .desktop .search i { width: 24px; height: 24px } header .desktop .phone { display: flex; align-items: center; margin-right: 10px } header .desktop .phone i { width: 20px; height: 20px; background: url(../img/phone-call.svg) center/cover no-repeat } header .desktop .phone span { font-size: 18px; font-weight: 500; color: #9baebf; margin-left: 12px; white-space: nowrap } .blog-date-author a:hover span, .content a:hover, .etable table tbody tr td a:hover, .formitem .description-link a:hover, .job-steps .service .detail .name:hover, .popular-posts .item a:hover span, header .desktop .phone:hover span, header .desktop .user a:hover, header .desktop .usermenu link:hover { text-decoration: underline } header .desktop .user a { font-size: 18px; font-weight: 700; color: #fc6521; margin-left: 20px; display: flex } header .desktop .basket span, header .desktop .notificationa span { color: #fff; font-size: 14px; font-weight: 700; position: absolute; align-content: center } header .desktop .user a i, header .desktop .usermenu .link i { width: 24px; height: 24px; margin-right: 10px; background: url(../img/user-account-profile.svg) center/cover no-repeat } header .desktop .usermenu { height: 70px; display: flex; flex-wrap: nowrap; align-items: center; position: relative } header .desktop .usermenu:after { content: ''; position: absolute; left: 0; bottom: 0; width: 5px; height: 70px; z-index: 102; box-shadow: -4px 4px 5px 0 rgba(0,0,0,.05); display: none } header .desktop .usermenu .link { font-size: 18px; font-weight: 700; color: #fc6521; margin-left: 20px; display: flex; white-space: nowrap } header .desktop .usermenu ul { position: absolute; right: 0; width: 130px; margin: 0; padding: 10px 0; background: #fff; border-radius: 6px; display: none; flex-wrap: wrap; align-items: flex-start; z-index: 103 } .booknow-box .body .step.active, .fancybox-opened .search-form .close, .search-detail .top .title-stars-check .check, header .desktop .usermenu:hover ul { display: flex } header .desktop .usermenu ul li a { width: 100%; padding: 9px 20px; font-size: 16px; line-height: 20px; font-weight: 500; color: #1d1d1b; text-align: right } header .desktop .basket { display: flex; position: relative; width: 24px; height: 24px; margin-left: 20px } footer .app-follow .footer-phone i, header .desktop .basket i { width: 24px; height: 24px; background: url(../img/shopping-cart.svg) center/cover no-repeat } header .desktop .basket span { right: -13px; top: -13px; width: 24px; height: 24px; display: flex; flex-wrap: wrap; justify-content: center; background: #fc6521; border-radius: 50% } header .desktop .notification { display: flex; position: relative; margin-left: 20px } header .desktop .notificationa { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; z-index: 101; background: #fff; position: relative; margin-left: 20px } header .desktop .notificationa span { right: 2px; top: 0; width: 24px; height: 24px; display: flex; flex-wrap: wrap; justify-content: center; background: #fc6521; border-radius: 50% } header .desktop .notificationa i { width: 24px; height: 24px; background: url(../img/notification-bell-alarm.svg) center/cover no-repeat } header .desktop .notification:hover .notificationa::before { content: ''; position: absolute; right: 0; bottom: 0; width: 5px; height: 50px; box-shadow: 4px -4px 5px 0 rgba(0,0,0,.05) } header .desktop .notification:hover .notificationa::after { content: ''; position: absolute; left: 0; bottom: 0; width: 5px; height: 50px; box-shadow: -4px 4px 5px 0 rgba(0,0,0,.05) } header .desktop .notification:hover .notificationa { box-shadow: 0 -4px 5px 0 rgba(0,0,0,.05) } header .desktop .notification ul { display: none; position: absolute; z-index: 100; top: 50px; left: -150px; width: 350px; margin: 0; padding: 30px 20px 15px; background: #fff; border-radius: 6px; box-shadow: 0 20px 40px 0 rgba(0,0,0,.25) } header .desktop .notification ul li { width: 100%; margin-bottom: 20px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-around } header .desktop .notification ul li .icon { width: 50px; height: 50px; padding: 13px; background-color: #e6ebef; border-radius: 50% } header .desktop .notification ul li .message { width: 200px; display: flex; flex-wrap: wrap; margin: 0 10px } header .desktop .notification ul li .message p { width: 100%; font-size: 14px; line-height: 14px; color: #1d1d1b; margin-bottom: 4px } header .desktop .notification ul li .message small { font-size: 12px; font-weight: 700; color: #9baebf } header .desktop .notification ul li .status { width: 75px; font-size: 12px; color: #9baebf } header .mobilemenu { display: none; width: 100%; padding: 0; margin: 0; list-style: none } header .mobilemenu .menuli { width: 100%; display: flex; flex-wrap: wrap; margin-top: 10px; padding: 0; box-shadow: 0 4px 40px 0 rgba(0,0,0,.15); background-color: #e6ebef } header .mobilemenu .menulia { width: 100%; height: 50px; padding: 0 20px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between } header .mobilemenu .menulia span { font-size: 18px; font-weight: 500; color: #1d1d1b; margin-right: 12px } header .mobilemenu .menulia i { width: 24px; height: 24px; background: url(../img/add-plus.svg) center/cover no-repeat } header .mobilemenu .menuli.open i { background: url(../img/subtract-minus-remove.svg) center/cover no-repeat } header .mobilemenu .menuli ul { list-style: none; display: none; width: 100%; margin: 0; padding: 0 20px 7px } header .mobilemenu .menuli ul li { width: 100%; margin: 3px 0 13px } header .mobilemenu .menuli ul li a { width: 100%; font-size: 16px; line-height: 20px; font-weight: 500; color: #fc6521 } .search-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fff; z-index: 3000; overflow-y: scroll; display: none } .efancybox, footer { position: relative } .search-box .logo-close { width: 100%; height: 70px; padding: 0 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center } .booking .day .hour div a, .count-box3 .icon i, .search-box .logo-close .close { width: 20px; height: 20px } .search-box .searchform { width: 100%; margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-around } .actions, .address-item .info .buttons, .announcement .item figure img, .blog-detail figure img, .bloglist figure img, .booking, .booknow-box .body .step .items, .checkout-summary .buttons .ebtn, .contact .iframe, .credit-card-item .info .buttons, .etable, .etable table, .ew-100, .formitem .buttonload.full, .galery-box-packery, .icon-description .title-description, .image-description2 .title-description, .job-detail .name-address-iframe .address div, .job-detail .name-address-iframe .iframe, .mycart .item .infos-buttons .infos, .our-app .container .image img, .proma .image img, .report, .review .description, .search figure img, .search-box .searchform .searchinput, .search-box .searchform .searchinput span, .search-detail .top .title-stars-check, .success-booking .detail .infos-buttons .infos, .success-booking .ebox, .use-fancybox { width: 100% } .search-box .searchform .searchinput input { width: 100%; font-size: 48px; font-weight: 500; color: #1d1d1b } .search-box .searchform .searchinput input:-ms-input-placeholder { color: #eee } .search-box .searchform .searchinput input::-moz-placeholder { color: #eee } .search-box .searchform .searchinput input::placeholder { color: #eee } .search-box .searchform .result { display: none; flex-wrap: wrap; width: 100%; z-index: 2; list-style: none; margin: 20px 0 0; padding: 0 } .search-box .searchform .result li { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px } .search-box .searchform .result li a, .search-box .tt-suggestion { width: 100%; font-size: 42px; color: #1d1d1b } header .mobile .top .search { width: 24px; height: 24px; margin-right: 20px; margin-bottom: 0 } footer { padding: 80px 0 60px; background: #fc6521; color: #fff } .checkout .paymethoditem.active .left .info span, .checkout .paymethoditem.active .left .info2 span, .checkout .paymethoditem.active .left .radioitem span, .menu-box ul li a:hover span, .menu-box ul li.active a span, footer a { color: #fff } footer ul { width: 100%; margin: 0; padding: 0 } footer .icon { position: absolute; top: -34px; left: 0; width: 100%; text-align: center } footer .icon img { width: 220px; height: 66px } footer .menu .title-a { width: 100%; margin-bottom: 30px } footer .menu .title-a .title { font-size: 22px; font-weight: 500 } footer .menu .title-a a { display: none; justify-content: space-between; align-items: center } footer .menu .title-a a:hover { color: #fff !important } footer .menu .title-a a i { width: 20px; height: 20px; background: url(../img/chevron-down-arrow.svg) center/cover no-repeat } footer .menu .title-a a.open i { background: url(../img/chevron-up-arrow.svg) center/cover no-repeat } footer .menu ul { list-style: none } footer .menu ul li { width: 100%; margin-bottom: 26px } footer .menu ul li a { font-size: 16px; font-weight: 500 } footer .menu ul li a:hover { color: #fff; text-decoration: underline } footer .app-follow { width: 100%; padding-left: 23px } footer .app-follow .footer-phone, footer .app-follow .title { font-size: 22px; font-weight: 500; margin-bottom: 35px } @media only screen and (max-width:1235px) { footer .app-follow { padding-left: 0 } } footer .app-follow .app { width: 100%; margin-bottom: 42px } footer .app-follow .app ul { display: flex; flex-wrap: wrap; list-style: none } footer .app-follow .app ul li { margin: 0 10px 10px 0 } .booking .day:last-child, .categories .slider .item:last-child, .count-box3:last-child, .emr-0px, .job-detail .detail .info .item:last-child, .menu-box ul li:last-child, .our-app .container .info .buttons a:last-child, .service-box:last-child, footer .app-follow .app li:last-child, footer .app-follow .follow li:last-child { margin-right: 0 } footer .app-follow .app li a:hover, footer .app-follow .follow li a:hover { opacity: .75 } footer .app-follow .app img { height: 60px } footer .app-follow .follow li { margin: 0 10px 10px 0; width: 50px; display: flex } footer .app-follow .follow li a { width: 50px; height: 50px; padding: 13px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center } footer .signature { width: 100%; margin-top: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.41 } .elements-items, .elements-tags ul { width: 100%; display: flex; flex-wrap: wrap } @media only screen and (max-width:424px) { footer .app-follow .app img { height: 50px } } @media only screen and (max-width:374px) { footer .app-follow .app img { height: 43px } footer .app-follow .follow li { width: 40px } footer .app-follow .follow li a { width: 40px; height: 40px; padding: 8px } } .elements { width: 100%; border-bottom: 2px solid #999 } .elements .title { width: 100%; font-size: 20px; font-weight: 300; padding: 10px 20px; background: #999; color: #fff } .dashboard, .elements .content { width: 100%; padding: 20px } .efancybox .close, .fancybox-overlay .fancybox-close { width: 15px; height: 15px; position: absolute; z-index: 10000 } .elements-items { align-items: flex-start; margin-bottom: 10px } .elements-items .item.ew-50 { margin-right: 1%; width: 49% !important } .elements-items .item.ew-33 { margin-right: 1%; width: 32.33% !important } .elements-tags { width: 100%; display: flex; flex-wrap: nowrap; align-items: flex-start; margin-bottom: 10px; border: 2px solid #eee; border-radius: 4px } .elements-tags span { font-size: 12px; font-weight: 700; margin-right: 10px; padding: 7px 10px; background: #eee } .elements-tags ul { padding: 10px; margin-bottom: 0 } .elements-tags li { list-style: none; font-size: 12px; margin: 0 5px 5px 0; padding: 5px 10px; border: 2px solid #eee; border-radius: 4px } .ebox, .eformbox { border-radius: 6px; border: 2px solid #e6ebef; background-color: #fff; padding: 30px 20px 10px } .ebtn, .ebtn-outline { font-size: 16px; padding: 9px 30px } .ebtn { font-weight: 500; border-radius: 6px } .ebtn-outline.center, .ebtn.center, .etitle.center, .formitem .description-link.center { text-align: center } .ebtn-outline.small, .ebtn.small { font-size: 14px; padding: 8px 25px } .ebtn-outline.large, .ebtn.large { padding: 10px 35px; min-height: 50px; font-size: 18px } .ebtn.orange { border: 2px solid #fc6521; background: #fc6521; color: #fafbfc } .ebtn.orange:hover { background: 0 0; color: #fc6521 } .ebtn.grey { border: 2px solid #9baebf; background: #9baebf; color: #fafbfc } .ebtn.grey:hover { background: 0 0; color: #9baebf } .ebtn.black { border: 2px solid #1d1d1b; background: #1d1d1b; color: #fafbfc } .ebtn.black:hover { background: 0 0; color: #1d1d1b } .ebtn.white { border: 2px solid #fafbfc; background: #fafbfc; color: #fc6521 } .ebtn.white:hover { background: 0 0; color: #fafbfc } .ebtn-outline { font-weight: 700; border-radius: 6px; background: #fff } .ebtn-outline.orange, .epagination div input:hover { border: 2px solid #fc6521; color: #fc6521 } .ebtn-outline.orange:hover, .service-box figure .tag.orange { background: #fc6521; color: #fafbfc } .ebtn-outline.grey { border: 2px solid #9baebf; color: #9baebf; white-space: nowrap } .ebtn-outline.grey:hover { background: #9baebf; color: #fafbfc } .ebtn-outline.black { border: 2px solid #1d1d1b; color: #1d1d1b } .ebtn-outline.black:hover { background: #1d1d1b; color: #fafbfc } .ep-0i, .fancybox-skin { padding: 0 !important } .efancybox { width: 770px; display: none } .checkboxitem, .checkboxitem2, .efancybox .content, .formitem, .formitem fieldset, .radioitem, .radioitem2 { display: flex; display: flex } .fancybox-overlay .fancybox-close { right: 0; top: -25px; background: url(../img/close2.svg) no-repeat; background-position: center !important; background-size: cover !important } .efancybox .close { right: 20px; top: 23px; background: url(../img/close2.svg) no-repeat; background-position: center !important; background-size: cover !important; border: transparent } .efancybox .title { width: 100%; padding: 20px; font-size: 18px; font-weight: 500; color: #fc6521; border-bottom: 1px solid #e6ebef; margin-bottom: 0 } .content, .efancybox .content, .efancybox .content p, .success-booking .steps ul li samp { color: #1d1d1b; font-size: 16px } .efancybox .content { width: 100%; padding: 30px 20px; flex-wrap: wrap } .fancybox-inner .message { padding: 20px; min-width: 200px } .fancybox-inner .message h2 { color: #fc6521; font-size: 20px; font-weight: 700 } .formitem .line { width: 100%; height: 2px; background: #e6ebef } .formitem { width: 100%; margin-bottom: 20px; flex-wrap: wrap } .formitem .form-control { border: none !important } .formitem fieldset { width: 100%; flex-wrap: wrap; border-radius: 6px; border: 2px solid #9baebf; flex-wrap: nowrap; background: #fff; align-items: flex-start; padding: 0 10px; position: relative; overflow: hidden } .formitem fieldset label, .formitem small { position: absolute; top: 10px; font-weight: 500 } .formitem.error fieldset { border-color: red } .formitem.warning fieldset { border-color: #ffc107 } .formitem.success fieldset { border-color: #0f0 } .formitem fieldset label { max-width: 90%; transition: .3s; left: 0; z-index: 2; font-size: 18px; color: #9baebf; padding-left: 20px; word-wrap: normal; white-space: nowrap; overflow: hidden } .epl-40px, .formitem.icon fieldset label { padding-left: 40px } .formitem fieldset:hover label, .formitem.focused fieldset label { font-size: 12px; top: 2px } .announcement .item .info .arrow button:hover, .checkboxitem2:hover .checkboxdiv, .checkboxitem:hover div, .epagination .arrow:hover, .formitem fieldset:hover, .job-steps .service .back:hover, .radioitem2:hover .radiodiv, .radioitem:hover div, .testimonials .slider-buttons button:hover { border: 2px solid #fc6521 } .formitem.icon i { width: 24px; height: 24px; margin: 11px 0; z-index: 2 } .formitem small { right: 10px; color: #fc6521; font-size: 16px; z-index: 1000 } .formitem .input { min-height: 46px; padding: 14px 10px 0 } .formitem .textarea { min-height: 150px; padding: 15px 10px 0 } .formitem .select { min-height: 46px; padding: 15px 0 0 10px; margin-left: -5px; word-wrap: normal } .announcement .slider .owl-dots, .announcement .slider .owl-nav, .booknow-box .footer #prev, .booknow-box .footer #send, .categories .slider .owl-dots, .categories .slider .owl-nav, .formitem .inputfile, .popular-services .slider .owl-dots, .popular-services .slider .owl-nav, .proma .image, .related-services .slider .owl-dots, .related-services .slider .owl-nav, .search-form .close, .testimonials .slider .owl-dots, .testimonials .slider .owl-nav { display: none } .formitem .input, .formitem .select, .formitem .textarea { width: 100%; font-size: 18px; font-weight: 500; color: #1d1d1b; position: relative; z-index: 1; background: #fff; border: none !important } .formitem .input::-webkit-input-placeholder, .formitem .textarea::-webkit-input-placeholder { color: #9baebf } .formitem .input::-moz-placeholder, .formitem .textarea::-moz-placeholder { color: #9baebf } .formitem .input:-ms-input-placeholder, .formitem .textarea:-ms-input-placeholder { color: #9baebf } .formitem .input:-moz-placeholder, .formitem .textarea:-moz-placeholder { color: #9baebf } .formitem .input:focus, .formitem .textarea:focus { box-shadow: none !important } .formitem .input:hover, .formitem .textarea:hover { background: #fff } .radioitem { flex-wrap: nowrap; align-items: center; position: relative } .checkboxitem.border, .checkboxitem2.border, .radioitem.border { border-radius: 6px; border: 2px solid #e6ebef !important; background-color: rgba(230,235,239,.2); padding: 13px 10px } .radioitem .radio { margin: 10px; width: 4px; height: 4px; position: relative } .checkboxitem .checkbox[type=checkbox]:checked + div:after, .checkboxitem2 .checkbox[type=checkbox]:checked + div:after, .radioitem .radio[type=radio]:checked + div::after, .radioitem2 .radio[type=radio]:checked + div::after { opacity: 1 } .radioitem div, .radioitem2 .radiodiv { transition: .5s; content: ''; width: 24px; height: 24px; cursor: pointer; position: absolute; top: 0; left: -.125rem; background: #fff; border: 2px solid #e6ebef; border-radius: 50% } .radioitem.border div, .radioitem2.border .radiodiv { top: 13px; left: 10px } .radioitem div::after, .radioitem2 .radiodiv::after { content: ''; transition: .5s; width: 10px; height: 10px; position: absolute; top: 5px; left: 5px; background: #fc6521; opacity: 0; border-radius: 50% } .checkboxitem2 .label, .radioitem span, .radioitem2 .label { font-size: 16px; line-height: 1; font-weight: 500; position: relative; color: #1d1d1b; cursor: pointer; margin-left: 5px } .checkboxitem a, .checkboxitem2 a, .radioitem a, .radioitem2 a { color: #121212; text-decoration: underline } .radioitem2 { flex-wrap: nowrap; align-items: flex-start; position: relative } .radioitem2.border { border-radius: 6px; border: 2px solid #e6ebef !important; background-color: rgba(230,235,239,.2); padding: 8px 10px } .radioitem2 .radio { margin: 10px; width: 4px; height: 4px; position: relative; top: 10px } .booking .day .hour.active div samp, .booking .day .hour.active span, .checkboxitem2 .label span.green, .radioitem2 .label span.green { color: #27ae60 } .checkboxitem2 .label span.red, .radioitem2 .label span.red { color: #eb5757 } .checkboxitem2 .label p, .radioitem2 .label p { font-size: 12px; font-weight: 400; color: #9baebf; margin: 2px 0 0; display: flex; flex-wrap: nowrap; align-items: center } .formitem .button, .numberitem .number a { font-size: 18px; color: #fff; background: #fc6521 } .checkboxitem2 .label p i, .radioitem2 .label p i { width: 14px; height: 14px; margin: 1px 3px 0 0 } .checkboxitem2 .label .lists, .radioitem2 .label .lists { width: 100%; margin: 5px 0; padding-left: 17px; list-style-image: url(../img/check-grey.svg) } .checkboxitem2 .label .lists li, .radioitem2 .label .lists li { font-size: 12px; margin-bottom: 2px; font-weight: 400 } .checkboxitem, .checkboxitem2 { flex-wrap: nowrap; position: relative; align-items: center } .eswitch, .numberitem { display: inline-block } .checkboxitem2:first-child, .checkboxitem:first-child { margin-left: none !important } .checkboxitem .checkbox, .checkboxitem2 .checkbox { margin: 0 .125rem .125rem; width: 1px; height: 1px; position: relative } .checkboxitem div, .checkboxitem2 .checkboxdiv { transition: .5s; width: 22px; height: 22px; left: -.125rem; background: #fff; position: relative; content: ''; cursor: pointer } .checkboxitem .checkbox[type=checkbox]:checked + div, .checkboxitem2 .checkbox[type=checkbox]:checked + div, .job-steps .steps .step.active .icon { border: 2px solid #fc6521; background: #fc6521 } .checkboxitem div { top: 0; border: 2px solid #9baebf; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; min-width: 22px } .checkboxitem div::after, .checkboxitem2 .checkboxdiv::after { transition: .5s; content: ''; width: 12px; height: 6px; position: absolute; top: 5px; left: 3.5px; border: 2px solid #fff; border-top: none; border-right: none; background: 0 0; opacity: 0; transform: rotate(-45deg) } .checkboxitem span, .checkboxitem2 span { font-size: 14px; font-weight: 500; position: relative; color: #1d1d1b; cursor: pointer; margin-left: 5px } .checkboxitem2 .checkboxdiv { top: 0; border: 2px solid #9baebf; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } .numberitem { flex-wrap: nowrap; position: relative; align-items: center; justify-content: space-between; vertical-align: middle } .numberitem.border { border-radius: 6px; border: 2px solid #e6ebef !important; background-color: rgba(230,235,239,.2); padding: 10px } .numberitem .number { display: inline-flex; flex-wrap: nowrap; float: right } .numberitem .number a { width: 30px; height: 35px; border: 2px solid #fc6521; line-height: 25px; padding-top: 3px; text-align: center } .numberitem .number a:hover { background: #fff; color: #fc6521; text-decoration: none } .numberitem .number a:first-child { border-radius: 6px 0 0 6px } .numberitem .number a:last-child { border-radius: 0 6px 6px 0 } .numberitem span { font-size: 14px; font-weight: 500; position: relative; color: #1d1d1b } .numberitem .number input { width: 45px; height: 35px; border-top: 2px solid #e6ebef; border-bottom: 2px solid #e6ebef; font-size: 18px; font-weight: 500; color: #1d1d1b; text-align: center } .numberitem .number:hover input { border-top: 2px solid #fc6521; border-bottom: 2px solid #fc6521 } .formitem .button { display: flex; flex-wrap: wrap; cursor: pointer; height: 50px; align-items: center; justify-content: center; font-weight: 500; border: 2px solid #fc6521; border-radius: 6px; padding: 0 20px } .formitem .button.blue { border-color: #3d5997; background: #3d5997 } .formitem .button.grey { border-color: #9baebf; background: #9baebf } .etable table tbody tr, .etable table thead tr { border-bottom: none !important } .formitem .button:hover { color: #fc6521; background: #fff } .formitem .button.blue:hover { color: #3d5997 } .blog-detail .tags a:hover, .bloglist .more:hover, .etitle.grey, .formitem .button.grey:hover, .formitem .description-link.grey, .formitem .description-link.grey a, .formitem .or, .icon-description .title-description .title:hover, .image-description .title-description a.title:hover, .image-description2 .title-description .title:hover, .press-list .image-title .title:hover, .press-list .title-description .title:hover, .proma-banner .subinfo samp { color: #9baebf } .formitem .button.full { width: 100%; justify-content: center } .formitem .buttonload { height: 50px; display: none !important; border-radius: 6px; position: relative; background: #fc6521; justify-content: center } .formitem .buttonload.active { display: flex !important } .formitem .buttonload .load1, .formitem .buttonload .load2 { width: 50px; height: 50px; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 50%; margin-left: -25px; -webkit-animation: 2s ease-in-out infinite btnload; animation: 2s ease-in-out infinite btnload } .formitem .buttonload .load2 { -webkit-animation-delay: -1s; animation-delay: -1s } @-webkit-keyframes btnload { 0%,100% { -webkit-transform: scale(0) } 50% { -webkit-transform: scale(1) } } @keyframes btnload { 0%,100% { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } } .formitem .feedback { width: 100%; font-size: 12px; font-weight: 300 } .formitem.error .feedback { color: red } .formitem.warning .feedback { color: #ffc107 } .formitem.success .feedback { color: #0f0 } .formitem .description-link { font-size: 18px } .checkout .paymethoditem .left .info span, .content.small, .content.small li, .content.small p, .formitem .description-link.small { font-size: 14px } .formitem .description-link a { font-weight: 500 } .verification { justify-content: center; align-content: center !important; align-items: center !important; background: #e6ebef; border: none !important; padding: 10px 0 !important } .booknow-box, .booknow-box .footer, .booknow-box .footer div, .checkout-summary, .job-steps .steps .step, .review .box { align-content: flex-start } .verification span { font-size: 20px; font-weight: 500; color: #1d1d1b; margin-right: 20px } .verification input { width: 80px; height: 40px; border-radius: 6px; border: 2px solid #9baebf; background-color: #fff; font-size: 18px; font-weight: 500; text-align: center } .form-images .item { border-radius: 6px; border: 1px solid #9baebf; position: relative; margin: 0 15px 15px 0 } .form-images .item img, .image-description .image-title figure { width: 100%; margin-bottom: 0 } .form-images .item .delete { position: absolute; right: -10px; top: -10px; width: 20px; height: 20px } .ew-60px, .form-images .item.small { width: 60px } .ew-100px, .form-images .item.medium { width: 100px } .form-images .item.large { width: 170px } .form-images .add { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 6px; border: 1px solid #9baebf; position: relative; margin: 0 0 10px } .formitem .icon, .formitem .image { flex-wrap: wrap; margin-bottom: 10px; display: flex } .form-images .add:hover { border: 1px solid #fc6521 } .eicons .item i, .form-images .add i { width: 30px; height: 30px } .eswitch { position: relative; width: 52px; height: 30px } .eswitch input { opacity: 0; width: 0; height: 0 } .eswitch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #9baebf; border-radius: 15px; transition: .4s } .eswitch .slider:before { position: absolute; content: ""; background-color: #fff; transition: .4s; height: 18px; width: 18px; left: 6px; bottom: 6px; border-radius: 50% } .eswitch input:checked + .slider { background-color: #27ae60 } .eswitch input:focus + .slider { box-shadow: 0 0 1px #27ae60 } .eswitch input:checked + .slider:before { transform: translateX(24px) } .formitem .icon { width: 100%; min-height: 125px; justify-content: center; align-items: center; border-radius: 5px; border: 2px solid #e6ebef } .formitem .icon.black { background-image: linear-gradient(to right,#1d1d1b,rgba(29,29,27,.5)) } .formitem .icon img { max-width: 100%; margin-bottom: 0 } .formitem .image { width: 100%; justify-content: center; align-items: center; border-radius: 5px; border: 2px solid #e6ebef } .formitem .image img { float: left; width: 100%; margin-bottom: 0 } .formitem .or { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 16px } .eicons .item { display: flex; flex-wrap: nowrap; flex-direction: column; border-radius: 6px; border: 2px solid #e6ebef; background-color: #fff; padding: 10px; margin: 10px; align-items: center; justify-content: center } .eicons .item.grey { background-color: #eee } .eicons .item span { width: 100%; font-size: 11px; color: #1d1d1b; text-align: center } .eicon { width: 24px; height: 24px; float: left } .eicon-user { background: url(../img/user-account-profile.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-user-grey { background: url(../img/user-account-profile-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-megaphone { background: url(../img/ad-announcement-megaphone.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-plus { background: url(../img/add-plus.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-arrow-left { background: url(../img/arrow-left.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-arrow-right { background: url(../img/arrow-right.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-calendar { background: url(../img/calendar-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-calendar-black { background: url(../img/calendar-black.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-calendar-orange { background: url(../img/calendar-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-calendar-white, .menu-box ul li a:hover .eicon-calendar, .menu-box ul li.active a .eicon-calendar { background: url(../img/calendar-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-check { background: url(../img/check-good-yes.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-checkmark { background: url(../img/checkmark.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-chevron-down-orange { background: url(../img/chevron-down-arrow-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-user-chevron-down { background: url(../img/chevron-down-arrow.svg) no-repeat; background-position: center !important; background-size: cover !important } .breadcrumbs i, .eicon-chevron-right { background: url(../img/chevron-right-arrow-grey.svg) no-repeat } .eicon-chevron-right { background-position: center !important; background-size: cover !important } .eicon-chevron-up-orange { background: url(../img/chevron-up-arrow-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-chevron-up { background: url(../img/chevron-up-arrow.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-clock-time { background: url(../img/clock-time.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-close { background: url(../img/close.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-close2 { background: url(../img/close2.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-close3 { background: url(../img/close3.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-close3-orange { background: url(../img/close3-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-close-white { background: url(../img/close-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-double-check { background: url(../img/double-check.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-edit-write { background: url(../img/edit-write.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-email { background: url(../img/email-message-inbox.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-password { background: url(../img/password.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-location, .last-booking .info p i { background: url(../img/location-pin.svg) no-repeat } .eicon-location { background-position: center !important; background-size: cover !important } .eicon-location-pin-black { background: url(../img/location-pin-black.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-location-pin-orange { background: url(../img/location-pin-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-location-pin-grey { background: url(../img/location-pin-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-location-pin-white, .menu-box ul li a:hover .eicon-location-pin-grey, .menu-box ul li.active a .eicon-location-pin-grey { background: url(../img/location-pin-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-hambuger { background: url(../img/menu-hambuger.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-mobile-phone { background: url(../img/mobile-phone.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-notification { background: url(../img/notification-bell-alarm.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-notification-grey { background: url(../img/notification-bell-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-phone-call { background: url(../img/phone-call.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-info { background: url(../img/info.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-info-orange { background: url(../img/info-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-pin { background: url(../img/pin.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-search { background: url(../img/search.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-shopping-cart { background: url(../img/shopping-cart.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-star-false { background: url(../img/star-false.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-star-true { background: url(../img/star-true.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-minus { background: url(../img/subtract-minus-remove.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-tag { background: url(../img/tag-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-tag-black { background: url(../img/tag-black.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-wallet { background: url(../img/wallet.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-wallet-black { background: url(../img/wallet-black.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-visa { background: url(../img/visa.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-mastercard { background: url(../img/mastercard.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-star-grey { background: url(../img/star-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-star-white, .menu-box ul li a:hover .eicon-star-grey, .menu-box ul li.active a .eicon-star-grey { background: url(../img/star-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-credit-grey { background: url(../img/credit-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-credit-white, .menu-box ul li a:hover .eicon-credit-grey, .menu-box ul li.active a .eicon-credit-grey { background: url(../img/credit-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-credit-orange { background: url(../img/credit-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-settings-grey { background: url(../img/settings-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-settings-white, .menu-box ul li a:hover .eicon-settings-grey, .menu-box ul li.active a .eicon-settings-grey { background: url(../img/settings-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-note-grey { background: url(../img/note-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-note-white, .menu-box ul li a:hover .eicon-note-grey, .menu-box ul li.active a .eicon-note-grey { background: url(../img/note-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-chart-grey { background: url(../img/chart-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-chart-white, .menu-box ul li a:hover .eicon-chart-grey, .menu-box ul li.active a .eicon-chart-grey { background: url(../img/chart-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-work-grey { background: url(../img/work-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-work-white, .menu-box ul li a:hover .eicon-work-grey, .menu-box ul li.active a .eicon-work-grey { background: url(../img/work-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-circle-plus { background: url(../img/circle-plus.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-circle-minus { background: url(../img/circle-minus.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-image-orange { background: url(../img/image-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-users-grey { background: url(../img/users-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-book-orange { background: url(../img/book-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .eicon-check-grey { background: url(../img/check-grey.svg) no-repeat; background-position: center !important; background-size: cover !important } .etable table thead tr { width: 100% } .epl-20px, .etable table tbody tr td:first-child, .etable table thead tr td:first-child { padding-left: 20px } .epr-20px, .etable table tbody tr td:last-child, .etable table thead tr td:last-child { padding-right: 20px } .etable table thead tr td { font-size: 12px; line-height: 1.2; color: #9baebf; padding: 14px 10px } .etable table .text-right { text-align: right } .etable table tbody tr:nth-child(2n) { background: #f3f5f7 } .etable table tbody tr td { font-size: 12px; line-height: 1.2; color: #1d1d1b; padding: 12px 10px } .etitle { font-size: 30px; font-weight: 700; line-height: 1 } .content h2, .etitle.xsmall, .popular-posts .etitle { font-size: 22px } .etitle.small { font-size: 30px } .etitle.large { font-size: 50px } .content h1.black, .content h2.black, .content h3.black, .content h4.black, .content h5.black, .content.orange a, .etitle.black, .job-detail .detail .info .item samp { color: #1d1d1b } .booking .category .formitem, .ew-50 { width: 50% } .ew-33 { width: 33% } .ew-45 { width: 45% } .ew-47 { width: 47% } .ew-49 { width: 49% } .ew-10 { width: 10% } .ew-6 { width: 6% } .ew-5 { width: 5% } .ew-0px { width: 0 } .ew-10px { width: 10px } .ew-20px { width: 20px } .ew-30px { width: 30px } .ew-40px { width: 40px } .ew-50px { width: 50px } .ew-70px { width: 70px } .ew-80px { width: 80px } .ew-90px { width: 90px } .ew-230px { width: 230px } .ew-250px { width: 250px } .ew-600px { width: 600px } .emt-0px, .emy-0px { margin-top: 0 } .bloglist:last-child, .checkout-summary .items .item .info:last-child, .emb-0px, .emy-0px, .mycart .item .infos-buttons .infos .info:last-child, .search-detail .top .check p, .success-booking .detail .infos-buttons .infos .info:last-child { margin-bottom: 0 } .eml-0px, .emx-0px { margin-left: 0 } .em-0px { margin: 0 } .emt-10px, .emy-10px, .testimonials .ratings .stars-text .logo { margin-top: 10px } .address-item .info .formitem, .emb-10px, .emy-10px, .icon-info .info b, .job-closed figure, .success-booking .main figure { margin-bottom: 10px } .emx-0px { margin-right: 0 } .eml-10px, .emx-10px, .job-usta-detail .detail .button a, .mycart .item .infos-buttons .buttons a { margin-left: 10px } .em-10px { margin: 10px } .emt-20px, .emy-20px { margin-top: 20px } .emb-20px, .emy-20px { margin-bottom: 20px } .emx-10px { margin-right: 10px } .emr-20px, .emx-20px, .icon-info i { margin-right: 20px } .eml-20px, .emx-20px { margin-left: 20px } .em-20px { margin: 20px } .emt-30px, .emy-30px { margin-top: 30px } .emb-30px, .emy-30px { margin-bottom: 30px } .eml-30px, .emx-30px { margin-left: 30px } .emr-30px, .emx-30px { margin-right: 30px } .em-30px { margin: 30px } .emt-40px, .emy-40px { margin-top: 40px } .emb-40px, .emy-40px { margin-bottom: 40px } .eml-40px, .emx-40px { margin-left: 40px } .emr-40px, .emx-40px { margin-right: 40px } .em-40px { margin: 40px } .emt-50px, .emy-50px { margin-top: 50px } .emb-50px, .emy-50px { margin-bottom: 50px } .eml-50px, .emx-50px { margin-left: 50px } .emr-50px, .emx-50px { margin-right: 50px } .em-50px { margin: 50px } .emt-60px, .emy-60px { margin-top: 60px } .emb-60px, .emy-60px { margin-bottom: 60px } .eml-60px, .emx-60px { margin-left: 60px } .emr-60px, .emx-60px { margin-right: 60px } .em-60px { margin: 60px } .emt-70px, .emy-70px { margin-top: 70px } .emb-70px, .emy-70px { margin-bottom: 70px } .eml-70px, .emx-70px { margin-left: 70px } .emr-70px, .emx-70px { margin-right: 70px } .em-70px { margin: 70px } .emt-80px, .emy-80px { margin-top: 80px } .emb-80px, .emy-80px { margin-bottom: 80px } .eml-80px, .emx-80px { margin-left: 80px } .emr-80px, .emx-80px { margin-right: 80px } .em-80px { margin: 80px } .emt-90px, .emy-90px { margin-top: 90px } .emb-90px, .emy-90px { margin-bottom: 90px } .eml-90px, .emx-90px { margin-left: 90px } .emr-90px, .emx-90px { margin-right: 90px } .em-90px { margin: 90px } .emt-100px, .emy-100px { margin-top: 100px } .emb-100px, .emy-100px { margin-bottom: 100px } .eml-100px, .emx-100px { margin-left: 100px } .emr-100px, .emx-100px { margin-right: 100px } .em-100px { margin: 100px } .emt-110px, .emy-110px { margin-top: 110px } .emb-110px, .emy-110px { margin-bottom: 110px } .eml-110px, .emx-110px { margin-left: 110px } .emr-110px, .emx-110px { margin-right: 110px } .em-110px { margin: 110px } .emt-120px, .emy-120px { margin-top: 120px } .emb-120px, .emy-120px { margin-bottom: 120px } .eml-120px, .emx-120px { margin-left: 120px } .emr-120px, .emx-120px { margin-right: 120px } .em-120px { margin: 120px } .emt-2, .emy-2 { margin-top: 2% } .emb-2, .emy-2 { margin-bottom: 2% } .eml-2, .emx-2 { margin-left: 2% } .emr-2, .emx-2 { margin-right: 2% } .em-2 { margin: 2% } .emessage, .etabcontents, .job-detail .detail, .job-detail .name-address-iframe .name { margin-bottom: 20px; width: 100% } .emessage { padding: 15px 20px; border-radius: 6px; font-size: 14px } .ept-0px, .epy-0px { padding-top: 0 } .epb-0px, .epy-0px { padding-bottom: 0 } .epl-0px, .epx-0px { padding-left: 0 } .epr-0px, .epx-0px { padding-right: 0 } .emessage.orange { background: #fae5db; color: #fc6521 } .emessage.red { background: rgba(235,87,87,.2); color: #eb5757 } .emessage.green { background: rgba(39,174,96,.2); color: #27ae60 } .ep-0px { padding: 0 } .ept-10px, .epy-10px { padding-top: 10px } .efaq-item, .epb-10px, .epy-10px { padding-bottom: 10px } .epl-10px, .epx-10px { padding-left: 10px } .epr-10px, .epx-10px { padding-right: 10px } .ep-10px, .grid-item { padding: 10px } .ept-20px, .epy-20px { padding-top: 20px } .epb-20px, .epy-20px { padding-bottom: 20px } .ep-20px, .search-detail .decsription { padding: 20px } .ept-30px, .epy-30px { padding-top: 30px } .epb-30px, .epy-30px { padding-bottom: 30px } .epx-20px { padding-left: 20px; padding-right: 20px } .epl-30px, .epx-30px { padding-left: 30px } .epr-30px, .epx-30px { padding-right: 30px } .ep-30px { padding: 30px } .ept-40px, .epy-40px { padding-top: 40px } .epb-40px, .epy-40px { padding-bottom: 40px } .epr-40px, .epx-40px { padding-right: 40px } .ep-40px { padding: 40px } .ept-50px, .epy-50px { padding-top: 50px } .epb-50px, .epy-50px { padding-bottom: 50px } .epx-40px { padding-left: 40px } .epl-50px, .epx-50px { padding-left: 50px } .epr-50px, .epx-50px { padding-right: 50px } .ep-50px { padding: 50px } .ept-60px, .epy-60px, .our-app .bg-vlblue { padding-top: 60px } .epb-60px, .epy-60px { padding-bottom: 60px } .epl-60px, .epx-60px { padding-left: 60px } .epr-60px, .epx-60px { padding-right: 60px } .ep-60px { padding: 60px } .ept-70px, .epy-70px { padding-top: 70px } .epb-70px, .epy-70px { padding-bottom: 70px } .epl-70px, .epx-70px { padding-left: 70px } .epr-70px, .epx-70px { padding-right: 70px } .ep-70px { padding: 70px } .ept-80px, .epy-80px { padding-top: 80px } .epb-80px, .epy-80px { padding-bottom: 80px } .epl-80px, .epx-80px { padding-left: 80px } .epr-80px, .epx-80px { padding-right: 80px } .ep-80px { padding: 80px } .ept-90px, .epy-90px { padding-top: 90px } .epb-90px, .epy-90px { padding-bottom: 90px } .epl-90px, .epx-90px { padding-left: 90px } .epr-90px, .epx-90px { padding-right: 90px } .ep-90px { padding: 90px } .ept-100px, .epy-100px { padding-top: 100px } .epb-100px, .epy-100px { padding-bottom: 100px } .epl-100px, .epx-100px { padding-left: 100px } .epr-100px, .epx-100px { padding-right: 100px } .ep-100px { padding: 100px } .ept-110px, .epy-110px { padding-top: 110px } .epb-110px, .epy-110px { padding-bottom: 110px } .epl-110px, .epx-110px { padding-left: 110px } .epr-110px, .epx-110px { padding-right: 110px } .ep-110px { padding: 110px } .ept-120px, .epy-120px { padding-top: 120px } .epb-120px, .epy-120px { padding-bottom: 120px } .epl-120px, .epx-120px { padding-left: 120px } .epr-120px, .epx-120px { padding-right: 120px } .ep-120px { padding: 120px } @media only screen and (max-width:575px) { .ew-xs-100 { width: 100% } .ew-xs-50 { width: 50% } .ew-xs-33 { width: 33% } .em-xs-0px, .ew-xs-0px { margin: 0 } .em-xs-10px, .ew-xs-10px { margin: 10px } .em-xs-20px, .ew-xs-20px { margin: 20px } .em-xs-30px, .ew-xs-30px { margin: 30px } .em-xs-40px, .ew-xs-40px { margin: 40px } .em-xs-50px, .ew-xs-50px { margin: 50px } .em-xs-60px, .ew-xs-60px { margin: 60px } .em-xs-70px, .ew-xs-70px { margin: 70px } .em-xs-80px, .ew-xs-80px { margin: 80px } .em-xs-90px, .ew-xs-90px { margin: 90px } .em-xs-100px, .ew-xs-100px { margin: 100px } .ew-xs-230px { margin: 230px } .ew-xs-250px { margin: 250px } .ew-xs-600px { margin: 600px } .emt-xs-0px, .emy-xs-0px { margin-top: 0 } .emb-xs-0px, .emy-xs-0px { margin-bottom: 0 } .eml-xs-0px, .emx-xs-0px { margin-left: 0 } .emr-xs-0px, .emx-xs-0px { margin-right: 0 } .emt-xs-10px, .emy-xs-10px { margin-top: 10px } .emb-xs-10px, .emy-xs-10px { margin-bottom: 10px } .eml-xs-10px, .emx-xs-10px { margin-left: 10px } .emr-xs-10px, .emx-xs-10px { margin-right: 10px } .emt-xs-20px, .emy-xs-20px { margin-top: 20px } .emb-xs-20px, .emy-xs-20px { margin-bottom: 20px } .eml-xs-20px, .emx-xs-20px { margin-left: 20px } .emr-xs-20px, .emx-xs-20px { margin-right: 20px } .emt-xs-30px, .emy-xs-30px { margin-top: 30px } .emb-xs-30px, .emy-xs-30px { margin-bottom: 30px } .eml-xs-30px, .emx-xs-30px { margin-left: 30px } .emr-xs-30px, .emx-xs-30px { margin-right: 30px } .emt-xs-40px, .emy-xs-40px { margin-top: 40px } .emb-xs-40px, .emy-xs-40px { margin-bottom: 40px } .eml-xs-40px, .emx-xs-40px { margin-left: 40px } .emr-xs-40px, .emx-xs-40px { margin-right: 40px } .emt-xs-50px, .emy-xs-50px { margin-top: 50px } .emb-xs-50px, .emy-xs-50px { margin-bottom: 50px } .eml-xs-50px, .emx-xs-50px { margin-left: 50px } .emr-xs-50px, .emx-xs-50px { margin-right: 50px } .emt-xs-60px, .emy-xs-60px { margin-top: 60px } .emb-xs-60px, .emy-xs-60px { margin-bottom: 60px } .eml-xs-60px, .emx-xs-60px { margin-left: 60px } .emr-xs-60px, .emx-xs-60px { margin-right: 60px } .emt-xs-70px, .emy-xs-70px { margin-top: 70px } .emb-xs-70px, .emy-xs-70px { margin-bottom: 70px } .eml-xs-70px, .emx-xs-70px { margin-left: 70px } .emr-xs-70px, .emx-xs-70px { margin-right: 70px } .emt-xs-80px, .emy-xs-80px { margin-top: 80px } .emb-xs-80px, .emy-xs-80px { margin-bottom: 80px } .eml-xs-80px, .emx-xs-80px { margin-left: 80px } .emr-xs-80px, .emx-xs-80px { margin-right: 80px } .emt-xs-90px, .emy-xs-90px { margin-top: 90px } .emb-xs-90px, .emy-xs-90px { margin-bottom: 90px } .eml-xs-90px, .emx-xs-90px { margin-left: 90px } .emr-xs-90px, .emx-xs-90px { margin-right: 90px } .emt-xs-100px, .emy-xs-100px { margin-top: 100px } .emb-xs-100px, .emy-xs-100px { margin-bottom: 100px } .eml-xs-100px, .emx-xs-100px { margin-left: 100px } .emr-xs-100px, .emx-xs-100px { margin-right: 100px } .emt-xs-110px, .emy-xs-110px { margin-top: 110px } .emb-xs-110px, .emy-xs-110px { margin-bottom: 110px } .eml-xs-110px, .emx-xs-110px { margin-left: 110px } .emr-xs-110px, .emx-xs-110px { margin-right: 110px } .em-xs-110px { margin: 110px } .emt-xs-120px, .emy-xs-120px { margin-top: 120px } .emb-xs-120px, .emy-xs-120px { margin-bottom: 120px } .eml-xs-120px, .emx-xs-120px { margin-left: 120px } .emr-xs-120px, .emx-xs-120px { margin-right: 120px } .em-xs-120px { margin: 120px } .ept-xs-0px, .epy-xs-0px { padding-top: 0 } .epb-xs-0px, .epy-xs-0px { padding-bottom: 0 } .epl-xs-0px, .epx-xs-0px { padding-left: 0 } .epr-xs-0px, .epx-xs-0px { padding-right: 0 } .ep-xs-0px { padding: 0 } .ept-xs-10px, .epy-xs-10px { padding-top: 10px } .epb-xs-10px, .epy-xs-10px { padding-bottom: 10px } .epl-xs-10px, .epx-xs-10px { padding-left: 10px } .epr-xs-10px, .epx-xs-10px { padding-right: 10px } .ep-xs-10px { padding: 10px } .ept-xs-20px, .epy-xs-20px { padding-top: 20px } .epb-xs-20px, .epy-xs-20px { padding-bottom: 20px } .epl-xs-20px, .epx-xs-20px { padding-left: 20px } .epr-xs-20px, .epx-xs-20px { padding-right: 20px } .ep-xs-20px { padding: 20px } .ept-xs-30px, .epy-xs-30px { padding-top: 30px } .epb-xs-30px, .epy-xs-30px { padding-bottom: 30px } .epl-xs-30px, .epx-xs-30px { padding-left: 30px } .epr-xs-30px, .epx-xs-30px { padding-right: 30px } .ep-xs-30px { padding: 30px } .ept-xs-40px, .epy-xs-40px { padding-top: 40px } .epb-xs-40px, .epy-xs-40px { padding-bottom: 40px } .epl-xs-40px, .epx-xs-40px { padding-left: 40px } .epr-xs-40px, .epx-xs-40px { padding-right: 40px } .ep-xs-40px { padding: 40px } .ept-xs-50px, .epy-xs-50px { padding-top: 50px } .epb-xs-50px, .epy-xs-50px { padding-bottom: 50px } .epl-xs-50px, .epx-xs-50px { padding-left: 50px } .epr-xs-50px, .epx-xs-50px { padding-right: 50px } .ep-xs-50px { padding: 50px } .ept-xs-60px, .epy-xs-60px { padding-top: 60px } .epb-xs-60px, .epy-xs-60px { padding-bottom: 60px } .epl-xs-60px, .epx-xs-60px { padding-left: 60px } .epr-xs-60px, .epx-xs-60px { padding-right: 60px } .ep-xs-60px { padding: 60px } .ept-xs-70px, .epy-xs-70px { padding-top: 70px } .epb-xs-70px, .epy-xs-70px { padding-bottom: 70px } .epl-xs-70px, .epx-xs-70px { padding-left: 70px } .epr-xs-70px, .epx-xs-70px { padding-right: 70px } .ep-xs-70px { padding: 70px } .ept-xs-80px, .epy-xs-80px { padding-top: 80px } .epb-xs-80px, .epy-xs-80px { padding-bottom: 80px } .epl-xs-80px, .epx-xs-80px { padding-left: 80px } .epr-xs-80px, .epx-xs-80px { padding-right: 80px } .ep-xs-80px { padding: 80px } .ept-xs-90px, .epy-xs-90px { padding-top: 90px } .epb-xs-90px, .epy-xs-90px { padding-bottom: 90px } .epl-xs-90px, .epx-xs-90px { padding-left: 90px } .epr-xs-90px, .epx-xs-90px { padding-right: 90px } .ep-xs-90px { padding: 90px } .ept-xs-100px, .epy-xs-100px { padding-top: 100px } .epb-xs-100px, .epy-xs-100px { padding-bottom: 100px } .epl-xs-100px, .epx-xs-100px { padding-left: 100px } .epr-xs-100px, .epx-xs-100px { padding-right: 100px } .ep-xs-100px { padding: 100px } .ept-xs-110px, .epy-xs-110px { padding-top: 110px } .epb-xs-110px, .epy-xs-110px { padding-bottom: 110px } .epl-xs-110px, .epx-xs-110px { padding-left: 110px } .epr-xs-110px, .epx-xs-110px { padding-right: 110px } .ep-xs-110px { padding: 110px } .ept-xs-120px, .epy-xs-120px { padding-top: 120px } .epb-xs-120px, .epy-xs-120px { padding-bottom: 120px } .epl-xs-120px, .epx-xs-120px { padding-left: 120px } .epr-xs-120px, .epx-xs-120px { padding-right: 120px } .ep-xs-120px { padding: 120px } } .checkout .paymethod .tabs, .etabcontents .etabs { width: 100%; height: 60px; display: flex; flex-wrap: nowrap; position: relative } .checkout .paymethod .tabs a, .etabcontents .etabs a { display: flex; flex-wrap: nowrap; width: 50%; height: 62px; color: #9baebf; font-size: 18px; font-weight: 700; justify-content: center; align-items: center; text-align: center } .etabcontents .etabs.etabs33 a, .grid-33 { width: 33.33% } .checkout .paymethod .tabs a.active, .etabcontents .etabs a.active { border: 2px solid #e6ebef; border-bottom: none; background-color: #fff; border-radius: 6px 6px 0 0; color: #fc6521 } .etabcontents .econtents { width: 100%; display: flex; flex-wrap: wrap; border: 2px solid #e6ebef; background-color: #fff; border-radius: 6px } .etabcontents.tabactive-first .econtents { border-radius: 0 6px 6px } .checkout .paymethod.tabactive-2 .tabcontents, .etabcontents.tabactive-last .econtents { border-radius: 6px 0 6px 6px } .checkout .addcart, .checkout .paymethod .tabcontents .tabcontent, .etabcontents .econtents .econtent { width: 100%; display: none } .etabcontents .econtents .econtent.reviews { padding: 30px 30px 0 } .actions .bookings, .actions .items { width: 100%; border: 2px solid #e6ebef; border-radius: 6px; background: #fff } .addresses, .credits, .transactions { width: 100%; padding: 20px !important } .address-item .info, .addresses .buttons, .booknow-main .item, .checkout .paymethoditem .left, .checkout-summary .items, .credit-card-item .info, .credits .buttons, .image-description .title-description, .image-description .title-description .buttons { width: 100%; display: flex; flex-wrap: wrap } .addresses .ebtn, .credits .ebtn { padding: 9px 50px !important } .address-item { width: 100%; margin: 20px 0 0; display: flex; flex-wrap: nowrap; border-radius: 6px; border: 2px solid #e6ebef; background-color: #fafbfc; padding: 15px 20px 20px } .address-item .icon, .credit-card-item .icon { display: flex; flex-wrap: wrap; width: 24px; flex: 0 0 24px; margin: 10px 10px 0 0 } .address-item .icon i, .blog-date-author i, .credit-card-item .icon i, .popular-posts .item .date-author i { width: 24px; height: 24px } .address-item .info span, .credit-card-item .info span { width: 100%; font-size: 16px; font-weight: 500; color: #1d1d1b; margin-bottom: 5px } .address-item .info p { width: 100%; color: #1d1d1b; font-size: 14px; margin-bottom: 10px } .checkout .rechargeplan-creditcard { width: 100%; padding-right: 30px } .checkout .creditcard { width: 100%; border: 2px solid #e6ebef; background-color: #fff; border-radius: 6px; margin-bottom: 20px } .checkout .creditcard .title { width: 100%; height: 60px; display: flex; flex-wrap: wrap; align-items: center; font-size: 18px; font-weight: 700; color: #fc6521; border-bottom: 2px solid #e6ebef; padding-left: 30px } .checkout .creditcard .content { width: 100%; display: flex; flex-wrap: wrap; padding: 30px 30px 10px } .announcement { background: #fafbfc; padding: 30px 0 } .announcement .slider, .testimonials .slider { display: flex; flex-wrap: wrap; overflow: hidden } .announcement .item, .checkout-summary .uselink .link, .icon-info, .job-detail .detail .info, .job-detail .name-address-iframe .address, .mycart .item .infos-buttons .buttons, .our-app .container, .success-booking .detail .infos-buttons .buttons, .transactions .form-buttons .form { display: flex; flex-wrap: nowrap } .announcement .item figure { width: 480px; flex: 0 0 480px; margin: 0 30px 0 0; align-items: flex-start } .announcement .item .info { width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: flex-start } .announcement .item .info .arrow { width: 100%; display: flex; flex-wrap: wrap; margin: 20px 0 } .announcement .item .info .arrow button { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; margin-right: 16px; border: 2px solid #9baebf; background: 0 0 } .announcement .item .info .arrow button img { width: 16px } .blog-date-author, .booking .week, .checkout .addcart .forms-cart, .count-box3s, .job-usta-detail .usta .info .stars, .job-usta-detail .ustamobile .figure-info, .popular-posts .item .date-author, .service-box .buttons, .use-fancybox form { width: 100%; display: flex; flex-wrap: nowrap } .blog-date-author .author, .blog-date-author .date, .popular-posts .item .date-author .author, .popular-posts .item .date-author .date { display: flex; flex-wrap: nowrap; margin-right: 20px; font-size: 12px; color: #9baebf; align-items: center } .blog-date-author .date i, .popular-posts .item .date-author .date i { background: url(../img/calendar-grey.svg); background-position: center !important; background-size: cover !important; margin-right: 10px } .blog-date-author .author i, .popular-posts .item .date-author .author i { background: url(../img/user-account-profile-grey.svg); background-position: center !important; background-size: cover !important; margin-right: 10px } .blog-date-author .author, .popular-posts .item .date-author .author { font-size: 12px; color: #9baebf } .blog, .blog-detail { padding: 30px 20px; border-radius: 6px; border: 2px solid #e6ebef; background-color: #fff } .blog-detail .title, .bloglist .title { font-size: 22px; line-height: 1.25; font-weight: 700; color: #1d1d1b; margin-bottom: 10px } .blog-detail figure, .bloglist figure { width: 100%; margin: 20px 0 10px } .blog-detail .content, .blog-detail .content p, .bloglist .description, .bloglist .description p, .job-detail .name-address-iframe .address div p { font-size: 14px; color: #1d1d1b } .blog-detail .tags { width: 100%; margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center } .blog-detail .tags i { width: 24px; height: 24px; margin-right: 10px; background: url(../img/tag-orange.svg) no-repeat; background-position: center !important; background-size: cover !important } .blog-detail .tags a, .bloglist .more { font-size: 14px; color: #fc6521 } .bloglist { margin-bottom: 50px; display: flex; flex-wrap: wrap } .booknow-main { width: 100%; padding: 100px 0 } .booknow-box { width: 770px; display: none; position: relative; flex-wrap: wrap } .booknow-box .close { width: 15px; height: 15px; position: absolute; right: 20px; top: -10px; z-index: 10000; background: url(../img/close4.svg) no-repeat; background-position: center !important; background-size: cover !important; border: transparent } .booknow-box .progress-bar-main { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; padding: 0 15px 15px } .booknow-box .progress-bar { width: 400px; height: 10px; background: #e6ebef; border-radius: 5px } .booknow-box .progress-bar div { min-width: 10px; height: 10px; background: #fc6521; border-radius: 5px } .booking-item .info samp, a.count-box2:hover { background-color: #e6ebef } .booknow-box .body { width: 100%; min-height: 400px; padding: 15px 30px 30px; display: flex; flex-wrap: wrap; align-items: flex-start; overflow-y: scroll } .booknow-box .body .step { width: 100%; display: none; flex-wrap: wrap; align-items: flex-start } .booknow-box .body .step .question { width: 100%; font-size: 18px; font-weight: 700; text-align: center; color: #fc6521; margin-bottom: 30px } .booknow-box .footer { width: 100%; padding: 30px; display: flex; flex-wrap: wrap; background: #e6ebef; justify-content: space-between } .booknow-box .footer div { display: flex; flex-wrap: wrap } .booking-item { display: flex; flex-wrap: nowrap; width: 100%; padding: 20px; border-bottom: 2px solid #e6ebef; justify-content: space-between; align-items: center } .booking-item .info, .press-list .title-description, .proma .box form .formitem .result li { display: flex; flex-wrap: wrap; width: 100% } .booking-item .info span { width: 100%; font-weight: 700; font-size: 16px; color: #fc6521 } .booking-item .info p { width: 100%; font-size: 14px; color: #1d1d1b; margin-bottom: 5px } .booking-item .info samp { height: 24px; padding: 5px 10px; border-radius: 6px; font-size: 12px; font-weight: 500; color: #9baebf } .booking-item .buttons { display: flex; flex-wrap: nowrap; justify-content: flex-end } .booking-item .buttons a { width: 150px; padding: 9px 0; text-align: center; margin-left: 10px } .booking-item:last-child { border-bottom: none } .actions .loadmore { width: 100%; margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center } .actions .loadmore a { padding: 9px 60px !important } .breadcrumbs { padding: 8px 30px; background-color: #fafbfc; border-top: 1px solid #e6ebef; border-bottom: 1px solid #e6ebef } .breadcrumbs ul { margin: 0; padding: 0; display: flex; flex-wrap: nowrap; align-items: center; list-style: none } .breadcrumbs li { font-size: 11px; color: #1d1d1b } .breadcrumbs li a { font-size: 11px; color: #9baebf } .breadcrumbs i { margin: 0 10px 2px; width: 4px; height: 7px; background-position: center !important; background-size: cover !important } .category-box { display: flex; flex-wrap: wrap; flex-direction: column; padding: 20px 20px 20px 25px; width: 100%; height: 100%; background: #fafbfc; border-radius: 6px; justify-content: flex-start } .category-box:hover { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) } .category-box figure { display: flex; flex-wrap: wrap; align-content: center; width: 100%; height: 100px; margin-bottom: 20px } .category-box figure img { float: left; max-height: 100px } .category-box span { width: 100%; font-size: 20px; line-height: 1; font-weight: 700; color: #1d1d1b; margin-bottom: 10px } .category-box p { font-size: 14px; color: #9baebf; margin-bottom: 0 } .checkoutmain { width: 100%; margin-top: 50px } .checkout { width: 100%; display: flex; flex-wrap: nowrap; align-items: flex-start } .checkout .paymethod { width: 100%; padding-right: 30px; margin-bottom: 20px } .checkout .paymethod .tabcontents { width: 100%; display: flex; flex-wrap: wrap; border: 2px solid #e6ebef; background-color: #fff; padding: 30px 30px 10px } .checkout .paymethod.tabactive-1 .tabcontents { border-radius: 0 0 0 6px; border-top: none } .checkout .paymethoditem { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; margin-bottom: 20px; border-radius: 6px; border: 2px solid #e6ebef; background-color: rgba(230,235,239,.2); padding: 13px 10px; cursor: pointer } .checkout .paymethoditem.active { border: 2px solid #fc6521; background-color: #fc6521; box-shadow: 0 0 10px 0 rgba(252,101,33,.5) } .checkout .paymethoditem .left .info { width: 100%; display: flex; flex-wrap: nowrap; margin-top: 5px; padding-left: 30px; align-items: center } .checkout .paymethoditem .left .info .eicon-visa, .credit-card-item .cart .eicon-visa { width: 30px; height: 10px } .checkout .paymethoditem.active .left .info .eicon-visa { background: url(../img/visa-white.svg) no-repeat } .checkout .paymethoditem .left .info .eicon-mastercard, .checkout .paymethoditem .left .info .eicon-wallet-black, .credit-card-item .cart .eicon-mastercard { width: 30px; height: 20px } .checkout .paymethoditem .left .info2 { width: 100%; display: flex; flex-wrap: nowrap; padding-left: 30px; align-items: center } .checkout .paymethoditem .left .info2 i { width: 14px; height: 14px; margin-right: 5px } .checkout .paymethoditem .left .info2 span, .content.fs-12 { font-size: 12px } .checkout .paymethoditem .formitem { display: none; width: 200px; flex: 0 0 200px; margin-bottom: 0; background: #fff; border-radius: 6px } .checkout .addcart .forms { width: 100%; padding-right: 20px } .checkout .addcart .cart { width: 302px; flex: 0 0 302px } .checkout-summary { width: 400px; flex: 0 0 400px; display: flex; flex-wrap: wrap; border-radius: 6px; border: 2px solid #e6ebef; background-color: #fff; margin-bottom: 20px } .checkout-summary .maintitle { width: 100%; height: 60px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; color: #fc6521; border-bottom: 2px solid #e6ebef } .checkout-summary .items .item { width: 100%; display: flex; flex-wrap: wrap; border-bottom: 2px solid #e6ebef; padding: 30px 20px; background-color: #fafbfc } .checkout-summary .items .item .title { width: 100%; font-size: 14px; line-height: 1; font-weight: 700; color: #1d1d1b; margin-bottom: 10px } .checkout-summary .items .item .description, .mycart .item .infos-buttons .infos .description, .success-booking .detail .infos-buttons .infos .description { width: 100%; font-size: 14px; line-height: 1; color: #9baebf; margin-bottom: 10px } .checkout-summary .items .item .info, .mycart .item .infos-buttons .infos .info, .mycart .item .infos-buttons .infos .price, .success-booking .detail .infos-buttons .infos .info, .success-booking .detail .infos-buttons .infos .price { display: flex; flex-wrap: nowrap; width: 100%; margin-bottom: 10px; align-items: center } .checkout-summary .items .item .info i, .checkout-summary .uselink .link i, .mycart .item .infos-buttons .infos .info i, .mycart .item .infos-buttons .infos .price i, .success-booking .detail .infos-buttons .infos .info i, .success-booking .detail .infos-buttons .infos .price i { width: 24px; height: 24px; margin-right: 10px } .checkout-summary .items .item .info span, .mycart .item .infos-buttons .infos .info span, .success-booking .detail .infos-buttons .infos .info span { font-size: 14px; line-height: 1.4; color: #1d1d1b } .checkout-summary .uselink { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 2px solid #e6ebef; padding: 20px } .checkout-summary .uselink .link a { font-size: 14px; line-height: 24px; font-weight: 700; color: #1d1d1b } .checkout-summary .uselink .use a { width: 24px; height: 24px; margin-left: 10px } .checkout-summary .uselink .use a:hover { background: url(../img/close3-orange.svg) no-repeat } .checkout-summary .uselink .use span { font-size: 14px; color: #27ae60; font-weight: 700 } .checkout-summary .uselink p { width: 100%; font-size: 14px; color: #9baebf; padding-left: 34px; margin: 5px 0 0 } .checkout-summary .price { width: 100%; display: flex; flex-wrap: wrap; font-size: 30px; font-weight: 700; color: #fc6521; margin-top: 20px; justify-content: center } .checkout-summary .buttons { display: flex; flex-wrap: wrap; width: 100%; padding: 20px } .use-fancybox .description { width: 100%; font-size: 16px; color: #1d1d1b; margin-bottom: 15px; font-weight: 700 } .use-fancybox form .formitem { margin-right: 20px; width: 60% } .use-fancybox form .formitem:last-child { margin-right: 0; width: auto } .use-fancybox .info { width: 100%; font-size: 14px; color: #9baebf !important; margin-bottom: 0 } .seo-link span:hover, .use-fancybox .info .orange { color: #fc6521 !important } .contact, .count-box { border-radius: 6px; display: flex; flex-wrap: wrap } .contact { border: 2px solid #e6ebef; background-color: #fff; padding: 30px } .contact .item { width: 100%; margin-bottom: 15px } .contact .item a, .contact .item p { font-size: 16px; color: #1d1d1b; margin: 0 } .contact .item a:hover { color: #fc6521; text-decoration: underline } .contact .item span { font-size: 16px; color: #1d1d1b; font-weight: 500 } .contact .iframe iframe { width: 100% !important; height: 347px !important } .content li, .content p { font-size: 16px; line-height: 1.5; color: #1d1d1b; margin-bottom: 20px } .content.fs-12 li, .content.fs-12 p { font-size: 12px; line-height: 15px } .content a, .content h1, .content h2, .content h3, .content h4, .content h5 { color: #fc6521; font-weight: 600 } .content h1 { font-size: 24px } .content h3 { font-size: 20px; } .content h4 { font-size: 18px; } .content h5 { font-size: 16px; } .count-box { width: 100%; padding: 20px 0 17px; margin-bottom: 30px; border: 2px solid #e6ebef; background-color: #fafbfc; flex-direction: column } .count-box2, .count-box3 { width: 100%; border-radius: 6px; flex-wrap: wrap; display: flex; background-color: #fafbfc } .count-box span { font-size: 30px; font-weight: 700; text-align: center; color: #fc6521; margin-bottom: 9px } .count-box samp, .count-box2 p { font-size: 16px; font-weight: 500; color: #9baebf; text-align: center } .count-box2 { height: 100px; margin-bottom: 20px; border: 2px solid #e6ebef; flex-direction: column; justify-content: center } .count-box2 p { line-height: 1; margin-bottom: 9px } .count-box2 span { font-size: 30px; line-height: 1; font-weight: 700; text-align: center; color: #fc6521 } .count-box3 { height: 160px; margin-right: 20px; border: 2px solid #e6ebef; justify-content: center; flex-direction: column; position: relative } .count-box3 span { font-size: 50px; line-height: 1; font-weight: 700; text-align: center; color: #fc6521 } .count-box3 p { font-size: 16px; line-height: 1; font-weight: 500; text-align: center; color: #fc6521 } .count-box3 .icon { display: flex; flex-wrap: wrap; width: 20px; height: 20px; position: absolute; bottom: 10px; left: 50%; margin-left: -10px } .count-box3 .icon small { display: none; position: absolute; width: 200px; background: #1d1d1b; color: #fff; border-radius: 6px; font-size: 12px; padding: 5px 10px; left: -90px; top: 30px } .count-box3 .icon small:after { content: ''; position: absolute; left: 90px; top: -10px; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #1d1d1b } .last-booking, .menu-boxmain, .proma-banner { position: relative } .credit-cards { width: 100%; padding: 20px 20px 10px !important } .credit-card-item { width: 100%; display: flex; flex-wrap: nowrap; border-radius: 6px; border: 2px solid #e6ebef; background-color: #fafbfc; padding: 15px 20px 20px; margin-bottom: 10px } .credit-card-item .cart { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 15px } .credit-card-item .cart p { font-size: 14px; color: #1d1d1b; margin-bottom: 0 } .credits .table { width: 100%; margin: 20px 0 0 } .dashboard .info { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; justify-content: center; margin: 40px 0 30px } .dashboard .info span { width: 100%; text-align: center; color: #9baebf; margin: 10px 0 20px } .dashboard .info a { padding: 9px 100px !important } .grid-item img { width: 100%; border-radius: 6px } .grid-66 { width: 66.66% } .icon-description, .image-description { margin-bottom: 20px; display: flex; flex-wrap: nowrap; align-items: center } .icon-description .icon-title { width: 210px; flex: 0 0 210px } .icon-description .icon-title figure { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 180px; height: 180px; border-radius: 50%; margin-right: 30px; margin-bottom: 0; border: 10px solid #e6ebef } .icon-description .icon-title figure img, .icon-description2 figure img { float: left; max-width: 80% } .icon-description .icon-title .title { color: #fc6521; font-size: 22px; margin-bottom: 10px; font-weight: 700; display: none } .icon-description .title-description .title, .image-description2 .title-description .title { color: #fc6521; font-size: 22px; margin-bottom: 10px; font-weight: 700 } .icon-description .title-description p, .image-description2 .title-description p { width: 100%; color: #1d1d1b; font-size: 16px; line-height: 28px } .icon-description2 { margin-bottom: 50px; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center } .icon-description2 figure { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 180px; height: 180px; border-radius: 50%; margin-bottom: 20px; border: 10px solid #e6ebef; background: #fff } .icon-description2 .title { color: #fc6521; font-size: 18px; line-height: 1; margin-bottom: 10px; font-weight: 700; text-align: center } .icon-description2 p { width: 100%; color: #1d1d1b; font-size: 14px; line-height: 1.45; text-align: center } .image-description-section { padding: 50px 0 } .image-description.right { flex-direction: row-reverse } .image-description .image-title { display: flex; flex-wrap: wrap; width: 300px; flex: 0 0 300px; margin-right: 60px } .image-description.right .image-title { margin-right: 0; margin-left: 60px } .image-description .image-title figure img, .image-description2 figure img { float: left; width: 100% } .image-description .image-title figure.shadow img { border-radius: 6px; box-shadow: 0 20px 40px 0 rgba(0,0,0,.25) } .image-description .image-title .title { color: #1d1d1b; font-size: 22px; margin-bottom: 10px; font-weight: 700; display: none } .image-description .title-description .title { color: #1d1d1b; font-size: 49px; margin-bottom: 10px; font-weight: 700 } .image-description .title-description p { width: 100%; color: #1d1d1b; font-size: 18px; line-height: 28px } .image-description2 { margin-bottom: 20px; padding: 0 40px; display: flex; flex-wrap: nowrap; align-items: center } .image-description2 figure { width: 180px; border-radius: 50%; margin-right: 30px; margin-bottom: 0 } .job-closed, .not-found { display: flex; flex-direction: column; align-items: center; margin: 50px 0 80px } .job-closed .title { font-size: 40px; line-height: 1; font-weight: 700; text-align: center; color: #fc6521; margin-bottom: 5px } .job-closed p, .not-found p { font-size: 18px; text-align: center; color: #1d1d1b } .job-detail { width: 100%; padding: 15px 0 } .job-detail .detail .decription { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 20px } .job-detail .detail .decription span, .job-detail .name-address-iframe .name span, .search-detail .top .title { width: 100%; font-size: 22px; font-weight: 500; color: #1d1d1b } .job-detail .detail .decription p { font-size: 16px; color: #1d1d1b; margin-bottom: 0 } .job-detail .detail .status, .success-booking .detail .infos-buttons .buttons .status { display: flex; flex-wrap: nowrap; width: 100%; margin-bottom: 20px } .job-detail .detail .status span, .success-booking .detail .infos-buttons .buttons .status span { padding: 10px; line-height: 20px; border-radius: 6px } .job-detail .detail .status.active span, .success-booking .detail .infos-buttons .buttons .status.active span { background: #27ae60; color: #fff } .job-detail .detail .info .item { display: flex; flex-wrap: nowrap; flex-direction: column; margin-right: 70px; font-size: 16px; line-height: 1 } .job-detail .name-address-iframe { padding: 20px !important } .job-detail .name-address-iframe .name p { width: 100%; font-size: 16px; color: #1d1d1b; margin-bottom: 0 } .job-detail .name-address-iframe .address i { flex: 0 0 20px; margin-right: 10px } .job-detail .name-address-iframe .address div span { font-size: 16px; font-weight: 500; color: #1d1d1b } .job-detail .name-address-iframe .iframe iframe { width: 100%; height: 220px } .job-steps { width: 100%; border-radius: 6px; border: 2px solid #e6ebef; margin-bottom: 10px } .job-steps .service { width: 100%; padding: 20px; border-bottom: 2px solid #e6ebef; display: flex; flex-wrap: nowrap; align-items: center } .job-steps .service .back { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; border: 2px solid #e6ebef; border-radius: 50%; background: #fff; margin-right: 20px } .job-steps .service .detail { width: 100%; display: flex; flex-wrap: wrap; align-items: center } .job-steps .service .detail .name { font-size: 16px; line-height: 1; font-weight: 700; color: #fc6521 } .job-steps .service .detail p { width: 100%; margin: 5px 0; font-size: 14px; line-height: 1; color: #1d1d1b } .job-steps .service .detail span, .job-usta-detail .usta .info .tags span, .job-usta-detail .ustamobile .tags span { font-size: 12px; font-weight: 500; color: #9baebf; background: #e6ebef; padding: 3px 10px; border-radius: 6px; margin-right: 15px } .job-steps .steps { width: 100%; padding: 20px; background: #fff; display: flex; flex-wrap: nowrap; justify-content: center } .job-steps .steps .step { width: 160px; margin: 0 5px; display: flex; flex-wrap: wrap; justify-content: center } .job-steps .steps .step .icon { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 52px; height: 52px; border-radius: 50%; border: 2px solid #e6ebef } .job-steps .steps .step .icon img { width: 100%; max-width: 20px; max-height: 20px } .job-steps .steps .step span { margin-top: 7px; width: 100%; font-size: 16px; text-align: center; color: #9baebf } .job-steps .steps .step.active span, .mycart .item .infos-buttons .infos .price span, .success-booking .detail .infos-buttons .infos .price span { font-weight: 700; color: #fc6521 } .job-usta-detail, .mycart .item .infos-buttons, .success-booking .detail .infos-buttons { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center } .job-usta-detail .usta figure { margin: 0 15px 0 0 } .job-usta-detail .usta figure img { margin: 0; border-radius: 50% } .job-usta-detail .usta .info, .job-usta-detail .ustamobile .figure-info .info { display: flex; flex-wrap: nowrap; flex-direction: column } .job-usta-detail .usta .info .tags { width: 100%; display: flex; flex-wrap: nowrap; align-items: center } .job-usta-detail .usta .info .tags samp, .job-usta-detail .ustamobile .tags samp { font-size: 16px; font-weight: 500; color: #27ae60 } .job-usta-detail .usta .info .tags samp img, .job-usta-detail .ustamobile .tags samp img { height: 12px; margin-right: 5px } .job-usta-detail .usta .info .name, .job-usta-detail .ustamobile .figure-info .info .name { width: 100%; font-size: 16px; font-weight: 700; line-height: 1; color: #fc6521; margin-top: 4px } .job-usta-detail .usta .info .title, .job-usta-detail .ustamobile .figure-info .info .title { width: 100%; margin: 4px 0 6px; font-size: 12px; line-height: 1; font-weight: 500; color: #9baebf } .job-usta-detail .usta .info .stars img, .job-usta-detail .ustamobile .stars-price .stars img { margin: 0 1px 0 0 } .job-usta-detail .ustamobile { flex-wrap: wrap; display: none; align-items: center; margin-bottom: 10px } .job-usta-detail .ustamobile .tags { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 5px } .job-usta-detail .ustamobile .figure-info figure { margin: 0 10px 0 0 } .job-usta-detail .ustamobile .figure-info figure img { width: 50px; margin: 0; border-radius: 50% } .job-usta-detail .ustamobile .stars-price { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 5px } .job-usta-detail .detail .price samp, .job-usta-detail .ustamobile .stars-price .price { font-size: 16px; text-align: right; color: #fc6521; font-weight: 700 } .job-usta-detail .detail { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center } .job-usta-detail .detail .price { display: flex; flex-wrap: wrap; flex-direction: column } .job-usta-detail .detail .price span { font-size: 12px; text-align: right; color: #9baebf } .job-usta-detail .detail .updown { margin-left: 15px; width: 50px; height: 50px; padding: 13px; border-radius: 50%; border: 2px solid #fc6521 } .epagination .arrow.passive:hover, .job-usta-detail .detail .updown:hover { border: 2px solid #9baebf } .job-active, .job-assigned { display: flex; flex-wrap: wrap; width: 100%; padding: 20px; border-radius: 6px; border: 2px solid #e6ebef; background: #fff } .page-banner, .proma { background-position: center !important; background-size: cover !important } .job-active form { margin-top: 20px; width: 100%; border-radius: 6px; padding: 20px; background-color: #fafbfc; border: 2px solid #e6ebef } .job-active form .price { width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; flex-direction: column } .job-active form .price span, .testimonial .icon-name .name samp { font-size: 14px; line-height: 1; color: #9baebf } .job-active form .price samp { font-size: 30px; line-height: 1; color: #fc6521; font-weight: 700 } .last-booking { padding: 30px; border-radius: 6px; background-color: #fafbfc; display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 20px } .last-booking .time { width: 115px; height: 115px; padding: 20px 32px; border: 2px dashed #9baebf; border-radius: 50%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; flex-direction: column } .last-booking .time span { font-size: 40px; line-height: 40px; font-weight: 700; color: #fc6521 } .last-booking .time samp { font-size: 14px; line-height: 14px; font-weight: 500; color: #fc6521; text-align: center } .last-booking .info { margin-left: 20px; display: flex; flex-wrap: wrap } .last-booking .info span { width: 100%; font-size: 22px; line-height: 25px; font-weight: 500; color: #1d1d1b; margin-bottom: 20px } .last-booking .info p { font-size: 14px; color: #9baebf; display: flex; flex-wrap: nowrap } .last-booking .info p i { width: 16px; height: 20px; background-position: center !important; background-size: cover !important; margin-right: 10px } .last-booking .check { position: absolute; right: 20px; bottom: 20px; width: 30px; height: 16px; background: url(../img/double-check.svg) no-repeat; background-position: center !important; background-size: cover !important } .menu-boxmain .left, .menu-boxmain .right { display: none; width: 13px; height: 25px; position: absolute; top: 25px; opacity: .75; z-index: 2 } .menu-boxmain .left { left: 0; background: url(../img/arrow-black-left.svg) center/cover no-repeat } .menu-boxmain .right { right: 0; background: url(../img/arrow-black-right.svg) center/cover no-repeat } .menu-box { width: 100%; margin: 30px 0 20px; z-index: 1 } .menu-box ul { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0; padding: 0; list-style: none } .menu-box ul li { width: 14.28%; display: flex; flex-wrap: wrap; margin-right: 1px } .epagination div input, .our-app .container .info form .formitem { margin-right: 10px; border-radius: 6px } .menu-box ul li a { width: 100%; height: 80px; border-radius: 6px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin-right: 1px } .menu-box ul li a:hover, .menu-box ul li.active a { background: #9baebf } .menu-box ul li a span { width: 100%; font-size: 18px; font-weight: 500; color: #9baebf; margin-top: 3px; text-align: center } .menu-box ul li a:hover .eicon-notification-grey, .menu-box ul li.active a .eicon-notification-grey { background: url(../img/notification-bell-white.svg) no-repeat; background-position: center !important; background-size: cover !important } .mycart { width: 100%; padding: 30px 0 110px } .mycart .item, .success-booking .detail { display: flex; flex-wrap: nowrap; padding: 10px 30px 10px 10px; border-radius: 6px; border: 2px solid #e6ebef; background-color: #fff; margin-bottom: 20px } .mycart .item figure { width: 295px; flex: 0 0 295px; margin-right: 20px; margin-bottom: 0 } .mycart .item figure img { width: 100%; margin-bottom: 0; border-radius: 6px } .mycart .item .infos-buttons .infos .title, .success-booking .detail .infos-buttons .infos .title { width: 100%; font-size: 20px; line-height: 1; font-weight: 500; color: #1d1d1b; margin-bottom: 10px } .not-found figure { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center } .not-found .title { font-size: 40px; line-height: 40px; font-weight: 700; text-align: center; color: #fc6521; margin-bottom: 5px } .our-app .container .image { margin-right: 80px; width: 295px; align-items: flex-start } .our-app .container .info { width: 670px } .our-app .container .info .title { font-size: 30px; font-weight: 500; color: var(--black); margin-bottom: 20px } .our-app .container .info p { font-size: 18px; color: var(--black) } .our-app .container .info form { margin: 30px 0 20px; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start } .our-app .container .info form button { padding: 0 44px; height: 50px; white-space: nowrap } .our-app .container .info .buttons a img { height: 50px } @media only screen and (max-width:1000px) { .our-app .container .image { margin-right: 0; width: 30% } .our-app .container .info { width: 70%; padding: 0 0 30px 30px } .our-app .container .info .title { font-size: 34px; margin-bottom: 15px } .our-app .container .info p { font-size: 16px } .our-app .container .info form button { padding: 0 20px } } .page-banner { width: 100%; height: 235px; display: flex; align-items: center } .epagination, .epagination div { flex-wrap: nowrap; display: flex } .page-banner.large { height: 500px } .page-banner .title { font-size: 80px; font-weight: 700; color: #fafbfc } .page-banner .lighttitle { font-size: 80px; font-weight: 300; color: #1d1d1b } .page-banner .lighttitle b { font-weight: 700 } .epagination { justify-content: center; align-items: center; margin: 30px 0 } .epagination div { margin: 0 20px; align-items: center } .epagination div input { width: 50px; height: 50px; border: 2px solid #9baebf; color: #9baebf; font-size: 18px; font-weight: 500; text-align: center } .epagination div span { font-size: 18px; font-weight: 500; color: #9baebf } .epagination .arrow { display: flex; flex-wrap: nowrap; width: 38px; height: 38px; border: 2px solid #9baebf; border-radius: 50%; align-items: center; justify-content: center } .epagination .arrow img { width: 16px; margin-top: 2px } .booking .day.pasive, .epagination .arrow.passive { opacity: .5 } .popular-posts { padding: 30px 20px 25px; border-radius: 6px; border: 2px solid #e6ebef; background-color: #fff } .popular-posts .item { margin-bottom: 25px; display: flex; flex-wrap: wrap } .popular-posts .item .title { font-size: 16px; font-weight: 500; color: #1d1d1b; margin-bottom: 10px } .press-list { margin-bottom: 70px; display: flex; flex-wrap: nowrap; align-items: flex-start } .press-list .image-title { width: 170px; flex: 0 0 170px } .press-list .image-title .image { width: 150px; height: 150px; border: 5px solid #e6ebef; border-radius: 50%; background-color: #fff; margin-right: 20px; flex: 0 0 150px; display: flex; justify-content: center; align-items: center } .press-list .image-title .image figure { margin-bottom: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: center } .press-list .image-title .image figure img { float: left; max-width: 100% } .press-list .image-title .title { color: #fc6521; font-size: 16px; margin-bottom: 5px; font-weight: 700; display: none } .press-list .title-description .title { color: #fc6521; font-size: 18px; font-weight: 700; margin-bottom: 5px } .press-list .title-description p { width: 100%; color: #1d1d1b; font-size: 12px; line-height: 20px } .proma { width: 100%; height: 500px } .proma .container { height: 100%; align-items: center; display: flex; flex-wrap: wrap } .proma .box { background: #fafbfc; width: 770px; padding: 40px; border-radius: 6px } .proma .box .title { font-size: 40px; font-weight: 700; color: #1d1d1b; margin-bottom: 10px } .proma .box .decsription { font-size: 22px; font-weight: 500; color: #1d1d1b } .proma .box form { margin: 30px 0 20px; display: flex; flex-wrap: nowrap; justify-content: space-around } .proma .box form .formitem { width: 100%; height: 50px; margin: 0 10px 0 0; position: relative; background: #fff } .proma .box form .formitem fieldset { align-items: center } .proma .box form .formitem .eicon-search { width: 20px; height: 20px; flex: 0 0 20px } .proma .box form .formitem .eicon-close { display: none; width: 22px; height: 20px } .proma .box form .formitem .result { display: none; position: absolute; left: 0; top: 55px; width: 100%; z-index: 2; padding: 10px 0; box-shadow: 0 20px 40px 0 rgba(0,0,0,.25); background-color: #fff; list-style: none; border-radius: 6px; margin-bottom: 0 } .proma .box form .formitem .result li a { width: 100%; padding: 8px 22px; font-size: 16px; font-weight: 500; color: #fc6521 } .proma .box form .formitem .result li a:hover { background-color: rgba(252,101,33,.05) } .proma .box form button { width: 180px; flex: 0 0 180px } .proma .box .tag, .settings .tag { display: flex; flex-wrap: wrap; margin: 0; padding: 0 } .proma .box .tag li, .settings .tag li { display: flex; flex-wrap: wrap; margin: 0 10px 10px 0 } .proma .box .tag li a, .settings .tag li a { padding: 6px 20px; font-weight: 700 } .login, .register, .review .box, .search-detail, .search-main, .text-description { background-color: #fff } .proma-banner { width: 100%; height: 475px; background-size: contain !important; background-position: right center !important; background-repeat: no-repeat !important; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 50px } .proma-banner:after { content: ''; width: 50%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 } .proma-banner:before { content: ''; width: 175px; height: 100%; position: absolute; left: 50%; top: 0; z-index: 1 } .proma-banner.black:after { background: #1d1d1b } .proma-banner.black:before { background-image: linear-gradient(to right,#1d1d1b,rgba(29,29,27,0)) } .proma-banner.orange:after { background: #fc6521 } .proma-banner.orange:before { background-image: linear-gradient(to right,#fc6521,rgba(29,29,27,0)) } .proma-banner .infocard { width: 700px; z-index: 2; position: relative } .proma-banner .subinfo { width: 100%; font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #fc6521 } .proma-banner.orange .price samp, .proma-banner.orange .price span, .proma-banner.orange .subinfo, .proma-banner.orange .subinfo samp { color: #fafbfc } .proma-banner .title { width: 100%; font-size: 40px; font-weight: 700; color: #fafbfc; margin-bottom: 5px } .proma-banner .description { width: 100%; font-size: 14px; color: #fafbfc; margin-bottom: 20px } .proma-banner .price { width: 100%; font-size: 40px; margin-bottom: 10px; display: flex; flex-wrap: wrap; flex-direction: column } .proma-banner .price samp { font-size: 12px; line-height: 1; color: #9baebf } .proma-banner .price span { font-size: 30px; line-height: 1; font-weight: 700; color: #fc6521 } .proma-banner .buttons { width: 100%; margin-bottom: 10px; display: flex; flex-wrap: wrap } .proma-banner .buttons a { width: 380px; text-align: center } .proma-banner .info { width: 100%; font-size: 14px; color: #fafbfc } .report form { display: flex; flex-wrap: nowrap; align-content: center; margin-bottom: 10px } .report form .or { font-size: 20px; padding: 10px 20px; color: #9baebf } .report form button { padding-left: 40px !important; padding-right: 40px !important } .report .title { font-size: 22px; font-weight: 500; color: #fc6521; margin-bottom: 20px } .review { height: 100%; padding-bottom: 20px; display: flex; flex-wrap: wrap; align-items: flex-start } .review .box, .search { flex-wrap: wrap; display: flex } .review .box { border-radius: 6px; border: 2px solid #e6ebef; padding: 20px; height: 100% } .review .date { padding: 5px 10px; border-radius: 6px; background-color: #e6ebef; font-size: 12px; font-weight: 500; color: #9baebf; margin-bottom: 5px } .review .title { width: 100%; font-size: 16px; font-weight: 700; color: #fc6521 } .review .stars { width: 100%; display: flex; flex-wrap: nowrap; margin: 10px 0 } .review .stars img { width: 16px; margin-right: 1px } .review .description, .review .description p { font-size: 16px; line-height: 1.5; color: #1d1d1b } .search-main { border-radius: 6px; border: 2px solid #e6ebef; padding: 30px 20px 0 } .search { width: 100%; margin-bottom: 10px } .search figure { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 0 } .search .title-stars { width: 100%; margin: 13px 0 12px; display: flex; flex-wrap: nowrap } .search .title { width: 100%; font-size: 22px; font-weight: 500; color: #1d1d1b; display: flex; flex-wrap: wrap } .search .title span { width: 100%; font-size: 16px; font-weight: 500; color: #1d1d1b } .search .title samp, .search-detail .top .stars samp { font-size: 12px; font-weight: 500; color: #9baebf } .search .stars { width: 115px; flex: 0 0 115px; margin-bottom: 13px } .search .description, .search .description p { font-size: 12px; line-height: 1.5; color: #1d1d1b } .search-detail { border-radius: 6px; border: 2px solid #e6ebef } .search-detail .top { border-bottom: 2px solid #e6ebef; padding: 20px; display: flex; flex-wrap: wrap } .search-detail .top figure { display: flex; flex-wrap: wrap; width: 100px; height: 100px; flex: 0 0 100px; align-items: center; justify-content: center; background-color: #e6ebef; margin-right: 20px; border-radius: 50%; margin-bottom: 0 } .search-detail .top figure img { max-width: 100% } .search-detail .top .stars { width: 100%; margin-bottom: 3px } .search-detail .top .check { width: 100%; flex-wrap: nowrap; align-items: center; font-size: 12px; font-weight: 500; color: #27ae60; margin-top: 10px; display: none } .search-detail .top .check i { margin-right: 10px; width: 18px; height: 18px } .search-detail .decsription, .search-detail .decsription p { font-size: 14px; line-height: 1.5; color: #1d1d1b } .search-detail .decsription span { font-weight: 500; color: #9baebf } .search-detail .decsription a:hover { text-decoration: underline; color: #9baebf } .search-detail .bottom { border-top: 2px solid #e6ebef; padding: 25px 20px; font-size: 14px; line-height: 1.4; color: #9baebf } .search-detail .bottom small { font-size: 16px; font-weight: 500; color: #fc6521 } .service-box { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; margin-bottom: 50px; overflow: hidden; margin-right: 20px } .service-box figure { position: relative; width: 100%; margin-bottom: 10px } .service-box figure img { width: 100%; float: left; position: relative; border-radius: 6px } .service-box figure .tag { position: absolute; top: 10px; right: 5px; border-radius: 6px; padding: 5px; font-size: 14px; font-weight: 500 } .service-box figure .tag.green { background: #27ae60; color: #fafbfc } .service-box span { width: 100%; font-size: 20px; font-weight: 700; color: #1d1d1b; margin-bottom: 10px } .service-box p { font-size: 14px; color: #9baebf; margin-bottom: 10px } @media only screen and (max-width:1024px) { .service-box .buttons a { padding: 6px 16px; font-size: 14px } } .success-booking { width: 100%; display: flex; flex-wrap: nowrap; position: relative } .success-booking .main { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; margin-bottom: 50px } .success-booking .main .title { font-size: 40px; line-height: 1; font-weight: 700; text-align: center; color: #fc6521; margin-bottom: 10px } .success-booking .main p { font-size: 18px; text-align: center; color: #1d1d1b; margin-bottom: 0 } .success-booking .detail .reference-no { width: 295px; height: 175px; flex: 0 0 295px; margin-right: 20px; background: #9baebf; border-radius: 6px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center } .success-booking .detail .reference-no samp { width: 100%; text-align: center; font-size: 40px; line-height: 1; font-weight: 700; color: #fff; margin-top: 5px } .success-booking .detail .reference-no span { width: 100%; text-align: center; font-size: 20px; line-height: 1; color: #fff } .success-booking .detail .infos-buttons .buttons a { margin-left: 10px; padding-left: 40px; padding-right: 40px } .success-booking .steps { width: 100%; border-radius: 6px; background: #e6ebef; padding: 20px } .success-booking .steps .title { width: 100%; font-size: 16px; font-weight: 700; color: #1d1d1b; margin-bottom: 15px } .success-booking .steps ul { width: 100%; color: #1d1d1b; padding: 0 } .success-booking .steps ul li { width: 100%; display: flex; flex-wrap: nowrap; margin-bottom: 10px; align-items: center } .success-booking .steps ul li span { width: 35px; height: 35px; flex: 0 0 35px; display: flex; flex-wrap: wrap; background: #9baebf; border-radius: 50%; margin-right: 10px; align-content: center; justify-content: center; color: #fff } .testimonial { width: 100%; height: 100%; display: flex; flex-wrap: nowrap; flex-direction: column } .testimonial .message { position: relative; z-index: 1; width: 100%; border: 1px dashed #fc6521; padding: 10px; border-radius: 6px; margin-bottom: 40px; height: 200px; overflow-y: hidden } .testimonial .message .arrow { position: absolute; z-index: 2; left: 60px; bottom: -24px; width: 44px; height: 24px; overflow: hidden; border-top: 1px solid #fafbfc } .testimonial .message .arrow:after { content: ''; transform: rotate(45deg); position: absolute; bottom: 7px; left: 7px; width: 30px; height: 30px; border: 1px dashed #fc6521 } .testimonial .message .point { font-size: 20px; font-weight: 500; color: #e6ebef; margin-bottom: 10px } .testimonial .message p { font-size: 14px; line-height: 1.67; color: #1d1d1b; margin-bottom: 0; max-height: 100px; overflow-y: auto } .testimonial .icon-name { display: flex; flex-wrap: nowrap; align-items: center; padding-top: 15px } .testimonial .icon-name .icon { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 30px; flex: 0 0 30px; height: 30px; border-radius: 50%; font-size: 15px; font-weight: 700; color: #fafbfc; background-color: #fc6521 } .testimonial .icon-name .name { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; margin-left: 10px } .testimonial .icon-name .name span { font-size: 14px; line-height: 1; font-weight: 500; color: #1d1d1b; margin-bottom: 5px } @media only screen and (max-width:1370px) { .testimonials .slider-buttons .testimonialsCarousel-next { right: -35px } .testimonials .slider-buttons .testimonialsCarousel-prev { left: -35px } } @media only screen and (max-width:1270px) { .testimonials .slider-buttons button { top: -60px } .testimonials .slider-buttons .testimonialsCarousel-next { right: 0 } .testimonials .slider-buttons .testimonialsCarousel-prev { left: auto; right: 40px } } .text-description { border-radius: 6px; border: 2px solid #e6ebef; padding: 30px 20px 10px; margin-bottom: 30px } .text-description .title { color: #fc6521; font-size: 22px; font-weight: 500; margin-bottom: 10px } #topbanner-wrapper, .job-hour-from.active { background-color: #fc6521; color: #fff } .text-description p { width: 100%; color: #1d1d1b; font-size: 14px; line-height: 1.5; padding-bottom: 10px; margin-bottom: 0 } .transactions .form-buttons { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between } .transactions .table { width: 100%; margin: 0 } .booking .category { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px 0 10px } .booking .tabmenu { width: 100%; display: flex; flex-wrap: wrap; justify-content: center } .booking .tabmenu ul li { display: flex; flex-wrap: wrap; margin: 0 20px } .booking .tabmenu ul li a { font-size: 18px; font-weight: 700; color: #1d1d1b } .booking .day { width: 100%; margin-right: 20px; display: flex; flex-wrap: wrap; border: 1px solid #e6ebef; border-radius: 6px; overflow: hidden } .booking .day .title { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; background: #fafbfc; justify-content: center; padding: 17px 0 } .booking .day .title p { width: 100%; font-size: 18px; margin-bottom: 10px; color: #1d1d1b; text-align: center } .booking .day .title .formitem { margin-bottom: 0; justify-content: center } .booking .day .hour { width: 100%; display: flex; flex-wrap: nowrap; border-top: 1px solid #e6ebef; padding: 8px 10px } .booking .day .hour.active { background: rgba(39,174,96,.08) } .booking .day .hour span { width: 100%; font-size: 12px; color: #9baebf } .booking .day .hour div { width: 80px; flex: 0 0 80px; display: flex; flex-wrap: nowrap } .booking .day .hour div samp { width: 40px; height: 20px; font-size: 14px; text-align: center; color: #1d1d1b } .categories .bg-orange { background: #fc6521; padding: 60px 0 } .categories .slider { display: flex; flex-wrap: nowrap; justify-content: space-around } .categories .slider .item { width: 100%; margin-right: 20px } .how-it-works { margin: 0 5%; position: relative } .how-it-works .line { border: 1px dashed #fc6521; width: 60%; position: absolute; z-index: 1; top: 90px; left: 20% } .how-it-works .icon-description2 { position: relative; z-index: 2 } .new-address { width: 100%; padding: 0 80px } .popular-services .slider .owl-stage-outer, .related-services .slider .owl-stage-outer { display: flex; flex-wrap: wrap; position: relative } .popular-services .slider .owl-stage, .related-services .slider .owl-stage { display: flex; flex-wrap: wrap; align-items: flex-start } .popular-services .slider .owl-item, .related-services .slider .owl-item { display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start } .ratings { margin-top: 30px; width: 100%; padding: 20px 20px 0 !important } .login, .register { border-radius: 6px; border: 2px solid #e6ebef; padding: 20px } .search-coategories { flex-wrap: wrap; margin-bottom: 20px; display: none } .settings { width: 100%; margin-top: 30px } .settings .econtents { padding: 0 30px 10px } .settings h4 { font-size: 18px; font-weight: 500; color: #fc6521; margin: 30px 0 } .testimonials .slider-buttons { width: 100%; position: relative } .testimonials .slider-buttons button { display: flex; flex-wrap: wrap; position: absolute; top: 35%; z-index: 2; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 2px solid #9baebf; background: 0 0 } .testimonials .slider-buttons .testimonialsCarousel-next { right: -70px } .testimonials .slider-buttons .testimonialsCarousel-prev { left: -70px } .testimonials .ratings { margin: 80px 0 120px } .testimonials .ratings .title { font-size: 30px; font-weight: 500; color: #1d1d1b; text-align: center; margin-bottom: 20px } .testimonials .ratings .stars-text { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center } .testimonials .ratings .stars-text .star { width: 50px; margin: 0 2px } .testimonials .ratings .stars-text span { font-size: 50px; font-weight: 500; color: #fbbc05; margin-left: 10px } .testimonials .ratings .stars-text samp { font-size: 50px; font-weight: 500; color: #9baebf; margin: 0 10px } .datepicker-days .table-condensed { font-size: 12px; margin: 10px } .loading-overlay { background: #e9e9e9; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; z-index: 200000 } #loading-img { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url(../img/mrusta-loading.gif) 50% 50% no-repeat } .hidden { display: none !important } #nav-category-search .twitter-typeahead { width: 100% !important } #nav-category-search .tt-hint { color: #8b8b8b !important } #nav-category-search .tt-menu { width: calc(100% + 60px) !important; left: -30px !important; margin-top: 5px; box-shadow: 0 5px 10px rgba(0,0,0,.2) !important; border-radius: 4px } #nav-category-search .tt-suggestion { padding: 9px 20px; font-size: 16px; line-height: 20px; font-weight: 500; color: #1d1d1b } #nav-category-search .tt-suggestion p { margin: 0 !important } .pac-container { z-index: 10000 !important; margin-top: 5px } .one-pixel-sized { height: 1px !important; width: 1px !important; display: none } .tooltip { z-index: 100000 } .edit-review-frame .br-theme-css-stars .br-widget a, .rate-modal-frame .br-theme-css-stars .br-widget a { width: 28px; font-size: 37px } .our-app .container .info form .formitem { background: #e6ebef !important } .ebtn-outline.disabled, .ebtn-outline.disabled:hover, .ebtn-outline:disabled, .ebtn-outline:disabled:hover, .ebtn.disabled, .ebtn.disabled:hover, .ebtn:disabled, .ebtn:disabled:hover { color: #b9c0db; background: #e6ebef; border: 2px solid #e6ebef } #btn-job-post-next .disabled { background-color: #fc6521ab !important } .tt-menu { position: relative !important } #nav-category-search { z-index: 100 } .search-box .tt-suggestion:hover { color: #fc6521; cursor: pointer } .paymethod.checkout-items .maintitle { height: 60px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; color: #fc6521; border: 2px solid #e6ebef; background: #fff; border-radius: 6px 6px 0 0 } #promasearch, #searchbox { outline-color: transparent } .efaq-accordion { margin-top: -15px; text-align: left } .efaq-question { border-bottom: 1px solid #dedede; padding: 0 0 10px; cursor: pointer; font-weight: 600 } .efaq-answer { padding-top: 1px; padding-bottom: 25px } @media only screen and (max-width:767px) { .checkout .addcart .cart, .count-box3 .icon, .icon-description .title-description .title, .icon-description2 p, .image-description .title-description .title, .job-steps .service .back, .job-usta-detail .detail .price, .job-usta-detail .detail .updown, .job-usta-detail .usta, .our-app .container .info form, .popular-posts .blog-date-author .author, .press-list .title-description .title, .proma-banner:before, .testimonials .slider .owl-dots, .testimonials .slider .owl-nav, .top-banner, .transactions .form-buttons .buttons, footer .app-follow .title, footer .menu .title-a .title, footer .menu ul, header .desktop { display: none } .job-usta-detail .ustamobile, .search-coategories, footer .menu .title-a a, header .mobile { display: flex } footer { padding: 60px 10px 30px } footer .icon { top: -30px } footer .icon img { width: 180px; height: 54px } .count-box, .emb-sm-20px, .emy-sm-20px, .job-steps, .not-found figure, .search-detail, footer .app-follow .app, footer .menu { margin-bottom: 20px } .emb-sm-10px, .emy-sm-10px, .formitem, .our-app .container .info .buttons a, .service-box .buttons a, footer .menu .title-a, footer .menu ul li { margin-bottom: 10px } .checkout .paymethoditem.active .formitem, .icon-description .icon-title .title, .menu-box .left, .menu-box .right, .menu-boxmain .left, .menu-boxmain .right, .press-list .image-title .title, .proma .image, footer .menu .title-a a .title { display: inline } .booking .category .formitem, .contact .iframe, .efancybox, .ew-sm-100, .grid-66, .grid-sm-100, .job-usta-detail .detail .button, .proma-banner .infocard, .search-detail .top .title-stars-check, .success-booking .detail .infos-buttons .infos, .transactions .form-buttons .form .formitem button, .use-fancybox form .formitem button, .use-fancybox form .formitem:last-child, footer .menu ul li { width: 100% } footer .app-follow .app ul, footer .app-follow .follow ul { justify-content: center } footer .app-follow .app ul li, footer .app-follow .follow li { margin: 0 5px 10px } footer .app-follow .app li:last-child, footer .app-follow .follow li:last-child { margin-right: 5px } .checkoutmain, .emt-sm-20px, .emy-sm-20px, footer .signature { margin-top: 20px } .checkout-summary .buttons, .contact, .ebox, .eformbox, .ep-sm-10px, .job-active, .job-assigned, .job-steps .service, .review .box, .search-detail .decsription { padding: 10px } .fancybox-wrap { width: 90% !important } .fancybox-inner { width: 100% !important } .booknow-box .close, .efancybox .close { position: fixed; width: 20px; height: 20px; right: 20px; top: 20px; background: url(../img/close-white.svg) no-repeat; background-position: center !important; background-size: cover !important; border: transparent } .efancybox .content { font-size: 14px; padding: 20px } .content, .efancybox .content p, .menu-box ul li a span, .our-app .container .info p, .review .description, .review .description p, .testimonial .message p { font-size: 14px } .count-box3 span, .etitle, .proma-banner .title { font-size: 30px } .etitle.small, .job-active form .price samp, .job-detail .detail .decription span, .testimonial .message .point { font-size: 20px } .etitle.large, .page-banner .title { font-size: 40px } .ew-sm-50, .grid-33 { width: 50% } .ew-sm-33 { width: 33% } .em-sm-0px, .ew-sm-0px { margin: 0 } .em-sm-10px, .ew-sm-10px { margin: 10px } .em-sm-20px, .ew-sm-20px { margin: 20px } .em-sm-30px, .ew-sm-30px { margin: 30px } .em-sm-40px, .ew-sm-40px { margin: 40px } .em-sm-50px, .ew-sm-50px { margin: 50px } .em-sm-60px, .ew-sm-60px { margin: 60px } .em-sm-70px, .ew-sm-70px { margin: 70px } .em-sm-80px, .ew-sm-80px { margin: 80px } .em-sm-90px, .ew-sm-90px { margin: 90px } .em-sm-100px, .ew-sm-100px { margin: 100px } .ew-sm-230px { margin: 230px } .ew-sm-250px { margin: 250px } .ew-sm-600px { margin: 600px } .emt-sm-0px, .emy-sm-0px { margin-top: 0 } .emb-sm-0px, .emy-sm-0px, .popular-services .slider .service-box, .related-services .slider .service-box { margin-bottom: 0 } .eml-sm-0px, .emx-sm-0px, .job-usta-detail .detail .button a:first-child { margin-left: 0 } .booking .day:last-child, .emr-sm-0px, .emx-sm-0px, .image-description2 figure { margin-right: 0 } .checkout-summary .price, .emt-sm-10px, .emy-sm-10px, .mycart .item .infos-buttons .buttons { margin-top: 10px } .eml-sm-10px, .emx-sm-10px, .our-app .etitle { margin-left: 10px } .emr-sm-10px, .emx-sm-10px { margin-right: 10px } .eml-sm-20px, .emx-sm-20px { margin-left: 20px } .emr-sm-20px, .emx-sm-20px { margin-right: 20px } .emt-sm-30px, .emy-sm-30px { margin-top: 30px } .emb-sm-30px, .emy-sm-30px, .success-booking .main { margin-bottom: 30px } .eml-sm-30px, .emx-sm-30px { margin-left: 30px } .emr-sm-30px, .emx-sm-30px { margin-right: 30px } .emt-sm-40px, .emy-sm-40px { margin-top: 40px } .bloglist, .emb-sm-40px, .emy-sm-40px { margin-bottom: 40px } .eml-sm-40px, .emx-sm-40px { margin-left: 40px } .emr-sm-40px, .emx-sm-40px { margin-right: 40px } .emt-sm-50px, .emy-sm-50px { margin-top: 50px } .emb-sm-50px, .emy-sm-50px { margin-bottom: 50px } .eml-sm-50px, .emx-sm-50px { margin-left: 50px } .emr-sm-50px, .emx-sm-50px { margin-right: 50px } .emt-sm-60px, .emy-sm-60px { margin-top: 60px } .emb-sm-60px, .emy-sm-60px { margin-bottom: 60px } .eml-sm-60px, .emx-sm-60px { margin-left: 60px } .emr-sm-60px, .emx-sm-60px { margin-right: 60px } .emt-sm-70px, .emy-sm-70px { margin-top: 70px } .emb-sm-70px, .emy-sm-70px { margin-bottom: 70px } .eml-sm-70px, .emx-sm-70px { margin-left: 70px } .emr-sm-70px, .emx-sm-70px { margin-right: 70px } .emt-sm-80px, .emy-sm-80px { margin-top: 80px } .emb-sm-80px, .emy-sm-80px { margin-bottom: 80px } .eml-sm-80px, .emx-sm-80px { margin-left: 80px } .emr-sm-80px, .emx-sm-80px { margin-right: 80px } .emt-sm-90px, .emy-sm-90px { margin-top: 90px } .emb-sm-90px, .emy-sm-90px { margin-bottom: 90px } .eml-sm-90px, .emx-sm-90px { margin-left: 90px } .emr-sm-90px, .emx-sm-90px { margin-right: 90px } .emt-sm-100px, .emy-sm-100px { margin-top: 100px } .emb-sm-100px, .emy-sm-100px { margin-bottom: 100px } .eml-sm-100px, .emx-sm-100px { margin-left: 100px } .emr-sm-100px, .emx-sm-100px { margin-right: 100px } .emt-sm-110px, .emy-sm-110px { margin-top: 110px } .emb-sm-110px, .emy-sm-110px { margin-bottom: 110px } .eml-sm-110px, .emx-sm-110px { margin-left: 110px } .emr-sm-110px, .emx-sm-110px { margin-right: 110px } .em-sm-110px { margin: 110px } .emt-sm-120px, .emy-sm-120px { margin-top: 120px } .emb-sm-120px, .emy-sm-120px { margin-bottom: 120px } .eml-sm-120px, .emx-sm-120px { margin-left: 120px } .emr-sm-120px, .emx-sm-120px { margin-right: 120px } .em-sm-120px { margin: 120px } .ept-sm-0px, .epy-sm-0px { padding-top: 0 } .epb-sm-0px, .epy-sm-0px { padding-bottom: 0 } .epl-sm-0px, .epx-sm-0px { padding-left: 0 } .checkout .rechargeplan-creditcard, .epr-sm-0px, .epx-sm-0px { padding-right: 0 } .dashboard, .ep-sm-0px { padding: 0 } .ept-sm-10px, .epy-sm-10px { padding-top: 10px } .epb-sm-10px, .epy-sm-10px, .review { padding-bottom: 10px } .epl-sm-10px, .epx-sm-10px { padding-left: 10px } .epr-sm-10px, .epx-sm-10px { padding-right: 10px } .ept-sm-20px, .epy-sm-20px { padding-top: 20px } .epb-sm-20px, .epy-sm-20px { padding-bottom: 20px } .epl-sm-20px, .epx-sm-20px { padding-left: 20px } .epr-sm-20px, .epx-sm-20px { padding-right: 20px } .category-box, .checkout-summary .items .item, .ep-sm-20px, .login, .register { padding: 20px } .ept-sm-30px, .epy-sm-30px { padding-top: 30px } .epb-sm-30px, .epy-sm-30px { padding-bottom: 30px } .epl-sm-30px, .epx-sm-30px { padding-left: 30px } .epr-sm-30px, .epx-sm-30px { padding-right: 30px } .ep-sm-30px { padding: 30px } .ept-sm-40px, .epy-sm-40px { padding-top: 40px } .epb-sm-40px, .epy-sm-40px { padding-bottom: 40px } .epl-sm-40px, .epx-sm-40px { padding-left: 40px } .epr-sm-40px, .epx-sm-40px { padding-right: 40px } .ep-sm-40px { padding: 40px } .ept-sm-50px, .epy-sm-50px { padding-top: 50px } .epb-sm-50px, .epy-sm-50px { padding-bottom: 50px } .epl-sm-50px, .epx-sm-50px { padding-left: 50px } .epr-sm-50px, .epx-sm-50px { padding-right: 50px } .ep-sm-50px { padding: 50px } .ept-sm-60px, .epy-sm-60px { padding-top: 60px } .epb-sm-60px, .epy-sm-60px { padding-bottom: 60px } .epl-sm-60px, .epx-sm-60px { padding-left: 60px } .epr-sm-60px, .epx-sm-60px { padding-right: 60px } .ep-sm-60px { padding: 60px } .ept-sm-70px, .epy-sm-70px { padding-top: 70px } .epb-sm-70px, .epy-sm-70px { padding-bottom: 70px } .epl-sm-70px, .epx-sm-70px { padding-left: 70px } .epr-sm-70px, .epx-sm-70px { padding-right: 70px } .ep-sm-70px { padding: 70px } .ept-sm-80px, .epy-sm-80px { padding-top: 80px } .epb-sm-80px, .epy-sm-80px { padding-bottom: 80px } .epl-sm-80px, .epx-sm-80px { padding-left: 80px } .epr-sm-80px, .epx-sm-80px { padding-right: 80px } .ep-sm-80px { padding: 80px } .ept-sm-90px, .epy-sm-90px { padding-top: 90px } .epb-sm-90px, .epy-sm-90px { padding-bottom: 90px } .epl-sm-90px, .epx-sm-90px { padding-left: 90px } .epr-sm-90px, .epx-sm-90px { padding-right: 90px } .ep-sm-90px { padding: 90px } .ept-sm-100px, .epy-sm-100px { padding-top: 100px } .epb-sm-100px, .epy-sm-100px { padding-bottom: 100px } .epl-sm-100px, .epx-sm-100px { padding-left: 100px } .epr-sm-100px, .epx-sm-100px { padding-right: 100px } .ep-sm-100px { padding: 100px } .ept-sm-110px, .epy-sm-110px { padding-top: 110px } .epb-sm-110px, .epy-sm-110px { padding-bottom: 110px } .epl-sm-110px, .epx-sm-110px { padding-left: 110px } .epr-sm-110px, .epx-sm-110px { padding-right: 110px } .ep-sm-110px { padding: 110px } .ept-sm-120px, .epy-sm-120px { padding-top: 120px } .epb-sm-120px, .epy-sm-120px { padding-bottom: 120px } .epl-sm-120px, .epx-sm-120px { padding-left: 120px } .epr-sm-120px, .epx-sm-120px { padding-right: 120px } .ep-sm-120px { padding: 120px } .checkout .paymethod .tabs a, .etabcontents .etabs a, .job-closed p, .job-steps .service .detail .name, .not-found p, .service-box span, .success-booking .main p { font-size: 16px } .etabcontents .econtents, .job-steps .steps { padding: 10px 0 } .etabcontents .econtents .econtent.reviews, .latest-bookings, .page-banner, .popular-services, .related-services, .testimonials { padding: 0 10px } .addresses, .credits { width: 100%; padding: 10px !important } .addresses .buttons, .credit-cards .buttons, .credits .buttons { width: 100%; display: flex; flex-wrap: wrap } .addresses .ebtn, .credit-cards .ebtn, .credits .ebtn { width: 100%; text-align: center } .address-item { margin: 10px 0 0; padding: 10px 10px 15px } .address-item .info .buttons a, .credit-card-item .info .buttons a { padding: 5px 20px } .checkout .creditcard { width: 100%; border: 2px solid #e6ebef; background-color: #fff; border-radius: 6px; margin-bottom: 20px } .checkout .creditcard .title { height: 50px; padding-left: 20px } .checkout .creditcard .content, .text-description { padding: 10px 10px 0 } .announcement, .blog, .promotedbanner, .search-detail .top { padding: 20px 10px } .announcement .item, .promotedbanner .item { flex-wrap: wrap } .announcement .item figure, .promotedbanner .item figure { width: 100%; flex: 0 0 100%; margin: 0 } .announcement .item .info, .promotedbanner .item .info, .testimonial { height: auto } .blog-date-author, .checkout .addcart .forms-cart, .icon-description, .job-detail .detail .info, .job-usta-detail, .mycart .item .infos-buttons, .our-app .container, .our-app .container .info .buttons, .report form, .service-box .buttons, .use-fancybox form { display: flex; flex-wrap: wrap } .blog-date-author .author, .blog-date-author .date { margin-bottom: 5px } .blog-detail { padding: 20px 10px; margin-bottom: 20px } .booknow-box { width: 100%; position: relative; padding-bottom: 66px } .booknow-box .body { min-height: auto; padding: 0 15px 15px; max-height: calc(100vh - 170px); overflow-y: scroll } .booknow-box .footer { padding: 10px; position: absolute; bottom: 0; left: 0 } .booking-item { display: flex; flex-wrap: wrap; padding: 15px 10px 10px } .booking-item .buttons, .image-description .title-description, .success-booking .detail .infos-buttons .buttons { width: 100%; margin-top: 20px } .booking-item .buttons a { width: 150px; padding: 5px 0; text-align: center; margin-left: 10px; font-size: 14px } .category-box span { font-size: 19px; margin-bottom: 5px } .checkout { display: flex; flex-wrap: wrap; padding: 0 10px } .checkout .addcart .forms, .checkout .paymethod { width: 100%; padding-right: 0 } .checkout .paymethod .tabcontents { padding: 20px 10px 10px } .checkout .paymethoditem { display: flex; flex-wrap: wrap; padding: 10px } .checkout .paymethoditem .formitem { width: 150px; flex: 0 0 150px; margin: 5px 0 0 30px } .checkout-summary, .proma .box form button { width: 100%; flex: 0 0 100% } .checkout-summary .maintitle { height: 50px } .use-fancybox form .formitem { margin-right: 0; width: 100% } .contact .item { width: 100%; margin-bottom: 15px } .contact .item a, .contact .item p { font-size: 16px; color: #1d1d1b; margin: 0 } .contact .item a:hover { color: #fc6521; text-decoration: underline } .contact .item span { font-size: 16px; color: #1d1d1b; font-weight: 500 } .contact .iframe iframe { width: 100% !important; height: 347px !important } .content li, .content p { font-size: 14px; margin-bottom: 15px } .count-box span { font-size: 24px; margin-bottom: 15px } .count-box samp, .count-box2 p, .count-box3 p, .job-active form .price span, .job-steps .service .detail p, .last-booking .info p { font-size: 12px } .count-box2 p { font-weight: 400; margin-bottom: 5px } .count-box2 span, .page-banner.larg .title, .page-banner.large .lighttitle { font-size: 24px } .count-box3s { display: flex; flex-wrap: wrap; justify-content: center } .count-box3 { width: 46%; height: 110px; margin: 2% } .count-box3:last-child { margin: 2% } .credit-cards { width: 100%; padding: 10px 10px 0 !important } .credits .table { margin: 10px 0 0; overflow-x: scroll } .dashboard .info { margin: 20px 0 10px; padding: 0 10px } .dashboard .info span { width: 100%; text-align: center; color: #9baebf; margin: 5px 0 10px } .dashboard .info a { padding: 9px 0 !important; width: 100%; text-align: center } .grid-item { padding: 5px } .grid-item img { width: 100%; border-radius: 6px } .icon-description .icon-title, .image-description .image-title { width: 100%; flex: 0 0 100%; display: flex; flex-wrap: nowrap; align-items: center } .icon-description .icon-title figure { width: 105px; height: 105px; flex: 0 0 105px; border: 8px solid #e6ebef } .icon-description .icon-title figure img, .icon-description2 figure img { max-width: 60% } .icon-description .title-description, .image-description2 .title-description { width: 100%; margin-top: 10px } .icon-description2 figure { width: 80px; height: 80px; margin-bottom: 10px; border: 5px solid #e6ebef } .icon-description2 .title { font-size: 14px; line-height: 1.4 } .categories .bg-orange, .image-description-section { padding: 30px 10px } .image-description, .press-list { margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: flex-start } .image-description .image-title figure { width: 105px; height: 105px; flex: 0 0 105px } .image-description .image-title .title { display: inline; margin-left: 20px } .image-description .title-description p { font-size: 14px; line-height: 18px } .image-description2 { display: flex; flex-wrap: wrap; padding: 0 20px; justify-content: center } .image-description2 .title-description p { font-size: 14px; line-height: 24px } .job-closed { margin: 30px 0 50px } .job-closed .title { font-size: 30px; margin-bottom: 5px } .job-detail { padding: 15px 10px 0 } .job-detail .detail .info .item { display: flex; flex-wrap: nowrap; flex-direction: column; margin-right: 20px; font-size: 14px } .job-detail .name-address-iframe { padding: 10px !important; margin-top: 20px } .job-steps .steps .step { width: 20% } .job-steps .steps .step .icon { width: 46px; height: 46px } .job-steps .steps .step .icon img { width: 100%; max-width: 20px; max-height: 20px } .job-steps .steps .step span { margin-top: 5px; font-size: 12px } .job-steps .steps .step.active .icon { border: 2px solid #fc6521; background: #fc6521 } .job-steps .steps .step.active span { font-weight: 700; color: #fc6521 } .job-usta-detail .detail, .press-list .title-description { display: flex; flex-wrap: wrap; width: 100% } .job-usta-detail .detail .button a { width: 49%; margin-left: 2%; text-align: center } .job-active form { margin-top: 0; padding: 10px } .last-booking { padding: 15px; margin-bottom: 20px } .last-booking .time { width: 75px; height: 75px } .last-booking .time span { font-size: 22px; line-height: 22px } .last-booking .time samp { font-size: 12px; line-height: 12px } .last-booking .info span { font-size: 16px; line-height: 20px; margin-bottom: 15px } .last-booking .info p i { width: 13px; height: 16px } .last-booking .check { width: 20px; height: 12px } .menu-boxmain { padding: 0 25px } .menu-box { flex-wrap: wrap; justify-content: center; margin: 20px 0; position: relative; overflow-x: scroll } .menu-box6 ul { width: 570px } .menu-box7 ul { width: 630px } .menu-box li { width: 95px !important } .mycart { width: 100%; padding: 20px 10px 80px } .mycart .item, .success-booking .detail { display: flex; flex-wrap: wrap; padding: 10px; margin-bottom: 20px } .mycart .item figure { width: 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 10px } .mycart .item .infos-buttons .buttons a { margin-left: 0; margin-right: 10px } .not-found { margin: 30px 0 50px; padding: 0 20px } .not-found figure img, .press-list .image-title .image figure img { max-width: 80% } .not-found .title { font-size: 30px; line-height: 30px; margin-bottom: 10px } .our-app .bg-vlblue { padding: 40px 10px 30px } .our-app .container .image { margin-right: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; margin-bottom: 10px } .our-app .container .image:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 80px; background-image: linear-gradient(to top,var(--vlblue),rgba(230,235,239,0)) } .our-app .container .image img { width: 185px; position: relative; z-index: 1 } .our-app .container .info { width: 100%; padding-left: 0 } .our-app .container .info .title { font-size: 22px; margin-bottom: 10px } .page-banner, .page-banner.large { height: 120px } .page-banner .lighttitle b { font-weight: 700 } .epagination div input { width: 40px; height: 40px } .press-list .image-title { width: 100%; flex: 0 0 100%; display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 10px } .press-list .image-title .image { width: 70px; height: 70px; flex: 0 0 70px; margin-right: 10px } .press-list .title-description p { width: 100%; color: #1d1d1b; font-size: 12px; line-height: 20px } .proma { height: auto; background: 0 0 !important } .proma .box { background: 0 0; width: 100%; padding: 20px 10px 10px } .proma .box .title { font-size: 30px; margin-bottom: 15px } .proma .box .decsription, .search-detail .top .title { font-size: 18px } .proma .box form { margin: 15px 0 10px; flex-wrap: wrap } .proma .box form .formitem { margin-right: 0; margin-bottom: 10px } .proma .box form .input .result { left: -2px; top: 55px; width: 102% } .proma-banner { background-size: cover !important; background-position: center !important; padding: 0 10px } .proma-banner:after { width: 100%; opacity: .75 } .proma-banner .subinfo { width: 100%; font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #fc6521 } .report form .or { font-size: 20px; padding: 10px 20px; color: #9baebf } .report form .ew-230px { width: 60% } .report form .formitem.eml-20px { width: 30% } .report form button { padding-left: 20px !important; padding-right: 20px !important } .report .title { font-size: 22px; font-weight: 500; color: #fc6521; margin-bottom: 20px } .review .stars { margin: 5px 0 } .search-main { padding: 20px 10px 0 } .search-detail .top figure { display: flex; flex-wrap: wrap; width: 55px; height: 55px; flex: 0 0 55px } .search-detail .top figure img { max-width: 100% } .search-detail .top .check { display: flex; flex-wrap: nowrap } .search-detail .bottom { padding: 15px 10px } .success-booking { margin: 30px 0 0; padding: 0 10px } .success-booking .main figure img { width: 100px; height: 100px } .success-booking .main .title { font-size: 30px; margin-bottom: 10px } .success-booking .detail .reference-no { width: 100%; height: 150px; flex: 0 0 100%; margin-right: 0; margin-bottom: 10px } .success-booking .detail .infos-buttons { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center } .success-booking .detail .infos-buttons .buttons a { margin-left: 0; width: 100%; text-align: center } .success-booking .steps ul li span { width: 30px; height: 30px; flex: 0 0 30px } .testimonial .message { height: auto; padding: 20px; margin-bottom: 30px } .testimonial .message .arrow { left: 25px } .testimonial .icon-name { display: flex; flex-wrap: nowrap; align-items: center; padding-left: 20px } .text-description .title { font-size: 20px; margin-bottom: 5px } .transactions { padding: 10px !important } .transactions .form-buttons .form { display: flex; flex-wrap: wrap; margin-bottom: 10px } .transactions .form-buttons .form .formitem { width: 48%; margin: 5px 1% } .transactions .table { width: 100%; margin: 0; overflow-x: scroll } .booking { width: 100%; overflow-x: scroll } .booking .category { margin: 20px 0 10px } .booking .week { width: 1120px; overflow-x: scroll } .booking .day { width: 150px; margin-right: 10px } .booking .day .title { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; background: #fafbfc; justify-content: center; padding: 17px 0 } .booking .day .title p { width: 100%; font-size: 18px; margin-bottom: 10px; color: #1d1d1b; text-align: center } .booking .day .title .formitem { margin-bottom: 0; justify-content: center } .booking .day .hour { width: 100%; display: flex; flex-wrap: nowrap; border-top: 1px solid #e6ebef; padding: 8px 10px } .booking .day .hour.active { background: rgba(39,174,96,.08) } .booking .day .hour span { width: 100%; font-size: 12px; color: #9baebf } .booking .day .hour.active div samp, .booking .day .hour.active span { color: #27ae60 } .booking .day .hour div { width: 80px; flex: 0 0 80px; display: flex; flex-wrap: nowrap } .booking .day .hour div a { width: 20px; height: 20px } .booking .day .hour div samp { width: 40px; height: 20px; font-size: 14px; text-align: center; color: #1d1d1b } .categories .slider { display: flex; flex-wrap: wrap; overflow: hidden; justify-content: flex-start } .how-it-works .line { border: 1px dashed #fc6521; width: 60%; position: absolute; z-index: 1; top: 40px; left: 20% } .how-it-works .icon-description2 { position: relative; z-index: 2 } .new-address { width: 100%; padding: 0 } .popular-services .slider, .related-services .slider { display: flex; flex-wrap: wrap; overflow: hidden; width: 100%; margin: 0 } .ratings { margin-top: 20px; padding: 10px 10px 0 !important } .search-form { width: 100%; display: none } .settings .econtents { padding: 0 10px 10px } .settings h4 { margin: 10px 0 20px } .testimonials .ratings .stars-text, .testimonials .slider, .testimonials .slider .owl-item, .testimonials .slider .owl-stage, .testimonials .slider .owl-stage-outer { flex-wrap: wrap; display: flex } .testimonials .slider-buttons { width: 100%; position: relative } .testimonials .slider-buttons button { top: -62px } .testimonials .slider-buttons .testimonialsCarousel-next { right: 0 } .testimonials .slider-buttons .testimonialsCarousel-prev { left: auto; right: 45px } .testimonials .slider { overflow: hidden } .testimonials .ratings { margin: 50px 0 75px } .testimonials .ratings .title { font-size: 22px } .testimonials .ratings .stars-text .stars { display: flex; flex-wrap: wrap; justify-content: center; width: 100% } .testimonials .ratings .stars-text .star { width: 40px; margin: 0 2px } .testimonials .ratings .stars-text samp, .testimonials .ratings .stars-text span { font-size: 26px } .efaq-title { font-size: 1rem !important } .efaq-answer { font-size: 14px !important } } select { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) 95% 50% no-repeat !important; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important } #topbanner-wrapper { width: 100%; z-index: 999; height: 100%; line-height: 25px; letter-spacing: 2px; font-size: 14px; text-align: center; padding: 5px } .langswitch { margin: 0 5px; height: 70px; display: flex; flex-wrap: nowrap; align-items: center; position: relative; } .langswitch a { color: #000 !important; font-weight: 400; font-size: 18px; } .partner-back { width: 24px; height: 24px; margin-left: 20px; background: url(../img/arrow-back-white.svg) center/cover no-repeat } .chevron-container { display: flex; justify-content: center; align-items: center; width: 100%; position: absolute; bottom: 48px; z-index: 10; } .chevron-circle { border: 3px solid #fc6521; border-radius: 50%; } .chevron { width: 20px; height: 20px; margin: 11px; background: url(../img/chevron-down-arrow-orange.svg) center/cover no-repeat } .booknowBody::-webkit-scrollbar { width: 10px; } .booknowBody::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .booknowBody::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } .partners { padding: 1em; margin: 3em 0; background-color: #FFF6F0; text-align: center; min-height: 250px; } .partners .owl-carousel div { text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; padding: 0 5px; } .partners .owl-carousel .item { max-width: 180px; aspect-ratio: 4 / 3; object-fit: contain; } .partners .owl-carousel .owl-nav { display: none !important; } .partners .owl-carousel img { -webkit-filter: grayscale(100%); max-width: 100%; height: auto; } @media only screen and (min-width: 1024px) { .partners { padding: 1em; margin: 2em 0; background-color: #FFF6F0; text-align: center; } .partners .owl-carousel .item { max-width: none; width: 180px; } .partners .owl-carousel img { -webkit-filter: none !important; filter: none !important; max-width: 150px !important; } .partners p { display: none; } } .promotedbanner { min-height: 500px; background-image: radial-gradient(#fafbfc,#e6ebef,#e6ebef); padding: 30px 0; display: flex; flex-wrap: wrap; overflow: hidden } .promotedbanner .item { display: flex; flex-wrap: nowrap; align-items: center; background-image: radial-gradient(#e6ebef,#fafbfc,#fafbfc); border-radius: 10px; padding: 10px } .promotedbanner .item img { width: 100%; height: 100%; display: flex; padding: 5px 0px 0px 5px; border-radius: 10px; align-items: flex-start } .promotedbanner .item .info { max-width: 300px; height: 100%; display: flex; flex-wrap: wrap; align-items: flex-start } .announcement .item .info .title, .promotedbanner .item .info .title { width: 100%; font-size: 22px; font-weight: 700; color: #1d1d1b; margin-bottom: 10px } .announcement .item .info p, .job-detail .note, .promotedbanner .item .info p { width: 100%; font-size: 14px; color: #1d1d1b; margin-bottom: 20px } .promotedbanner .owl-carousel .owl-dots button.owl-dot { width: 70px; height: 40px; background-size: 100%; border-radius: 8px; margin-right: 10px; font-weight: 700; font-size: 20px; color: #fc6521 } .accordion-button .fa-chevron-up, .accordion-button:not(.collapsed) .fa-chevron-down { display: none; } .accordion-button:not(.collapsed) .fa-chevron-up { display: block; } .faq .accordion-item { margin: 10px 0; background: none; outline: none; border-radius: 10px; --bs-accordion-color: black; --bs-accordion-bg: none; --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-btn-color: black; --bs-accordion-btn-bg: none; --bs-accordion-btn-icon: none; --bs-accordion-btn-active-icon: none; --bs-accordion-btn-focus-border-color: none; --bs-accordion-active-color: none; --bs-accordion-active-bg: none; } .faq .accordion-item:focus, .faq .accordion-item .accordion-button:focus { outline: none; } .faq .accordion-button { position: relative; } .faq .accordion-button i { color: #FF6500; position: absolute; right: 20px; } .promo-buttons { text-align: right; } .promo-text { text-align: center; } @media only screen and (min-width: 640px) { .promo-buttons { text-align: left; } .promo-text { text-align: left; } } @media only screen and (min-width : 1024px) { .page-banner { height: 370px; } }