| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179 |
- /* =======================================================
- *
- * Template Style
- * Edit this section
- *
- * ======================================================= */
- body {
- font-family: "Open Sans", Arial, sans-serif;
- line-height: 1.5;
- font-size: 16px;
- color: #848484;
- background-color: #f0f0f0;
- }
- body.style-2 {
- background-color: #ffffff;
- background-size: cover;
- background-position: -30% center;
- background-repeat: no-repeat;
- background-image: url(../images/bg_2.jpg);
- height: 100%;
- }
- body.style-3 {
- background: #ffffff url(../images/geometry2.png) repeat;
- }
- a {
- color: #33cccc;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- -webkit-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- a:hover {
- color: #29a3a3;
- }
- .menu {
- padding: 0;
- margin: 30px 0 0 0;
- }
- .menu li {
- list-style: none;
- margin-bottom: 10px;
- display: -moz-inline-stack;
- display: inline-block;
- zoom: 1;
- *display: inline;
- }
- .menu li a {
- padding: 5px;
- }
- .menu li.active a {
- color: #b3b3b3;
- }
- .fh5co-form {
- padding: 30px;
- margin-top: 4em;
- -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
- -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
- box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
- background: #ffffff;
- }
- .style-2 .fh5co-form {
- -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
- -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
- box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
- }
- @media screen and (max-width: 768px) {
- .fh5co-form {
- padding: 15px;
- }
- }
- .fh5co-form h2 {
- text-transform: uppercase;
- letter-spacing: 2px;
- font-size: 20px;
- margin: 0 0 30px 0;
- color: #000000;
- }
- .fh5co-form .form-group {
- margin-bottom: 30px;
- }
- .fh5co-form .form-group p {
- font-size: 14px;
- color: #9f9f9f;
- font-weight: 300;
- }
- .fh5co-form .form-group p a {
- color: #000000;
- }
- .fh5co-form label {
- font-weight: 300;
- font-size: 14px;
- font-weight: 300;
- }
- .fh5co-form .form-control {
- font-size: 16px;
- font-weight: 300;
- height: 50px;
- padding-left: 0;
- padding-right: 0;
- border: none;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- -o-box-shadow: none;
- box-shadow: none;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- -ms-border-radius: 0px;
- border-radius: 0px;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- -webkit-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .fh5co-form .form-control::-webkit-input-placeholder {
- color: rgba(0, 0, 0, 0.3);
- text-transform: uppercase;
- }
- .fh5co-form .form-control::-moz-placeholder {
- color: rgba(0, 0, 0, 0.3);
- text-transform: uppercase;
- }
- .fh5co-form .form-control:-ms-input-placeholder {
- color: rgba(0, 0, 0, 0.3);
- text-transform: uppercase;
- }
- .copyrights{
- text-indent:-9999px;
- height:0;
- line-height:0;
- font-size:0;
- overflow:hidden;
- }
- .fh5co-form .form-control:-moz-placeholder {
- color: rgba(0, 0, 0, 0.3);
- text-transform: uppercase;
- }
- .fh5co-form .form-control:focus, .fh5co-form .form-control:active {
- border-bottom: 1px solid rgba(0, 0, 0, 0.4);
- }
- .btn-primary {
- height: 50px;
- padding-right: 20px;
- padding-left: 20px;
- border: none;
- background: #33cccc;
- color: #ffffff;
- -webkit-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
- -moz-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
- -o-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
- box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
- }
- .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
- color: #ffffff;
- background: #47d1d1 !important;
- outline: none;
- }
- input, textarea {
- color: #000;
- }
- .placeholder {
- color: #aaa;
- }
- .js .animate-box {
- opacity: 0;
- }
- /*# sourceMappingURL=style.css.map */
|