/*custom font*/ /*@import url(https://fonts.googleapis.com/css?family=Montserrat);*/ /*basic reset*/ /* * {margin: 0; padding: 0;} */ .getinstant{ font-size: 19px; line-height: 1em; margin: 0 0 5px 0; color: #1782c9; padding-bottom: 10px; border-bottom: 2px solid #dadada; font-weight: 700; } /*html {*/ /* height: 100%;*/ /* background: #e9edf3;*/ /* background-image: url(../quote/bg.png);*/ /* background-repeat: no-repeat;*/ /* background-size: 150%;*/ /* background-attachment: fixed;*/ /* background-position: bottom;*/ /*}*/ /*body {*/ /*font-family: montserrat, arial, verdana;*/ /*}*/ .logo { margin: 5% auto 0; text-align: center; width: 400px; } .logo img { width: 250px; height: auto; } /*form styles*/ .text-center { text-align: center; } #msform { width: 500px; /*margin: 60px auto 80px;*/ position: relative; text-align: center; margin: auto; } #msform fieldset { background: #0a0909ad; border: 0 none; border-radius: 3px; box-shadow: 0 0 15px 1px rgb(154 154 154 / 40%); padding: 20px 30px; box-sizing: border-box; width: 80%; margin: 0 10%; /*stacking fieldsets above each other*/ position: relative; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ #msform input, #msform textarea { padding: 8px 13px; border: 1px solid #ccc; border-radius: 3px; width: 100%; box-sizing: border-box; /*font-family: montserrat;*/ color: #252525; font-size: 12px; font-weight: 600; } #msform label { float: left; font-size: 16px; font-weight: 600; color: white; margin: 5px 0px; } #msform select{ padding: 8px 13px; outline: 0; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; /*font-family: montserrat;*/ color: #2C3E50; font-size: 12px; } #msform table th{ background: #cc2262 ; border-right: 1px solid rgba(0,0,0,.13); color: #fff; padding: 5px; text-align: left; font-weight: 400; } div.radio span { border: 1px solid #dfdfd0; background: #fff; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; position: relative; display: -moz-inline-box; display: inline-block; zoom: 1; cursor: pointer; text-align: center; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: 0; background: none; display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; width: 25px; height: 25px; } .list-group-item { position: relative; display: block; padding: 0; margin-bottom: -1px; background-color: #fff; border: 0; } /*buttons*/ #msform .action-button { width: 100px; background: radial-gradient(circle at 10% 20%, rgb(149, 219, 254) 0%, rgb(7, 134, 197) 90.1%) !important; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } #msform .action-button:hover, #msform .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #1782c9; } #msform .previous { background: #1782c9; font-weight: 500; } /*headings*/ .fs-title { font-size: 17px; text-transform: uppercase; color: white; margin: 0; margin-bottom: 10px; } /*@media screen and (max-width : 600px){*/ /* .fs-title{*/ /* font-size: 17px;*/ /* margin-bottom: 10px;*/ /* }*/ /*}*/ .fs-subtitle { font-weight: normal; font-size: 13px; color: white; margin-bottom: 10px; } /*progressbar*/ #progressbar { margin-bottom: 25px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step; } #progressbar li { list-style-type: none; color: #67696c; text-transform: uppercase; font-size: 12px; width: 30%; float: left; position: relative; } #progressbar li:before { content: counter(step); counter-increment: step; width: 30px; line-height: 30px; display: block; font-size: 15px; color: #333; background: white; border-radius: 50%; margin: 5px auto 5px auto; } /*progressbar connectors*/ #progressbar li:after { content: ''; width: 100%; height: 2px; background: white; position: absolute; left: -50%; top: 19px; z-index: -1; /*put it behind the numbers*/ } #progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; } /*marking active/completed steps green*/ /*The number of the step and the connector before it = green*/ #progressbar li.active:before, #progressbar li.active:after{ background: radial-gradient(circle at 10% 20%, rgb(149, 219, 254) 0%, rgb(7, 134, 197) 90.1%); color: white; border-radius: 50%; } .header { position: fixed; top: 0; left: 0; z-index: 999; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15); box-shadow: 0 1px 0 rgba(0,0,0,.15); width: 100%; height: 60px; display: block; background: linear-gradient(#fbf9ee, #ccc); } .hide { display: none; } @media (max-width:480px){ #msform { width: 100%; margin: 60px auto 80px; position: relative; } #progressbar { margin-bottom: 25px; padding: 0; } #msform fieldset { width: 100%; margin: 0; } }