style.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825
  1. @charset "UTF-8";
  2. * {
  3. margin: 0;
  4. padding: 0;
  5. -webkit-box-sizing: border-box;
  6. box-sizing: border-box;
  7. font-family: 微軟正黑體;
  8. }
  9. body {
  10. position: relative;
  11. background: #363636;
  12. }
  13. @media screen and (max-width: 767px) {
  14. body {
  15. background: #363636;
  16. }
  17. }
  18. body .arrow {
  19. position: fixed;
  20. right: 30px;
  21. bottom: 150px;
  22. width: 45px;
  23. height: 40px;
  24. z-index: 10;
  25. }
  26. body .arrow a {
  27. margin: 30px 0px;
  28. }
  29. @media screen and (max-width: 767px) {
  30. body .arrow .icon {
  31. display: none;
  32. }
  33. }
  34. body .arrow:hover {
  35. -webkit-box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
  36. box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
  37. }
  38. @media screen and (max-width: 767px) {
  39. body .arrow {
  40. position: absolute;
  41. bottom: 200px;
  42. }
  43. }
  44. #Navigation {
  45. background: rgba(112, 112, 112, 0.75);
  46. height: 4.5vw;
  47. width: 100vw !important;
  48. position: fixed;
  49. z-index: 10;
  50. }
  51. @media screen and (max-width: 1024px) {
  52. #Navigation {
  53. height: 8vw;
  54. }
  55. }
  56. @media screen and (max-width: 767px) {
  57. #Navigation {
  58. height: 15vw;
  59. position: fixed;
  60. z-index: 5;
  61. background: rgba(0, 0, 0, 0.8);
  62. }
  63. }
  64. #Navigation #nav {
  65. width: 100vw;
  66. margin: 0 auto;
  67. }
  68. #Navigation #logo {
  69. padding-top: 0.5vw;
  70. }
  71. @media screen and (max-width: 767px) {
  72. #Navigation #logo {
  73. padding-top: 0;
  74. }
  75. }
  76. #Navigation #logo img {
  77. width: 120px;
  78. }
  79. #Navigation #link {
  80. text-align: right;
  81. padding: 1.5vw 3vw;
  82. }
  83. @media screen and (max-width: 1024px) {
  84. #Navigation #link {
  85. padding-top: 2vw;
  86. }
  87. }
  88. @media screen and (max-width: 767px) {
  89. #Navigation #link {
  90. display: none;
  91. }
  92. }
  93. #Navigation #link a {
  94. text-decoration: none;
  95. color: #fff;
  96. letter-spacing: 1px;
  97. font-size: 0.9rem;
  98. font-weight: 600;
  99. cursor: pointer;
  100. padding: 5px;
  101. position: relative;
  102. }
  103. #Navigation #link a img {
  104. -o-object-fit: cover;
  105. object-fit: cover;
  106. }
  107. #Navigation #menu-btn1 {
  108. position: absolute;
  109. right: 1vw;
  110. top: 1vw;
  111. width: 18vw;
  112. z-index: 6;
  113. }
  114. @media screen and (min-width: 1025px) {
  115. #Navigation #menu-btn1 {
  116. display: none;
  117. }
  118. }
  119. @media screen and (min-width: 768px) {
  120. #Navigation #menu-btn1 {
  121. display: none;
  122. }
  123. }
  124. #Navigation2 {
  125. background: rgba(112, 112, 112, 0.75);
  126. height: 4.5vw;
  127. width: 100vw !important;
  128. position: fixed;
  129. bottom: 0px;
  130. z-index: 10;
  131. }
  132. @media screen and (min-width: 1025px) {
  133. #Navigation2 {
  134. display: none;
  135. }
  136. }
  137. @media screen and (max-width: 1024px) {
  138. #Navigation2 {
  139. height: 8vw;
  140. }
  141. }
  142. @media screen and (max-width: 767px) {
  143. #Navigation2 {
  144. height: 15vw;
  145. position: fixed;
  146. z-index: 5;
  147. background: rgba(0, 0, 0, 0.8);
  148. }
  149. }
  150. #Navigation2 #nav {
  151. width: 90vw;
  152. margin: 0 auto;
  153. display: -ms-grid;
  154. display: grid;
  155. -ms-grid-columns: (1fr)[5];
  156. grid-template-columns: repeat(5, 1fr);
  157. text-align: center;
  158. }
  159. #Navigation2 #nav a {
  160. text-decoration: none;
  161. color: #fff;
  162. letter-spacing: 1px;
  163. font-size: 0.9rem;
  164. font-weight: 600;
  165. cursor: pointer;
  166. position: relative;
  167. }
  168. #Navigation2 #nav a img {
  169. margin: 10px auto;
  170. -o-object-fit: cover;
  171. object-fit: cover;
  172. }
  173. #banner {
  174. position: relative;
  175. }
  176. #banner .banner-filter {
  177. position: absolute;
  178. z-index: -1;
  179. }
  180. #banner .banner-filter .bannerfilter {
  181. width: 100vw;
  182. -o-object-fit: cover;
  183. object-fit: cover;
  184. height: 50vw;
  185. -webkit-animation-name: Picture2;
  186. animation-name: Picture2;
  187. -webkit-animation-duration: 1s;
  188. animation-duration: 1s;
  189. -webkit-animation-delay: 0.1s;
  190. animation-delay: 0.1s;
  191. }
  192. @media screen and (max-width: 767px) {
  193. #banner .banner-filter .bannerfilter {
  194. height: 80vh;
  195. }
  196. }
  197. #banner #bannerdes-img {
  198. position: absolute;
  199. z-index: -2;
  200. opacity: 1;
  201. }
  202. #banner #bannerdes-img .banner-img {
  203. width: 100vw;
  204. -o-object-fit: cover;
  205. object-fit: cover;
  206. height: 50vw;
  207. -webkit-animation-name: Picture;
  208. animation-name: Picture;
  209. -webkit-animation-duration: 1s;
  210. animation-duration: 1s;
  211. }
  212. @media screen and (max-width: 767px) {
  213. #banner #bannerdes-img .banner-img {
  214. height: 80vh;
  215. }
  216. }
  217. @media screen and (max-width: 767px) {
  218. #banner {
  219. background-size: 115vw;
  220. background-repeat: no-repeat;
  221. }
  222. }
  223. #banner #banner-container {
  224. width: 90vw;
  225. padding-top: 18vw;
  226. }
  227. @media screen and (max-width: 767px) {
  228. #banner #banner-container {
  229. padding-top: 0vw;
  230. width: 95vw;
  231. }
  232. }
  233. @media screen and (max-width: 767px) {
  234. #banner #banner-container .banner-des {
  235. display: none;
  236. }
  237. }
  238. #banner #banner-container .banner-des .banner-1 {
  239. background: rgba(141, 194, 31, 0.8);
  240. }
  241. @media screen and (max-width: 767px) {
  242. #banner #banner-container .banner-des .banner-1 {
  243. margin: 0;
  244. }
  245. }
  246. #banner #banner-container .banner-des .banner-1 .banner1-1 {
  247. font-size: 22px;
  248. }
  249. #banner #banner-container .banner-des .banner-1 .btn {
  250. color: #fff;
  251. width: 60px;
  252. height: 40px;
  253. -webkit-box-shadow: none;
  254. box-shadow: none;
  255. }
  256. #banner #banner-container .banner-des .banner-1 .btn :focus {
  257. outline: 0 !important;
  258. -webkit-box-shadow: none;
  259. box-shadow: none;
  260. }
  261. #banner #banner-container .banner-des .banner-1 .btn img {
  262. width: 24px;
  263. -o-object-fit: cover;
  264. object-fit: cover;
  265. -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  266. filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  267. }
  268. #banner #banner-container .banner-des .banner-2 {
  269. overflow: hidden;
  270. }
  271. #banner #banner-container .banner-des .banner-2 img {
  272. margin-bottom: -30px;
  273. -o-object-fit: cover;
  274. object-fit: cover;
  275. width: 100%;
  276. }
  277. #banner #banner-container .banner-m {
  278. padding-top: 10vw;
  279. }
  280. @media screen and (min-width: 1025px) {
  281. #banner #banner-container .banner-m {
  282. display: none;
  283. }
  284. }
  285. #banner #banner-container .banner-m .bannerm-1 {
  286. background: rgba(141, 194, 31, 0.8);
  287. }
  288. @media screen and (max-width: 767px) {
  289. #banner #banner-container .banner-m .bannerm-1 {
  290. margin: 0;
  291. }
  292. }
  293. #banner #banner-container .banner-m .bannerm-1 .btn {
  294. color: #fff;
  295. width: 60px;
  296. height: 40px;
  297. -webkit-box-shadow: none;
  298. box-shadow: none;
  299. }
  300. #banner #banner-container .banner-m .bannerm-1 .btn :focus {
  301. outline: 0 !important;
  302. -webkit-box-shadow: none;
  303. box-shadow: none;
  304. }
  305. #banner #banner-container .banner-m .bannerm-1 .btn img {
  306. width: 24px;
  307. -o-object-fit: cover;
  308. object-fit: cover;
  309. -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  310. filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  311. }
  312. #banner #banner-container .banner-m .bannerm-1 .banner1-1 {
  313. font-size: 18px;
  314. }
  315. #banner #banner-container #sec01 {
  316. padding-top: 5vw;
  317. }
  318. @media screen and (max-width: 767px) {
  319. #banner #banner-container #sec01 {
  320. padding-top: 0;
  321. }
  322. }
  323. #banner #banner-container #sec01 .col-lg-2 {
  324. background: #80ab29;
  325. position: relative;
  326. -webkit-transition: 0.5s ease-in-out;
  327. transition: 0.5s ease-in-out;
  328. cursor: pointer;
  329. overflow: hidden;
  330. }
  331. #banner #banner-container #sec01 .col-lg-2 img {
  332. width: 100%;
  333. height: 20vw;
  334. -o-object-fit: cover;
  335. object-fit: cover;
  336. margin-bottom: -40px;
  337. }
  338. @media screen and (max-width: 767px) {
  339. #banner #banner-container #sec01 .col-lg-2 img {
  340. height: 40vw;
  341. margin-bottom: -20px;
  342. }
  343. }
  344. #banner #banner-container #sec01 .col-lg-2 .sec02-p-m {
  345. color: #fff;
  346. text-align: center;
  347. font-size: 14px;
  348. font-weight: 900;
  349. -webkit-transition: 0.5s;
  350. transition: 0.5s;
  351. }
  352. @media screen and (max-width: 767px) {
  353. #banner #banner-container #sec01 .col-lg-2 .sec02-p-m {
  354. display: none;
  355. }
  356. }
  357. @media screen and (min-width: 1025px) {
  358. #banner #banner-container #sec01 .col-lg-2 .sec02-p-m {
  359. width: 100%;
  360. position: absolute;
  361. top: 40%;
  362. left: 0px;
  363. font-size: 16px;
  364. opacity: 0;
  365. }
  366. }
  367. #banner #banner-container #sec01 .col-lg-2:hover .sec02-p-m,
  368. #banner #banner-container #sec01 .col-lg-2:hover .sec03-p-m {
  369. opacity: 1;
  370. }
  371. #banner #banner-container #sec01 .col-lg-2:hover img {
  372. opacity: 0.2;
  373. }
  374. @media screen and (max-width: 767px) {
  375. #banner #banner-container #sec01 .col-lg-2:hover img {
  376. opacity: 1;
  377. }
  378. }
  379. #footer {
  380. background: #363636;
  381. text-align: center;
  382. width: 80vw;
  383. margin: 0 auto !important;
  384. }
  385. @media screen and (max-width: 767px) {
  386. #footer {
  387. width: 100vw;
  388. padding-bottom: 30vw;
  389. }
  390. }
  391. #footer a {
  392. text-decoration: none;
  393. color: #fff;
  394. }
  395. #footer p {
  396. padding: 15px;
  397. color: #fff;
  398. }
  399. @media screen and (max-width: 767px) {
  400. #footer p {
  401. padding: 10px;
  402. }
  403. }
  404. @-webkit-keyframes Picture {
  405. 0% {
  406. -webkit-transform: scale(1.3);
  407. transform: scale(1.3);
  408. }
  409. 100% {
  410. -webkit-transform: scale(1);
  411. transform: scale(1);
  412. }
  413. }
  414. @keyframes Picture {
  415. 0% {
  416. -webkit-transform: scale(1.3);
  417. transform: scale(1.3);
  418. }
  419. 100% {
  420. -webkit-transform: scale(1);
  421. transform: scale(1);
  422. }
  423. }
  424. @-webkit-keyframes Picture2 {
  425. 0% {
  426. -webkit-transform: scale(1.3);
  427. transform: scale(1.3);
  428. }
  429. 100% {
  430. -webkit-transform: scale(1);
  431. transform: scale(1);
  432. }
  433. }
  434. @keyframes Picture2 {
  435. 0% {
  436. -webkit-transform: scale(1.3);
  437. transform: scale(1.3);
  438. }
  439. 100% {
  440. -webkit-transform: scale(1);
  441. transform: scale(1);
  442. }
  443. }
  444. #modal-dialog {
  445. width: 90vw;
  446. }
  447. #modal-dialog .modal-content {
  448. width: 80vw;
  449. }
  450. @media screen and (max-width: 767px) {
  451. #modal-dialog .modal-content {
  452. width: 90vw;
  453. }
  454. }
  455. #light-box #form-lightbox {
  456. margin: 0 auto;
  457. padding: 15px;
  458. }
  459. @media screen and (max-width: 767px) {
  460. #light-box #form-lightbox {
  461. width: 80vw;
  462. }
  463. }
  464. #light-box #form-lightbox .form-title {
  465. margin: 0 auto;
  466. color: #5c5248;
  467. }
  468. #light-box #form-lightbox .form-title h1 {
  469. text-align: center;
  470. font-size: 32px;
  471. font-weight: 900;
  472. }
  473. @media screen and (max-width: 767px) {
  474. #light-box #form-lightbox .form-title h1 {
  475. font-size: 24px;
  476. }
  477. }
  478. @media screen and (max-width: 350px) {
  479. #light-box #form-lightbox .form-title h1 {
  480. font-size: 20px;
  481. }
  482. }
  483. #light-box #form-lightbox .form-title h1 span {
  484. font-size: 38px;
  485. }
  486. @media screen and (max-width: 767px) {
  487. #light-box #form-lightbox .form-title h1 span {
  488. font-size: 28px;
  489. }
  490. }
  491. @media screen and (max-width: 350px) {
  492. #light-box #form-lightbox .form-title h1 span {
  493. font-size: 24px;
  494. }
  495. }
  496. #light-box #form-lightbox .contact-text {
  497. margin: 0 auto;
  498. }
  499. #light-box #form-lightbox .contact-text .text-p {
  500. font-size: 16px;
  501. font-weight: 600;
  502. }
  503. @media screen and (max-width: 350px) {
  504. #light-box #form-lightbox .contact-text .text-p {
  505. font-size: 14px;
  506. }
  507. }
  508. #light-box #form-lightbox .contact-form1 {
  509. margin: 0 auto;
  510. }
  511. #light-box #form-lightbox .contact-form1 #contact-form {
  512. margin-top: 10px;
  513. }
  514. #light-box #form-lightbox .contact-form1 #contact-form .col-lg-2 .divider {
  515. position: relative;
  516. width: 1px;
  517. height: 100%;
  518. border-left: 1px solid rgba(0, 0, 0, 0.12);
  519. }
  520. #light-box #form-lightbox .contact-form1 #contact-form #loc,
  521. #light-box #form-lightbox .contact-form1 #contact-form #type,
  522. #light-box #form-lightbox .contact-form1 #contact-form #modal,
  523. #light-box #form-lightbox .contact-form1 #contact-form #budget,
  524. #light-box #form-lightbox .contact-form1 #contact-form #square,
  525. #light-box #form-lightbox .contact-form1 #contact-form #style,
  526. #light-box #form-lightbox .contact-form1 #contact-form #datepicker,
  527. #light-box #form-lightbox .contact-form1 #contact-form #email,
  528. #light-box #form-lightbox .contact-form1 #contact-form #name,
  529. #light-box #form-lightbox .contact-form1 #contact-form #phone,
  530. #light-box #form-lightbox .contact-form1 #contact-form #gender {
  531. width: 100%;
  532. height: 50px;
  533. margin: 10px 0;
  534. padding-left: 10px;
  535. border: 1px solid rgba(0, 0, 0, 0.3);
  536. padding: 10px 15px;
  537. font-size: 16px;
  538. border-radius: 3px;
  539. -webkit-appearance: none;
  540. -moz-appearance: none;
  541. appearance: none;
  542. background: url(./img/icondown.webp) 95% 50% no-repeat scroll transparent;
  543. background-size: 10px 10px;
  544. background-color: #fff;
  545. }
  546. #light-box #form-lightbox .contact-form1 #contact-form #form-left {
  547. margin: 0 auto;
  548. }
  549. #light-box #form-lightbox .contact-form1 #contact-form #form-left #rooms,
  550. #light-box #form-lightbox .contact-form1 #contact-form #form-left #livingroom,
  551. #light-box #form-lightbox .contact-form1 #contact-form #form-left #bathroom {
  552. width: 28.8%;
  553. border: 1px solid rgba(0, 0, 0, 0.3);
  554. height: 50px;
  555. margin: 15px 0;
  556. padding-right: 50px;
  557. padding: 10px 15px;
  558. font-size: 16px;
  559. border-radius: 3px;
  560. -webkit-appearance: none;
  561. -moz-appearance: none;
  562. appearance: none;
  563. background: url(./img/icondown.webp) 85% 50% no-repeat scroll transparent;
  564. background-size: 10px 10px;
  565. background-color: #fff;
  566. }
  567. @media screen and (max-width: 767px) {
  568. #light-box #form-lightbox .contact-form1 #contact-form #form-left #rooms,
  569. #light-box #form-lightbox .contact-form1 #contact-form #form-left #livingroom,
  570. #light-box #form-lightbox .contact-form1 #contact-form #form-left #bathroom {
  571. width: 31%;
  572. }
  573. }
  574. #light-box #form-lightbox .contact-form1 #contact-form #form-left #square,
  575. #light-box #form-lightbox .contact-form1 #contact-form #form-left #datepicker {
  576. background: none;
  577. background-color: #fff;
  578. }
  579. #light-box #form-lightbox .contact-form1 #contact-form #form-right {
  580. margin: 0 auto;
  581. }
  582. @media screen and (min-width: 1025px) {
  583. #light-box #form-lightbox .contact-form1 #contact-form #form-right hr {
  584. display: none;
  585. }
  586. }
  587. #light-box #form-lightbox .contact-form1 #contact-form #fb-button {
  588. margin-top: 12px;
  589. width: 100%;
  590. height: 50px;
  591. border: 1px solid #3b5998;
  592. text-align: right;
  593. padding-right: 60px;
  594. background-size: 32px 32px;
  595. border-radius: 3px;
  596. background-color: #fff;
  597. -webkit-transition: 0.3s;
  598. transition: 0.3s;
  599. position: relative;
  600. }
  601. @media screen and (max-width: 767px) {
  602. #light-box #form-lightbox .contact-form1 #contact-form #fb-button {
  603. margin: 10px 0;
  604. }
  605. }
  606. #light-box #form-lightbox .contact-form1 #contact-form #fb-button p {
  607. position: absolute;
  608. top: 1vw;
  609. left: 12vw;
  610. color: #626262;
  611. }
  612. @media screen and (max-width: 767px) {
  613. #light-box #form-lightbox .contact-form1 #contact-form #fb-button p {
  614. left: 32vw;
  615. top: 3vw;
  616. }
  617. }
  618. #light-box #form-lightbox .contact-form1 #contact-form #fb-button #line {
  619. position: absolute;
  620. color: #9b9b9b;
  621. opacity: 0.8;
  622. left: 8vw;
  623. top: -0.1vw;
  624. }
  625. @media screen and (max-width: 767px) {
  626. #light-box #form-lightbox .contact-form1 #contact-form #fb-button #line {
  627. left: 20vw;
  628. }
  629. }
  630. #light-box #form-lightbox .contact-form1 #contact-form #fb-button img {
  631. position: absolute;
  632. left: 50px;
  633. top: 10px;
  634. width: 32px;
  635. height: 32px;
  636. -webkit-filter: invert(29%) sepia(70%) saturate(712%) hue-rotate(186deg) brightness(89%) contrast(81%);
  637. filter: invert(29%) sepia(70%) saturate(712%) hue-rotate(186deg) brightness(89%) contrast(81%);
  638. }
  639. @media screen and (max-width: 767px) {
  640. #light-box #form-lightbox .contact-form1 #contact-form #fb-button img {
  641. left: 20px;
  642. }
  643. }
  644. #light-box #form-lightbox .contact-form1 #contact-form #fb-button:hover {
  645. background-color: #2a4f91;
  646. color: #fff;
  647. }
  648. #light-box #form-lightbox .contact-form1 #contact-form #fb-button:hover img {
  649. -webkit-filter: invert(100%) sepia(100%) saturate(19%) hue-rotate(334deg) brightness(106%) contrast(106%);
  650. filter: invert(100%) sepia(100%) saturate(19%) hue-rotate(334deg) brightness(106%) contrast(106%);
  651. }
  652. #light-box #form-lightbox .contact-form1 #contact-form #fb-button:hover p {
  653. color: #fff;
  654. }
  655. #light-box #form-lightbox .contact-form1 #contact-form #fb-button:hover #line {
  656. color: #fff;
  657. }
  658. #light-box #form-lightbox .contact-form1 #contact-form a {
  659. text-decoration: none;
  660. color: #ee751b;
  661. font-weight: 900;
  662. }
  663. #light-box #form-lightbox .contact-form1 #contact-form #email,
  664. #light-box #form-lightbox .contact-form1 #contact-form #name,
  665. #light-box #form-lightbox .contact-form1 #contact-form #phone {
  666. background: none;
  667. background-color: #fff;
  668. }
  669. #light-box #form-lightbox .btn {
  670. margin: 50px auto;
  671. border: none;
  672. padding: 15px;
  673. background: #edbc96;
  674. color: #4b515e;
  675. font-size: 20px;
  676. width: 400px;
  677. border-radius: 10px;
  678. }
  679. @media screen and (max-width: 767px) {
  680. #light-box #form-lightbox .btn {
  681. width: 100%;
  682. }
  683. }
  684. #light-box #form-lightbox .btn:hover {
  685. color: #fff;
  686. background-color: #745c54;
  687. }
  688. #light-box #form-lightbox .form-btn {
  689. text-align: center;
  690. position: relative;
  691. width: 70vw;
  692. margin: 0 auto;
  693. }
  694. @media screen and (max-width: 767px) {
  695. #light-box #form-lightbox .form-btn {
  696. width: 80vw;
  697. margin: 0 auto;
  698. }
  699. }
  700. #light-box #form-lightbox .form-btn #phone1 {
  701. position: absolute;
  702. left: 500px;
  703. }
  704. /*# sourceMappingURL=style.css.map */