style.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. /* =======================================================
  2. *
  3. * Template Style
  4. * Edit this section
  5. *
  6. * ======================================================= */
  7. body {
  8. font-family: "Open Sans", Arial, sans-serif;
  9. line-height: 1.5;
  10. font-size: 16px;
  11. color: #848484;
  12. background-color: #f0f0f0;
  13. }
  14. body.style-2 {
  15. background-color: #ffffff;
  16. background-size: cover;
  17. background-position: -30% center;
  18. background-repeat: no-repeat;
  19. background-image: url(../images/bg_2.jpg);
  20. height: 100%;
  21. }
  22. body.style-3 {
  23. background: #ffffff url(../images/geometry2.png) repeat;
  24. }
  25. a {
  26. color: #33cccc;
  27. -moz-transition: all 0.3s ease;
  28. -o-transition: all 0.3s ease;
  29. -webkit-transition: all 0.3s ease;
  30. -ms-transition: all 0.3s ease;
  31. transition: all 0.3s ease;
  32. }
  33. a:hover {
  34. color: #29a3a3;
  35. }
  36. .menu {
  37. padding: 0;
  38. margin: 30px 0 0 0;
  39. }
  40. .menu li {
  41. list-style: none;
  42. margin-bottom: 10px;
  43. display: -moz-inline-stack;
  44. display: inline-block;
  45. zoom: 1;
  46. *display: inline;
  47. }
  48. .menu li a {
  49. padding: 5px;
  50. }
  51. .menu li.active a {
  52. color: #b3b3b3;
  53. }
  54. .fh5co-form {
  55. padding: 30px;
  56. margin-top: 4em;
  57. -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  58. -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  59. -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  60. box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  61. background: #ffffff;
  62. }
  63. .style-2 .fh5co-form {
  64. -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  65. -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  66. -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  67. box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  68. }
  69. @media screen and (max-width: 768px) {
  70. .fh5co-form {
  71. padding: 15px;
  72. }
  73. }
  74. .fh5co-form h2 {
  75. text-transform: uppercase;
  76. letter-spacing: 2px;
  77. font-size: 20px;
  78. margin: 0 0 30px 0;
  79. color: #000000;
  80. }
  81. .fh5co-form .form-group {
  82. margin-bottom: 30px;
  83. }
  84. .fh5co-form .form-group p {
  85. font-size: 14px;
  86. color: #9f9f9f;
  87. font-weight: 300;
  88. }
  89. .fh5co-form .form-group p a {
  90. color: #000000;
  91. }
  92. .fh5co-form label {
  93. font-weight: 300;
  94. font-size: 14px;
  95. font-weight: 300;
  96. }
  97. .fh5co-form .form-control {
  98. font-size: 16px;
  99. font-weight: 300;
  100. height: 50px;
  101. padding-left: 0;
  102. padding-right: 0;
  103. border: none;
  104. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  105. -webkit-box-shadow: none;
  106. -moz-box-shadow: none;
  107. -o-box-shadow: none;
  108. box-shadow: none;
  109. -webkit-border-radius: 0px;
  110. -moz-border-radius: 0px;
  111. -ms-border-radius: 0px;
  112. border-radius: 0px;
  113. -moz-transition: all 0.3s ease;
  114. -o-transition: all 0.3s ease;
  115. -webkit-transition: all 0.3s ease;
  116. -ms-transition: all 0.3s ease;
  117. transition: all 0.3s ease;
  118. }
  119. .fh5co-form .form-control::-webkit-input-placeholder {
  120. color: rgba(0, 0, 0, 0.3);
  121. text-transform: uppercase;
  122. }
  123. .fh5co-form .form-control::-moz-placeholder {
  124. color: rgba(0, 0, 0, 0.3);
  125. text-transform: uppercase;
  126. }
  127. .fh5co-form .form-control:-ms-input-placeholder {
  128. color: rgba(0, 0, 0, 0.3);
  129. text-transform: uppercase;
  130. }
  131. .copyrights{
  132. text-indent:-9999px;
  133. height:0;
  134. line-height:0;
  135. font-size:0;
  136. overflow:hidden;
  137. }
  138. .fh5co-form .form-control:-moz-placeholder {
  139. color: rgba(0, 0, 0, 0.3);
  140. text-transform: uppercase;
  141. }
  142. .fh5co-form .form-control:focus, .fh5co-form .form-control:active {
  143. border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  144. }
  145. .btn-primary {
  146. height: 50px;
  147. padding-right: 20px;
  148. padding-left: 20px;
  149. border: none;
  150. background: #33cccc;
  151. color: #ffffff;
  152. -webkit-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
  153. -moz-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
  154. -o-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
  155. box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
  156. }
  157. .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  158. color: #ffffff;
  159. background: #47d1d1 !important;
  160. outline: none;
  161. }
  162. input, textarea {
  163. color: #000;
  164. }
  165. .placeholder {
  166. color: #aaa;
  167. }
  168. .js .animate-box {
  169. opacity: 0;
  170. }
  171. /*# sourceMappingURL=style.css.map */