Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Fast Home Solutions Landing Page */
- body {
- background-color: #fff;
- padding-bottom:40px;
- font-size: 2em;
- }
- @media (max-width: 768px) {
- body {
- font-size: 1.5em;
- }
- }
- img{
- vertical-align: unset;
- }
- /*
- @media (max-width: 768px) {
- img{
- width: 10%;
- height: 10%;
- }
- }*/
- hr{
- border-top: 1px solid grey;
- }
- @media (max-width: 768px) {
- p {
- font-size: 1em;
- }
- }
- .form-control {
- color:#888;
- }
- /*@media (min-width: 992px) {
- p {
- font-size: 1.1em;
- line-height: 1.44;
- }
- }*/
- .socalicons{
- width: 100%;
- }
- .header-link {
- width: 240px;
- background: #7CB342;
- padding: 5px 0px;
- color: #fff;
- font-size: 30px;
- border-radius: 6px;
- float: right;
- overflow: hidden;
- text-align: center;
- margin-top: 30px;
- }
- .header-link a{
- color: #fff;
- text-decoration: underline;
- }
- .header-link a:link, a:visited, a:hover, a:active {
- color: #fff;
- text-decoration: none;
- }
- @media (max-width: 768px) {
- .socialMediaDiv{
- padding: 0 5%
- }
- .socialMediaDiv img {
- width: 95%;
- }
- }
- li{
- list-style-type:none;
- }
- .greyCntHmeDiv{
- background: #e8e8e8;
- padding: 10px;
- margin-top: 10px;
- font-size: 3rem;
- }
- @media (max-width: 768px) {
- .greyCntHmeDiv {
- font-size: 1em;
- }
- }
- .greyCntHmeDivInn img{
- vertical-align: baseline;
- }
- .check{
- color:blue;
- }
- .listDivGrey{
- color: #888;
- }
- input.form-control{
- background-color: #7CB342;
- color: white;
- font-size:34px;
- display:block;
- padding:30px 15px;
- }
- .bottom-box-section {
- display:block;
- }
- .sellCntDiv{
- margin-top: 10px;
- color: black;
- }
- .sellCntDiv p{
- margin-top: 10px;
- color: black;
- }
- .title{
- font-size: 1.4em;
- }
- @media (max-width: 768px) {
- .sellCntDiv {
- font-size: 1em;
- }
- }
- @media (max-width: 768px) {
- .sellCntTxt p {
- font-size: .6em;
- }
- }
- @media (max-width: 768px) {
- .listDivGreyMobile{
- display:none;
- }
- }
- #main-logo-wrap {
- margin-bottom: 3px;
- }
- #main-logo-wrap a {
- display:inline-block;
- }
- #main-logo-wrap {
- text-align: center;
- }
- .bottom-box-section {
- width: 100%;
- margin: auto;
- clear: both;
- overflow: hidden;
- display: block;
- }
- #box-1, #box-2, #box-3, #box-4, #box-5, #box-6 {
- padding: 0px;
- width: 100%;
- font-size: 1.1em;
- line-height: 1.5;
- border: 1px solid transparent;
- background-color: #fff;
- }
- @media (min-width: 768px) {#box-1, #box-2, #box-3, #box-4, #box-5, #box-6 {
- width: 33%;
- }}
- #box-1 div, #box-2 div, #box-3 div, #box-4 div, #box-5 div, #box-6 div {
- color:#a6a6a6;
- }
- #box-1, #box-2, #box-3, #box-4, #box-5, #box-6 {
- border-bottom:4px;
- }
- @media (min-width: 768px) {
- .bottom-box-section {
- display: table;
- table-layout: fixed;
- width: 100%;
- border-collapse:collapse;
- }
- #main-logo-wrap,
- #box-1, #box-2, #box-3, #box-4, #box-5, #box-6 {
- display: inline-block;
- }
- #main-logo-wrap {
- vertical-align: middle;
- }
- #box-1, #box-2, #box-3, #box-4, #box-5, #box-6 {
- width: 49%;
- vertical-align: top;
- border-collapse: collapse;
- }
- #main-logo-wrap {
- text-align: left;
- margin-bottom: 0;
- }
- }
- @media (min-width: 768px) {
- #main-logo-wrap {width:60%; margin-bottom:0;}
- }
- @media (min-width: 992px) {
- #main-logo-wrap {width:70%;}
- }
- #main-logo {
- display: inline-block;
- /*max-width: 100%;*/
- height: auto;
- width: 238px;
- }
- @media (max-width: 768px) {
- #main-logo {
- max-width: 154%;
- padding: 10px 0;
- }
- }
- div.main-content {
- background-image: url(../img/banner.jpg);
- background-position: center 25%;
- background-repeat: no-repeat;
- background-size: cover;
- position: relative;
- min-height: 514px;
- /*border-top: 10px solid #cfe0ef;*/
- background-color: #cfe0ef;
- }
- div.main-content-inner {
- padding:35px 0;
- }
- @media (min-width: 768px) {
- div.main-content-inner {
- padding: 45px 0;
- }
- }
- div.img-filter {
- position: absolute;
- width: 100%;
- height: 100%;
- background-color: none;
- }
- #main-form {
- margin: 0 auto;
- width: 90%;
- background-color: rgba(0,0,0,.5);
- position: relative;
- padding: 24px 21px;
- text-align: center;
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
- }
- #thank #main-form h1 {font-size:1.7em; margin-bottom:14px;}
- #thank #main-form p {font-size:1.1em; line-height: 1.5;}
- @media (min-width: 768px) {
- #thank #main-form h1, #thank #main-form p {text-align:left;}
- }
- @media (min-width: 992px) {
- #thank #main-form h1 {font-size:2em; margin-bottom:18px;}
- #thank #main-form p {font-size:1.2em;}
- }
- #main-form h1 + p {
- margin:0;
- color: #777;
- font-size:.97em;
- line-height: 1.3;
- }
- #thank #main-form h1 {
- font-weight: bold;
- }
- #main-form h1 {
- font-size:3rem;
- line-height: 1.3;
- margin-bottom:4px;
- color: white;
- font-weight: bold;
- margin: 1rem 0 2rem;
- }
- /*@media (min-width: 768px) {
- #main-form h1 {
- font-size:1.4em;
- }
- }
- @media (min-width: 992px) {
- #main-form h1 {
- font-size:1.6em;
- }
- }
- @media (min-width: 1200px) {
- #main-form h1 {
- font-size:1.7em;
- }
- } */
- @media (max-width: 741px) {
- #main-form h1 {
- font-size: 1.5rem;
- }
- }
- #main-form label {
- position: absolute;
- top:0;
- left:25px;
- opacity: 0;
- background-color: rgba(255,255,255,.60);
- }
- @media (min-width: 768px) {
- #main-form {
- /*margin: 0 auto 0 0;*/
- width: 80%;
- }
- }
- .bottom-box-section img {
- margin-top:0;
- line-height: 1.25;
- margin-bottom:5px;
- }
- @media (min-width: 768px) {
- .bottom-box-section img {
- line-height: 1.25;
- }
- }
- @media (min-width: 992px) {
- .bottom-box-section img {
- line-height: 1.25;
- }
- }
- @media (min-width: 1200px) {
- .bottom-box-section img {
- line-height: 1.25;
- }
- }
- hr.FHShr {
- color: #a6a6a6;;
- background-color: #a6a6a6;;
- border-top: 2px solid #a6a6a6;;
- margin: 19px 0;
- }
- .bottom-box {
- padding: 25px 6% 0;
- text-align: center;
- max-width: 270px;
- margin: 0 auto;
- }
- @media (min-width: 550px) {
- .bottom-box {
- text-align: left;
- margin: 0;
- max-width: initial;
- position: relative;
- background-repeat: no-repeat;
- background-position: left top;
- padding: 0;
- padding-left: 75px;
- min-height: 74px;
- padding-top: 10px;
- padding-right: 25px;
- margin-top: 20px;
- }
- #box-1 .bottom-box {background-image: url(../img/1-img.png);}
- #box-2 .bottom-box {background-image: url(../img/2-img.png);}
- #box-3 .bottom-box {background-image: url(../img/3-img.png);}
- #box-4 .bottom-box {background-image: url(../img/4-img.png);}
- #box-5 .bottom-box {background-image: url(../img/5-img.png);}
- #box-6 .bottom-box {background-image: url(../img/6-img.png);}
- }
- @media (min-width: 768px) {
- .bottom-box {
- margin-top: 24px;
- }
- }
- .number-icon {
- margin: 0 auto;
- }
- @media (min-width: 769px) {
- .number-icon {
- display:none;
- }}
- @media (max-width: 768px) {
- #addr{
- width: 100%;
- }
- }
- .btn-default {
- color:#FFF;
- background-color: #f77a00;
- border-color: white;
- font-size: 1.15em;
- font-weight: bold;
- width: 92%;
- max-width:315px;
- white-space: normal;
- overflow: hidden;
- padding: 9px 12px;
- border-radius: 7px;
- margin-top:20px;
- }
- @media (max-width: 768px) {
- .btn-default {
- color:#FFF;
- background-color: #f77a00;
- border-color: white;
- font-size: 1.8rem;
- font-weight: bold;
- width: 100%;
- overflow: hidden;
- padding: 9px 12px;
- border-radius: 7px;
- margin-top:20px;
- }
- }
- @media (min-width: 768px) {
- .btn-default {
- width: 80%;
- }
- }
- @media (min-width: 992px) {
- .btn-default {
- font-size: 1.2em;
- }
- }
- .btn-default:focus,
- .btn-default.focus {
- color: #FFF;
- background-color: #f57700;
- border-color: #ecc133;
- outline:none;
- }
- .btn-default:hover {
- color: #FFF;
- background-color: #f57700;
- border-color: #ecc133;
- outline:none;
- }
- .btn-default:active,
- .btn-default.active,
- .open > .dropdown-toggle.btn-default {
- color: #FFF;
- background-color: #f57700;
- border-color: #ecc133;
- outline:none;
- }
- .btn-default:active:hover,
- .btn-default.active:hover,
- .open > .dropdown-toggle.btn-default:hover,
- .btn-default:active:focus,
- .btn-default.active:focus,
- .open > .dropdown-toggle.btn-default:focus,
- .btn-default:active.focus,
- .btn-default.active.focus,
- .open > .dropdown-toggle.btn-default.focus {
- color: #FFF;
- background-color: #f57700;
- border-color: #ecc133;
- }
- .btn-default:active,
- .btn-default.active,
- .open > .dropdown-toggle.btn-default {
- background-image: none;
- }
- .btn-default.disabled:hover,
- .btn-default[disabled]:hover,
- fieldset[disabled] .btn-default:hover,
- .btn-default.disabled:focus,
- .btn-default[disabled]:focus,
- fieldset[disabled] .btn-default:focus,
- .btn-default.disabled.focus,
- .btn-default[disabled].focus,
- fieldset[disabled] .btn-default.focus {
- background-color: #f57700;
- border-color: #ecc133;
- }
- .btn-default .badge {
- color: #fff;
- background-color: #f1c62a;
- }
- a.mobile-link {
- text-decoration: #a6a6a6;
- }
- #thank .main-content {
- min-height: 514px;
- height:auto;
- }
- #thank-msg {line-height: 1.3;}
- #thank-msg > :first-child {
- margin-bottom:5px;
- color: #FFF;
- }
- .form-control {
- border: 1px solid white;
- border-radius: 8px;
- }
- .form-control:focus {
- border-color: #f6c822;
- outline: 0;
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245, 217, 121,.6);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245, 217, 121,.6);
- }
- /*
- @media (min-width: 992px) {#form-col {
- padding-right:0;
- }}
- */
- input.form-control::-webkit-input-placeholder {
- color: white;
- }
- input.form-control::-moz-placeholder {
- color: white;
- }
- input.form-control:-ms-input-placeholder {
- color: white;
- }
- input.form-control:-moz-placeholder {
- color: white;
- }
- @media (max-width: 768px) {
- input.form-control{
- font-weight:bold;
- input.form-control{
- background-color: #7CB342;
- color: white;
- font-size:1.6rem;
- display:block;
- padding:20px 15px;
- }
- }
- }
- .bannerDivCont {
- width: 457px;
- max-width: 100%;
- margin: 38px auto 0;
- }
- @media (min-width: 768px) {.bannerDivCont {
- margin: 56px auto 0;
- } }
- .form-group {
- margin-bottom: 8px;
- }
- @media (min-width: 550px) {.form-group {
- float: left;
- width: 48%;
- margin-right: 2%;
- }}
- #getstarted {
- margin-top: 17px;
- margin-bottom: 15px;
- }
- #getstarted span {
- /*font-size: 1.6em;*/
- vertical-align: middle;
- }
- /*@media (min-width: 992px) {#getstarted span {
- font-size: 1.7em;
- }}*/
- .footer{
- text-align: center;
- }
- .footer a{
- color:#7CB342;
- }
- /*@media (max-width: 768px) {
- .greyCntHmeDivInn img{
- width:50%;
- }
- }*/
- .listDivGrey ul {
- list-style: none;
- padding: 0;
- margin: 0;
- font-size: 2rem;
- }
- @media (max-width:576px)
- {
- .listDivGrey ul {font-size:1.5rem;}
- }
- @media (min-width:768px) {
- .listDivGrey ul li {display:inline-block;width:48%;margin:0.5rem 0;}
- .listDivGrey ul li:nth-child(2n) {float:right;}
- }
- .listDivGrey .chatPic{
- width: 90%;
- }
- @media (max-width: 768px){
- .homeHR{display:none;}
- .listDivGrey .chatPic{
- width: 295%;
- margin: 55% 0 0 -200%;;
- }
- }
- @media (max-width: 768px){
- .footer{display:none;}
- }
- .header-link-mobile {display: none;}
- .boxes-mobile {display: none;}
- @media (max-width: 768px){
- .boxes-desktop {display:none;}
- .boxes-mobile {display: block;}
- .header-link-desktop {display: none;}
- .header-link-mobile {display: block;}
- }
- #main-form label.error {
- position: relative;
- color: red;
- opacity: 1;
- left: 0;
- font-size: 1.5rem;
- background-color: inherit;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement