/*** 
 modified : 23-05-19 09:30:28 
 type : css
***/


.logo{ font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: 0.005em; color: #212121; } .logo a{ text-decoration: none; color:#212121; } .logo > * span{ color: #F43535; } .text-bold{ font-weight: 600 !important; } .m-v-md{ margin-top:15px; margin-bottom: 15px; } .m-v-sm{ margin-top: 10px; margin-bottom: 10px; } .m-h-md{ margin-left: 15px; margin-right: 15px; } .m-h-sm{ margin-left: 10px; margin-right: 10px; } .p-v-sm{ padding-top: 10px; padding-bottom: 10px; } .p-h-sm{ padding-left: 10px; padding-right: 10px; } .p-h-md{ padding-left: 15px; padding-right: 15px; } .m-l-xs{ margin-left:5px; } .m-r-xs{ margin-right:5px; } .m-t-sm{ margin-top:10px; } .m-b-sm{ margin-bottom: 10px; } .inline{ display: inline; } .block{ display: block !important; width: 100%; } .border-bottom-input{ border:none !important; box-shadow: none !important; transition: all ease-in-out .6s; background-size: 0 1px, 1px 1px; background-repeat: repeat-x; background-position: center bottom, center bottom; background-image: linear-gradient(#eaeaea, #ccc), linear-gradient(#eaeaea, #ccc); background-color: rgba(255, 255, 255, 0.1); } .border-bottom-input:focus{ background-image: linear-gradient(#F43535, #E43535), linear-gradient(#F43535, #E43535); background-position: center bottom, center bottom; background-size: 0 1px, 100% 1px; background-repeat: no-repeat; } select.border-bottom-input:focus{ border-radius: 0 0 4px 4px; text-align: right !important; opacity: 0.7; line-height: 1.4; } .man-women{ font-size: 62px; width: 72px; text-align: center; display: inline-block; } .man-women > label{ float:left; width:36px; color:#ccc; font-size: inherit; text-align: center; margin: 0; cursor: pointer; transition: all linear .3s; } .man-women input[type="radio"]:checked + label{ transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform:(1.25); } .man-women input[type="radio"]:checked + label.man{ color: #4c9cc6; } .man-women input[type="radio"]:checked + label.woman{ color : #df299e; } .textonfocus{ position : absolute; border:1px solid #F42525; color:#F43535; font-size:11px; padding : 4px 6px; text-align:left; background:rgba(255, 255, 255, 0.92); border-radius:3px; transition : all linear .4s; z-index : 999; opacity:0; margin-top:-32px; } .focustext:focus + .textonfocus{ opacity : 1; } .bg-white-opacity{ background : rgba(255, 255, 255, .92); color : #666; } .b-r{ border-radius: 6px; } .scrollable{ max-height: calc(100vh - 140px); overflow-y: overlay; overflow-x: hidden; padding: 12px; margin-right: -10px; } .scrollable::-webkit-scrollbar{ width: 0.42em !important; transition: all ease-in-out 0.6s; } .scrollable::-webkit-scrollbar-track { background: #eaeaea; } .scrollable::-webkit-scrollbar-thumb { background-color: #cacaca; } /*** Heart Animation ***/ .lds-heart { display: inline-block; position: relative; width: 64px; height: 64px; transform: rotate(45deg); transform-origin: 32px 32px; } .lds-heart div { top: 23px; left: 19px; position: absolute; width: 26px; height: 26px; background: #fff; animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .lds-heart div:after, .lds-heart div:before { content: " "; position: absolute; display: block; width: 26px; height: 26px; background: #fff; } .lds-heart div:before { left: -17px; border-radius: 50% 0 0 50%; } .lds-heart div:after { top: -17px; border-radius: 50% 50% 0 0; } @keyframes lds-heart { 0% { transform: scale(0.95); } 5% { transform: scale(1.1); } 39% { transform: scale(0.85); } 45% { transform: scale(1); } 60% { transform: scale(0.95); } 100% { transform: scale(0.9); } } /*** end animation ***/