/* offer css */ :root { --maincolor : #ad3c7f; --maincolor2 : #F90; --transition : all .2s ease-in; --theme-grey : #efefef; --theme-text : #000; --theme-red : #e95858; --theme-green : #669f3c; --bgcolor:#FfF; } body.fixed_on footer{ padding-bottom: 140px; } .mt10{ margin-top:10px !important; } .mt20{ margin-top:20px !important; } .mt30{ margin-top:30px !important; } .noresult,.no-request{ float:left; width:100%; border:2px solid #ddd; padding:15px; font-size:16px; color:#555; text-align:center; border-radius:5px; margin-top:50px; } .no-request{ margin:20px 0; } .footer-ocompany{ float:left; width:100%; background:#FAFAFA; border-top:1px solid #ddd; margin-top:50px; } .footer-ocompany .center{ padding:70px 390px 70px 60px; } .footer-ocompany .center > em{ float:left; width:100%; color:#202020; font-size:40px; font-weight:600; font-style:normal; } .footer-ocompany .center > span{ float:left; width:100%; color:#1F1F1F; margin-top:10px; font-size:18px; font-weight:300; } .footer-ocompany a{ position:absolute; right:60px; top:0; bottom:0; margin:auto; width:270px; height:60px; padding-top:18px; background:#fff; color:#111; border:1px solid #EC671A; border-radius:5px; text-align:center; font-size:22px; } .footer-ocompany a:hover{ background:#EC671A; color:#fff; } .list-img-container{ float:left; width:100%; height:700px; position:relative; } .list-img-container > div{ position:absolute; left:0; bottom:0; width:100%; height:232px; background:rgb(205 93 165 / 88%); color:#fff; padding:40px 10px 0 10px; } .list-img-container.seo-img-container{ margin-bottom:30px; } .list-img-container.seo-img-container > div{ height:auto; padding:30px; } .company-list-page .list-img-container > div{ background:rgba(0,0,0,.45); } .list-img-container > div h1,.list-img-container > div strong,.list-img-container > div h2{ float:left; width:100%; text-align:center; margin:0; padding:0; } .list-img-container > div h1{ font-size:41px; font-weight:600; } .list-img-container > div strong,.list-img-container > div h2{ color:#F9FDFE; font-size:20px; font-weight:400; margin:5px 0; } .list-img-container > div h2{ margin-top:20px; } .list-img-container > div > form{ position:absolute; left:0; right:0; bottom:30px; width:100%; max-width:650px; margin:auto; display:block; } .list-img-container > div > form > div{ float:left; width:100%; border-radius:5px; border:1px solid #CED4DA; } .list-img-container > div > form input{ font-family:Arial, Helvetica, sans-serif; float:left; width:100%; height:60px; background:#fff; border:4px solid transparent; border-bottom:0; color:#000; font-size:18px; font-weight:300; padding:0 125px 0 20px; border-top-left-radius:5px; border-top-right-radius:5px; } .list-img-container > div > form button{ position:absolute; right:0; top:0; width:105px; height:60px; background:#ad3c7f; border:0; text-align:center; font-size:20px; font-weight:600; color:#fff; border-bottom-right-radius:5px; border-top-right-radius:5px; cursor:pointer; } .list-img-container > div > form button:hover{ background:#EC671A; } .list-img-container > div .getoffer{ margin:auto; display:block; position:absolute; right:0; left:0; bottom:30px; cursor:pointer; width:270px; line-height:60px; color:#111; background:#fff; border:2px solid transparent; border-radius:5px; text-align:center; font-size:22px; } .list-img-container > div .getoffer:hover{ border-color:#ad3c7f; } .offer_search_form.s_active > div{ border-color:transparent; } .offer_search_form.s_active input{ border-color:#ad3c7f; } .offer_search_form.s_active button{ background:#EC671A; } .offer_search_content { padding:0; position: absolute; top:100%; left:0; width:100%; background:#eee; text-align: left; z-index: 9; border:4px solid #ad3c7f; border-top:0; border-bottom-right-radius:5px; border-bottom-left-radius:5px; } .offer_search_content .search_results { float: left; width: 100%; padding:0; margin:0; } .offer_search_content .search_results li { float: left; width: 100%; list-style: none; } .offer_search_content .search_results li a { float: left; width: 100%; padding:15px; text-decoration: none; color: #666; font-size:18px; font-weight:600; } .offer_search_content .search_results li.selected a { background: #ad3c7f; color: #fff; } .list-page h2.list-page-title{ float:left; width:100%; margin:50px 0 30px 0; padding:0; color:#1F1F1F; font-size:30px; font-weight:600; text-align:center; } .list-page.company-list-page h2.list-page-title{ font-size:40px; } .list-page ul.oservices{ float:left; width:100%; margin:0; padding:0; list-style:none; } .list-page ul.oservices li{ float:left; width:100%; max-width:358px; margin:20px; padding-bottom:45px; position:relative; text-align:left; } .list-page ul.oservices li a{ text-decoration:none; } .list-page ul.oservices li a span.img{ float:left; width:100%; height:225px; position:relative; border-radius:5px; overflow:hidden; } .list-page ul.oservices li a h3{ float:left; width:100%; font-size:18px; color:#333; margin:10px 0 15px 0; padding:0; } .list-page ul.oservices li a:hover em{ background:#ad3c7f; border-color:#ad3c7f; color:#fff; } .list-page ul.oservices li a .spn{ float:left; width:100%; font-size:13px; color:#333; margin:0 0 10px 0; padding:0; } .list-page ul.oservices li a .spn i{ float:left; width:20px; text-align:center; margin-right:5px; } .list-page ul.oservices li a .spn.member i{ color:#007bff; } .list-page ul.oservices li a .spn.job i{ color:#28a745; } .list-page ul.oservices li a .spn.comment i{ color:#ffc107; } .list-page ul.oservices li a em,.list-page ul.oservices li a .spn.em{ float:left; width:100%; margin-top:10px; text-align:center; height:45px; font-size:15px; font-weight:500; color:#000; border:1px solid #ad3c7f; border-radius:4px; padding-top:13px; font-style:normal; } .list-page ul.ocompany{ float:left; width:100%; margin:0; padding:0; list-style:none; } .list-page ul.ocompany li{ overflow:hidden; float:left; width:100%; max-width:518px; height:285px; padding:35px 15px 0 175px; margin:20px; position:relative; background:#fff; border:1px solid #E9E9E9; border-radius:4px; } body.oseo .list-page ul.ocompany li{ height:235px; } .list-page ul.ocompany li span.img{ position:absolute; left:0; top:0; height:100%; width:175px; overflow:hidden; } .list-page ul.ocompany li span.img img{ position:absolute; left:0; right:0; top:-31px; bottom:0; margin:auto; display:block; width:130px; } .list-page ul.ocompany li span.avatar{ position:absolute; left:40px; top:calc(50% - 50px); width:100px; text-align: center; line-height: 100px; aspect-ratio:1;border-radius: 100%;overflow: hidden;background: var(--maincolor2);color:#FFF;font-weight: 600;font-size: 40px;text-shadow: 10px 8px 20px #000000c4;transition:var(--transition);} .list-page ul.ocompany li:hover span.avatar{box-shadow: inset 4px 5px 14px 0px #00d7ff;filter: brightness(1.1);transition:var(--transition);} .list-page ul.ocompany li h3{ width:100%; font-size:22px; color:#111; margin:0; padding:0; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; } .list-page ul.ocompany li small{ float:left; width:100%; font-size:12px; font-style:normal; color:#AAA; margin:10px 0 20px 0; } .list-page ul.ocompany li small i.count{ float:left; margin-left:10px; font-style:normal; } .list-page ul.ocompany li small i.fa{ float:left; margin-right:2px; } .list-page ul.ocompany li small i.active{ color:#ffc107; } .list-page ul.ocompany li div{ float:left; width:100%; font-size:14px; color:#444; height:50px; margin-bottom:15px; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; } .list-page ul.ocompany li a.getoffer,.list-page ul.ocompany li a.detail{ float:left; width:150px; height:45px; text-align:center; font-size:12px; font-weight:500; color:#AAA; border:1px solid #D1D1D1; border-radius:2px; padding-top:16px; font-style:normal; } body.oseo .list-page ul.ocompany li a.detail{ float:right; } .list-page ul.ocompany li a.getoffer{ margin-right:20px; background:#EC671A; border-color:#EC671A; color:#FFF; } .list-page ul.ocompany li a.getoffer:hover,.list-page ul.ocompany li a.detail:hover{ background:#ad3c7f; border-color:#ad3c7f; color:#fff; } .list-page ul.ocompany li a.location{ position:absolute; left:0; bottom:0; width:100%; line-height:30px; text-align:right; background:#F8F8F8; border-top:1px solid #e9e9e9; padding-right:15px; color:#aaa; } .list-companies ul.ocompany{ width:100%; margin:0; padding:0; list-style:none;flex-direction: row;flex-wrap: wrap;display: flex;} .list-companies ul.ocompany li{ float:left; width:25%;display: flex;padding: 7px; position:relative;} .list-companies ul.ocompany li > div{ width:100%;padding:15px;float:left;display: flex;flex-direction: column;background:#fff; border:1px solid #E9E9E9; border-radius:4px;align-items: center; } .list-companies ul.ocompany li > div > span.img{width:100px;aspect-ratio:1; overflow:hidden;display: flex;align-items: center;justify-content: center;border-radius: 500px;box-shadow:1px 4px 5px 1px #00000012;border: 1px solid #ddd; margin-bottom: 25px;} .list-companies ul.ocompany li > div > span.img img{ width: 100% !important;margin: auto;} .list-companies ul.ocompany li > div > span.imgt{display:flex;align-items: center;justify-content: center;width:100px;aspect-ratio:1;border-radius: 50px;overflow: hidden;background: var(--maincolor2);color:#FFF;font-weight: 600;font-size: 30px;text-shadow: 10px 8px 20px #000000c4;transition:var(--transition);margin-bottom: 25px;} .list-companies ul.ocompany li:hover > div > span.imgt{box-shadow: inset 4px 5px 14px 0px #00d7ff;filter: brightness(1.1);transition:var(--transition);} .list-companies ul.ocompany li > div > h3{ width:100%; font-size:22px; color:#111; margin:0; padding:0;text-align: center;} .list-companies ul.ocompany li > div > small{ display: flex; width:100%; font-size:10px;min-height: 10px; font-style:normal; color:#AAA; margin:7px 0; justify-content: center;} .list-companies ul.ocompany li > div > small i.fa{ float:left; margin-right:2px; } .list-companies ul.ocompany li > div > small i.active{ color:#ffc107; } .list-companies ul.ocompany li > div > i.count{ width:100%;text-align: center;float:left; font-style:normal;margin-bottom: 7px; } .list-companies ul.ocompany li > div > div.mtext{ float:left; width:100%;min-height: 50px; font-size:12px; color:#444;text-align: center;margin-bottom: 10px;} .list-companies ul.ocompany li > div a.getoffer, .list-companies ul.ocompany li > div a.detail{ float:left; width:150px; height:45px; text-align:center; font-size:12px; font-weight:500; color:#AAA; border:1px solid #D1D1D1; border-radius:2px;padding-top:16px; font-style:normal;} .list-companies ul.ocompany li > div a.getoffer{ margin-right:20px; background:#EC671A; border-color:#EC671A; color:#FFF; } .list-companies ul.ocompany li > div a.getoffer:hover, .list-companies ul.ocompany li > div a.detail:hover{ background:#ad3c7f; border-color:#ad3c7f; color:#fff; } .list-companies ul.ocompany li > div a.location{ position:absolute; left:0; bottom:0; width:100%; line-height:30px; text-align:right; background:#F8F8F8; border-top:1px solid #e9e9e9; padding-right:15px; color:#aaa; } .list-companies ul.ocompany li > div > .bttns{display: flex;width: 100%;align-items: center;justify-content: space-around;} .list-companies ul.ocompany li > div > .bttns > a{width:45%;display: flex;height: 40px;align-items: center;justify-content: center;padding: 0;margin: 0;border: none;color:#FFF;transition:var(--transition);} .list-companies ul.ocompany li > div > .bttns > a.getoffer{background: var(--maincolor2);} .list-companies ul.ocompany li > div > .bttns > a.detail{border:1px solid var(--maincolor); color:#111; } .list-companies ul.ocompany li > div > .bttns > a:hover{ background: var(--maincolor); color:#fff; } .text-content{ float:left; width:100%; margin:50px 0; padding:55px 0; background:#FAFDFE; border:1px solid #E7F5FA; border-left:0; border-right:0; color:#333; font-size:16px; font-weight:300; line-height:23px; } body.oseo .text-content{ margin:25px 0 0 0; } .text-content .center{ padding:0 100px; } .text-content h1,.text-content h2,.text-content h3,.text-content h4{ font-size:25px; font-weight:500; display:block; width:100%; margin:25px 0 15px 0; padding:0; text-align:center; line-height:normal; } .text-content p{ margin:0 0 10px 0; } .text-content p img{ max-width:100%; height:auto; } .user-profile-page{ float:left; width:100%; margin:50px 0 0 0; } .user-profile-page .profile-left{ float:left; width:30%; } .user-profile-page .profile-left img.img{ float:left; width:100%; height:auto; border:1px solid #CCC; margin-bottom:15px; border-radius:5px; } .user-profile-page .profile-right{ float:left; width:70%; padding-left:35px; } .user-profile-page .profile-right h1{ float:left; width:100%; margin:0 0 5px 0; padding:0; font-size:35px; font-weight:500; color:#111; } .user-profile-page .profile-right small{ float:left; width:100%; margin:0 0 15px 0; padding:0; font-size:14px; color:#AAA; font-style:normal; } .user-profile-page .profile-right small i.count{ float:left; margin-left:10px; font-style:normal; } .user-profile-page .profile-right small i.fa{ float:left; margin-right:2px; } .user-profile-page .profile-right small i.active{ color:#ffc107; } .user-profile-page .profile-right .about-us,.user-profile-page .profile-right .service-text{ float:left; width:100%; margin:0 0 15px 0; font-size:16px; font-weight:300; color:#444; line-height:23px; } .user-profile-page .profile-right .service-text a{ color:#EC671A; } .user-profile-page .profile-right .service-text a:hover{ text-decoration:underline; } .user-profile-page .profile-left select{ float:left; width:48%; height:45px; border:1px solid #ccc; border-radius:5px; font-size:15px; color:#111; padding-left:10px; } .user-profile-page .profile-left .getoffer{ cursor:pointer; float:right; width:48%; height:45px; color:#fff; background:#EC671A; border:0; border-radius:5px; text-align:center; font-size:16px; } .user-profile-page .profile-left .getoffer:hover{ background:#ad3c7f; } .user-profile-page .profile-comments{ float:left; width:100%; margin-top:20px; } .user-profile-page .profile-comments > span{ float:left; width:100%; font-size:18px; font-weight:400; color:#444; } .user-profile-page .profile-comments > div.msg{ float:left; width:100%; margin-top:10px; border:1px solid #ccc; padding:15px 30px; border-radius:5px; } .user-profile-page .profile-comments ul{ float:left; width:100%; margin:20px 0; padding:0 20px; border:1px solid #ddd; } .user-profile-page .profile-comments ul li{ float:left; width:100%; margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px solid #eee; list-style:none; font-size:14px; color:#111; } .user-profile-page .profile-comments ul li:last-child{ border:0; } .user-profile-page .profile-comments ul li strong{ display: flex; padding: 0 0 10px 0; } .user-profile-page .profile-comments ul li span.point{ float:left; color:#999; } .user-profile-page .profile-comments ul li span.point i{margin-right:2px;} .user-profile-page .profile-comments ul li span.point i.active{color:#ffc107;} .user-profile-page .profile-comments ul li span.date{ float:right; } .user-profile-page .profile-comments ul li span.message{ float:left; width:100%; font-size:16px; margin:15px 0 0 0; } .company-user-page{ float:left; width: 100%; margin: 20px 0; } .user-page-left{ float:left; width:25%; } .user-page-left > ul{ float:left; width:100%; background:#fff; margin:0; padding:0; } .user-page-left > ul > li{ float:left; width:100%; list-style:none;} .user-page-left > ul > li > a{ float:left; width:100%; padding:22px; border-bottom:1px solid rgba(0,0,0,.3); font-size:18px; font-weight:400; color:#333; } .user-page-left > ul > li:last-child a{ border:0; } .user-page-left > ul > li:hover > a{ background:#f9f9f9; } .user-page-right{ float:right; width:73%; } .user-page-right .h1,.user-page-left .h1,.company-user-page .h1{ float:left; width:100%; text-align:center; font-size:24px; font-weight:600; color:#111; margin:0 0 20px 0; padding:0; } .user-page-left .h1{ text-align:left; padding-left:20px; } ul.offer-request-list{ float:left; width:100%; margin:20px 0 0 0; padding:0; } ul.offer-request-list li{ list-style:none; float:left; width:100%; max-width:400px; margin:0 18px 36px 18px; } ul.offer-request-list li a{ float:left; width:100%; background:#fcfcfc; border:1px solid transparent; box-shadow:0px 1px 2px #999; border-radius:5px; position:relative; } ul.offer-request-list li a strong,ul.offer-request-list li a span.date{ float:left; width:100%; padding:30px 30px 0 30px; } ul.offer-request-list li a strong{ font-size:20px; font-weight:600; color:#333; } ul.offer-request-list li a span.date{ float:left; width:100%; border-bottom:1px solid #eee; color:#111; padding-bottom:10px; padding-top:10px; } ul.offer-request-list li a span.status,ul.offer-request-list li a span.request-info{ float:left; padding:10px 20px; border-radius:20px; background:#eee; margin:15px 0 15px 30px; font-size:13px; font-weight:500; color:#111; } ul.offer-request-list li a span.request-info{ float:right; margin-right:30px; background:#28a745; color:#fff; } ul.offer-request-list li a span.new-msg{ position:absolute; right:20px; top:15px; font-size:12px; font-weight:400; background:#ad3c7f; color:#fff; border-radius:20px; padding:4px 10px; } ul.offer-request-list li a:hover{ background:#fff; border-color:#ccc; } .offer-request-detail{ float:left; width:100%; } .offer-request-success{ width:100%; max-width:400px; background:#f9f9f9; border-radius:30px; padding:30px; border:1px solid #ccc; margin:auto; display:block; margin-bottom:35px; text-align:center; color:#000; } .offer-request-success i{ color:#28a745; font-size:70px; display:block; } .offer-request-success span{ display:block; font-size:20px; font-weight:400; margin:20px 0; } .offer-request-success strong{ display:block; font-size:30px; font-weight:600; } .offer-request-top,.offer-request-users,.offer-request-questions,.offer-request-messages{ float:left; width:100%; background:#fcfcfc; border:1px solid transparent; box-shadow:0px 1px 2px #999; border-radius:5px; position:relative; margin-bottom:20px; } .offer-request-top strong,.offer-request-top span.location{ float:left; width:100%; padding:30px 200px 0 30px; } .offer-request-top strong{ font-size:20px; font-weight:600; color:#333; } .offer-request-top span.location{ float:left; width:100%; border-bottom:1px solid #eee; color:#111; padding-bottom:10px; padding-top:10px; } .offer-request-top span.date{ position:absolute; right:30px; top:30px; padding:10px 20px; border-radius:20px; background:#eee; font-size:13px; font-weight:500; color:#111; } .offer-request-top span.status,.offer-request-top span.request-info{ float:left; padding:10px 20px; border-radius:20px; background:#eee; margin:15px 0 15px 30px; font-size:13px; font-weight:500; color:#111; } .offer-request-top span.request-info{ float:right; margin-right:30px; background:#28a745; color:#fff; } .offer-request-top button{ cursor: pointer; float:left; padding:10px 20px; border-radius:20px; background:#BF2E31; border:0; margin:15px 0 15px 15px; font-size:13px; font-weight:500; color:#fff; } .offer-request-top button:hover{ background: #333; } .offer-request-users > strong,.offer-request-questions > strong{ float:left; width:100%; font-size:20px; font-weight:600; color:#333; border-bottom:1px solid #eee; padding:30px; } .offer-request-users a{ float:left; width:100%; min-height:70px; position:relative; border-bottom:1px dotted #eee; padding:20px 10px 20px 90px; color:#111; } .offer-request-users a:hover{ background:#fff; } .offer-request-users a span.img{ position:absolute; left:20px; top:50%; margin-top:-25px; width:50px; height:50px; overflow:hidden; border-radius:100%; border:1px solid #ddd; } .offer-request-users a span.img img{ position:absolute; width:100%; left:0; right:0; top:0; bottom:0; margin:auto; display:block; } .offer-request-users a strong{ float:left; width:100%; font-size:16px; font-weight:500; margin:0 0 10px 0; } .offer-request-users a span.msg{ float:left; width:100%; font-size:14px; font-weight:400; color:#666; line-height:21px; margin:0 0 10px 0; } .offer-request-users span.new-msg{ position:absolute; right:20px; top:15px; font-size:12px; font-weight:400; background:#ad3c7f; color:#fff; border-radius:20px; padding:4px 10px; } .offer-request-questions div{ float:left; width:100%; position:relative; border-bottom:1px dotted #eee; padding:15px 30px; color:#111; font-size:16px; font-weight:400; } .offer-request-questions div span,.offer-request-questions div strong{ display:block; margin:5px 0;} .offer-request-messages > a.ouser{ float:left; position:relative; padding:30px 30px 30px 90px; font-size:20px; font-weight:600; color:#333; } .offer-request-messages > a.ouser span.img{ position:absolute; left:20px; top:50%; margin-top:-25px; width:50px; height:50px; overflow:hidden; border-radius:100%; border:1px solid #ddd; } .offer-request-messages > a.ouser span.img img{ position:absolute; width:100%; left:0; right:0; top:0; bottom:0; margin:auto; display:block; } .offer-request-messages > a.ouser strong{ float:left; width:100%; font-size:16px; font-weight:500; margin:10px 0 10px 0; } .offer-request-info{ float:left; width:100%; text-align:center; font-size:14px; color:#000; padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#FFC; opacity:.7; } .offer-request-messages > a.ouser-phone{ float: left; background:#F90; color:#fff; border-radius:100%; width:30px; height: 30px; text-align: center; line-height: 30px; margin:30px 0 0 10px; } .offer-request-messages .request-action{ position:absolute; right:20px; top:27px; background:#EC671A; color:#fff; padding:11px 30px; border-radius:5px; border:0; text-align:center; font-size:17px; } .offer-request-messages .request-action:hover{ background:#ad3c7f; } .message-container{ float:left; width:100%; padding:20px; border-top:1px solid #eee; position:relative; max-height:600px; overflow-y:auto; } .message-container > div{ clear:both;float:left; width:100%; max-width:460px; background:#eee; border:1px solid #ddd; padding:15px 20px; font-size:15px; color:#000; margin:20px 0 20px 0; border-radius:10px; } .message-container > div.me{ float:right; background:#111; color:#fff; border:1px solid #333; } .message-container > div.system,.my-requests .message-container > div.system{ max-width:100%; text-align:center; background:#caf9ff; font-size:18px; } .message-container > .date{ float:left; width:100%; font-style:normal; font-size:16px; font-weight:300; color:#666; text-align:center; margin:20px 0 20px 0; border-bottom:1px solid #E3E4E6; position:relative; } .message-container > .date small{ position:absolute; top:-7px; left:0; right:0; width:150px; text-align:center; background:#fff; margin:auto; display:block; } .message-container > div span.msg{ float:left; width:100%; line-height:23px; } .message-container > div span.time{ float:right; font-size:12px; margin-top:5px; } .message-container > div span.time i{ float:right; margin-left:10px; color:#ad3c7f; font-size:13px; } .message-container > div.me span.time i{ color:#fff; } .offer-request-messages form,.offer-request-messages-text{ float:left; width:100%; margin:0; padding:25px; position:relative; background:#f0f2f5; } .offer-request-messages form textarea{ float:left; width:100%; max-width:100%; height:100px; background:#fff; padding:15px; font-family:Arial, Helvetica, sans-serif; border:0; border-radius:10px; font-size:14px; line-height:21px; } .offer-request-messages-text{ text-align:center; font-size:16px; } .be-company-img-container{ float:left; width:100%; height:700px; position:relative; } .be-company-img-container > div{ position:absolute; bottom:0; top:0; right:10%; margin:auto; display:block; width:100%; max-width:550px; height:400px; background:#fff; box-shadow:0 3px 8px 0 rgb(0 0 0 / 20%); color:#111; padding:40px 10px 0 10px; border-radius:10px; } .be-company-img-container > div h1,.be-company-img-container > div strong{ float:left; width:100%; text-align:center; margin:0; padding:10px 15px; } .be-company-img-container > div h1{ font-size:35px; font-weight:600; } .be-company-img-container > div strong{ font-size:17px; font-weight:400; text-align:center; } .be-company-img-container > div > form{ float:left; width:100%; padding:30px 15px 0 15px; text-align:center; } .be-company-img-container > div > form > div{ float:left; width:100%; border:1px solid #CED4DA; border-radius:5px;} .be-company-img-container > div > form input{ font-family:Arial, Helvetica, sans-serif; float:left; width:100%; height:60px; background:#fff; border:4px solid transparent; border-bottom:0; color:#000; font-size:18px; font-weight:300; padding:0; padding:0 20px; border-radius:5px;} .be-company-img-container > div > form.s_active > div,.be-company-img-container > div > form.s_active input{ border-bottom-left-radius:0; border-bottom-right-radius:0; } .be-company-img-container > div > form button{ float:left; width:100%; height:50px; margin-top:15px; background:#ad3c7f; border:0; text-align:center; font-size:20px; font-weight:600; color:#fff; border-radius:5px; cursor:pointer; } .be-company-img-container > div > form button:hover{ background:#EC671A; } .be-company-img-container > div > form > a{ display:inline-block; color:#111; font-size:16px; margin-top:30px; } .be-company-img-container > div > form > a span,.be-company-img-container > div > form > a:hover{ color:#007bff; } .be-company-img-container > div > form > a:hover{ text-decoration:underline; } .offer-modal-container{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; display:block; width:100%; max-width:520px; min-width:320px; height:100%; max-height:700px; padding:10px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .offer-modal-wrapper{ position:relative; left:0; top:0; width:100%; height:100%; background:#fff; border-radius:5px; padding:71px 0 90px 0; } .modal-header{ position:absolute; left:0; top:0; width:100%; height:70px; padding:0 50px 10px 50px; } .modal-header h3{width:100%;display: flex; align-items: center; justify-content: center; height: 100%; text-align:center; font-size:20px; color:#111; font-weight:600; margin:0; padding:0; } .modal-body{ float:left; width:100%; height:100%; overflow-y:auto; } .modal-footer{ position:absolute; left:0; bottom:0; width:100%; height:90px; border-top:1px solid #ddd; padding:20px; } #modal-back{ cursor:pointer; position:absolute; left:0; top:0; font-size:24px; color:#666; width:50px; height:60px; text-align:center; background:transparent; border:0; } #modal-close{ position:absolute; right:0; top:0; font-size:23px; color:#666; width:50px; line-height:60px; text-align:center; } #modal-back:hover,#modal-close:hover{ color:#ad3c7f; } #modal-progress{ position:absolute; left:0; bottom:0; width:100%; height:11px; background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #fff; } #modal-progress i{ position:absolute; left:0; top:0; height:100%; width:0; max-width:100%; background:#EC671A; -webkit-transition:all 500ms linear; } #modal-button{ font-family: 'Roboto', sans-serif; font-size:18px; color:#fff; position:relative; float:left; width:100%; height:100%; border-radius:5px; background:#ad3c7f; border:0; cursor:pointer; } #modal-button:hover{ background:#EC671A; } #modal-average{ float:left; width:100%; line-height:50px; border-bottom:1px solid #ddd; padding:0 15px; font-weight:600; color:#333; } #modal-average div{ float:right; } .modal-step{ float:left; width:100%; padding:30px 20px 0 20px; display:none; } .modal-step.modal-active{ display:block; } .modal-step h6{ float:left; width:100%; padding:0; margin:0; font-size:16px; font-weight:600; color:#222; text-align:center; } .modal-step .modal-step-text{ float:left; width:100%; padding:10px 20px; margin:0; font-size:16px; font-weight:400; color:#888; text-align:center; } .modal-alert{ display:none; float:left; width:100%; text-align:center; font-size:15px; font-weight:400; color:#900; margin:10px 0 10px 0; } .modal-integer{ float:left; width:100%; position:relative; margin-top:40px; padding:0 60px; } .modal-integer .button{ text-decoration:none; position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; text-align:center; border:2px solid #EC671A; background:#fff; color:#EC671A; border-radius:100%; font-size:35px; cursor:pointer; } .modal-integer .button:hover{ background:#EC671A; color:#fff; } .modal-integer .button.minus{ left:0; } .modal-integer .button.plus{ right:0; } .modal-integer strong{ float:left; width:100%; height:40px; line-height:40px; color:#111; font-size:40px; text-align:center; } .modal-integer span{ float:left; width:100%; height:10px; color:#999; font-size:13px; font-weight:500; text-align:center; } .modal-step-answers{ float:left; width:100%; margin:0; padding:0 0 15px 0; } .modal-answer-label{ float:left; width:100%; text-align:center; font-size:16px; font-weight:500; color:#111; background:#eee; border:1px solid #ddd; border-radius:3px; padding:20px 10px; margin-top:15px; cursor:pointer; position:relative; text-decoration:none; } .modal-answer-label.modal-active{ background:#28a745; border-color:#28a745; color:#fff; } .modal-answer-label input{ display:none; } .modal-textarea{ float:left; width:100%; max-width:100%; height:200px; border:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#000; padding:10px; } .modal-adress{ float:left; width:100%; } .modal-adress select,.modal-adress textarea,.modal-signin input,.modal-date{ font-family:Arial, Helvetica, sans-serif; float:left; width:100%; max-width:100%; border:1px solid #ddd; background:#f9f9f9; border-radius:4px; font-size:14px; padding:20px; margin-top:15px; } .modal-adress select,.modal-date{ cursor:pointer; font-size:16px; font-weight:600; } .modal-adress textarea{ height:150px; } .modal-signin input{ font-size:16px; font-weight:bold; } .modal-signin input[type=number]{ -moz-appearance: textfield; } .modal-signin input::-webkit-outer-spin-button,.modal-signin input::-webkit-inner-spin-button {-webkit-appearance: none;margin:0;} .modal-body label.error,.offer-request-messages form label.error{ float:left; width:100%; font-size:15px; font-weight:400; color:#900; margin:5px 0 10px 0; } .modal-date{ width:70%; } .modal-date[name="hour"]{ float:right; width:28%; } .modal-img{ cursor:pointer; float:left; width:100%; height:150px; position:relative; margin-top:30px; } .modal-img input{ position:absolute; width:1px; height:1px; left:-5px; top:-5px; opacity:0; } .modal-img span{ position:absolute; left:0; right:0; margin:auto; display:block; width:150px; height:150px; border-radius:100%; overflow:hidden; background:#CCC; } .modal-img span img{ background:#fff; position:absolute; left:0; right:0; margin:auto; display:block; } .modal-img span:before{ position:absolute; left:0; top:0; width:100%; line-height:150px; content:"+"; text-align:center; font-size:90px; color:#999; } div.offer_requests_page{ float:left; width:100%; padding:50px 20px; } #request_response_form_popup .alert{ margin:0; padding:30px; font-size:20px; text-align:center; } #request_response_form_popup form{ float:left; width:100%; padding:20px; } #request_response_form_popup strong.title{ float:left; width:100%; text-align:center; font-size:25px; font-weight:600; color:#111; margin:0; padding:0;} #request_response_form_popup form > div{ float: left; width: 100%; margin: 15px 0 10px 0; font-size: 16px;} #request_response_form_popup input{ float:left; width:100%; margin-top:25px; padding:10px; border:2px solid #ddd; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111; } #request_response_form_popup textarea{ float:left; margin-top:15px; min-width:100%; max-width:100%; min-height:250px; max-height:250px; padding:10px; border:2px solid #ddd; background:#fff; font-family:Arial, Helvetica, sans-serif; line-height:22px; font-size:14px; font-weight:normal; color:#111; } #request_response_form_popup button{ cursor:pointer; float:left; margin-top:15px; width:100%; height:60px; font-size:20px; font-weight:400; text-align:center; text-decoration:none; background:#ad3c7f; border:0; border-radius:5px; color:#fff; } #request_response_form_popup button:hover{ background:#EC671A; } #request_response_form_popup label.error{ float:left; width:100%; font-size:15px; font-weight:400; color:#900; margin:5px 0 10px 0; } .offer_request_tabmenu,.offer_request_tabmenu > .tab_content{ float:left; width:100%; background:#fff; } .offer_request_tabmenu{ margin-top:30px; } .offer_request_tabmenu > .tab_content > div{ display:none; } .offer_request_tabmenu > .tab_content > div.active{ display:block; } .offer_request_tabmenu > .tab_top{ float:left; width:100%; } .offer_request_tabmenu > .tab_top > *{ float:left; padding:5px; margin:0 20px; border-bottom:3px solid #CCC; color:#666; font-size:21px; font-weight:400; text-decoration:none; } .offer_request_tabmenu > .tab_top > *.active{ border-color:#ad3c7f; color:#000; } .offer_request_info{ float:left; margin:0 0 10px 20px; padding:12px 20px; background:#f9f9f9; border:1px solid #eee; border-radius:10px; color:#333; font-size:19px; font-weight:400; } .offer_request_info i{ margin-right:7px; } .offer_requests_page strong.title{ float:left; width:100%; padding:15px 30px; font-size:25px; font-weight:600; color:#222; } .company_requests_list,.company_request_detail{ float:left; width:49%; margin:.5%; margin-top:30px; position:relative; } .my-requests .company_requests_list,.my-requests .company_request_detail{ width:32%; } .request_detail_container{ float:left; width:100%; margin:0; padding:0; background:#666; border-radius:20px; list-style:none; overflow:none; height:467px; overflow-y:auto; } .orp-scroll::-webkit-scrollbar{width:15px;} .orp-scroll::-webkit-scrollbar-track{ background:#333; border-top-right-radius:20px; border-bottom-right-radius:20px; overflow:hidden; } .orp-scroll::-webkit-scrollbar-thumb{ background:#ad3c7f; border-radius:20px; } .company_requests_list ul li{ float:left; width:100%; border-top:1px solid rgba(0,0,0,.3); border-bottom:1px solid rgba(255,255,255,.3); overflow:hidden; padding: 10px; } .company_requests_list ul li:first-child{ border-top:0; } .company_requests_list ul li:last-child{ border-bottom:0; } .company_requests_list ul li a{ float:left; width:100%; padding:10px 20px; text-decoration:none; color:#fff; position:relative; overflow:hidden; } .company_requests_list ul li a.accepted{ background:#333; } .company_requests_list ul li a.deactive{ opacity:.4; } .company_requests_list ul li a strong{ float:left; width:100%; font-size:18px; font-weight:300; } .company_requests_list ul li a span.location{ float:left; width:100%; margin-top:10px; font-size:14px; font-weight:300; } .company_requests_list ul li a span.date{ position:absolute; right:30px; top:50%; margin-top:-7px; font-size:13px; font-weight:300; } .company_requests_list ul li a span.new-msg{ position:absolute; right:20px; bottom:7px; font-size:12px; font-weight:400; background:#ad3c7f; color:#fff; border-radius:20px; padding:4px 10px; } .company_requests_list ul li a:hover,.company_requests_list ul li a.active{ background:#eee; color:#111; } .list-page ul.ocompany li a.getoffer,.list-page ul.ocompany li a.detail{ float:left; width:150px; height:45px; text-align:center; font-size:12px; font-weight:500; color:#AAA; border:1px solid #D1D1D1; border-radius:2px; padding-top:16px; font-style:normal; } .list-page ul.ocompany li a.getoffer{ color: #fff; } .company_requests_list ul li button{ cursor: pointer; float:left; width:100%; height:35px; margin-top:10px; background: #fff; text-align:center; font-size:12px; font-weight:500; color:#999; border:1px solid #D1D1D1; border-radius: 5px; font-style:normal; } .company_requests_list ul li button:hover{ background:#eee; color:#111; } .my-requests .company_requests_list ul li a strong{ font-size:15px; } .my-requests .company_requests_list ul li a span.date{ font-size:11px; } .request_detail_container > div{ float:left; width:100%; padding:20px 30px; border-bottom:2px solid rgba(255,255,255,.1); border-top:1px solid rgba(0,0,0,.3); color:#fff; font-size:16px; font-weight:400; } .request_detail_container > div.user_meta{ background:#bde0f9; color:#111; } .request_detail_container > div.user_meta_info{ background:#caf9ff; color:#111; text-align:center; font-weight:600; } .request_detail_container > div > *{ display:block; } .request_detail_container > div > strong{ margin-top:5px; font-weight:500; } .request_detail_container > div > a{ float:left; width:100%; height:60px; font-size:20px; font-weight:400; padding-top:18px; text-align:center; text-decoration:none; background:#EC671A; border-radius:5px; color:#fff; } .request_detail_container > div > a:hover{ background:#ad3c7f; } .request_detail_container > div:first-child{ border-top:0; } .request_detail_container > div:last-child{ border-bottom:0; } .my-requests .message-container{ padding:5px 20px; max-height:391px; } .my-requests .message-container > div{ padding:10px; font-size:14px; max-width:350px; } .my-requests .message-container > .date{ border-color:#777; } .my-requests .message-container > .date small{ background:#666; color:#fff; } #my_request_detail_msg form,.message-container-info{ position:absolute; left:0; bottom:0; width:100%; height:77px; margin:0; padding:15px; background:#ccc; border-bottom-left-radius:15px; border-bottom-right-radius:15px; } #my_request_detail_msg input{ float:left; width:100%; background:#fff; padding:15px; font-family:Arial, Helvetica, sans-serif; border:0; border-radius:15px; font-size:14px; } .request_detail_container > div.message-container-info{ text-align:center; background:#eee; color:#111; padding:30px 0 0 0; } #request_comment_form_popup .alert{ margin:0; padding:30px; font-size:20px; text-align:center; } #request_comment_form_popup form{ float:left; width:100%; padding:20px; } #request_comment_form_popup strong.title{ float:left; width:100%; text-align:center; font-size:25px; font-weight:600; color:#111; margin:0; padding:0;} #request_comment_form_popup textarea{ float:left; margin-top:15px; min-width:100%; max-width:100%; min-height:250px; max-height:250px; padding:10px; border:2px solid #ddd; background:#fff; font-family:Arial, Helvetica, sans-serif; line-height:22px; font-size:14px; font-weight:normal; color:#111; } #request_comment_form_popup button{ cursor:pointer; float:left; margin-top:35px; width:100%; height:60px; font-size:20px; font-weight:400; text-align:center; text-decoration:none; background:#ad3c7f; border:0; border-radius:5px; color:#fff; } #request_comment_form_popup button:hover{ background:#EC671A; } #request_comment_form_popup label.error{ float:left; width:100%; font-size:15px; font-weight:400; color:#900; margin:5px 0 10px 0; } #request_comment_form_popup .choose-point{ float:left; width:100%; margin-top:25px; color:#111; } #request_comment_form_popup .choose-point span{ float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:10px; } #request_comment_form_popup .choose-point label{ float:left; font-size:15px; font-weight:600; line-height:20px; margin-right:15px; cursor:pointer; } #request_comment_form_popup .choose-point label input{ float:left; margin-right:5px; cursor:pointer; } .oservices .footer-ocompany{ margin:0; } .offer-locations{ float:left; width:100%; background:#fff; padding:40px 0; border-top:1px solid #ddd; margin-top:40px; } .offer-locations ul{ float:left; width:100%; margin:0; padding:0; } .offer-locations li{ float:left; list-style:none; margin:5px; } .offer-locations li a{ float:left; color:#111; text-decoration:none; background:#f9f9f9; font-size:14px; font-weight:400; border:1px solid #eee; border-radius:5px; padding:10px 20px; } .offer-locations li a:hover{ background:#EC671A; border-color:#EC671A; color:#fff; } div.membership_package_page{ float:left; width:100%; } div.membership_package_page .membership_note{ float:left;width:100%;padding:20px 30px;text-align:center;font-size:16px;color:#333;margin:40px 0 0 0;} div.membership_package_page h1,div.membership_package_page h2{ float:left; width:100%; margin:50px 0 10px 0; padding:0; color:#ad3c7f; font-size:24px; font-weight:400; text-align:center; } div.membership_package_page h2{ color:#666; font-size:18px; font-weight:400; margin:0 0 30px 0;} ul.membership_packages{ float:left; width:100%; margin:0; padding:0; text-align:center; } ul.membership_packages li{ max-width:300px; list-style:none; width:22.5%; display:inline-block; margin:1%; } ul.membership_packages li a{ float:left; width:100%; text-decoration:none; color:#111; background:#f9f9f9; border:1px solid #ddd; border-radius:10px; overflow:hidden; position:relative; } ul.membership_packages li a.active{ border-color:#ad3c7f; background:#fff7f0; } ul.membership_packages li a strong{ float:left; width:100%; background:#ffb05b; font-size:22px; color:#fff; line-height:42px; border-top-left-radius:5px; border-top-right-radius:5px; } ul.membership_packages li a.popular strong{ background:red; } ul.membership_packages li a span.price{ float:left; width:100%; margin:50px 0 30px; font-size:50px; color:#345066; font-weight:600; } ul.membership_packages li a span.credit{ float:left; width:100%; padding:30px 0 30px; font-size:16px; font-weight:400; color:#222; border-top:1px solid #ddd; background:#fff7f0; } ul.membership_packages li a span.pay{ float:left; width:100%; padding:30px 0 30px; font-size:14px; font-weight:400; color:#222; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } ul.membership_packages li a small{ display:inline-block; margin:20px 0; width:125px; line-height:35px; color:#fff; font-size:15px; background:#EC671A; border-radius:5px; } ul.membership_packages li a:hover small{ background:#ad3c7f; } div.membership_package_page .alert{ margin:70px 0 50px 0; text-align:center; font-size:18px; } ul.membership_packages li a i{ position:absolute; right:15px; top:55px; background:red; color:#fff; border-radius:100%; text-align:center; width:80px; height:50px; padding-top:12px; } .getoffer-buttons{ width:100%; max-width:600px; margin:30px auto; display:block; } .getoffer-buttons select{ float:left; width:48%; height:60px; font-size:17px; padding-left:20px; border:0; border-right:10px solid #fff; background:#fff; border-radius:10px; } .list-img-container > div .getoffer-buttons .getoffer{ float:right; width:48%; position:static; } .fixed_buttons{ z-index: 3; position: fixed; width: 100%; max-width:500px; top:20%; left:0; right:0; margin: auto; display: block; padding:30px; border:5px solid #ad3c7f; border-radius: 10px; background: #fff; display: none; } .fixed_buttons.active{ display: block; } .fixed_buttons h1,.fixed_buttons h3{ display: block; width: 100%; text-align: center; font-size:28px; color: #000; margin: 0; padding: 0; } .fixed_buttons h2,.fixed_buttons strong{ display: block; width: 100%; text-align: center; font-size:18px; font-weight: 400; color: #444; margin:15px 0 25px 0; padding: 0; } .fixed_buttons a,.fixed_buttons button{ border:0; border:1px solid #EC671A; color:#111; width: 200px; line-height:45px; text-align: center; font-size:20px; font-weight: 600; text-decoration: none; margin: auto; display: block; border-radius: 5px; } .fixed_buttons a:hover,.fixed_buttons button:hover{ background:#EC671A; color:#fff; } .fixed_buttons .getoffer-buttons{ margin:0; } .fixed_buttons .getoffer-buttons select{ height: 45px; border:1px solid #ddd; } body.seo_page .fixed_buttons a,body.seo_page .fixed_buttons button{ font-size: 16px; width: 100%; } body.seo_page > main{display:flex;flex-direction: column;width: 100%;padding:0 5px;align-items: center;} body.seo_page > main > section{display:flex;width: 100%;max-width: 1350px;padding: 20px;} body.seo_page > main > section.index-how{ flex-direction: column; margin-top: 30px; } section.text-info{flex-direction: row-reverse;align-items: center;} section.text-info > div{flex-direction: column;width: 50%;display: flex;} section.text-info > div > *{width: 100%;display: flex;padding: 0;margin: 0 0 15px 0;font-weight: 600;} section.text-info > div > h1{font-size: 35px;line-height: 40px;} section.text-info > div > strong{font-size: 15px;} section.text-info > div > span{font-size: 25px;color: var(--maincolor);} section.text-info > div > p{font-size: 20px;line-height: 30px;font-weight:400;} section.text-info > div > a{font-size: 16px;background: var(--maincolor2);color:#FFF;width: fit-content;padding: 0 50px;align-items: center;justify-content: center;height: 50px;border-radius: 4px;transition:var(--transition); } section.text-info > div > a:hover{background: var(--maincolor);transition:var(--transition);} section.text-info > div > div.relatives{ display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; text-align:center;padding: 10px;border: .1px solid #ddd; border-radius: 4px; } section.text-info > div > div.relatives > span{ display: flex; flex-direction: row; width: 100%; text-align:left; padding: 0 5px; padding-bottom: 5px;font-size: 15px;} section.text-info > div > div.relatives > div { display: flex;flex-direction: row;width: 100%;flex-wrap: wrap;} section.text-info > div > div.relatives > div > a{ display: flex; width:calc(33.3333% - 10px); color:#111; align-items: center;justify-content: center;border-radius: 4px; font-size:13px; font-weight: 400; height:40px; padding: 0 20px; border:1px solid var(--maincolor); margin:5px; } section.text-info > div > div.relatives > a:hover{background: var(--maincolor2); } section.text-info > picture{width: 50%;display: flex;align-items: center;justify-content: center;padding: 40px;position: relative;} section.text-info > picture > img{width: 100%;overflow: hidden;border-radius: 20px;position: relative;z-index: 3;} section.text-info > picture:after{content:'';position: absolute;z-index: 2;left:-10px;background: var(--maincolor);border-radius: 20px;opacity: .1;width: 60%;height: 100%;} section.text-info > picture > div{position: absolute;z-index: 5;background: #FFF; border-radius: 15px;padding: 20px;right: 50%;bottom: 10px;box-shadow: -4px 6px 11px #0000004a;} body.seo_page > main #bread-crumbs {position: relative;display: flex;flex-direction: row;width: 100%;max-width: 1350px;top:-15px;border: none;background: none;padding: 0 20px;} body.seo_page > main #bread-crumbs > ul {margin: 0;width: fit-content;padding: 0;} body.seo_page > main #bread-crumbs > ul > li:last-child > a{color:var(--maincolor2);font-weight: 600;transition:var(--transition);} body.seo_page > main #bread-crumbs > ul > li:last-child > a:hover{color:var(--maincolor);transition:var(--transition);} section.price-factor{ flex-direction:column;} section.price-factor > .picture{display: none;} section.price-factor > h2{width: 100%;display: flex;padding: 0;margin: 30px 0 50px 0;font-weight: 600;font-size: 27px;justify-content: center;text-align: center;} section.price-factor > ul{width: 100%;display: flex;flex-direction: column;padding: 0;margin: 0;list-style: none;border: 1px solid var(--theme-grey);border-radius: 20px;background:#FFF; } section.price-factor > ul > li{width: 100%;display: flex;font-size: 16px;border-bottom: 1px solid var(--theme-grey);padding: 0 20px;} section.price-factor > ul > li:last-child{border-bottom: none;} section.price-factor > ul > li > *{padding: 20px 0 ;} section.price-factor > ul > li > strong{width: 60%;} section.price-factor > ul > li > span{width: 20%;border-left: 1px solid var(--theme-grey);text-align: center;position: relative;} section.price-factor > ul > li:nth-child(1) > span:nth-child(2):before, section.price-factor > ul > li:nth-child(1) > span:nth-child(3):before{position: absolute;top: -25px;font-size: 15px;font-weight: 600;opacity: .7;width: 100%;text-align: center;left: 0;} section.price-factor > ul > li:nth-child(1) > span:nth-child(2):before{content: 'En Düşük';} section.price-factor > ul > li:nth-child(1) > span:nth-child(3):before{content: 'En Yüksek';} section.price-district{ flex-direction:column;} section.price-district > h2{width: 100%;display: flex;padding: 0;margin: 30px 0;font-weight: 600;font-size: 27px;justify-content: center;text-align: center;} section.price-district > ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap; padding: 0;margin: 0;list-style: none;justify-content: center;} section.price-district > ul > li{width:fit-content;height: auto;margin:5px 0;} section.price-district > ul > li > a{display: flex;text-decoration: none;color: var(--theme-text);font-size: 15px;transition:var(--transition);padding: 10px;opacity: .7;font-weight:500;} section.price-district > ul > li > a:hover{color: var(--maincolor);transition:var(--transition);opacity: 1;} section.price-example{ flex-direction:column;} section.price-example > h2{width: 100%;display: flex;padding: 0;margin: 30px 0;font-weight: 600;font-size: 27px;justify-content: center;text-align: center;} section.price-example > ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap; padding: 0;margin: 0;list-style: none;justify-content: center;} section.price-example > ul > li{width:50%;height: auto;padding: 10px;display: flex;flex-direction: column;} section.price-example > ul > li > div{width:100%;display: flex;flex-direction: column;border: 1px solid var(--theme-grey);border-radius: 10px;background:#FFF;box-shadow: -4px 6px 11px #00000020;height: 100%;} section.price-example > ul > li > div > .user-info{display:flex;flex-direction: row;align-items: center;justify-content: center;padding:40px 20px 20px 20px;} section.price-example > ul > li > div > .user-info > .img{display:flex;align-items: center;justify-content: center;width:70px;aspect-ratio:1;border-radius: 50px;overflow: hidden;background: var(--maincolor2);color:#FFF;font-weight: 600;margin-right: 20px;font-size: 30px;text-shadow: 10px 8px 20px #000000c4;transition:var(--transition);} section.price-example > ul > li:hover > div > .user-info > .img{box-shadow: inset 4px 5px 14px 0px #00d7ff;filter: brightness(1.1);transition:var(--transition);} section.price-example > ul > li > div > .user-info > div{width:fit-content;display: flex;flex-direction: column;} section.price-example > ul > li > div > .user-info > div > *{width:fit-content;display: flex;padding: 2px 0;} section.price-example > ul > li > div > .user-info > div > span{font-size: 13px;font-weight: 600; color:#666; } section.price-example > ul > li > div > .user-info > div > strong{font-size: 15px;font-weight: 600;} section.price-example > ul > li > div > .user-info > div > small{font-style: normal;font-size: 15px;font-weight: 600;padding:5px 20px;background:#e5f9f5;border-radius: 3px;margin-top: 5px;} section.price-example > ul > li > div > .question-detail {width:100%;display: flex;flex-direction: column;padding: 0;margin: 0;list-style: none;} section.price-example > ul > li > div > .question-detail > li{width:100%;display: flex;font-size: 14px;border-bottom: 1px solid var(--theme-grey);padding: 0 20px;} section.price-example > ul > li > div > .question-detail > li:last-child{border:none;padding-bottom: 20px;} section.price-example > ul > li > div > .question-detail > li > span{width:40%;display: flex;padding: 15px 0;} section.price-example > ul > li > div > .question-detail > li > strong{width:60%;display: flex;padding: 15px 0 15px 10px;} section.price-example > ul > li > div > .question-detail > li:first-child{width:100%;display: flex;flex-direction: column;position: relative;justify-content: center;} section.price-example > ul > li > div > .question-detail > li:first-child > span{padding: 0;font-size: 18px;font-weight: 600;width:fit-content;} section.price-example > ul > li > div > .question-detail > li:first-child > strong{font-size: 14px;font-weight: 500;color:#111;padding:5px 0 15px 0;width:fit-content;} section.bttns{width:100%;display:flex;flex-direction: row;align-items: center;justify-content: center;} section.bttns > a{width:50%;display:flex;align-items: center;justify-content: center;height: 50px;color: #FFF;font-weight: 600;font-size: 19px;transition:var(--transition);} section.bttns > a:nth-child(1){background:var(--maincolor2);border-bottom-left-radius: 50px;border-top-left-radius: 50px;} section.bttns > a:nth-child(2){border:1px solid var(--maincolor);color:#111; border-bottom-right-radius: 50px;border-top-right-radius: 50px;} section.bttns > a:hover{ background:var(--maincolor); color:#fff; } section.price-comments{ flex-direction:column;} section.price-comments > h2{width: 100%;display: flex;padding: 0;margin: 30px 0;font-weight: 600;font-size: 27px;justify-content: center;text-align: center;} section.price-comments > ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap; padding: 0;margin: 0;list-style: none;justify-content: center;} section.price-comments > ul > li{width:50%;height: auto;padding: 10px;display: flex;flex-direction: column;} section.price-comments > ul > li > div{width:100%;display: flex;flex-direction: column;border: 1px solid var(--theme-grey);border-radius: 10px;background:#FFF;box-shadow: -4px 6px 11px #00000020;height: 100%;padding: 20px;position: relative;} section.price-comments > ul > li > div > strong{ font-size: 13px;font-weight: 500;width: 100%;} section.price-comments > ul > li > div > .point{display: flex;flex-direction: row;padding: 5px 0 20px 0;} section.price-comments > ul > li > div > .point > i{opacity: .3;} section.price-comments > ul > li > div > .point > i.active{opacity: 1;color:#ffbc00;} section.price-comments > ul > li > div > .date{position: absolute;right: 20px;top: 25px;font-weight: 500;} section.price-comments > ul > li > div > .message{width: 100%;font-size: 14px;line-height: 20px;} section.list-companies{ flex-direction:column;} section.list-companies > h2{width: 100%;display: flex;padding: 0;margin: 30px 0;font-weight: 600;font-size: 27px;justify-content: center;text-align: center;} .text-content{ width: 100%;display: flex;flex-direction:column;margin-top: 20px;} .text-content > .center {max-width:1350px;padding: 20px;} .text-content > .center > h2{width: 100%;display: flex;padding: 0;margin: 30px 0;font-weight: 600;font-size: 27px;justify-content: center;} body.seo_page > main > section.text-container{ display: block; margin-top: 30px; border: 1px solid var(--theme-grey); border-radius: 10px; background: #FFF; box-shadow: -4px 6px 11px #00000020; font-size:16px;} body.seo_page > main > section.text-container p{ padding: 0; margin: 5px 0 5px 0; } body.seo_page > main > section.text-container h2{font-weight: 600;font-size: 27px; margin: 0 0 15px 0; padding: 0; text-align: center;} body.seo_page > main > section.text-container img{ height: auto !important; max-width: 100%; } body.seo_page > main > section.index-how > h2{width: 100%;display: flex;padding: 0;margin: 30px 0;font-weight: 600;font-size: 27px;justify-content: center;text-align: center;} section.text-container iframe{ width:100% !important; max-width:700px !important; height:auto !important; aspect-ratio:1250/703 !important; margin:20px auto !important; display:block; } @media screen and (max-width:1200px) { .list-page ul.oservices{ text-align:center; } .list-page ul.oservices li{ float:none; margin:10px; display:inline-block; } .list-page ul.ocompany{ text-align:center; } .list-page ul.ocompany li,body.oseo .list-page ul.ocompany li{ text-align:left; float:none; margin:10px 0; display:inline-block; } .user-page-left{ width:33%; } .user-page-right{ width:65%; } ul.offer-request-list li{ max-width:100%; margin:0 0 20px 0; } } @media screen and (max-width:1023px) { .index-why .center > div{ margin-bottom:30px; } .index-why ul li{ padding:10px; text-align:center; } .index-why ul li > img{ position:inherit; display:inline-block; margin-bottom:15px; } .list-img-container{ height:450px; background-size:auto 100% !important; } .list-img-container > div h1{ font-size:30px; } .list-img-container > div strong{ font-size:18px; margin:10px 0; } .company-list-page .list-img-container > div{ height:auto; padding:20px 0 90px 0; } body.oseo .company-list-page .list-img-container > div{ padding:30px 10px; } .list-img-container > div .getoffer{ width:240px; line-height:50px; font-size:21px; } .getoffer-buttons select{ height:50px; } .list-page.company-list-page h2.list-page-title{ font-size:30px; } ul.membership_packages li{ width:45%; } div.offer_requests_page{ padding:30px 10px; } .company_requests_list, .company_request_detail,.my-requests .company_requests_list, .my-requests .company_request_detail{ width:100%; margin:20px 0 0 0; } .offer_request_info{ font-size:17px; } .index-blog ul li,.index-blog ul li:nth-child(2n){ padding:0 10px; } .index-blog ul li > span,.index-blog ul li:nth-child(2n) > span{ position:inherit; float:left; width:100%; height:auto; margin:0 0 20px 0; } .index-blog ul li > span img{ width:100%; height:auto; } .index-blog ul li > a{ float:right; } .footer-ocompany{ text-align:center; } .footer-ocompany .center{ padding:40px 10px; } .footer-ocompany .center > span{ margin-bottom:30px; } .footer-ocompany .center > em{ font-size:32px; } .footer-ocompany a{ position:static; clear:both; margin:auto; display:block; } .text-content .center{ padding:0 20px; } .be-company-img-container{ height:450px; background-size:auto 100% !important; background-position:right center; } .be-company-img-container > div{ right:0; width:100%; height:100%; background:rgba(255,255,255,.9); border-radius:0; } .offer-request-messages > a.ouser-phone{ margin-top: 0;} section.text-info > div > div.relatives > div > a{ width: calc(50% - 10px); } } @media screen and (max-width:900px) { .user-profile-page{ margin-top:20px; } .user-profile-page .profile-left,.user-profile-page .profile-right{ width:100%; padding:10px; } .fixed_buttons{ max-width: 100%; border: 0; border-top:3px solid #ddd; border-radius: 0; bottom: 0; top: inherit; padding: 20px; } .fixed_buttons h1,.fixed_buttons h2,.fixed_buttons h3,.fixed_buttons strong{ display: none; } } @media screen and (max-width:750px) { .index-why ul li{ width:100%; margin:0 0 20px 0; } .list-page ul.oservices li{ margin:10px 0; } .user-page-left,.user-page-right{ width:100%; margin:0 0 20px 0; } .offer-request-messages > a.ouser{ width:100%; } .offer-request-messages .request-action{ position:static; float:left; width:96%; margin:10px 2%; } .list-img-container > div > form{ position:static; float:left; max-width:100%; margin:10px 0; } .list-img-container > div > form input{ padding-right:70px; font-size:16px; } .list-img-container > div > form button{ width:65px; } section.text-info > div > h1,.index-how ul li > div strong{ font-size:25px; } section.text-info > div > p{ font-size:16px;} section.text-info > div > h1{font-size:25px;line-height: 30px;margin-top: 15px;text-align:center;} section.text-info > picture:after{ width:100%; left:0; } body.seo_page > main > section.text-info{flex-direction: column-reverse;} section.text-info > picture{width:100%;} section.text-info > picture > img{width:100%;height:auto;} section.text-info > div{width:100%;} .list-companies ul.ocompany li{width:100%;} body.seo_page > main > section.bttns{flex-direction: column; padding: 20px 20px 0 20px;} body.seo_page > main > section.bttns > a{ width: 100%; font-size: 14px;padding: 0 20px;text-align: center; margin: 10px 0; border-radius: 50px; } section.price-comments > ul > li {width:100%;} /*section.price-district > ul{ justify-content:left; } */ section.price-example > ul > li{width:100%;} section.price-factor > ul > li:nth-child(1) > span:nth-child(2):before, section.price-factor > ul > li:nth-child(1) > span:nth-child(3):before{font-size:12px;} section.price-factor > ul > li > strong{width:50%;} section.price-factor > ul > li > span{width:25%;} section.price-factor > ul > li > *{padding:15px 0;} section.price-factor > ul > li{font-size:14px;} body.seo_page > main > section.text-container{ border:0; border-radius: 0; box-shadow:none; } body.seo_page > main > section.text-container h2{ font-size:18px; } body.seo_page > main > section.text-container img{ margin: 10px 0; } section.text-info > div > div.relatives{ flex-direction: column; flex-wrap: nowrap; } section.text-info > div > div.relatives > div > a{ width: 100%; margin: 10px 0 0 0; } body.seo_page > main > section{padding: 10px; } section.text-info > picture{padding: 20px 10px;aspect-ratio: 1;flex-direction: column;position: relative;} section.text-info > picture > svg{position: relative; z-index: 3; width: 100%; border-radius: 20px; aspect-ratio: 1;} section.text-info > picture > div{position: relative; z-index: 5; background: #FFF; border-radius: 15px; padding: 20px; right: unset; bottom: unset; box-shadow: none; top: 10px; margin-bottom: 20px;width: 100%;} section.text-info > picture > div > h2{margin:0;margin-bottom: 5px;} } @media screen and (max-width:530px) { .list-page ul.ocompany li{ height:auto; padding-bottom:40px; } body.oseo .list-page ul.ocompany li{ height:auto; padding-bottom:10px; } .list-page ul.ocompany li h3{ font-size:18px; } .list-page ul.ocompany li a.getoffer, .list-page ul.ocompany li a.detail{ width:100%; margin:5px 0; } .modal-date{ width:58%; padding:15px; } .modal-date[name="hour"]{ width:40%; } .user-profile-page .profile-right h1{ font-size:22px; } .list-img-container > div h1{ font-size:25px; } body.oseo .list-img-container > div h1{ font-size:20px; } .list-img-container > div h2{ font-size:17px; } ul.membership_packages li{ width:100%; margin:10px 0; } .be-company-img-container > div h1{ font-size:27px; } .getoffer-buttons select,.list-img-container > div .getoffer-buttons .getoffer{ width:100%; margin-bottom:10px; } section.text-info > div > a{ width: 100%; } } @media screen and (max-width:399px) { .list-page ul.ocompany li{ padding:10px 10px 40px 10px; } .list-page ul.ocompany li span.img{ position:static; float:left; width:100%; text-align:center; margin-bottom:15px; } .list-page ul.ocompany li span.img img{ position:static; display:inline-block; } .list-page ul.ocompany li span.avatar{ position: static; display: block; margin: auto; margin-bottom: 10px; } .user-profile-page .profile-comments ul li span.date{ font-size:12px; } } /*popup*/ .sw_popup_bg { background: #fff; opacity: 0.9; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .sw_popup_loading { width: 113px; height: 113px; position: fixed; left: -20000px; top: -20000px; bottom: -20000px; right: -20000px; z-index: 10000; margin: auto; color:#1A2B49; text-align: center; } .sw_popup_loading > i { font-size: 70px; } /*.sw_popup_loading:before { content: 'Lütfen Bekleyiniz'; color:#333; width: 140px; text-align: center; z-index: 10000; display: block; position: relative; left: -13.5px; top: -10px; font-size: 13px; }*/ .sw_popup_content { display: none; background: #fff; z-index: 10001; border: 0; box-shadow: 0 0 10px #000; max-width:100%; } .sw_popup_content > .append { overflow-y: auto; height: 100%; } /*.sw_popup_content iframe {width:100%;height:100%;display:block;}*/ .sw_popup_content .popup_kapat_button { position: absolute; top: 0; right:-30px; text-align: center; width: 30px; height: 30px; background: #900; color: #fff; cursor: pointer; } .sw_popup_content .popup_kapat_button i { line-height: 30px; font-size: 17px; } .sw_popup_content .popup_kapat_button:hover { background-color: #333; color: #fff; } .popup_title { float: left; width: 100%; height: 62px; padding-top: 15px; background: #F5F5F5; background: -moz-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* FF3.6-15 */ background: -webkit-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#dddddd', GradientType=0 );/* IE6-9 */ font-size: 23px; text-align: center; border-bottom: 1px solid #dddddd; position: relative; } .popup_title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; } .popup_body { float: left; width: 100%; padding: 20px; } .popup_body fieldset { float: left; width: 100%; border: 1px solid #ddd; margin-bottom: 15px; } .popup_bottom { float: left; width: 100%; background: #f9f9f9; border-top: 5px solid #d2d2d2; padding: 20px; margin: 10px 0 0 0; } .sw_popup_content .sw_popup_txt { float: left; font-size: 18px; width: 100%; padding: 20px; border-bottom: 1px solid #ddd; color: #333; text-align: center; } .sw_popup_content .sw_popup_buttons { float: left; width: 100%; margin: 10px 0 10px 0; text-align: center; } .sw_popup_content.sw_confirm { border: 7px solid #ddd; } .sw_popup_content.sw_alert { border: 7px solid #fff; } .sw_popup_content.sw_confirm .popup_kapat_button, .sw_popup_content.sw_alert .popup_kapat_button { top: -7px; right: -37px; } .sw_popup_content div.alert { margin: 0; border-radius: 0; text-align: center; padding:25px 50px; font-size:16px; } .sw_popup_ok,.sw_popup_no{ cursor:pointer; padding:10px 30px; margin:0 5px; background:#EC671A; border:0; border-radius:5px; color:#fff; font-size:14px; text-align:center; } .sw_popup_ok:hover,.sw_popup_no:hover{ background:#333; } /*popup*/