Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

1127 rindas
19 KiB

  1. @charset "utf-8";
  2. /* CSS Document */
  3. /******************************
  4. [Table of Contents]
  5. 1. Fonts
  6. 2. Body and some general stuff
  7. 3. Header
  8. 3.1 Logo
  9. 3.2 Main Navigation
  10. 3.3 Hamburger Menu
  11. 3.4 Full Screen Menu
  12. 4. Home Social
  13. 5. Section Title
  14. 6. Home
  15. 7. Contact Content
  16. 8. Contact Form
  17. 9. Contact Sidebar
  18. 9.1 Sidebar Title
  19. 9.2 Sidebar Contact Info
  20. 10. Contact
  21. 11. Footer
  22. ******************************/
  23. /***********
  24. 1. Fonts
  25. ***********/
  26. @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600|Open+Sans:300,400,600,700,800');
  27. /*********************************
  28. 2. Body and some general stuff
  29. *********************************/
  30. *
  31. {
  32. margin: 0;
  33. padding: 0;
  34. }
  35. body
  36. {
  37. font-family: 'Open Sans', sans-serif;
  38. font-size: 15px;
  39. line-height: 2;
  40. font-weight: 400;
  41. background: #FFFFFF;
  42. color: #6e6e6e;
  43. }
  44. div
  45. {
  46. display: block;
  47. position: relative;
  48. -webkit-box-sizing: border-box;
  49. -moz-box-sizing: border-box;
  50. box-sizing: border-box;
  51. }
  52. ul
  53. {
  54. list-style: none;
  55. margin-bottom: 0px;
  56. }
  57. p
  58. {
  59. font-family: 'Open Sans', sans-serif;
  60. font-size: 15px;
  61. line-height: 2;
  62. font-weight: 400;
  63. color: #6e6e6e;
  64. -webkit-font-smoothing: antialiased;
  65. -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
  66. text-shadow: rgba(0,0,0,.01) 0 0 1px;
  67. }
  68. p a
  69. {
  70. display: inline;
  71. position: relative;
  72. color: inherit;
  73. border-bottom: solid 1px #ffa07f;
  74. -webkit-transition: all 200ms ease;
  75. -moz-transition: all 200ms ease;
  76. -ms-transition: all 200ms ease;
  77. -o-transition: all 200ms ease;
  78. transition: all 200ms ease;
  79. }
  80. a, a:hover, a:visited, a:active, a:link
  81. {
  82. text-decoration: none;
  83. -webkit-font-smoothing: antialiased;
  84. -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
  85. text-shadow: rgba(0,0,0,.01) 0 0 1px;
  86. }
  87. p a:active
  88. {
  89. position: relative;
  90. color: #FF6347;
  91. }
  92. p a:hover
  93. {
  94. color: #FFFFFF;
  95. background: #ffa07f;
  96. }
  97. p a:hover::after
  98. {
  99. opacity: 0.2;
  100. }
  101. ::selection
  102. {
  103. background: #fde0db;
  104. color: #323232;
  105. }
  106. p::selection
  107. {
  108. background: #fde0db;
  109. }
  110. h1{font-size: 48px;}
  111. h2{font-size: 30px;}
  112. h3{font-size: 18px;}
  113. h4{font-size: 14px;}
  114. h5{font-size: 11px;}
  115. h1, h2, h3, h4, h5, h6
  116. {
  117. color: #282828;
  118. -webkit-font-smoothing: antialiased;
  119. -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
  120. text-shadow: rgba(0,0,0,.01) 0 0 1px;
  121. }
  122. h1::selection,
  123. h2::selection,
  124. h3::selection,
  125. h4::selection,
  126. h5::selection,
  127. h6::selection
  128. {
  129. }
  130. .form-control
  131. {
  132. color: #db5246;
  133. }
  134. section
  135. {
  136. display: block;
  137. position: relative;
  138. box-sizing: border-box;
  139. }
  140. .clear
  141. {
  142. clear: both;
  143. }
  144. .clearfix::before, .clearfix::after
  145. {
  146. content: "";
  147. display: table;
  148. }
  149. .clearfix::after
  150. {
  151. clear: both;
  152. }
  153. .clearfix
  154. {
  155. zoom: 1;
  156. }
  157. .float_left
  158. {
  159. float: left;
  160. }
  161. .float_right
  162. {
  163. float: right;
  164. }
  165. .trans_200
  166. {
  167. -webkit-transition: all 200ms ease;
  168. -moz-transition: all 200ms ease;
  169. -ms-transition: all 200ms ease;
  170. -o-transition: all 200ms ease;
  171. transition: all 200ms ease;
  172. }
  173. .trans_300
  174. {
  175. -webkit-transition: all 300ms ease;
  176. -moz-transition: all 300ms ease;
  177. -ms-transition: all 300ms ease;
  178. -o-transition: all 300ms ease;
  179. transition: all 300ms ease;
  180. }
  181. .trans_400
  182. {
  183. -webkit-transition: all 400ms ease;
  184. -moz-transition: all 400ms ease;
  185. -ms-transition: all 400ms ease;
  186. -o-transition: all 400ms ease;
  187. transition: all 400ms ease;
  188. }
  189. .trans_500
  190. {
  191. -webkit-transition: all 500ms ease;
  192. -moz-transition: all 500ms ease;
  193. -ms-transition: all 500ms ease;
  194. -o-transition: all 500ms ease;
  195. transition: all 500ms ease;
  196. }
  197. .fill_height
  198. {
  199. height: 100%;
  200. }
  201. .super_container
  202. {
  203. width: 100%;
  204. overflow: hidden;
  205. padding-left: 45px;
  206. padding-right: 45px;
  207. }
  208. .button
  209. {
  210. width: 187px;
  211. height: 66px;
  212. background: #323232;
  213. overflow: hidden;
  214. }
  215. .line_button
  216. {
  217. border: solid 1px #FFFFFF;
  218. }
  219. .button a
  220. {
  221. display: block;
  222. width: 100%;
  223. color: #FFFFFF;
  224. font-size: 11px;
  225. font-weight: 300;
  226. line-height: 66px;
  227. text-transform: uppercase;
  228. letter-spacing: 6.7px;
  229. }
  230. .button a img
  231. {
  232. display: inline-block;
  233. width: 13px !important;
  234. height: 7px;
  235. margin-left: 4px;
  236. }
  237. .button a::after
  238. {
  239. display: block;
  240. position: absolute;
  241. top: -50%;
  242. left: -70px;
  243. width: 60px;
  244. height: 200%;
  245. background: rgba(255,255,255,0.1);
  246. content: '';
  247. -webkit-transform: rotate(12.5deg);
  248. -moz-transform: rotate(12.5deg);
  249. -ms-transform: rotate(12.5deg);
  250. -o-transform: rotate(12.5deg);
  251. transform: rotate(12.5deg);
  252. -webkit-transition: all 400ms ease;
  253. -moz-transition: all 400ms ease;
  254. -ms-transition: all 400ms ease;
  255. -o-transition: all 400ms ease;
  256. transition: all 400ms ease;
  257. z-index: 0;
  258. }
  259. .button a:hover::after
  260. {
  261. left: calc(100% + 70px);
  262. }
  263. .parallax-window
  264. {
  265. min-height: 386px;
  266. background: transparent;
  267. }
  268. .prlx_parent
  269. {
  270. overflow: hidden;
  271. }
  272. .prlx
  273. {
  274. height: 130% !important;
  275. }
  276. /*********************************
  277. 3. Header
  278. *********************************/
  279. .header
  280. {
  281. position: fixed;
  282. top: 0;
  283. left: 0;
  284. width: 100%;
  285. height: 110px;
  286. padding-left: 48px;
  287. padding-right: 48px;
  288. z-index: 20;
  289. background: #FFFFFF;
  290. -webkit-transition: all 300ms ease;
  291. -moz-transition: all 300ms ease;
  292. -ms-transition: all 300ms ease;
  293. -o-transition: all 300ms ease;
  294. transition: all 300ms ease;
  295. }
  296. /*********************************
  297. 3.1 Logo
  298. *********************************/
  299. .logo_container
  300. {
  301. flex-basis: 50%;
  302. }
  303. .logo
  304. {
  305. margin-left: 7px;
  306. }
  307. .logo a
  308. {
  309. font-family: 'Montserrat', sans-serif;
  310. font-size: 30px;
  311. font-weight: 700;
  312. color: #171717;
  313. text-transform: uppercase;
  314. }
  315. .logo span:first-of-type
  316. {
  317. position: absolute;
  318. top: 0;
  319. left: -5px;
  320. color: #323232;
  321. z-index: -1;
  322. }
  323. .logo span:last-of-type
  324. {
  325. color: #323232;
  326. }
  327. /*********************************
  328. 3.2 Main Navigation
  329. *********************************/
  330. .main_nav
  331. {
  332. margin-right: -3px;
  333. height: 100%;
  334. flex-basis: 200%;
  335. text-align: right;
  336. }
  337. .nav_items
  338. {
  339. height: 100%;
  340. }
  341. .nav_items li
  342. {
  343. display: inline-block;
  344. margin-left: 35px;
  345. height: 100%;
  346. }
  347. .nav_items li a
  348. {
  349. font-size: 12px;
  350. font-weight: 600;
  351. text-transform: uppercase;
  352. color: #0b1033;
  353. letter-spacing: 3.5px;
  354. height: 100%;
  355. display: -webkit-box;
  356. display: -moz-box;
  357. display: -ms-flexbox;
  358. display: -webkit-flex;
  359. display: flex;
  360. flex-direction: column;
  361. justify-content: center;
  362. align-items: center;
  363. padding-left: 14px;
  364. padding-right: 10px;
  365. }
  366. .nav_items li.active
  367. {
  368. background: #323232;
  369. }
  370. .nav_items li.active a
  371. {
  372. color: #FFFFFF;
  373. }
  374. .nav_items li:hover
  375. {
  376. background: #323232;
  377. }
  378. .nav_items li:hover a
  379. {
  380. color: #FFFFFF;
  381. }
  382. /*********************************
  383. 3.3 Hamburger Menu
  384. *********************************/
  385. .hamburger_container
  386. {
  387. display: none;
  388. cursor: pointer;
  389. padding: 10px;
  390. margin-right: -10px;
  391. flex-basis: 50%;
  392. text-align: right;
  393. }
  394. .hamburger_text
  395. {
  396. display: inline-block;
  397. margin-right: 7px;
  398. font-weight: 400;
  399. color: #171717;
  400. }
  401. .hamburger_icon
  402. {
  403. position: relative;
  404. display: inline-block;
  405. width: 22px;
  406. height: 3px;
  407. background: #171717;
  408. margin-bottom: 4px;
  409. }
  410. .hamburger_icon::before,
  411. .hamburger_icon::after
  412. {
  413. display: block;
  414. position: absolute;
  415. left: 0;
  416. width: 22px;
  417. height: 3px;
  418. background: #171717;
  419. content: '';
  420. -webkit-transition: all 200ms ease;
  421. -moz-transition: all 200ms ease;
  422. -ms-transition: all 200ms ease;
  423. -o-transition: all 200ms ease;
  424. transition: all 200ms ease;
  425. }
  426. .hamburger_icon.active
  427. {
  428. background: transparent;
  429. }
  430. .hamburger_icon.active::before
  431. {
  432. top: -9px;
  433. transform: translateY(9px) rotate(45deg);
  434. }
  435. .hamburger_icon.active::after
  436. {
  437. top: 9px;
  438. transform: translateY(-9px) rotate(-45deg);
  439. }
  440. .hamburger_icon::before
  441. {
  442. top: -6px;
  443. }
  444. .hamburger_icon::after
  445. {
  446. top: 6px;
  447. }
  448. .hamburger_container:hover .hamburger_icon::before
  449. {
  450. top: -8px;
  451. }
  452. .hamburger_container:hover .hamburger_icon::after
  453. {
  454. top: 8px;
  455. }
  456. .hamburger_container:hover .hamburger_icon.active::before
  457. {
  458. -webkit-transform: none;
  459. -moz-transform: none;
  460. -ms-transform: none;
  461. -o-transform: none;
  462. transform: none;
  463. top: 0;
  464. }
  465. .hamburger_container:hover .hamburger_icon.active::after
  466. {
  467. -webkit-transform: none;
  468. -moz-transform: none;
  469. -ms-transform: none;
  470. -o-transform: none;
  471. transform: none;
  472. top: 0;
  473. }
  474. /*********************************
  475. 3.4 Full Screen Menu
  476. *********************************/
  477. .fs_menu_container
  478. {
  479. position: fixed;
  480. top: -100vh;
  481. left: 0;
  482. width: 100vw;
  483. height: 100vh;
  484. background: #FFFFFF;
  485. z-index: 19;
  486. -webkit-transition: all 1s 0s cubic-bezier(1,0,0,1);
  487. -moz-transition: all 1s 0s cubic-bezier(1,0,0,1);
  488. -ms-transition: all 1s 0s cubic-bezier(1,0,0,1);
  489. -o-transition: all 1s 0s cubic-bezier(1,0,0,1);
  490. transition: all 1s 0s cubic-bezier(1,0,0,1);
  491. padding-left: 48px;
  492. padding-right: 63px;
  493. padding-top: 150px;
  494. text-align: right;
  495. }
  496. .fs_menu_shapes
  497. {
  498. position: absolute;
  499. bottom: 32px;
  500. left: -70px;
  501. width: 25%;
  502. }
  503. .fs_menu_shapes img
  504. {
  505. width: 100%;
  506. }
  507. .fs_menu_container.active
  508. {
  509. top: 0;
  510. }
  511. .fs_menu_list
  512. {
  513. display: inline-block;
  514. }
  515. .fs_menu_list li
  516. {
  517. overflow: hidden;
  518. }
  519. .fs_menu_list li a
  520. {
  521. display: inline-block;
  522. font-size: 62px;
  523. font-weight: 700;
  524. color: #171717;
  525. line-height: 1.4;
  526. -webkit-transform: translateY(-100%);
  527. -moz-transform: translateY(-100%);
  528. -ms-transform: translateY(-100%);
  529. -o-transform: translateY(-100%);
  530. transform: translateY(-100%);
  531. -webkit-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
  532. -moz-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
  533. -ms-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
  534. -o-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
  535. transition: all 1600ms cubic-bezier(.19,1,.22,1);
  536. }
  537. .fs_menu_list li:first-child a {transition-delay: 600ms;}
  538. .fs_menu_list li:nth-child(2) a {transition-delay: 670ms;}
  539. .fs_menu_list li:nth-child(3) a {transition-delay: 740ms;}
  540. .fs_menu_list li:nth-child(4) a {transition-delay: 810ms;}
  541. .fs_menu_list li:nth-child(5) a {transition-delay: 880ms;}
  542. .fs_menu_list li:nth-child(6) a {transition-delay: 950ms;}
  543. .fs_menu_list li:nth-child(7) a {transition-delay: 900ms;}
  544. .fs_menu_list li:nth-child(8) a {transition-delay: 950ms;}
  545. .fs_menu_list li:nth-child(9) a {transition-delay: 1000ms;}
  546. .fs_menu_list li:nth-child(10) a {transition-delay: 1050ms;}
  547. .fs_menu_container.active .fs_menu_list li a
  548. {
  549. transform: none;
  550. }
  551. .fs_menu_list li a span
  552. {
  553. position: relative;
  554. }
  555. .fs_menu_list li a span span
  556. {
  557. position: absolute;
  558. top: -1px;
  559. left: -5px;
  560. color: #323232;
  561. z-index: -1;
  562. }
  563. .fs_menu_list li a > span::after
  564. {
  565. display: block;
  566. position: absolute;
  567. bottom: 4px;
  568. left: 0;
  569. width: 0%;
  570. height: 3px;
  571. background: #171717;
  572. content: '';
  573. -webkit-transition: all 600ms cubic-bezier(.19,1,.22,1);
  574. -moz-transition: all 600ms cubic-bezier(.19,1,.22,1);
  575. -ms-transition: all 600ms cubic-bezier(.19,1,.22,1);
  576. -o-transition: all 600ms cubic-bezier(.19,1,.22,1);
  577. transition: all 600ms cubic-bezier(.19,1,.22,1);
  578. }
  579. .fs_menu_list li a:hover span::after
  580. {
  581. width: 100%;
  582. }
  583. .fs_social_container
  584. {
  585. position: absolute;
  586. bottom: 0px;
  587. right: 63px;
  588. width: auto;
  589. height: 74px;
  590. z-index: 11;
  591. }
  592. .fs_social li
  593. {
  594. display: inline-block;
  595. margin-left: 10px;
  596. }
  597. .fs_social li a
  598. {
  599. width: 100%;
  600. height: 100%;
  601. padding: 10px;
  602. }
  603. .fs_social li i
  604. {
  605. font-size: 13px;
  606. color: rgba(255,66,0,0.6);
  607. }
  608. .fs_social li:hover i
  609. {
  610. color: rgba(255,66,0,1);
  611. }
  612. /*********************************
  613. 4. Home Social
  614. *********************************/
  615. .home_social_container
  616. {
  617. position: absolute;
  618. top: 110px;
  619. right: 0px;
  620. width: auto;
  621. height: 74px;
  622. background: #323232;
  623. z-index: 11;
  624. padding-right: 38px;
  625. padding-left: 45px;
  626. }
  627. .home_social li
  628. {
  629. display: inline-block;
  630. margin-left: 10px;
  631. }
  632. .home_social li a
  633. {
  634. width: 100%;
  635. height: 100%;
  636. padding: 10px;
  637. }
  638. .home_social li i
  639. {
  640. font-size: 13px;
  641. color: rgba(255,255,255,0.6);
  642. }
  643. .home_social li:hover i
  644. {
  645. color: rgba(255,255,255,1);
  646. }
  647. /*********************************
  648. 5. Section Title
  649. *********************************/
  650. .section_title h2
  651. {
  652. display: inline-block;
  653. position: relative;
  654. font-weight: 600;
  655. letter-spacing: 0.2em;
  656. text-transform: uppercase;
  657. color: #FFFFFF;
  658. line-height: 1.35;
  659. margin-bottom: 116px;
  660. }
  661. .section_title h2 span
  662. {
  663. display: block;
  664. position: absolute;
  665. top: 50%;
  666. left: 50%;
  667. -webkit-transform: translate(-50%, -50px);
  668. -moz-transform: translate(-50%, -50px);
  669. -ms-transform: translate(-50%, -50px);
  670. -o-transform: translate(-50%, -50px);
  671. transform: translate(-50%, -50px);
  672. font-size: 72px;
  673. font-weight: 900;
  674. color: #ff0000;
  675. opacity: 0.32;
  676. }
  677. .section_title h2::before
  678. {
  679. display: block;
  680. position: absolute;
  681. bottom: 61px;
  682. left: 50%;
  683. -webkit-transform: translateX(-50%);
  684. -moz-transform: translateX(-50%);
  685. -ms-transform: translateX(-50%);
  686. -o-transform: translateX(-50%);
  687. transform: translateX(calc(-50% - 4px));
  688. width: 2px;
  689. height: 45px;
  690. content: '';
  691. background: #FFFFFF;
  692. }
  693. /*********************************
  694. 6. Home
  695. *********************************/
  696. .home
  697. {
  698. width: 100%;
  699. height: 386px;
  700. margin-top: 110px;
  701. }
  702. .home_background
  703. {
  704. position: absolute;
  705. top: 0;
  706. left: 0;
  707. width: 100%;
  708. height: 100%;
  709. background-repeat: no-repeat;
  710. background-size: cover;
  711. background-position: center center;
  712. }
  713. .services_page_shapes
  714. {
  715. position: absolute;
  716. top: 0;
  717. left: 0;
  718. width: 100%;
  719. height: 100%;
  720. background-repeat: no-repeat;
  721. background-size: cover;
  722. background-position: center center;
  723. pointer-events: none;
  724. }
  725. .home_content
  726. {
  727. margin-top: 154px;
  728. }
  729. .home_content h1
  730. {
  731. font-weight: 300;
  732. color: #FFFFFF;
  733. margin-bottom: 2px;
  734. }
  735. .home_content span
  736. {
  737. font-size: 12px;
  738. font-weight: 600;
  739. color: #FFFFFF;
  740. letter-spacing: 1em;
  741. text-transform: uppercase;
  742. padding-left: 3px;
  743. }
  744. .home_background_half{
  745. position: absolute;
  746. top: 0;
  747. left: 0;
  748. width: 100%;
  749. height: 50%;
  750. background-repeat: no-repeat;
  751. background-size: cover;
  752. background-position: center center;
  753. }
  754. /*********************************
  755. 7. Contact Content
  756. *********************************/
  757. .contact_content
  758. {
  759. width: 100%;
  760. padding-top: 120px;
  761. padding-bottom: 120px;
  762. background: #FFFFFF;
  763. }
  764. .contact_main_content
  765. {
  766. width: 100%;
  767. }
  768. .contact_subtitle
  769. {
  770. font-size: 16px;
  771. font-weight: 600;
  772. color: #1c1c1c;
  773. letter-spacing: 0.2em;
  774. text-transform: uppercase;
  775. padding-bottom: 11px;
  776. margin-bottom: 59px;
  777. }
  778. .contact_subtitle::after
  779. {
  780. display: block;
  781. position: absolute;
  782. bottom: 0;
  783. left: 0;
  784. width: 43px;
  785. height: 2px;
  786. background: #323232;
  787. content: '';
  788. }
  789. /*********************************
  790. 8. Contact Form
  791. *********************************/
  792. .contact_form_container
  793. {
  794. margin-top: 62px;
  795. }
  796. .input_field
  797. {
  798. height: 40px;
  799. font-size: 14px;
  800. border: solid 1px #b7b7b7;
  801. padding-left: 17px;
  802. margin-bottom: 12px;
  803. }
  804. .input_field:focus,
  805. .text_field:focus
  806. {
  807. border: solid 2px #323232 !important;
  808. box-shadow: none !important;
  809. outline: none !important;
  810. }
  811. .text_field
  812. {
  813. font-size: 14px;
  814. border: solid 1px #b7b7b7;
  815. padding-left: 17px;
  816. margin-bottom: 12px;
  817. }
  818. .contact_form_name,
  819. .contact_form_email
  820. {
  821. display: inline-block;
  822. width: calc(50% - 15px);
  823. }
  824. .contact_form_name
  825. {
  826. margin-right: -4px;
  827. }
  828. .contact_form_email
  829. {
  830. margin-left: 30px;
  831. }
  832. .contact_form_subject
  833. {
  834. display: block;
  835. width: 100%;
  836. }
  837. .contact_form_message
  838. {
  839. display: block;
  840. width: 100%;
  841. margin-bottom: 0px;
  842. }
  843. .contact_submit_btn
  844. {
  845. position: relative;
  846. width: 153px;
  847. height: 66px;
  848. background: #323232;
  849. overflow: hidden;
  850. border: none;
  851. font-size: 11px;
  852. font-weight: 300;
  853. letter-spacing: 0.6em;
  854. text-transform: uppercase;
  855. color: #FFFFFF;
  856. cursor: pointer;
  857. margin-top: 39px;
  858. }
  859. .contact_submit_btn img
  860. {
  861. display: inline-block;
  862. width: 13px !important;
  863. height: 7px;
  864. margin-left: 4px;
  865. }
  866. .contact_submit_btn::after
  867. {
  868. display: block;
  869. position: absolute;
  870. top: -50%;
  871. left: -70px;
  872. width: 60px;
  873. height: 200%;
  874. background: rgba(255,255,255,0.1);
  875. content: '';
  876. -webkit-transform: rotate(12.5deg);
  877. -moz-transform: rotate(12.5deg);
  878. -ms-transform: rotate(12.5deg);
  879. -o-transform: rotate(12.5deg);
  880. transform: rotate(12.5deg);
  881. -webkit-transition: all 400ms ease;
  882. -moz-transition: all 400ms ease;
  883. -ms-transition: all 400ms ease;
  884. -o-transition: all 400ms ease;
  885. transition: all 600ms ease;
  886. z-index: 0;
  887. }
  888. .contact_submit_btn:hover::after
  889. {
  890. left: calc(100% + 70px);
  891. }
  892. ::-webkit-input-placeholder
  893. {
  894. font-size: 12px !important;
  895. font-weight: 400 !important;
  896. font-style: italic !important;
  897. color: #6e6e6e !important;
  898. }
  899. :-moz-placeholder /* older Firefox*/
  900. {
  901. font-size: 12px !important;
  902. font-weight: 400 !important;
  903. font-style: italic !important;
  904. color: #6e6e6e !important;
  905. }
  906. ::-moz-placeholder /* Firefox 19+ */
  907. {
  908. font-size: 12px !important;
  909. font-weight: 400 !important;
  910. font-style: italic !important;
  911. color: #6e6e6e !important;
  912. }
  913. :-ms-input-placeholder
  914. {
  915. font-size: 12px !important;
  916. font-weight: 400 !important;
  917. font-style: italic !important;
  918. color: #6e6e6e !important;
  919. }
  920. ::input-placeholder
  921. {
  922. font-size: 12px !important;
  923. font-weight: 400 !important;
  924. font-style: italic !important;
  925. color: #6e6e6e !important;
  926. }
  927. /*********************************
  928. 9. Contact Sidebar
  929. *********************************/
  930. .contact_sidebar
  931. {
  932. width: 100%;
  933. }
  934. .sidebar_section
  935. {
  936. margin-bottom: 58px;
  937. }
  938. .sidebar_section:last-child
  939. {
  940. margin-bottom: 0px;
  941. }
  942. /*********************************
  943. 9.1 Sidebar Title
  944. *********************************/
  945. .sidebar_title
  946. {
  947. font-size: 16px;
  948. font-weight: 600;
  949. color: #1c1c1c;
  950. letter-spacing: 0.2em;
  951. text-transform: uppercase;
  952. padding-bottom: 11px;
  953. margin-bottom: 59px;
  954. }
  955. .sidebar_title::after
  956. {
  957. display: block;
  958. position: absolute;
  959. bottom: 0;
  960. left: 0;
  961. width: 43px;
  962. height: 2px;
  963. background: #323232;
  964. content: '';
  965. }
  966. /*********************************
  967. 9.2 Sidebar Contact Info
  968. *********************************/
  969. .sidebar_contact_info ul
  970. {
  971. margin-top: -7px;
  972. }
  973. .sidebar_contact_info ul li
  974. {
  975. position: relative;
  976. font-family: 'Montserrat', sans-serif;
  977. font-size: 13px;
  978. font-weight: 600;
  979. color: #b8b8c1;
  980. line-height: 30px;
  981. padding-left: 28px;
  982. margin-bottom: 13px;
  983. }
  984. .sidebar_contact_info ul li:last-child
  985. {
  986. margin-bottom: 0px;
  987. }
  988. .sidebar_contact_info ul li::before
  989. {
  990. display: inline-block;
  991. position: absolute;
  992. top: 12px;
  993. left: 0;
  994. width: 9px;
  995. height: 9px;
  996. background: #323232;
  997. content: '';
  998. }
  999. /*********************************
  1000. 10. Contact
  1001. *********************************/
  1002. .contact
  1003. {
  1004. padding-top: 192px;
  1005. padding-bottom: 120px;
  1006. }
  1007. .contact_background
  1008. {
  1009. position: absolute;
  1010. top: 0;
  1011. left: 0;
  1012. width: 100%;
  1013. height: 100%;
  1014. background-repeat: no-repeat;
  1015. background-size: cover;
  1016. background-position: center center;
  1017. }
  1018. .contact_shapes
  1019. {
  1020. position: absolute;
  1021. bottom: 0;
  1022. left: 50%;
  1023. -webkit-transform: translateX(-50%);
  1024. -moz-transform: translateX(-50%);
  1025. -ms-transform: translateX(-50%);
  1026. -o-transform: translateX(-50%);
  1027. transform: translateX(calc(-50% - 40px));
  1028. }
  1029. .contact_title h2
  1030. {
  1031. margin-bottom: 54px;
  1032. }
  1033. .contact_text p
  1034. {
  1035. color: #FFFFFF;
  1036. }
  1037. .contact_button
  1038. {
  1039. margin-left: auto;
  1040. margin-right: auto;
  1041. margin-top: 60px;
  1042. }
  1043. /*********************************
  1044. 11. Footer
  1045. *********************************/
  1046. .footer
  1047. {
  1048. background: #111111;
  1049. }
  1050. .footer_content
  1051. {
  1052. height: 96px;
  1053. }
  1054. .footer_social_container
  1055. {
  1056. display: inline-block;
  1057. }
  1058. .footer_social li
  1059. {
  1060. display: inline-block;
  1061. margin-left: 6px;
  1062. }
  1063. .footer_social li:first-child
  1064. {
  1065. margin-left: 0px;
  1066. }
  1067. .footer_social li a
  1068. {
  1069. width: 100%;
  1070. height: 100%;
  1071. padding: 10px;
  1072. }
  1073. .footer_social li i
  1074. {
  1075. font-size: 14px;
  1076. color: rgba(110,110,110,0.6);
  1077. }
  1078. .footer_social li:hover i
  1079. {
  1080. color: rgba(255,255,255,1);
  1081. }
  1082. .cr p
  1083. {
  1084. margin-bottom: 0px;
  1085. }