* {background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; box-sizing: border-box;} body {line-height: normal;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} ol, ul {list-style: none;} blockquote {quotes: none;} blockquote:before, blockquote:after {content: ''; content: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} a img {border: none; text-decoration: none;} p {line-height: normal;} p::after, ol::after, ul::after, dl::after, table::after, .P::after, h1::after, h2::after, h3::after, h4::after, h5::after, h6::after, .H1::after, .H2::after, .H3::after, .H4::after, .H5::after, .H6::after, p::before, ol::before, ul::before, dl::before, table::before, .P::before, h1::before, h2::before, h3::before, h4::before, h5::before, h6::before, .H1::before, .H2::before, .H3::before, .H4::before, .H5::before, .H6::before {display: block; content: '';} button, input, optgroup, option, select, textarea {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;} textarea {overflow: auto;} table {width: 100%; border-collapse:collapse; border-spacing:0;} caption, th {text-align:left;} q:before,q:after {content:'';} fieldset, img {border:0;} ol, ul {list-style:none;} dl::after {clear: both;} dl dt {float: left;} img, input, th, td {vertical-align: middle;} .Box {zoom:1;} .Box:after {display:block; width:0; height:0; visibility:hidden; clear:both; font-size:0; line-height:0; content:".";} .Fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; font-size:0; line-height:0;} .Clear::after {display: block; content: ""; clear: both;} .ClearBefore::before {display: block; content: ""; clear: both;} .FloatLeft {float:left;} .FloatRight {float:right;} .TextLeft {text-align:left !important;} .TextCenter {text-align:center !important;} .TextRight {text-align:right !important;} .TextJustify {text-align:justify !important;} .VerticalTop {vertical-align:top !important;} .VerticalMiddle {vertical-align:middle !important;} .VerticalBottom {vertical-align:bottom !important;} .NoMargin {margin:0 !important;} .NoMarginTop {margin-top:0 !important;} .NoMarginBottom {margin-bottom:0 !important;} .NoWrap {white-space:nowrap;} .Block {display:block;} .Inline {display:inline;} .InlineBlock {display:inline-block;} .Relative {position:relative; z-index: 0;} .NoScreen, .Hidden {display: none;} .Image {overflow: hidden; text-align: center;} .Image img {max-width: 100%;} .ImageLeft {float: left; margin: 0 15px 15px 0; border: 3px solid black;} .ImageRight {float: right; margin: 0 0 15px 15px; border: 3px solid black;} a img {border: none;} .Center {width: 100%; text-align: center; margin: auto;} .Bold {font-weight: bold;} .Size0 {display: block; height: 0; overflow: hidden;} .SliderPanel {z-index: 1000;} .PrintVisible {display: none;} .Submit {white-space: nowrap; cursor: pointer;} .TableLike {display: table;} .TrLike {display: table-row;} .TdLike {display: table-cell; vertical-align: middle;} .TextContent p, .TextContent table, .TextContent ul, .TextContent ol {margin-bottom: 20px;} .TextContent ul, .TextContent ol {padding-left: 15px;} .TextContent ul li, .TextContent ol li {padding-bottom: 5px;} .TextContent ul li {list-style: disc;} .TextContent ol li {list-style: decimal;} .TextContent table th {font-weight: bold;} .TextContent table td, .TextContent table th {padding: 2px 7px;} /*SEPARATOR INPUT*/ .Separator.Input {display: inline-block; width: 300px; border: 1px solid gray; line-height: 25px;} .Separator.Input > [contenteditable] {display: block; margin-left: auto; min-height: 25px;} .Separator.Input .Tags {float: left;} .Separator.Input .Tags .Tag {display: inline-block; margin-right: 5px; padding: 0 5px; border: 1px solid blue; border-radius: 5px; background: #00b4ff; white-space: nowrap;} .Separator.Input .Tags .Tag .Delete {display: inline-block; width: 10px; height: 10px; margin-left: 5px; background: white;} /*Filemanager*/ .Files .Item {height: 110px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; text-align: center; cursor: pointer;} .Files .Item a {display: block;} .Files .Item img {max-width: 76px; max-height: 69px;} .Files .Item .Image {display: inline-block; width: 78px; height: 71px; line-height: 71px;} .Files .Item .Name {display: block; width: 76px; margin-top: 8px;} .Files .Item .PDFIcon {display: inline-block; width: 100%; height: 80px; background: url(/Grace/Core/Design/Images/FileIconPDF.png) center center no-repeat;} .Files .Item .TxtIcon {display: inline-block; width: 100%; height: 80px; background: url(/Grace/Core/Design/Images/FileIconTxt.png) center center no-repeat;} .Files .Item .XlsIcon {display: inline-block; width: 100%; height: 80px; background: url(/Grace/Core/Design/Images/FileIconXls.png) center center no-repeat;} .Files .Item .MPxIcon {display: inline-block; width: 100%; height: 80px; background: url(/Grace/Core/Design/Images/FileIconMPx.png) center center no-repeat;} .Files .Item .DocIcon {display: inline-block; width: 100%; height: 80px; background: url(/Grace/Core/Design/Images/FileIconDoc.png) center center no-repeat;} .Filemanager {background-color: white;padding:0px 20px 20px 20px;margin-bottom:20px;} .Filemanager .TopBar {background: #f5f5f5;} .Filemanager .TopBar > .In {margin-right: 386px; padding: 10px 12px;} .Filemanager .TopBar > .CreateDirIn {float: right; width: 343px; padding: 10px 12px; background: #e5e5e5;} .Filemanager .TopBar * {vertical-align: middle;} .Filemanager .ActualPath {display: inline-block; width: 100%; line-height: 26px; padding: 0 7px; border: 1px solid #d2d2d2; color: #404040;} .Filemanager .ActualPath:hover {text-decoration: none;} .Filemanager .ActualPath[href]:hover {text-decoration: underline;} .Filemanager .CreateDir {display: inline-block; text-align: right;} .Filemanager .CreateDir input {line-height: 26px;} .Filemanager .CreateDir .Submit {height: 28px; margin-top: 0; line-height: 27px;} .Filemanager div.FlashFileUpload {margin:5px 0;border-top:1px solid gray;padding:10px 0;} .Filemanager div.FlashFileUpload object {float:left;margin-right:10px;} .Filemanager div.FlashFileUpload a {float:left;display:block;padding-top:4px;} .Filemanager div.CreateDir {margin:14px 0 8px 0;padding:5px;background:#dfe7fa;} .Filemanager div.CreateDir input {width:200px;} .Filemanager .uploadifyQueueItem {float:right;} .Filemanager .FileUpload {margin: 10px 0;} .Filemanager .FileUpload .Upload {width: 200px; height: 120px;} .Filemanager .FileUpload .Files .File, .Filemanager .FileUpload .Files .File .Image, .Filemanager .FileUpload .Files .File .Image img {height: 124px !important;} .Dialog .Filemanager .FilemanagerTree {float: left; width: 20%;} .Dialog .Filemanager .Data {float: left; width: 80%;} .FileTypeIcon {display: none; width: 16px; height: 16px; margin-right: 4px;} .FileTypeapplicationmsword {display: inline-block; background: url(/Grace/Core/Design/Images/FileTypeDocSmall.png);} .FileTypeapplicationpdf {display: inline-block; background: url(/Grace/Core/Design/Images/FileTypePdfSmall.png);} .ContextMenu .Delete {background-image: url(/Grace/Core/Design/Images/FilemanagerDelete.png);} /*Dialog*/ .Dialog {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100;} .Dialog.Dynamic {width: auto; height: auto;} .Dialog .Background {width: 100%; height: 100%; background: black; opacity: 0.5;} .Dialog > .Out {background-color: white; position: fixed; top: 20px; left: 20px;} .Dialog > .Out > .In {margin: 10px; overflow-y: auto; overflow-x: hidden;} .Dialog .DialogTop {background: #f5f5f5; height: 46px; line-height: 46px; cursor: move; text-align: left;} .Dialog .DialogBox {margin: 10px;} .Dialog .DialogTop .CloseButton {width: 14px; height: 16px; float: right; margin: 8px 8px 0 0; background: url(/Grace/Core/Design/Images/Close.png); cursor: pointer;} .Dialog .DialogTop .Name {font-size: 18px; margin-left: 20px;} body.OpenedDialog {overflow: hidden;} /*Formuláře*/ .Error {padding: 5px 10px 5px 30px; width: auto; margin-top: 2px; background: #9d1a00 url(/Grace/Core/Design/Images/Cross.png) no-repeat 10px center; color: white; font-weight: bold;} .Success {padding: 5px 10px 5px 30px; width: auto; margin-top: 2px; background: #509107 url(/Grace/Core/Design/Images/OK.png) no-repeat 10px center; color: white; font-weight: bold;} /*Carousel*/ .Carousel {position: relative; overflow: hidden;} .Carousel .Item {position: absolute; display: block; width: 100%; left: 100%; top: 0; background: no-repeat center center; background-size: cover; list-style: none; overflow: hidden; opacity: 0; transition: none;} .Carousel .Item.Active {position: relative; opacity: 1; display: block; left: 0; z-index: 2;} .Carousel .Item video, .Carousel .Item img {width: 100%;} .Carousel .Switchers {position: absolute;} .Carousel .Switchers .Switcher {display: inline-block; width: 13px; height: 13px; margin-right: 7px; cursor: pointer; border-radius: 100%; background: white;} .Carousel .Switchers .Switcher.Active {background: red;} .Carousel .Arrow {position: absolute; width: 54px; top: 0; bottom: 0; cursor: pointer; z-index: 3;} .Carousel .Arrow.Prev {left: 0; background: url(/Grace/Core/Design/Images/CarouselPreview.png) no-repeat center center;} .Carousel .Arrow.Next {right: 0; background: url(/Grace/Core/Design/Images/CarouselNext.png) no-repeat center center;} .Carousel .Item.SlideToNext:not(.Active) {opacity: 1; top: 0; left: 0%; -webkit-animation: CarouselToActualFromNext; -moz-animation: CarouselToActualFromNext; -ms-animation: CarouselToActualFromNext; -o-animation: CarouselToActualFromNext; animation: CarouselToActualFromNext;} .Carousel .Item.Active.SlideToNext {left: -100%; -webkit-animation: CarouselToNextFromActual; -moz-animation: CarouselToNextFromActual; -ms-animation: CarouselToNextFromActual; -o-animation: CarouselToNextFromActual; animation: CarouselToNextFromActual;} .Carousel .Item.SlideToPrev:not(.Active) {opacity: 1; top: 0; left: 0; -webkit-animation: CarouselToActualFromPrev; -moz-animation: CarouselToActualFromPrev; -ms-animation: CarouselToActualFromPrev; -o-animation: CarouselToActualFromPrev; animation: CarouselToActualFromPrev;} .Carousel .Item.Active.SlideToPrev {left: 100%; -webkit-animation: CarouselToPrevFromActual; -moz-animation: CarouselToPrevFromActual; -ms-animation: CarouselToPrevFromActual; -o-animation: CarouselToPrevFromActual; animation: CarouselToPrevFromActual;} .Carousel .Item.SwipeOutToNext:not(.Active) {opacity: 1; top: 0; left: 0%; width: 100%; transition: none;} .Carousel .Item.Active.SwipeOutToNext {left: -100%; transition-property: left;} @-webkit-keyframes CarouselToActualFromPrev { from {left: -100%;} to {left: 0%;} } @-webkit-keyframes CarouselToPrevFromActual { from {left: 0%;} to {left: 100%;} } @-webkit-keyframes CarouselToActualFromNext { from {left: 100%;} to {left: 0%;} } @-webkit-keyframes CarouselToNextFromActual { from {left: 0%;} to {left: -100%;} } @-moz-keyframes CarouselToActualFromPrev { from {left: -100%;} to {left: 0%;} } @-moz-keyframes CarouselToPrevFromActual { from {left: 0%;} to {left: 100%;} } @-moz-keyframes CarouselToActualFromNext { from {left: 100%;} to {left: 0%;} } @-moz-keyframes CarouselToNextFromActual { from {left: 0%;} to {left: -100%;} } @-ms-keyframes CarouselToActualFromPrev { from {left: -100%;} to {left: 0%;} } @-ms-keyframes CarouselToPrevFromActual { from {left: 0%;} to {left: 100%;} } @-ms-keyframes CarouselToActualFromNext { from {left: 100%;} to {left: 0%;} } @-ms-keyframes CarouselToNextFromActual { from {left: 0%;} to {left: -100%;} } @-o-keyframes CarouselToActualFromPrev { from {left: -100%;} to {left: 0%;} } @-o-keyframes CarouselToPrevFromActual { from {left: 0%;} to {left: 100%;} } @-o-keyframes CarouselToActualFromNext { from {left: 100%;} to {left: 0%;} } @-o-keyframes CarouselToNextFromActual { from {left: 0%;} to {left: -100%;} } @keyframes CarouselToActualFromPrev { from {left: -100%;} to {left: 0%;} } @keyframes CarouselToPrevFromActual { from {left: 0%;} to {left: 100%;} } @keyframes CarouselToActualFromNext { from {left: 100%;} to {left: 0%;} } @keyframes CarouselToNextFromActual { from {left: 0%;} to {left: -100%;} } /*Themes*/ .Themes .Item {margin-right: 10px; border: 1px solid black;} .Themes .Item>.Out {margin: 5px;} .Themes .Item .Image {position: relative; margin: 0 5px 5px 0; overflow: hidden;} .Themes .Item .Description {width: 185px;} .Themes .Image .Layout {width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .Themes .Image .Layout .Box {overflow: hidden;} .Themes .Image .Layout .Box:hover {background: gray; opacity: 0.5; color: white;} .Themes .Thumbs .Image {height: 70px; float: left; margin-right: 3px;} /*Tooltip*/ .TooltipImage {display: inline-block; width: 15px; height: 15px; background: url(/Grace/Core/Design/Images/HelpIcon.png) no-repeat; vertical-align: middle;} .TooltipBox {max-width: 300px; padding: 10px; display: none; position: absolute; border: 1px solid #509107; background: #f5f5f5; z-index: 1000; text-align: left;} /*Slider*/ .Slider .SliderPanel {position: absolute;} .Opener {position: relative;} .Opener .Panel {position: absolute; max-height: 0; overflow: auto; transition: all 0.5s; z-index: 1;} .Opener.Opened .Panel {max-height: 500px; transition: all 0.5s;} /*Comments*/ .Comments {margin-bottom: 20px;} .Comments .Item {margin-top: 10px;} .Comments .Image {width: 48px; height: 48px; position: absolute; top: 0;} .Comments .Image img {max-width: 48px; max-height: 48px;} .Comments .Text {margin-left: 76px; padding: 10px 14px; position: relative; border: 1px solid #90979A; background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#F3F3F3)); background: -moz-linear-gradient(#ffffff, #F3F3F3); background: linear-gradient(#ffffff, #F3F3F3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F3F3F3'); color: #727272;} .Comments .Text p {margin: 8px 0 0 0; color: black;} .Comments .LeftArrow {width: 17px; height: 16px; position: absolute; left: -17px; top: -1px; background: url(/Grace/Core/Design/Images/CommentsArrow.png);} .Comments .Add {margin-top: 20px;} /*Crumbs*/ .Crumbs {margin-top: 12px; height: 48px; background: url(/Grace/Core/Design/Images/CrumbsBg.png) no-repeat left center; color: #373737;} .Crumbs .Out {margin: 17px 0 0 28px;} .Crumbs img {vertical-align: middle;} .Crumbs a {color: #2b5c98;} .Crumbs a:hover {color:#5270b9;} /*Tabs*/ .Tabs ul::after {clear: both;} .Tabs .TabItem {margin-right: 10px; float: left;} .Tabs li.Clear {float: none;} /*Navigation panel*/ .NavigationPanel {line-height: 40px; height: 40px; overflow: hidden; background: #332e2e;} .NavigationPanel {width: 978px; margin: auto; height: 100%; text-align: left;} .NavigationPanel * {margin: 6px 4px 0 0;} .NavigationPanel .Button {cursor: pointer;} .NavigationPanel .URL {width: 501px; height: 22px; display: inline-block; padding-left: 9px; line-height: 22px; vertical-align: middle; color: black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #b5b4b4; cursor: text;} .NavigationPanel .Fullscreen {cursor: default;} .NavigationPanelTooltip {width: 250px; text-align: left;} /*Datepicker*/ .hasDatepicker {width: 150px;} /*Loading*/ .Loading {background: white; opacity: 0.8; width: 100%; position: fixed; top: 0; left: 0; z-index: 1000000; text-align: center;} .Loading.Absolute {position: absolute;} .Loading .LoadingImage {width: 239px; height: 118px; background: url(/Grace/Core/Design/Images/ArtaoLogo.png);} /*Gallery*/ .Gallery .Item {float: left; height: 230px; margin: 0 10px 10px 0; text-align: center;} .Gallery .Image {width: 230px; height: 200px; line-height: 200px; background: #f5f5f5; border: 1px solid gray;} .Gallery .Image a {display: block;} .Gallery img {max-width: 220px; max-height: 190px; vertical-align: middle;} .Gallery h3 {width: 230px; margin-top: 5px;} .Gallery[data-images="1"] .Item {float: none; height: 600px; margin: 0;} .Gallery[data-images="1"] .Image {width: 600px; height: 550px; line-height: 550px;} .Gallery[data-images="1"] img {max-width: 580px; max-height: 530px;} .Gallery[data-images="1"] h3 {width: 600px; margin-top: 10px;} .Dialog.Gallery > .Out {background: none;} .Dialog.Gallery > .Out > .In {margin: 8px 0 0 0; overflow: visible;} .Dialog.Gallery .DialogTop {display: none;} .Dialog.Gallery .BigImage {position: relative; border: 3px solid white; background: white; overflow: visible;} .Dialog.Gallery .BigImage img {max-width: none; max-height: none;} .Dialog.Gallery .BigImage .Close {width: 19px; height: 19px; position: absolute; top: -8px; right: -8px; background: url(/Grace/Core/Design/Images/GalleryClose.png) no-repeat top left; cursor: pointer;} .Dialog.Gallery .BigImage .Title {height: 40px; margin-top: 0; line-height: 40px; background: white; font-size: 16px; color: #2b2b2b; font-weight: bold; text-align: center;} .Dialog.Gallery .BigImage .Title > .Out {text-align: left; display: inline-block;} .Dialog.Gallery .BigImage .Arrow {width: 44px; height: 42px; position: absolute; top: 30%; cursor: pointer; opacity: 0.3;} .Dialog.Gallery .BigImage:hover .Arrow {opacity: 1;} .Dialog.Gallery .SingleImage .BigImage .Arrow {display: none;} .Dialog.Gallery .BigImage .Arrow.Preview {left: 0; background: url(/Grace/Core/Design/Images/GalleryArrowPreview.png) top left no-repeat;} .Dialog.Gallery .BigImage .Arrow.Next {right: 0; background: url(/Grace/Core/Design/Images/GalleryArrowNext.png) top left no-repeat;} .Dialog.Gallery .NextImages {overflow: hidden;} .Dialog.Gallery .SingleImage .NextImages.Right, .Dialog.Gallery .SingleImage .NextImages.Bottom {display: none; width: 0; margin: 0 0 0 12px;} .Dialog.Gallery .NextImages > .Out {overflow: hidden;} .Dialog.Gallery .NextImages.Right {width: 141px; margin-left: 21px; margin-top: 8px; position: absolute; top: 0; right: 0;} .Dialog.Gallery .NextImages .Image {width: auto; height: auto; line-height: normal; margin-bottom: 9px; border: 3px solid white; background: white; opacity: 0.7;} .Dialog.Gallery .NextImages .Image.Active {opacity: 1;} .Dialog.Gallery .NextImages.Right .Image img {max-width: 135px;} .Dialog.Gallery .NextImages .Arrow {width: 141px; height: 38px; position: absolute; left: 0; cursor: pointer;} .Dialog.Gallery .NextImages .ArrowTop {top: 0; background: url(/Grace/Core/Design/Images/GalleryArrowTop.png) top left no-repeat;} .Dialog.Gallery .NextImages .ArrowBottom {bottom: 0; background: url(/Grace/Core/Design/Images/GalleryArrowBottom.png) top left no-repeat;} /*FILE UPLOAD*/ .FileUpload input[type="file"] {display: none;} .FileUpload .Upload, .Safari .FileUpload input[type="file"] {display: block; width: 180px; height: 180px; border: gray 2px dashed; cursor: pointer; float: left; margin-right: 10px; padding: 10px; font-size: 20px; line-height: normal; color: gray;} .FileUpload .Upload:hover, .Safari .FileUpload input[type="file"]:hover {background: #eeeeee;} .Safari .FileUpload .Upload {display: none;} .FileUpload .Files {float: left;} .FileUpload .Files .File {float: left; height: 180px;} .FileUpload .Files .File .Image {max-height: 180px; max-width: 400px;} .FileUpload .Files .File .Image > img {max-height: 180px !important; max-width: 400px;} .FileUpload .FinishButton {float: left; width: 180px; margin-left: 10px;} .FileUpload .Delete {float: left; width: 14px; height: 16px; margin: 8px 8px 0 10px; background: url(/Grace/Core/Design/Images/Close.png); cursor: pointer; padding: 0;} .jcrop-holder > div:first-child {z-index: 9 !important;} .jcrop-holder .jcrop-tracker {z-index: 8 !important;} .jcrop-holder > div:nth-of-type(3) {z-index: 7 !important;} /*CONTEXT*/ .Context {padding: 5px; background: #FFFF99; border: 1px solid black; z-index: 1000;} /*LANGS*/ .Context .Langs > div {display: inline-block;} .Langs a {opacity: 0.7;} .Langs a.Active, .Langs a:hover {opacity: 1;} /*ADMIN PANEL*/ .AdminPanel {position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background: #f5f5f5; color: #404040; font-size: 13px; font-family: Trebuchet MS;} .AdminPanel > .Out {min-height: 100px; margin: 0 16px; overflow: hidden;} .AdminPanel.Small > .Out {min-height: 0; max-height: 25px;} .AdminPanel .BottomControl {height: 19px; border-bottom: 3px solid #ececec; background: url(/Grace/Core/Design/Images/AdminPanelBottomControl.png) no-repeat top center; cursor: pointer;} .AdminPanel.Small .BottomControl {background-image: url(/Grace/Core/Design/Images/AdminPanelBottomControlOpen.png);} .AdminPanel .Warning > div {padding: 0 0 0 27px; line-height: 25px; background: url(/Grace/Core/Design/Images/AdminPanelWarning.png) no-repeat left center; text-align: left;} /*REPORTING*/ .Reporting {color: red; background-color: yellow; border: dashed red 2px; font-weight: bold;} /*PAGELIST*/ .Pagelist ul li {float: left; list-style: none; padding: 0; background: none;} .Pagelist a, .Pagelist strong {padding: 0 5px;} /*NUMBERS RANGE, SLIDE POINT*/ .NumbersRange .SliderBar, .NumbersRange .SelectedBar, .SlidePoint .SliderBar {height: 3px; background: gray; border-bottom: 3px solid black;} .NumbersRange .SelectedBar {position: absolute;} .NumbersRange .DragValue, .SlidePoint .DragValue {height: 12px; width: 3px; position: absolute; margin-top: -4px; background: green; cursor: pointer;} .NumbersRange input[type="text"], .SlidePoint input[type="text"] {width: 50px;} .NumbersRange input.ValueTo {float: right;} /*STRIP GALLERY*/ .StripeGallery {position: relative; width: 500px; height: 100px; overflow: hidden;} .StripeGallery .Item {float: left; margin: 0 10px;} .StripeGallery .Image {height: 100px;} .StripeGallery .Arrow {position: absolute; width: 54px; height: 57px; cursor: pointer;} .StripeGallery .Arrow.Previous {left: 0; background: url(/Grace/Core/Design/Images/CarouselPreview.png) no-repeat;} .StripeGallery .Arrow.Next {right: 0; background: url(/Grace/Core/Design/Images/CarouselNext.png) no-repeat;} /*CONTEXT MENU*/ .ContextMenu {border: 4px solid #d2d2d2; z-index: 100; box-shadow: 0 0 10px black} .ContextMenu .Item {width: 110px; max-width: 200px; padding: 0 30px; color: #0f4e8a; line-height: 23px; background: #fff6c4 no-repeat 8px center; border-bottom: 1px solid #d2d2d2; text-decoration: none; cursor: pointer; text-align: left;} .ContextMenu .Item:hover {text-decoration: underline;} .ContextMenu .Item.Edit {background-image: url(/Grace/Core/Design/Images/ContextEdit.png);} .ContextMenu .Item.Delete {background-image: url(/Grace/Core/Design/Images/ContextDelete.png); background-position: 10px center;} .ContextMenu .Item.Add {background-image: url(/Grace/Core/Design/Images/ContextAdd.png);} /*TREE*/ .Tree ol {background: url(/Grace/Core/Design/Images/TreeItemVertical.png) repeat-y left top;} .Tree ol ol {margin-left: 6px;} .Tree ol li {line-height: normal; margin: 10px 0; padding-left: 27px; background: url(/Grace/Core/Design/Images/TreeItemHorizontal.png) no-repeat left 10px; position: relative;} .Tree ol .Bullet {display: inline-block; height: 13px; padding: 0 4px; margin-right: 7px; line-height: 13px; background: #0f4e8a; border-radius: 1px; color: white; text-decoration: none; text-align: center; font-size: 10px; vertical-align: middle;} .Tree .WithSub > .OpenClose {display: inline-block; width: 13px; height: 13px; background: url(/Grace/Core/Design/Images/TreeOpen.png) no-repeat; vertical-align: middle; position: absolute; left: -6px; top: 4px; cursor: pointer;} .Tree .Closed > ol {display: none;} .Tree .Opened > ol {display: block;} .Tree .WithSub.Opened > .OpenClose {background-image: url(/Grace/Core/Design/Images/TreeClose.png);} /*EDITABLE*/ .TooltipBox.Editable {width: 22px; height: 19px; background: url(/Grace/Core/Design/Images/EditableIcon.png) no-repeat; border: none;} /*GRAPHS*/ .Graph .AxisPoint path {stroke: #ececec;} .GraphPoints .GraphPoint circle {fill: white; stroke: #30b5e1; stroke-width: 2px; display: block;} .GraphPoints .GraphPoint:hover circle {fill: #30b5e1;} .GraphPoints .GraphPoint path {display: none; stroke: #387f00; stroke-width: 1px;} .GraphPoints .GraphPoint:hover path {display: block;} .UnderPointsPlace {fill: #bdbfc3;} .UnderPointsPlaceTop {stroke-width: 6px; stroke: #5cbfe8; fill: none;} .GraphBars .GraphPoint path {stroke: #387f00;} .GraphBars .GraphPoint .StrokeX {display: none;} .GraphBars .GraphPoint .StrokeY {display: block; stroke-width: 13px;} .GraphBars .GraphPoint rect {fill: white; stroke-width: 1px; stroke: #30b5e1;} .GraphBars .GraphPoint circle {display: none;} .GraphBars .GraphPoint:hover .StrokeX {display: block;} .GraphBars .GraphPoint:hover rect {fill: #30b5e1;} .Graph text {fill: #8c8989; font-size: 13px;} .Graph circle {display: none;} .StatisticsPage th {padding: 8px;} /*FRONT EDIT DIALOG*/ .Dialog.FrontEdit > .Out {border: 3px solid #d2d2d2; border-radius: 5px; background: #fffbe4; box-shadow: 0 0 10px black;} .Dialog.FrontEdit .DialogTop {height: 21px; line-height: 21px; background: url(/Grace/Core/Design/Images/FrontEditMovableIcon.png) no-repeat right center #d2d2d2; border-bottom: 3px solid #d2d2d2;} .Dialog.FrontEdit .DialogTop .Close {display: none;} .Dialog.FrontEdit .DialogTop .Name {margin: 0 0 0 6px; color: #363636; font-size: 13px; font-weight: bold;} .Dialog.FrontEdit .Submit {display: inline-block; margin-top: 6px; border-radius: 0; border: none; color: white; font-weight: bold; font-size: 13px; height: 26px; line-height: 26px; padding: 0 39px 0 26px;} .Dialog.FrontEdit .Submit span {background: none; padding: 0; margin: 0;} .Dialog.FrontEdit .Submit.Save {background: url(/Grace/Core/Design/Images/FrontEditSave.png) no-repeat right center #509107;} .Dialog.FrontEdit .Submit.Cancel {background: url(/Grace/Core/Design/Images/FrontEditCancel.png) no-repeat right center #ca0a06;} .Dialog.FrontEdit, .DialogFrontEdit label {color: #888888;} .Dialog.FrontEdit input[type="text"] {border: 1px solid #cccccc; background: white; font-size: 14px;} .Dialog.FrontEdit table {text-align: left;} .Dialog.FrontEdit table th, .Dialog.FrontEdit table td {padding: 5px;} .Dialog.FrontEdit .TranslationText .Flag img {height: 13px;} .Dialog.FrontEdit .TranslationText .Flag {display: inline-block; margin-right: 3px;} /*FRONT MODULE EDITATION*/ .PositionCover {position: absolute; background: black; opacity: 0.2;} .ModuleCover {position: absolute; background: yellow; opacity: 0.2;} /*ADMIN PANEL*/ .AdminPanel {text-align: left;} /*PERFECT WEBSITES*/ .AdminPanel .PW {padding: 10px; border-bottom: 1px solid #ededed;} .AdminPanel .PW .Submit {height: 44px; margin-left: 20px; padding: 0 17px; line-height: 44px; color: white; font-size: 18px; font-weight: bold; text-transform: uppercase; border: 1px solid #377b00; border-radius: 5px; background: #377b00; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#377b00), to(#4ea00b)); background: -moz-linear-gradient(#377b00, #4ea00b); background: linear-gradient(#377b00, #4ea00b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377b00', endColorstr='#4ea00b');} .AdminPanel .PW .Submit:hover {background: #4ea00b; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4ea00b), to(#377b00)); background: -moz-linear-gradient(#4ea00b, #377b00); background: linear-gradient(#4ea00b, #377b00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea00b', endColorstr='#377b00');} .PaymentDialog {background: white; color: #5e405e;} .PaymentDialog .Submit {height: 42px; padding: 0 40px 0 17px; line-height: 42px; color: white; font-size: 18px; font-weight: bold; text-transform: uppercase; border: 1px solid #377b00; border-radius: 5px; background: url(/Grace/Core/Design/Images/PWAgreeBtn.png) no-repeat right center;} .PaymentDialog .Submit:hover {background-image: url(/Grace/Core/Design/Images/PWAgreeBtnHover.png);} .PaymentDialog table, .PaymentDialog td, .PaymentDialog th, .PaymentDialog tr, .PaymentDialog td:first-child, .PaymentDialog th:first-child {border: none; background: none;} .PaymentDialog tr {background: white;} .PaymentDialog tr:nth-of-type(2n+2) {background: #f5f5f5;} .PaymentDialog tr td {line-height: 44px; text-align: left;} .PaymentDialog tr th {text-align: left;} .PaymentDialog table table td {height: 23px; line-height: 23px;} .PaymentDialog table table tr:nth-of-type(2n+2) {background: none;} /*VIDEO*/ .Video {position: relative;} .Video .Controls {position: absolute; bottom: 5px; left: 0; height: 30px; width: 100%; line-height: 30px; z-index: 10000;} .Video .Controls > * {display: inline-block; vertical-align: middle;} .Video .Controls .PlayPause {width: 30px; height: 30px; background: red; cursor: pointer;} .Video .Controls .ProgressBar {width: 50%; background: black; cursor: pointer;} .Video .Controls .ProgressBar, .Video .Controls .ProgressBar .Progress {height: 30px;} .Video .Controls .ProgressBar .Progress {width: 0; background: white;} .Video .Controls .VolumeBar {width: 50px; background: black; cursor: pointer;} .Video .Controls .VolumeBar, .Video .Controls .VolumeBar .Volume {height: 30px;} .Video .Controls .VolumeBar .Volume {width: 100%; background: white;} .Video .Controls .FullScreen {width: 30px; height: 30px; background: red; cursor: pointer;} /*WYSIWYG STYLES*/ #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4 {font-weight: bold;} #tinymce p {margin-bottom: 10px;} #tinymce ol {padding-left: 30px; list-style-type: decimal;} #tinymce ul {padding-left: 15px; list-style-type: disc;} #tinymce hr {border-bottom: 1px solid gray;} /*STREAM*/ .Stream .Main {width: 450px; float: left;} .Stream .Item .User {clear: both;} .Stream .Item .Main iframe, .Stream .Item .Main img, .Stream .Item .Main video {margin-right: 5px; float: left;} .Stream .Topic {width: 200px; float: right;} .Stream .Topic .Out {width: 200px; margin-top: 0;} .Stream .Topic .Image {width: 56px; max-height: 56px; border: 1px solid #8b96c2;} .Stream .Topic .Image img {width: 56px;} .Stream .Topic .Left {float: left; width: 118px;} .Stream .Topic .Right {float: right; width: 58px;} .Stream .Topic .Frame {padding: 10px; background: #f6f6f6;} .Stream .Topic .User .Image {border: none;} .Stream .Topic .Date {margin-top: 13px;} .Stream .Item {margin-bottom: 20px; padding-top: 12px; border-top: 1px solid #e7e7e7;} .Stream .Add {margin-bottom: 23px;} .Stream .Add .Editable {min-height: 50px; padding: 3px; border: 1px solid #a9a9a9; border-radius: 2px;} .Stream .Add input {width: 192px;} .Stream .Add img {max-width: 100%; position: relative;} .Stream .Item.longtext .Main img, .Stream .Item.longtext .Main video, .Stream .Item.longtext .Main iframe {width: 200px;} .Stream .Item.shorttext .Main img, .Stream .Item.shorttext .Main video, .Stream .Item.shorttext .Main iframe, .Stream .Item.notext .Main img, .Stream .Item.notext .Main video, .Stream .Item.notext .Main iframe {width: 450px;} .Stream .longtext .Main img, .Stream .longtext .Main video, .Stream .longtext .Main iframe {width: 200px; float: left; margin-right: 5px;} .Stream .AddLine {margin: 3px 0; padding: 5px 6px; background: #ededed; border: 1px solid #e1e1e1; border-radius: 2px;} .Stream .AddLine button {height: 22px; line-height: 22px; padding: 0 11px 0 6px; background: #ececec; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ececec), to(#bdbdbd)); background: -moz-linear-gradient(#ececec, #bdbdbd); background: linear-gradient(#ececec, #bdbdbd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#bdbdbd'); border: 1px solid #9e9e9e; border-radius: 2px; color: #3b3b3b; font-size: 13px; cursor: pointer;} .Stream .AddLine button:hover {background: #bdbdbd; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bdbdbd), to(#ececec)); background: -moz-linear-gradient(#bdbdbd, #ececec); background: linear-gradient(#bdbdbd, #ececec); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#ececec'); border: 1px solid #9e9e9e; border-radius: 2px; color: #3b3b3b; font-size: 13px;} .Stream .AddLine button > span {display: block; height: 100%; padding-right: 23px;} .Stream .Reply {float: right; margin: 5px 5px 15px 0;} .Stream .Searched {width: 220px; max-height: 200px; overflow: auto;} /*CALENDAR*/ div.Calendar {padding: 5px; background: #f2f5f7;} div.Calendar, div.Calendar th {text-align: center;} div.Calendar th {line-height: 27px; color: white;} div.Calendar table {border-collapse: collapse; border-spacing: 0;} div.Calendar .Header {margin-bottom: 5px; font-weight: bold; background: #deedf7; border: 1px solid #aed0ea;} div.Calendar .Header td:nth-child(1), div.Calendar .Header td:nth-child(3) {width: 20px;} div.Calendar .Header td:nth-child(2) div {display: inline-block;} div.Calendar .Header td:nth-child(2) div:first-child {margin-right: 4px;} div.Calendar .Header .Previous, div.Calendar .Header .Next {width: 20px; height: 20px; background: url(/Grace/Core/Design/Images/CalendarArrows.png) left center no-repeat; cursor: pointer;} div.Calendar .Header .Next {background-position: right center;} div.Calendar .DaysTable thead {background: #0f4e8a;} div.Calendar .DaysTable td > div {position: relative; display: block; margin: 1px; padding: 3px 8px; cursor: pointer; border: 1px solid #aed0ea; background: #e4eff6; color: #0a739e; font-weight: bold; text-align: right;} div.Calendar .DaysTable td div:empty {display: none;} div.Calendar .DaysTable td {width: 14.28%;} div.Calendar .DaysTable td.Today > div {background: #0a739e; border-color: #2694e8; color: #ffffff;} div.Calendar .DaysTable td:hover > div {border-color: #0a739e;} div.Calendar .DaysTable td.Inactive > div {background: #f0f0f0; border-color: #f6f6f6; color: slategray; cursor: auto;} div.Calendar .DaysTable td > div .EventTooltip {position: absolute; display: none; left: 0; top: 0; padding: 10px; z-index: 1;} div.Calendar .DaysTable td > div:hover .EventTooltip {display: block;} /*input.Calendar + .Opener {display: inline-block;}*/ /*TIME*/ div.Time {padding: 5px; background: #f2f5f7;} div.Time .MinutesTable {margin: 20px 0;} div.Time .TextInfo input, div.Time .TextInfo button {width: 49%; height: 25px; line-height: 25px; vertical-align: middle;} div.Time .TextInfo button {background: #e0e0e0; cursor: pointer;} div.Time .TextInfo input {margin-right: 1%; background: white;} div.Time, div.Time th {text-align: center;} div.Time th {line-height: 27px; color: white;} div.Time table {border-collapse: collapse; border-spacing: 0;} div.Time table td > div {position: relative; display: block; margin: 1px; padding: 3px 8px; cursor: pointer; border: 1px solid #aed0ea; background: #e4eff6; color: #0a739e; font-weight: bold; text-align: right;} div.Time table td div:empty {display: none;} div.Time table td.Today > div {background: #0a739e; border-color: #2694e8; color: #ffffff;} div.Time table td:hover > div {border-color: #0a739e;} div.Time table td.Inactive > div {background: #f0f0f0; border-color: #f6f6f6; color: slategray; cursor: auto;} /*SYNTAX HIGHLIGHTER*/ .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {-moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; min-height: auto !important;} .syntaxhighlighter {width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important;} .syntaxhighlighter.source {overflow: hidden !important;} .syntaxhighlighter .bold {font-weight: bold !important;} .syntaxhighlighter .italic {font-style: italic !important;} .syntaxhighlighter .line {white-space: pre !important;} .syntaxhighlighter table {width: 100% !important;} .syntaxhighlighter table caption {text-align: left !important; padding: .5em 0 0.5em 1em !important;} .syntaxhighlighter table td.code {width: 100% !important;} .syntaxhighlighter table td.code .container {position: relative !important;} .syntaxhighlighter table td.code .container textarea {box-sizing: border-box !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; background: white !important; padding-left: 1em !important; overflow: hidden !important; white-space: pre !important;} .syntaxhighlighter table td.gutter .line {text-align: right !important; padding: 0 0.5em 0 1em !important;} .syntaxhighlighter table td.code .line {padding: 0 1em !important;} .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {padding-left: 0em !important;} .syntaxhighlighter.show {display: block !important;} .syntaxhighlighter.collapsed table {display: none !important;} .syntaxhighlighter.collapsed .toolbar {padding: 0.1em 0.8em 0em 0.8em !important; font-size: 1em !important; position: static !important; width: auto !important; height: auto !important;} .syntaxhighlighter.collapsed .toolbar span {display: inline !important; margin-right: 1em !important;} .syntaxhighlighter.collapsed .toolbar span a {padding: 0 !important; display: none !important;} .syntaxhighlighter.collapsed .toolbar span a.expandSource {display: inline !important;} .syntaxhighlighter .toolbar {position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; height: 11px !important; font-size: 10px !important; z-index: 10 !important;} .syntaxhighlighter .toolbar span.title {display: inline !important;} .syntaxhighlighter .toolbar a {display: block !important; text-align: center !important; text-decoration: none !important; padding-top: 1px !important;} .syntaxhighlighter .toolbar a.expandSource {display: none !important;} .syntaxhighlighter.ie {font-size: .9em !important; padding: 1px 0 1px 0 !important;} .syntaxhighlighter.ie .toolbar {line-height: 8px !important;} .syntaxhighlighter.ie .toolbar a {padding-top: 0px !important;} .syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content {background: none !important;} .syntaxhighlighter.printing .line .number {color: #BBBBBB !important;} .syntaxhighlighter.printing .line .content {color: black !important;} .syntaxhighlighter.printing .toolbar {display: none !important;} .syntaxhighlighter.printing a {text-decoration: none !important;} .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {color: black !important;} .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {color: #008200 !important;} .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {color: blue !important;} .syntaxhighlighter.printing .keyword {color: #006699 !important; font-weight: bold !important;} .syntaxhighlighter.printing .preprocessor {color: gray !important;} .syntaxhighlighter.printing .variable {color: #AA7700 !important;} .syntaxhighlighter.printing .value {color: #009900 !important;} .syntaxhighlighter.printing .functions {color: #FF1493 !important;} .syntaxhighlighter.printing .constants {color: #0066CC !important;} .syntaxhighlighter.printing .script {font-weight: bold !important;} .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {color: gray !important;} .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {color: #FF1493 !important;} .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {color: red !important;} .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {color: black !important;} .syntaxhighlighter {background-color: black !important;} .syntaxhighlighter .line.alt1 {background-color: black !important;} .syntaxhighlighter .line.alt2 {background-color: black !important;} .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {background-color: #2A3133 !important;} .syntaxhighlighter .line.highlighted.number {color: white !important;} .syntaxhighlighter table caption {color: #D3D3D3 !important;} .syntaxhighlighter .gutter {color: #D3D3D3 !important;} .syntaxhighlighter .gutter .line {border-right: 3px solid #990000 !important;} .syntaxhighlighter .gutter .line.highlighted {background-color: #990000 !important; color: black !important;} .syntaxhighlighter.printing .line .content {border: none !important;} .syntaxhighlighter.collapsed {overflow: visible !important;} .syntaxhighlighter.collapsed .toolbar {color: #EBDB8D !important; background: black !important; border: 1px solid #990000 !important;} .syntaxhighlighter.collapsed .toolbar a {color: #EBDB8D !important;} .syntaxhighlighter.collapsed .toolbar a:hover {color: #FF7D27 !important;} .syntaxhighlighter .toolbar {color: white !important; background: #990000 !important; border: none !important;} .syntaxhighlighter .toolbar a {color: white !important;} .syntaxhighlighter .toolbar a:hover {color: #9CCFF4 !important;} .syntaxhighlighter .plain, .syntaxhighlighter .plain a {color: #D3D3D3 !important;} .syntaxhighlighter .comments, .syntaxhighlighter .comments a {color: #FF7D27 !important;} .syntaxhighlighter .string, .syntaxhighlighter .string a {color: #FF9E7B !important;} .syntaxhighlighter .keyword {color: aqua !important;} .syntaxhighlighter .preprocessor {color: #AEC4DE !important;} .syntaxhighlighter .variable {color: #FFAA3E !important;} .syntaxhighlighter .value {color: #009900 !important;} .syntaxhighlighter .functions {color: #81CEF9 !important;} .syntaxhighlighter .constants {color: #FF9E7B !important;} .syntaxhighlighter .script {font-weight: bold !important; color: aqua !important; background-color: none !important;} .syntaxhighlighter .color1, .syntaxhighlighter .color1 a {color: #EBDB8D !important;} .syntaxhighlighter .color2, .syntaxhighlighter .color2 a {color: #FF7D27 !important;} .syntaxhighlighter .color3, .syntaxhighlighter .color3 a {color: #AEC4DE !important;} /* http://fortawesome.github.io/Font-Awesome/icons/ */ @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: 200; src: local('FontAwesome'), local('FontAwesome'), url(/Grace/Core/Design/Fonts/FontAwesome.woff) format('woff'); } /* BEGIN Light */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg"); font-weight: 300; font-style: normal; } /* END Light */ /* BEGIN Light Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg"); font-weight: 300; font-style: italic; } /* END Light Italic */ /* BEGIN Regular */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg"); font-weight: normal; font-style: normal; } /* END Regular */ /* BEGIN Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg"); font-weight: normal; font-style: italic; } /* END Italic */ /* BEGIN Semibold */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg"); font-weight: 600; font-style: normal; } /* END Semibold */ /* BEGIN Semibold Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg"); font-weight: 600; font-style: italic; } /* END Semibold Italic */ /* BEGIN Bold */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg"); font-weight: bold; font-style: normal; } /* END Bold */ /* BEGIN Bold Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg"); font-weight: bold; font-style: italic; } /* END Bold Italic */ /* BEGIN Extrabold */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg"); font-weight: 800; font-style: normal; } /* END Extrabold */ /* BEGIN Extrabold Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg"); font-weight: 800; font-style: italic; } /* END Extrabold Italic */ /*# sourceMappingURL=open-sans.css.map */ .Debug {margin: 10px; background: white; color: #705c5e; font-family: Arial;} .Debug table.DB {margin-top: 15px; border: 1px solid #d3d3d3;} .Debug table.DB td, .Debug table.DB th {padding: 12px 15px; white-space: normal;} .Debug table.DB td {border: 1px solid #e2e2e2; white-space: normal;} .Debug table.DB tr:nth-of-type(2n) td {background: #f6f6f6;} .Debug table.DB tr:hover td {background-color: lightgray;} .Debug table.DB th {background: #ededed; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#e8e9eb)); background: -moz-linear-gradient(#ededed, #e8e9eb); background: linear-gradient(#ededed, #e8e9eb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e9eb');} .Debug table.DB th.Order {cursor: pointer;} .Debug table.DB th.Order span::after {display: block; content: " "; font-family: FontAwesome;} .Debug table.DB th.Order.ASC span::after, .Debug table.DB th.Order.DESC span::after, .Debug table.DB th.Order:hover span::after {content: "\f077";} .Debug table.DB th.Order.ASC span::after, .Debug table.DB th.Order.DESC:hover span::after {content: "\f077";} .Debug table.DB th.Order.DESC span::after, .Debug table.DB th.Order:hover span::after {content: "\f078";} .Debug select {border: 1px solid black; height: 30px;} .Debug .Total {margin: 10px 0; font-size: 16px;} .Debug input {margin-left: 20px;} .Debug label {cursor: pointer;} .Debug .Heading {margin-bottom: 15px; font-weight: bold; font-size: 16px;} .DeveloperPanel {position: fixed; left: 0; top: 0; bottom: 0; width: 300px; padding: 20px; background: #d9e6f2; font-family: "Open Sans"; border-right: 1px solid #b1b1b1;} .DeveloperPanel .Logo {height: 40px; margin-bottom: 30px; padding-left: 50px; background: url(/Grace/Admin/Images/Grace.png) no-repeat left top; background-size: auto 100%; text-transform: uppercase; font-weight: 600; color: #404040; font-size: 18px;} .DeveloperPanel .Heading {font-weight: 600; padding: 5px 0; font-size: 15px;} .DeveloperPanel input, .DeveloperPanel select {width: 100%; margin-bottom: 3px; padding: 1px 5px; background: white; border: 1px solid #b1b1b1;} .DeveloperPanel .Submit {display: block; width: 100%; height: auto; line-height: 46px; background: #0f4e8a; border: none; color: white; cursor: pointer; text-align: center; border-radius: 0; text-transform: none;} .DeveloperPanel fieldset {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #b1b1b1;} .DeveloperPanel button[draggable] {margin-bottom: 3px; padding: 1px 5px; cursor: move; background: azure;} .CreateModuleDialog li {padding: 0 5px; border-bottom: 1px solid #b1b1b1; background: #d9e6f2;} .CreateModuleDialog li.Active {background-color: #3277cc;} .CreateModuleDialog label::after {display: block; content: ''; clear: both;} .CreateModuleDialog label input, .CreateModuleDialog label select {float: right;} .CreateModuleDialog input[type="text"], .CreateModuleDialog select {background: white;} .CreateModuleDialog input[type="checkbox"] {width: 20px; height: 20px;} .MakeVisible {position: relative;} .MakeVisible::after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: red; content: ''; display: block; min-height: 50px; min-width: 50px; opacity: 0.5;} .Grace {position: fixed; min-height: 78px; background: rgba(12,116,212,0.75) url(/Grace/Core/Design/Images/GraceBigIcon.png) no-repeat 30px center; background-size: 50px; color: white; opacity: 0;} .GraceMessage {left: 0; top: 0; right: 0;} .Grace.MsgType3 {background-color: rgba(65,145,7,0.75);} .Grace .Msg {padding: 25px 50px 20px 350px; font-size: 20px; font-weight: 600;} .GraceConfirmation.MsgType3 {transition: background-color 0.5s;} .Grace .Msg button {margin-top: 10px; padding: 10px 21px 10px 21px; border: 1px solid rgba(255,255,255,0.3); color: white; cursor: pointer;} .Grace .Msg button:hover {border-color: rgb(255,255,255);} .GEditor {width: 700px; border: 1px solid black; background: white;} .GEditor .TextContent {overflow: auto;} .GEditor .TextContent, .GEditor textarea, form .Table .Item .GEditor textarea {width: 100%; height: 300px; border: none; padding: 0;} .GEditor .TextContent:not(.Hidden) + textarea, form .Table .Item .GEditor .TextContent:not(.Hidden) + textarea {border-top: 1px solid #919191;} .GEditor .Controls {border-bottom: 1px solid black;} .GEditor .Controls .IconsSet {display: inline-block; vertical-align: middle;} .GEditor .Controls .IconsSet::after {display: inline-block; content: ''; height: 30px; border-right: 1px solid lightsteelblue; vertical-align: middle;} .GEditor .Controls .Icon {display: inline-block; width: auto; cursor: pointer; transition: all 0.2s; vertical-align: middle;} .GEditor .Controls .Icon:hover, .GEditor .Controls .Icon.Active {background-color: #eef4f8; box-shadow: inset 0 0 10px lightsteelblue;} .GEditor .Controls .Icon::before {display: block; content: ''; width: 40px; height: 40px; text-align: center; line-height: 40px; font-family: FontAwesome;} .GEditor .Controls .Icon.Bold::before {content: '\f032';} .GEditor .Controls .Icon.Italic::before {content: '\f033';} .GEditor .Controls .Icon.Underline::before {content: '\f0cd';} .GEditor .Controls .Icon.P::before {content: '\f1dd';} .GEditor .Controls .Icon.H2::before {content: '\f1dc 2';} .GEditor .Controls .Icon.H3::before {content: '\f1dc 3';} .GEditor .Controls .Icon.H4::before {content: '\f1dc 4';} .GEditor .Controls .Icon.Table::before {content: '\f0ce';} .GEditor .Controls .Icon.Link::before {content: '\f0c1';} .GEditor .Controls .Icon.Unlink::before {content: '\f127';} .GEditor .Controls .Icon.UL::before {content: '\f0ca';} .GEditor .Controls .Icon.OL::before {content: '\f0cb';} .GEditor .Controls .Icon.File::before {content: '\f03e';} .GEditor .Controls .Icon.HTML, .GEditor .Controls .IconsSet.HTML {float: right;} .GEditor .Controls .IconsSet.HTML::after {margin-top: 5px;} .GEditor .Controls .Icon.HTML::before {content: '\f121';} .GEditor .TextContent {padding: 5px;} .GEditor .TextContent table {width: 100%;} .GEditor .TextContent td, .GEditor .TextContent th {border: 1px dashed gray;} .GEditor .TextContent td:empty, .GEditor .TextContent th:empty {height: 18px;} .GEditorDialog label {display: block; width: 500px;} .GEditorDialog label span {display: inline-block; width: 150px;} .GEditorDialog.ImageDialog .Image {float: right; width: 125px; margin: 0 15px 15px 15px;}/* jquery.Jcrop.css v0.9.10 - MIT License */ /* The outer-most container in a typical Jcrop instance If you are having difficulty with formatting related to styles on a parent element, place any fixes here or in a like selector You can also style this element if you want to add a border, etc A better method for styling can be seen below with .jcrop-light (Add a class to the holder and style elements for that extended class) */ .jcrop-holder { direction: ltr; text-align: left; background: none !important; } /* These styles define the border lines */ .jcrop-vline,.jcrop-hline{background:#FFF url(/Grace/Core/Design/Images/Jcrop.gif) top left repeat;font-size:0;position:absolute;} .jcrop-vline{height:100%;width:1px!important;} .jcrop-hline{height:1px!important;width:100%;} .jcrop-vline.right{right:0;} .jcrop-hline.bottom{bottom:0;} /* Handle style - size is set by Jcrop handleSize option (currently) */ .jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;} /* This style is used for invisible click targets */ .jcrop-tracker { height: 100%; width: 100%; -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */ -webkit-touch-callout: none; /* disable callout, image save panel */ -webkit-user-select: none; /* disable cut copy paste */ } /* Positioning of handles and drag bars */ .jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;} .jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;} .jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;} .jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;} .jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;} .jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;} .jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;} .jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;} .jcrop-dragbar.ord-n{margin-top:-4px;} .jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;} .jcrop-dragbar.ord-e{margin-right:-4px;right:0;} .jcrop-dragbar.ord-w{margin-left:-4px;} /* The "jcrop-light" class/extension */ .jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline { background:#FFF; filter:Alpha(opacity=70)!important; opacity:.70!important; } .jcrop-light .jcrop-handle { -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#000; border-color:#FFF; border-radius:3px; } /* The "jcrop-dark" class/extension */ .jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline { background:#000; filter:Alpha(opacity=70)!important; opacity:.7!important; } .jcrop-dark .jcrop-handle { -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#FFF; border-color:#000; border-radius:3px; } /* Fix for twitter bootstrap et al. */ .jcrop-holder img,img.jcrop-preview{ max-width: none; } .Menu a {display: block;} .Menu ul li {position: relative;} .Menu ul .SubMenu {display: none; position: absolute; z-index: 10;} .Menu ul li:hover > .SubMenu {display: block;} .Menu .Horizontal::after {clear: both; display: block; content: "";} .Menu .Horizontal .Item {float: left;} .Menu .Horizontal .SubMenu .SubMenu {position: absolute; top: 0; right: -200px; width: 200px;} .Menu .Vertical .SubMenu {position: absolute; top: 0; right: -200px; width: 200px;} .Touchable .Menu .TouchBox {position: absolute; display: block; top: 0; right: 0; width: 30px; height: 30px; border: 2px dashed #ffff00;} .Touchable .Menu .HasSubMenu a {margin-right: 30px;} .LeadForm.SMSConfirmForm{padding:0;background:none;} .ComparisonFormWhole .LeadForm.TopComparisonFormWhole{background:#f8f9fa;border-radius:2px;box-shadow:0px 1px 3px #eaeaea;padding:0;border:1px solid #dbe0e2;} .ComparisonFormWhole .LeadForm .Purpose{text-align:center;padding:20px 35px 20px 10px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;} .Safari .ComparisonFormWhole .LeadForm .Purpose label{font-weight:500;} .ComparisonFormWhole .LeadForm .PurposeHeading{text-align:left;margin-bottom: 15px;margin-left: 12px;font-size: 13px;font-weight: bold;} .ComparisonFormWhole .LeadForm .Purpose label{font-size:16px;position:relative;margin-right:40px;display:inline-block;margin-bottom:10px;font-weight:600;} .ComparisonFormWhole .LeadForm .Purpose label:last-of-type{margin-right:0;} .ComparisonFormWhole .LTVHover {position: relative;} .ComparisonFormWhole .icon-help{width:31px;height:34px;background:url(/Grace/Theme/Design/Images/HypoHelpIcon.png);display:inline-block;vertical-align:middle;position:absolute;right:-35px;cursor:pointer;top:-4px;} .ComparisonFormWhole .icon-help.LTVhelp{display: block;margin:auto;right:initial;position:relative;border-radius:50%;margin-top:0;height:0;} .ComparisonFormWhole .icon-help .help-text, .ComparisonFormWhole .LTVHover .help-text {position: absolute;top: 50%;left: 45px;background: rgba(36, 102, 189, 0.90);display:none;padding: 25px;color: #fff;transform: translate(0, -50%);width: 300px;line-height: 22px;font-weight: normal;border-radius:2px;text-shadow:0 2px 3px #424242;} .ComparisonFormWhole .LTVHover .help-text {left: 120px;} .ComparisonFormWhole .icon-help.Last .help-text {position: absolute;top: 50%;left:initial;right: 45px;background: rgba(36, 102, 189, 0.90);display:none;padding: 25px;color: #fff;transform: translate(0, -50%);width: 300px;line-height: 22px;font-weight: normal;border-radius:2px;text-shadow:0 2px 3px #424242;} .ComparisonFormWhole .icon-help:hover{background:url(/Grace/Theme/Design/Images/HypoHelpIconHover.png);} .ComparisonFormWhole .icon-help:hover .help-text, .ComparisonFormWhole .LTVHover:hover .help-text{display:block;z-index:10;font-size:16px;} .ComparisonFormWhole .icon-help .icon-text:hover{display:none;} .ComparisonFormWhole .icon-help .help-text::after, .ComparisonFormWhole .LTVHover .help-text::after {position: absolute;content: "";top: 50%;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right:10px solid rgba(36, 102, 189, 0.90);left:-10px;margin-top:-10px;} .ComparisonFormWhole .icon-help.Last .help-text::before {position: absolute;content: "";top: 50%;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left:10px solid rgba(36, 102, 189, 0.90);right:-10px;left:initial;margin-top:-10px;} .ComparisonFormWhole .icon-help.Last .help-text::after{display:none;} .ComparisonFormWhole .TopComparisonFormWhole .ComparisonFormWhole .Form-Hypo{padding:20px 30px 30px 30px;} .ComparisonFormWhole .Form-Hypo{padding:10px 10px 20px 10px;} .ComparisonFormWhole .Form-Hypo .Item:not(.hypo-agree){cursor:pointer;padding:20px;background:#fff;border-radius:2px;border:1px solid #c0c3c5;margin-top:0;display:inline-block;vertical-align:top;transition:0.5s;margin-bottom:20px;} .ComparisonFormWhole .Form-Hypo .Item:not(.hypo-agree):hover{box-shadow:0 5px 10px #ababab;} .ComparisonFormWhole .Form-Hypo .Item.LTV{padding:28px 10px 5px 10px;text-align:center;background:none;border-radius:2px;border:none;margin-top:0;display:inline-block;vertical-align:top;margin-right:0px;cursor:initial;} .ComparisonFormWhole .Form-Hypo .Item.LTV:hover{box-shadow:none;} .ComparisonFormWhole .Form-Hypo .Item.LTV a{font-size:12px;color:#2968ba;} .ComparisonFormWhole .Form-Hypo .Item.LTV a:hover{text-decoration:none;} .ComparisonFormWhole .Form-Hypo .Item.LTV div.Info{font-size:24px;color:#4f5b60;font-weight:500;text-align:center;margin:9px auto 0 auto;width:118px;} .ComparisonFormWhole .Form-Hypo .Item .Currency{color:#353d40;margin-left:5px;font-size:20px;position: relative;top: 6px;} .ComparisonFormWhole .Form-Hypo .Item > span{font-size:14px;color:#4f5b60;margin-bottom:10px;display:block;} .ComparisonFormWhole .Form-Hypo .Item input[type="text"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:23px;font-weight:600;width:80%;padding:0;} .ComparisonFormWhole .Form-Hypo .Item.Namehypo input[type="text"]{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Namehypo{padding:20px 5px 20px 20px;} .ComparisonFormWhole .Form-Hypo .Item input[type="number"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:23px;font-weight:600;width:80%;padding:0;} .ComparisonFormWhole .Form-Hypo .Item input[type="text"]:hover, .ComparisonFormWhole .Form-Hypo .Item input[type="text"]:focus{box-shadow:none;} .ComparisonFormWhole .Form-Hypo .Item.Error{border:1px solid #ff0000;width:initial;} .Form-Hypo .Item.Error.hypo-agree {background:none; border:none;padding:0;} .ComparisonFormWhole .Form-Hypo .Item.Ok{border:1px solid #619b27;} .ComparisonFormWhole .Form-Hypo .Item.Error span{color:#ff0000;font-weight:normal;} .ComparisonFormWhole .Form-Hypo .Item.MaturityMobile{display:none!important;} .ComparisonFormWhole .Form-Hypo .Item.MaturityMobile select{-webkit-appearance:none;appearance:none;-moz-appearance:none;width:198px;height:98px;position:absolute;top:0;left:0;background:url(/Grace/Theme/Design/Images/HypoFormSelect.png) no-repeat center right;cursor:pointer;padding:32px 0px 0 15px;font-weight: 600;color: #353d40;font-size:24px;outline:none;} .ComparisonFormWhole .Form-Hypo .Item.MaturityMobile select option{font-size:24px;} .ComparisonFormWhole .Form-Hypo .Item input::-webkit-input-placeholder {color: #7e858d;opacity:0.7;font-weight:normal;} .ComparisonFormWhole .Form-Hypo .Item input::placeholde{color: #7e858d;opacity:0.7;font-weight:normal;} .ComparisonFormWhole .Form-Hypo .Item input::-moz-placeholder {color: #7e858d;opacity:0.7;font-weight:normal;} .ComparisonFormWhole .Form-Hypo .Item input:-ms-input-placeholder {color: #7e858d;opacity:0.7;font-weight:normal;} .ComparisonFormWhole .Form-Hypo .Item input:-moz-placeholder {color: #7e858d;opacity:0.7;font-weight:normal;} .ComparisonFormWhole .Form-Hypo .Item.Worth{height:100px;width:235px;margin-right:10px;} .ComparisonFormWhole .Form-Hypo .Item.Loan{height:100px;width:235px;margin-right:0px;} .ComparisonFormWhole .Form-Hypo .Item.Namehypo{height:100px;width:235px;margin-right:10px;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo{height:100px;width:350px;margin-right:0px;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo > span{margin-bottom:5px;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo input[type="text"]{width:165px;font-weight:600;margin-left:10px;position: relative;top: -4px;} .ComparisonFormWhole .Form-Hypo .Item.Maturity{height:100px;width:135px;margin-right:10px;} .ComparisonFormWhole .Form-Hypo .Item.Maturity input[type="text"]{width:35px;font-weight:600;} .ComparisonFormWhole .Form-Hypo .Item.Maturity .Currency{font-weight:600;font-size:24px;} .ComparisonFormWhole .Form-Hypo .Item.Fixation {height:100px;width:200px;position:relative;} .ComparisonFormWhole .Form-Hypo .Item.Fixation select{-webkit-appearance:none;appearance:none;-moz-appearance:none;width:198px;height:98px;position:absolute;top:0;left:0;background:url(/Grace/Theme/Design/Images/HypoFormSelect.png) no-repeat center right;cursor:pointer;padding:32px 0px 0 15px;font-weight: 600;color: #353d40;font-size:22px;outline:none;} .ComparisonFormWhole .Form-Hypo .Item.Fixation select option{font-size:24px;} .ComparisonFormWhole .Form-Hypo .Item.TelHypo select{-webkit-appearance:none;appearance:none;-moz-appearance:none;width:148px;height:48px;background:url(/Grace/Theme/Design/Images/HypoFormTelSelect.png) no-repeat center center;cursor:pointer;font-weight: 600;color: #4f5b60;font-size:24px;outline:none;padding-left:45px;} .Safari .ComparisonFormWhole .Form-Hypo .Item.Telhypo select{font-weight:500;} .ComparisonFormWhole .Form-Hypo .ContactInfoRequired, .Form-Hypo .AgreementRequired{background:#fe1819;margin-bottom:5px;position:relative;border-radius:2px;width:698px;text-align:center;font-size:16px;padding:15px 0;font-weight:normal;} .ComparisonFormWhole .Form-Hypo .ContactInfoRequired::after, .Form-Hypo .AgreementRequired::after{width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fe1819;left:50%;right:50%;margin-left:-68px;position:absolute;bottom:-18px;content:"";margin-bottom:12px;} .Form-Hypo .AgreementRequired {width:auto;} .ComparisonFormWhole .Form-Hypo .LTVvalue{color:#353d40;font-weight:600;} .Safari .ComparisonFormWhole .Form-Hypo .LTVvalue{color:#353d40;font-weight:600;} .ComparisonFormWhole .Form-Hypo .Confirm{display:inline-block;vertical-align:middle;margin-left:7px;} .ComparisonFormWhole .Form-Hypo .Confirm .Submit{width:364px;height:96px;line-height:96px;background:url(/Grace/Theme/Design/Images/HypoConfirmButton.png) no-repeat;transition:0.5s;margin-bottom:15px;text-align:left;font-size:24px;font-weight:bold;text-transform:initial;} .ComparisonFormWhole .Form-Hypo .Confirm .Submit:hover{box-shadow:0 10px 20px #ababab;} .ComparisonFormWholeButtonStep2{display:inline-block;vertical-align:middle;} .ComparisonFormWholeButtonStep2 .Submit{width:479px;height:96px;line-height:96px;background:url(/Grace/Theme/Design/Images/HypoButtonStep2.png) no-repeat;transition:0.5s;text-align:left;font-size:23px;font-weight:bold;text-transform:initial;} .ComparisonFormWholeButtonStep2 .Submit:hover{box-shadow:0 10px 20px #ababab;} .ComparisonFormWhole .Form-Hypo .Confirm{width:365px;} .ComparisonFormWhole-agree{font-size:13px;cursor:pointer;margin-top:10px;} .HasFlag {position:relative;} .HasFlag select {padding:2px 0px 2px 25px;position:relative;} .HasFlag .Flag{position:absolute;z-index:1;left:7px;top:14px;} .ComparisonFormWhole .Form-Hypo input[type=number]::-webkit-inner-spin-button, .ComparisonFormWhole .Form-Hypo input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} .SMSConfirmBody{background: #f8f9fa;border-radius: 2px;box-shadow: 0px 1px 3px #eaeaea;padding: 0;border: 1px solid #dbe0e2;} .SMSConfirmBody form{padding:25px;} .SMSConfirmBody .Item.SMSHypo input[type="text"]{margin-left:0;} .SMSConfirmBody .Item.SMSHypo{width:230px;margin-right:35px;} .ComparisonFormWhole-Container{max-width:1200px;margin:auto;} .SMSConfirmForm .SMSConfirmHead{padding:30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;} .SMSConfirmLockIcon{font-size:18px;color:#4f5b60;} .SMSConfirmLockIcon::before{width:34px;height:33px;content:"";background:url(/Grace/Theme/Design/Images/ComparisonFormWholeLock.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px;position: relative;top: -3px;} .SMSConfirmLockIcon .green{font-weight:600;color:#58962c;} .SMSConfirmLockIcon .Back{float:right;color: #4f5b60;font-size: 16px;margin-top:5px;cursor:pointer;} .SMSConfirmLockIcon .Back:hover{text-decoration:underline;} .SMSConfirmLockIcon .Back::after{background:url(/Grace/Theme/Design/Images/ComparisonFormWholePencil.png);content:"";display:inline-block;vertical-align:middle;width:22px;height:22px;margin-left:10px;margin-top:-3px;} .WrongSMSCode.Error{background:#fe1819;margin-bottom:5px;position:relative;border-radius:2px;width:98.5%;text-align:center;font-size:16px;padding:15px 0;font-weight:normal;} .Heading.Offers{margin-bottom:15px;font-size:18px;color:#4f5b60;width:100%;text-align:center;margin-top:35px;margin-bottom:15px;} .Heading.Offers div{display:inline-block;} .ComparisonFormWhole .Form-Hypo .Results{text-align:center;position:relative;padding:25px;background: #f8f9fa;border-radius: 2px;box-shadow: 0px 1px 3px #eaeaea;border: 1px solid #dbe0e2;} .ComparisonFormWhole .Form-Hypo .Results .Back{cursor:pointer;margin: 25px auto 0 auto;font-size: 16px;display: block;color: #4f5b60;background: #fff;height: 65px;line-height: 65px;padding: 0px 15px;box-shadow: -5px -2px 15px #eaeaea;border-radius: 2px 2px 6px 6px;border-bottom: 4px solid #ecf0f1;position:relative;z-index:2;font-weight:600;} .ComparisonFormWhole .Form-Hypo .Results .Back:hover{box-shadow: -7px -4px 20px #eaeaea;} .ComparisonFormWhole .Form-Hypo .Results .Back::after{display:none;} .ComparisonFormWhole .Form-Hypo .Results .Line{width:100%;border-bottom:1px solid #c3ced3;position:relative;top:-35px;position:relative;z-index:1;} .ComparisonFormWhole .Form-Hypo .Results .Item{text-align:left;padding:20px 0;width:350px;border:1px solid #e9eaeb;margin:10px 15px;height:450px;position:relative;border-radius:2px;} .ComparisonFormWhole .Form-Hypo .Results .Item .Padding{padding:0 15px;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankName{margin-bottom:10px;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankName span{color:#4f5b60;font-size:14px;max-width: 195px;display: inline-block;vertical-align:middle;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankName .Image{height:30px;float:right;padding-right:10px;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankName .Image img{max-height:100%;} .ComparisonFormWhole .Form-Hypo .Results .Item .ProductName{color:#353d40;font-weight:600;font-size:20px;display:block;position:relative;z-index:2;height:55px;line-height:25px;} .ComparisonFormWhole .Form-Hypo .Results .Item .ProductName span{background:#fff;padding-right:10px;} .ComparisonFormWhole .Form-Hypo .Results .Item .Line{border-bottom:1px solid #dee7eb!important;display:block!important;position:relative!important;top:-15px!important;z-index:1!important;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankBlock{display:inline-block;vertical-align:top;width:49%;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankBlock span{color:#4f5b60;font-size:14px;margin-bottom:15px;display:block;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankBlock div{color:#353d40;font-size:22px;margin-bottom:30px;font-weight:bold;} .ComparisonFormWhole .Form-Hypo .Results .Item .Divider{border-bottom:1px solid #c3ced3;margin:20px 0 30px 0;} .ComparisonFormWhole .Form-Hypo .Results .Item button{background:url(/Grace/Theme/Design/Images/ComparisonFormWholeBankItemButton.png);margin:0 25px;width:134px;height:65px;line-height:65px;float:left;transition:0.5s;font-weight:bold;color:#fff;font-size:17px;text-shadow:2px 2px 5px #525252;cursor:pointer;box-shadow:0 10px 20px #ababab;border-radius:2px;} .ComparisonFormWhole .Form-Hypo .Results .Item button:hover{opacity:0.8;} .ComparisonFormWhole .Form-Hypo .Results .Item .MoreInfoBank{color:#4f5b60;font-size:18px;font-weight:600;line-height:65px;} .ComparisonFormWhole .Form-Hypo .Results .Item .MoreInfoBank::after{background: url(/Grace/Theme/Design/Images/CrumbsComparisonFormWholeAfter.png);display: inline-block;content: '';margin: 0 4px 0 8px;height:11px;width:8px;} .Results .Blur::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:10;} .Results .TextBlock{text-align:center;width:100%;margin-left:-25px;position:absolute;top: 50%;transform: translateY(-50%);color:#fff;font-size:18px;z-index:20;} .Results .Blur{filter: blur(4px);-webkit-filter: blur(4px);} .SMSUnlockedHead{padding:30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;} .SMSUnlockedHead .ComparisonFormWholeCalcurator{font-weight:600;color:#353d40;font-size:20px;} .SMSUnlockedHead .ComparisonFormWholeCalcurator::before{content:"";background:url(/Grace/Theme/Design/Images/ComparisonFormWholeCalculatorIcon.png);width:22px;height:28px;display:inline-block;vertical-align:middle;margin-right:20px;margin-bottom:10px;} .SMSUnlockedHead .Back{float:right;color: #4f5b60;font-size: 16px;margin-top:5px;cursor:pointer;} .SMSUnlockedHead .Back:hover{text-decoration:underline;} .SMSUnlockedHead .Back::after{background:url(/Grace/Theme/Design/Images/ComparisonFormWholePencil.png);content:"";display:inline-block;vertical-align:middle;width:22px;height:22px;margin-left:10px;margin-top:-3px;} .ComparisonFormWhole-ThankYou{padding:30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;margin-bottom:30px;} .ComparisonFormWhole-ThankYou .SuccessLogoComparisonFormWhole{font-weight:600;color:#353d40;font-size:18px;} .ComparisonFormWhole-ThankYou .SuccessLogoComparisonFormWhole::before{content:"";background:url(/Grace/Theme/Design/Images/SuccessLogoComparisonFormWhole.png);width:33px;height:34px;display:inline-block;vertical-align:middle;margin-right:20px;margin-top:-6px;} .ComparisonFormWhole-ThankYou .BackTo{float:right;color: #4f5b60;font-size: 16px;margin-top:5px;text-decoration:none;} .ComparisonFormWhole-ThankYou .BackTo:hover{text-decoration:underline;} .ComparisonFormWhole-ThankYou .BackTo::before{background:url(/Grace/Theme/Design/Images/BackToIcon.png);content:"";display:inline-block;vertical-align:middle;width:19px;height:24px;margin-right:10px;margin-top:-3px;} .ComparisonFormWhole-Refs{text-align:center;margin-bottom:35px;} .ComparisonFormWhole-Refs .Heading{margin-bottom:15px;font-size:18px;color:#4f5b60;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block{background:#f2f4f5;border-radius:2px;border:1px solid #dbe0e2;box-shadow:0px 1px 3px #eaeaea;height:230px;} .ComparisonFormWhole-Refs .Carousel .Arrow{display:none;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .ItemCarousel{float:left;width:50%;padding:30px 30px 0 30px;height:228px;overflow:hidden;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .ItemCarousel:first-of-type{border-right:1px solid #dee7eb;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .ItemCarousel:last-of-type{border-left:5px solid #edf0f2;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Image-block{display:inline-block;vertical-align:top;width:120px;margin-right:25px;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Text-block{display:inline-block;vertical-align:top;width:380px;text-align:left;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Text-block p:empty{display:none;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Text-block.ComparisonFormWholeNameRefs{font-size:14px;color:#353d40;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Text-block p{font-size:16px;color:#4f5b60;margin-bottom:25px;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Text-block.ComparisonFormWholeSmallText p{font-size:14px;color:#4f5b60;margin-bottom:10px;line-height:16px;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Text-block.ComparisonFormWholeSmallText2 p{font-size:14px;color:#4f5b60;margin-bottom:25px;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Image-block .PortraitBG{background:url(/Grace/Theme/Design/Images/ComparisonFormWholePortraitBG.png);width:107px;height:115px;position:relative;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Image-block .PortraitBG .Image{position: absolute;top: 9px;width: 85px;height: 85px;left: 50%;right: 50%;margin-left: -42.5px;border-radius: 50%;} .ComparisonFormWholeFoot#Foot{width:100%;padding:0;} .ComparisonFormWholeFoot #FootTop{background:#fff;height:110px;line-height:110px;} .ComparisonFormWholeFoot #FootBottom{background:#efefef;padding:20px 0;} .ComparisonFormWholeFoot#Foot nav{margin-bottom:0;} .ComparisonFormWholeFoot#Foot nav li a{color:#353d40;margin-right:20px;font-size:14px;} .ComparisonFormWholeFoot#Foot nav li a::after{display:none;} .ComparisonFormWholeFoot#Foot nav li a::before{background: url(/Grace/Theme/Design/Images/CrumbsComparisonFormWholeAfter.png);display: inline-block;content: '';margin: 0 4px 0 8px;height: 11px;width: 8px;margin-right: 6px;} .ComparisonFormWholeFoot#Foot .FootLeft{float:left;font-size:13px;color:#4f5b60;font-weight:600;} .ComparisonFormWholeFoot#Foot .FootLeft a{font-weight:600;margin-right:100px;font-size:15px;} .ComparisonFormWholeFoot#Foot .FootRight{float:right;font-size:13px;color:#4f5b60;font-weight:600;} .ComparisonFormWhole-Logos{text-align:center;margin-bottom:35px;} .ComparisonFormWhole-Logos .Heading{margin-bottom:15px;font-size:18px;color:#4f5b60;} .ComparisonFormWhole-Logos .Logos-bg{background:#fff;border-radius:2px;border:1px solid #dbe0e2;box-shadow:0px 1px 3px #eaeaea;padding:30px 0 0 0;} .ComparisonFormWhole-Logos .Logos-bg .Image{max-width:100px;display:inline-block;vertical-align:middle;margin:0 15px 20px 15px;height:40px;line-height:40px;} .ComparisonFormWhole-Logos .Logos-bg .Image img{max-height:100%;} h2.QuestionsArticlesComparisonFormWhole{color:#353d40;font-size:18px;text-transform:initial;margin-bottom:25px;} h2.ArticlesComparisonFormWhole{color:#353d40;font-size:18px;text-transform:initial;margin-bottom:25px;} h2.QuestionsArticlesComparisonFormWhole div{display:inline-block;} h2.ArticlesComparisonFormWhole div{display:inline-block;} .QuestionsArticlesComparisonFormWhole::before{width:21px;height:24px;background:url(/Grace/Theme/Design/Images/QuestionsArticlesComparisonFormWhole.png);content:"";display:inline-block;margin-right:7px;top: 4px;position: relative} .ArticlesComparisonFormWhole::before{width:22px;height:23px;background:url(/Grace/Theme/Design/Images/ArticlesComparisonFormWholeIcon.png);content:"";display:inline-block;margin-right:7px;top: 4px;position: relative} .ComparisonFormWholeArticles .ArticlesItems .Item{background:#fff;margin-bottom:25px;padding:25px 35px!important;margin-right:15px;transition:0.5s;border-radius:2px;} .ComparisonFormWholeArticles .ArticlesItems .Item:hover{background:#fff;box-shadow:0px 5px 10px #d2d2d2;} .ComparisonFormWholeArticles .ArticlesItems .Item .Image{width:170px!important;height:auto!important;margin-bottom:10px!important;margin-right:20px;} .ComparisonFormWholeArticles .ArticlesItems .Item h3 a{font-size:20px!important;color:#353d40;text-transform:initial;margin-bottom:7px;display:block;} .ComparisonFormWholeArticles .ArticlesItems .Item .MoreInfoArticle{font-size:16px;color:#4f5b60;margin-bottom:25px;} .ComparisonFormWholeArticles .ArticlesItems .Item .Author{display:inline-block!important;} .ComparisonFormWholeArticles .ArticlesItems .Item .MoreInfoArticle a{color:#000;font-weight:600;} .ComparisonFormWholeArticles .ArticlesItems .Item .MoreInfoArticle a:hover{text-decoration:unrderline;} .ComparisonFormWholeArticles .ArticlesItems .Item .Description .LimitSubstrComparisonFormWhole{font-size:16px;color:#353d40;} .ComparisonFormWholeArticles .ArticlesItems .Item .Description .MsoNormal{font-size:16px;color:#353d40;line-height:22px;} .ComparisonFormWholeArticles .ArticlesItems .Item .Description p{font-size:16px!important;color:#353d40!important;line-height:22px!important;} .ComparisonFormWholeArticles .ArticlesItems .Item .Description a{display:block;font-size:16px!important;color:#2968ba;text-decoration:underline;margin:7px 0;font-weight:600;} .ComparisonFormWholeArticles .ArticlesItems .Item .Description a.Readmore::after{content:" › ";} .ComparisonFormWholeArticles .ArticlesItems .Item .Description a.Readmore:hover{text-decoration:none;} .MoreArticlesComparisonFormWhole{cursor: pointer;margin: 0 auto 0 auto;font-size: 16px;display: block;color: #4f5b60;background: #fff;height: 65px;line-height: 65px;padding: 0px 15px;box-shadow: -5px -2px 15px #eaeaea;border-radius: 2px 2px 6px 6px;border-bottom: 4px solid #ecf0f1;position: relative;z-index: 2;font-weight: 600;display:inline-block;} .ComparisonFormWholeArticles .Line{border-bottom:1px solid #c3ced3;margin-top:-30px;} .ComparisonFormWholeArticles .PositionArticlesandConsulting .BottomMore{text-align:center;padding-left:0;} .ComparisonFormWholeArticles .ConsultingItems .Item {margin-top:-13px;margin-bottom:15px!important;border-radius:2px;transition:0.5s;} .ComparisonFormWholeArticles .ConsultingItems .Item:hover{box-shadow:0px 5px 10px #d2d2d2;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data:first-of-type{background:#fff;padding:25px;border-radius:2px 2px 0 0;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data:last-of-type{background:#f2f4f5;padding:25px;border-radius:0 0 2px 2px;border-top:4px solid #edf0f2;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data h3 a{font-size:20px;color:#000;font-weight:600;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data .Date{font-size:14px;color:#4f5b60;margin-bottom:25px;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data .Datesecond{font-size:12px;color:#4f5b60;margin-bottom:25px;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data .AnswerLast::before{display:none;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data .AnswerLast .ButtonBox{display:none;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data .AnswerLast{height:100px;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data .AnswerLast p{font-size:16px;line-height:24px;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data .Description{height:45px;} .ComparisonFormWholeArticles .ConsultingItems .Item .Data .Description p{font-size:16px;color:#353d40;margin-bottom:10px;line-height:22px;} .ComparisonFormWholeArticles .ConsultingItems .Item .faceBG{background: url(/Grace/Theme/Design/Images/ComparisonFormWholePortraitBG.png) no-repeat;width: 107px;height: 160px;position: relative;float:left;margin:25px 15px 0 10px;} .ComparisonFormWholeArticles .ConsultingItems .Item .Initials{width: 85px!important;position: absolute;height: 85px!important;top: 9px;left: 50%;margin-left: -42.5px;border:0;} .ComparisonFormWholeArticles .ConsultingItems .Item .ReadMoreComparisonFormWhole{text-decoration:underline;color:#2968ba;font-weight:600;display:block;font-size:16px;margin:7px 0;} .ComparisonFormWholeArticles .ConsultingItems .Item .ReadMoreComparisonFormWhole::after{content:" › ";} .ComparisonFormWholeArticles .ConsultingItems .Item .ReadMoreComparisonFormWhole:hover{text-decoration:none;} /* ADDED STYLES FOR NEW DESIGNED FORMS */ .ComparisonFormWhole .LeadForm{padding:0;background:none;} .ComparisonFormWhole {} .ComparisonFormWhole .ComparisonForm{background:#f5f5f5;} .ComparisonFormWhole.Finded .ComparisonForm{background:#fff;} .ComparisonFormWhole.Finded .ComparisonForm .HeadBlock{display:none;} .ComparisonFormWhole .ComparisonForm .HeadBlock{padding:20px;} .ComparisonFormWhole .ComparisonForm .HeadBlock h1{float:left;max-width:550px;width:100%;margin-bottom:0;} .ComparisonFormWhole .ComparisonForm .HeadBlock h1 .SubTitle{text-transform:initial;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock{float:right;max-width:400px;width:100%;text-align:right;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a{background:#fff;border:5px solid #698e4b;display:inline-block;color:#698b4e;height:55px;line-height:46px;font-weight:600;cursor:pointer;text-align:left;font-size:17px;padding-right:70px;position:relative;padding-left:20px;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a:hover{background:#698e4b;color:#fff;text-decoration:none;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a::after{content:"";background:url(/Grace/Theme/Design/Images/form-house-keys-icon.png);position:absolute;right:15px;top:-4px;display:block;width:39px;height:43px} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a:hover::after{background:url(/Grace/Theme/Design/Images/form-house-keys-icon-hover.png);} .ComparisonFormWhole .TopProducts td .Submit.Orange{background:#fff;border-radius:0;border:3px solid #ff7f27;color:#ff7f27;text-transform:initial;padding:0 15px;font-weight:600;} .ComparisonFormWhole .TopProducts td .Submit.Orange:hover{background:#ff7f27;color:#fff;} .ComparisonFormWhole td .Submit.Orange{background:#fff;border-radius:0;border:3px solid #698e49;color:#698e49;text-transform:initial;padding:0 15px;font-weight:600;} .ComparisonFormWhole .Opener .Submit.Orange{background:#fff;border-radius:0;border:3px solid #698e49;color:#698e49;text-transform:initial;padding:0 15px;font-weight:600;background: #519130;background: -moz-linear-gradient(left, #519130 0%, #97b90a 99%, #97b90a 100%, #97b90a 100%, #2989d8 100%);background: -webkit-linear-gradient(left, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);background: linear-gradient(to right, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519130', endColorstr='#2989d8',GradientType=1 );color:#fff;} .ComparisonFormWhole .Opener .Submit.Orange:hover{opacity:0.9;} .ComparisonFormWhole td .Submit.Orange:hover{background:#698e49;color:#fff;} .CountComparisonHypo{text-align:center;color:#000;font-weight:600;font-size:24px;margin-bottom:30px;line-height:30px;} .EditGivenInfoBlock{min-height:140px;display:inline-block;vertical-align:top;border:5px double #c3c3c3;width:52%;margin-right:15px;margin-bottom:20px;} .EditGivenInfoBlock .Inner{padding-bottom:10px;padding-left:100px;position:relative;min-height:85px;padding-top:15px;background:#fff;} .EditGivenInfoBlock .Inner .PercentIcon{font-family:sans-serif;font-weight:bold;background:url(/Grace/Theme/Design/Images/icon-procento.png);background-repeat:no-repeat;position:absolute;top:5px;left:10px;width:75px;height:75px;background-size:contain;text-align:center;line-height:75px;color:#fff;font-size:50px;} .EditGivenInfoBlock .Inner h3{margin-bottom:10px;font-size: 13px;text-transform: initial;font-weight: normal;} .EditGivenInfoBlock .Inner .OpenMortgageForm{background: #519130;background: -moz-linear-gradient(left, #519130 0%, #97b90a 99%, #97b90a 100%, #97b90a 100%, #2989d8 100%);background: -webkit-linear-gradient(left, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);background: linear-gradient(to right, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519130', endColorstr='#2989d8',GradientType=1 );color:#fff;font-size:16px;font-weight:600;height:32px;line-height:32px;padding:0 10px;display:inline-block;} .EditGivenInfoBlock .Inner .OpenMortgageForm:hover{text-decoration:none;opacity:0.8;} .EditGivenInfoBlock .HeadingBlock{background:#eeeeee;padding:0 20px;height:40px;line-height:40px;} .EditGivenInfoBlock .HeadingBlock h2{text-transform: initial;font-weight: bold;font-size: 17px;margin-bottom:0;display:inline-block;} .CallMeBlockForm{min-height:140px;display:inline-block;vertical-align:top;border:5px double #c3c3c3;width:46%;margin-bottom:20px;} .CallMeBlockForm .HeadingBlock{background:#eeeeee;padding:0 20px;height:40px;line-height:40px;margin-bottom:0;} .CallMeBlockForm .HeadingBlock h2{text-transform: initial;font-weight: bold;font-size: 17px;display:inline-block;} .CallMeBlockForm .CallerFace{height:50px;width:50px;border-radius:50%;background:url(/Grace/Theme/Design/Images/womanpic.jpg);background-size:contain;display:inline-block;vertical-align:middle;} .CallMeBlockForm form{padding-left:15px;display:inline-block;max-width:86%;width:100%;vertical-align:middle;} .CallMeBlockForm form select{background:#e9e9e9;border:1px solid #cdcdcd;border-radius:3px 0 0 3px;padding:0 7px;height:30px;line-height:30px;width:70px;float:left;} .CallMeBlockForm form input{padding:0 7px!important;height:30px!important;line-height:30px!important;width:140px!important;background:#fff!important;border:1px solid #cdcdcd!important;border-left:0!important;float:left;border-radius:0 3px 3px 0;} .CallMeBlockForm form button{vertical-align:top;display:inline-block;text-transform:initial;margin-left:15px;background: #519130;background: -moz-linear-gradient(left, #519130 0%, #97b90a 99%, #97b90a 100%, #97b90a 100%, #2989d8 100%);background: -webkit-linear-gradient(left, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);background: linear-gradient(to right, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519130', endColorstr='#2989d8',GradientType=1 );color:#fff;font-size:14px;font-weight:normal;height:30px;line-height:30px;padding:0 10px;} .CallMeBlockForm form button:hover{opacity:0.8;} .CallMeBlockForm .Inner h3{margin-bottom:10px;font-size: 13px;text-transform: initial;font-weight: normal;} .CallMeBlockForm .Inner{padding:15px;} .EditGivenInfo{float:right;cursor:pointer;text-decoration:underline;color:#6d6f6c;} .EditGivenInfo:hover{text-decoration:none;} .EditGivenInfo::before{font-family:FontAwesome;content:"\f044";display:inline-block;margin-right:3px;} .ComparisonFormWhole .Request .Item.Error{padding:0;width:initial;background:none;color:initial;font-weight:initial;} .ComparisonFormWhole .Request .Item.Error input{border:1px solid #ff0000!important;border-left:none!important;} .ComparisonFormWhole .Request .Item.Error select{border:1px solid #ff0000;border-right:none;} .ComparisonFormWhole .Request .Item.Ok input{border:1px solid #619b27!important;border-left:none!important;} .ComparisonFormWhole .Request .Item.Ok select{border:1px solid #619b27;border-right:none;} .ComparisonFormWhole .Request .Item{display:inline-block;vertical-align:top;margin-top:0;} #basic-modal-content2.ProductRequestForm .Done{margin-top:40px;} #basic-modal-content2.ProductRequestForm .Done .Submit.Close{display:none;} #basic-modal-content2.ProductRequestForm .Done .H2{text-align:center;} .ComparisonFormWhole .Form-Hypo .Item.PurposeSelect{display:none!important;} /*novinka*/ .LeftSidebarPage.ComparisonFormWhole .LeadForm{background:#f5f5f5;} .LeftSidebarPage.ComparisonFormWhole .LeadForm .Purpose{text-align:left;border:1px solid #dedede;padding:10px 35px 10px 10px;width: 97%;margin-left: 10px;} .LeftSidebarPage.ComparisonFormWhole .LeadForm .Purpose label{width:26%;font-size:12px;margin-bottom:15px;} .LeftSidebarPage.ComparisonFormWhole .LeadForm .PurposeHeading{margin-left:0;} .LeftSidebarPage.ComparisonFormWhole .PrettyCheckbox:checked::after, .LeftSidebarPage.ComparisonFormWhole .PrettyCheckbox.FFFix:checked+span::after{width:25px;height:25px;background-size:contain;} .LeftSidebarPage.ComparisonFormWhole .PrettyCheckbox::after, .LeftSidebarPage.ComparisonFormWhole .PrettyCheckbox.FFFix+span::after{width:25px;height:25px;background-size:contain;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item:not(.hypo-agree){text-align:left;padding:20px 10px;margin-bottom:12px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Worth{width:23%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Loan{width:23%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Namehypo{width:99.5%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Telhypo{width:48%;height:96px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Telhypo select{width:80px;height:35px;font-size:16px;padding-left:6px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.LTV{width:90px;padding:20px 0 0px 0px;text-align:center!important;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.LTV div.Info{text-align:center;font-size:18px;width:90px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Maturity{width:90px;padding:20px 0 20px 10px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Maturity input[type="text"]{width:40%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation{width:165px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation select{width:163px;padding:32px 0px 0 15px;font-size:17px;background:url(/Grace/Theme/Design/Images/HypoFormSelectSmaller.png) no-repeat center right;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Confirm{margin-left:0;display:inline-block;vertical-align:top;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .ContactInfoRequired::after{margin-left:-10px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .ContactInfoRequired{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .ContactInfoRequired::after{margin-left:-18px;} .LeftSidebarPage.ComparisonFormWhole .LeftSidebarContentBlock{display:block!important;padding:15px;} .LeftSidebarPage.ComparisonFormWhole .LeftSidebarContentBlock .title{font-size: 22px;font-weight: 600;text-align: left;text-transform: uppercase;line-height: normal;margin-bottom:8px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item input[type="text"]{width:60%;font-size:18px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item .Currency{top:4px;font-size:18px;} .ComparisonForm .HeadBlock .MobileView{display:none;} .Reporting{display:none;} /* ComparisonFormWhole-Form Responsive */ @media (max-width: 1200px) { .ComparisonFormWhole-Container{padding:0 10px;} .ComparisonFormWhole .TopComparisonFormWhole .ComparisonFormWhole .Form-Hypo{text-align:center;} .ComparisonFormWhole .Form-Hypo .Item:not(.hypo-agree){text-align:left;} .ComparisonFormWhole .Form-Hypo .ContactInfoRequired{display:none!important;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .ItemCarousel{width:100%;border:none;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block{height:auto;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .ItemCarousel{height:auto;display:block;float:none;border-bottom:1px solid #dee7eb;padding:15px 0;} .ComparisonFormWhole-Refs .Heading, .ComparisonFormWhole-Logos .Heading{padding:10px;} .ComparisonFormWholeFoot #FootTop{padding:0 10px;text-align:center;} .ComparisonFormWholeFoot#Foot nav{display:block;width:100%;} .ComparisonFormWholeFoot #FootTop{height:auto;text-align:center;line-height:65px;;} .ComparisonFormWholeFoot#Foot .FootLogo{float:none;text-align:center;margin-bottom:0;} .ComparisonFormWholeFoot#Foot nav{line-height:25px;margin:20px 0;} .ComparisonFormWholeFoot#Foot nav li{float:none;display:inline-block;line-height:25px;} .ComparisonFormWholeFoot#Foot .FootLeft{float:none;text-align:center;} .ComparisonFormWholeFoot#Foot .FootRight{float:none;text-align:center;} .ComparisonFormWholeFoot #FootBottom{text-align:center;} .ComparisonFormWholeFoot#Foot .FootLeft a{margin-right:10px;} .SMSConfirmBody form{text-align:center;} .SMSConfirmLockIcon .Back{float:none;} .ComparisonFormWhole .Form-Hypo .Results .Item{width:32%;margin:5px;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankName .Image{position:absolute;top:5px;right:5px;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankName{height:35px;overflow:hidden;} .ComparisonFormWhole .Form-Hypo .Results .Item .ProductName{overflow:hidden;} .ComparisonFormWhole .Form-Hypo .Results .Item .MoreInfoBank{font-size:14px;} .ComparisonFormWhole .Form-Hypo .Results .Item .BankBlock div{font-size:20px;} .ComparisonFormWhole .Form-Hypo .Results .Item .MoreInfoBank::before{display:none;} } @media (max-width: 1070px) { .ComparisonFormWhole .Form-Hypo .Results{padding:5px;} .ComparisonFormWhole .LeadForm .Purpose label{font-size:14px;} } @media (max-width: 1020px) { .ComparisonFormWhole .Form-Hypo .Results .Item{display:inline-block!important;width:49%;} .ComparisonFormWhole-ThankYou .BackTo{display:block;float:none;} .ComparisonFormWhole .ComparisonForm .HeadBlock h1{max-width:520px;} } @media (max-width: 1015px) { .ComparisonFormWhole .Form-Hypo .Item:not(.hypo-agree){display:block;width:100%;margin:10px auto;margin-right:auto!important;margin-left:auto!important;} .ComparisonFormWhole .Form-Hypo .Item.LTV{text-align:center;} .ComparisonFormWhole .Form-Hypo .Item input[type="text"]{width:90%;} .ComparisonFormWhole .Form-Hypo .Item.Worth{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Loan{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Maturity{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Fixation{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Fixation select{right:0;left:initial;width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Namehypo{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Maturity input[type="text"]{width:85%;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo{width:100%;} .ComparisonFormWhole .Form-Hypo .Confirm{width:100%;margin-left:0;text-align:center;} /*novinka*/ .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Worth{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Loan{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Telhypo{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Namehypo{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Maturity{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item input[type="text"], .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Maturity input[type="text"]{width:92%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Telhypo input{width:75%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.LTV{padding:0!important;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation select{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item:not(.hypo-agree){padding:5px 10px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Maturity{padding:10px 0 10px 10px;} .SMSConfirmLockIcon .Back{float:none;display:block;margin-top:10px;} .SMSConfirmLockIcon{font-size:16px;} .Results .TextBlock{padding:10px;} .Results .TextBlock{margin-left:0;} } @media (max-width: 999px) { .ComparisonFormWholeArticles .ArticlesItems .Item{margin-right:0;} .QuestionsArticlesComparisonFormWhole, h2.ArticlesComparisonFormWhole{text-align:center;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock.MobileView{display:inline-block;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock{display:none;max-width:100%!important;text-align:center!important;} .ComparisonFormWhole .ComparisonForm .HeadBlock h1{text-align:center;margin-top:15px;max-width:100%!important;} .ComparisonFormWhole .LeadForm .Purpose{text-align:left;} .ComparisonFormWhole .LeadForm .Purpose label{display:block;} .ComparisonFormWhole .LeadForm .Purpose label:last-of-type{margin-right:40px;} .ComparisonFormWhole .LeadForm .Purpose .icon-help .help-text, .ComparisonFormWhole .LTVHover .help-text{left:initial;right:35px;width:200px;white-space:normal;} .ComparisonFormWhole .LeadForm .Purpose .icon-help .help-text::after, .ComparisonFormWhole .LTVHover .help-text::after{left:initial;right:-10px;border-left:10px solid rgba(36, 102, 189, 0.90);border-right:0;} .ComparisonFormWhole .icon-help.Last .help-text::before {position: absolute;content: "";top: 50%;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left:10px solid rgba(36, 102, 189, 0.90);right:-10px;left:initial;margin-top:-10px;} .ComparisonFormWhole .icon-help.Last .help-text::after{display:none;} .LeftSidebarPage.ComparisonFormWhole .LeadForm .Purpose label{width:96%;} } @media (max-width: 800px) { .ComparisonFormWhole-agree label{white-space:normal!important;} .ComparisonFormWholeFoot#Foot nav li{display:block;} .ComparisonFormWholeFoot#Foot nav li a{margin-left:0;margin-bottom:5px;padding-left:0;} .ComparisonFormWholeFoot #FootTop{line-height:50px;padding-bottom:1px;} .SMSUnlockedHead .Back{float:none;display:block;margin-top:10px;} } @media (max-width: 700px) { .ComparisonFormWhole .Form-Hypo .Results .Item{display:inline-block!important;width:98%;} .ComparisonFormWhole .Form-Hypo .Item.LTV div{margin-top:0;} .ComparisonFormWhole .Form-Hypo .Item.Worth, .ComparisonFormWhole .Form-Hypo .Item.Loan,.ComparisonFormWhole .Form-Hypo .Item.Maturity, .ComparisonFormWhole .Form-Hypo .Item.Maturity, .ComparisonFormWhole .Form-Hypo .Item.Namehypo{padding:10px;height:90px;} .ComparisonFormWhole .Form-Hypo .Item.LTV{height:75px;padding:0;margin-bottom:0;} .ComparisonFormWhole .TopComparisonFormWhole .ComparisonFormWhole .Form-Hypo{padding:0 10px 10px 10px;} .SMSConfirmBody .ComparisonFormWhole .Form-Hypo .Item.SMSComparisonFormWhole{height:100px;} .ComparisonFormWhole .ComparisonForm .HeadBlock h1{font-size:25px;line-height:25px;} .ComparisonFormWhole .ComparisonForm .HeadBlock h1 .SubTitle{line-height:15px!important;} /*novinka*/ .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation select{width:100%;background-position-y: -2px;background-size: contain;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item input[type="text"], .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Maturity input[type="text"]{width:85%;} } @media (max-width: 560px) { .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .ItemCarousel{text-align:center;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Text-block{width:100%;padding:0 15px;text-align:center;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Image-block{margin-right:0;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .Image-block{width:100px;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .ItemCarousel:last-of-type{border-left:none;} .ComparisonFormWhole-Refs .ComparisonFormWhole-Refs-Block .ItemCarousel:first-of-type{border-right:none;} .ComparisonFormWholeButtonStep2 .Submit{width:380px;font-size:18px;text-align:center;} .Item.TelComparisonFormWhole{white-space:normal;} .ComparisonFormWhole .Form-Hypo .Results .Back{font-size:12px;} .ComparisonFormWholeArticles .ArticlesItems .Item .Image{float:none;display:block;margin:auto;} .ComparisonFormWholeArticles .ArticlesItems .Item .Data{float:none;display:block;margin:auto;text-align:center;margin-right:0;} .ComparisonFormWholeArticles .ArticlesItems .Item .Data h3{text-align:center;} } @media (max-width: 450px) { .ComparisonFormWhole .Form-Hypo .Confirm .Submit{width:280px;} .ComparisonFormWhole .Form-Hypo .Confirm{width:100%;margin-left:0;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo{height:150px;} .ComparisonFormWhole .Form-Hypo .Item input[type="text"]{width:85%;} .ComparisonFormWhole .LeadForm .Purpose label{font-size:16px;} .ComparisonFormWholeButtonStep2 .Submit{width:250px;font-size:14px;padding:0 10px;} .ComparisonFormWhole .Form-Hypo .Results .Item button{margin:0 10px;} .ComparisonFormWhole .ComparisonForm .HeadBlock{padding:15px 5px!important;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a{padding-left:7px!important;padding-right:55px!important;font-size:13px!important;width:100%;} } @media (max-width: 345px) { .ComparisonFormWhole .Form-Hypo .Confirm .Submit{width:240px;font-size:20px;text-align:center;} } /* RS */ @media (max-width: 640px) { .ComparisonFormWhole .HypoClear{display:initial;} .ComparisonFormWhole .icon-help:hover .help-text, .ComparisonFormWhole .LTVHover:hover .help-text{display:none!important;} .ComparisonFormWhole .icon-help.LTVhelp{display:none;} .ComparisonFormWhole .Form-Hypo .Item.LTV{margin-top:22px;} .ComparisonFormWhole .Form-Hypo .Item.LTV a{display:inline-block;vertical-align:middle;font-size:0px;background:url(/Grace/Theme/Design/Images/LTV-Icon-RS.png)center center no-repeat;width:58px;height:62px;} .ComparisonFormWhole .Form-Hypo .Item.LTV div.Info{text-align:left;display:inline-block;vertical-align:middle;width:80px;margin-top:-4px;line-height:27px;padding-left:10px;} .ComparisonFormWhole .Form-Hypo .LTVtitle{display:block;font-size: 16px;text-align: left;font-weight: 600;} .ComparisonFormWhole .Form-Hypo{position:relative;} .ComparisonFormWhole .Form-Hypo .Item.PurposeSelect{display:block!important;z-index:99;} .ComparisonFormWhole .Form-Hypo .GreenSelectBg{height: 100%;width: calc(100% + 22px);top: 0;left: -10px;background: rgba(166, 206, 38, 0.83);z-index: 102;display: none;position: absolute;} .ComparisonFormWhole .MobileSubmit{z-index:110;display:block;position:absolute;bottom:0;left: -15px;width: calc(100% + 30px);} .ComparisonFormWhole .Form-Hypo .Confirm .MobileSubmit .Submit{text-align:center;padding-right: 20%;text-shadow: 0 2px 5px #565656;border-radius:0;margin-bottom:0;height:142px;line-height:142px;width:100%;background:url(/Grace/Theme/Design/Images/HypoSubmitRS.png)center right no-repeat;} .DesktopSubmit{display:none;} .ComparisonFormWhole .Form-Hypo .Item.ActiveIndex{z-index:103;} .ComparisonFormWhole .LeadForm .Purpose{display:none;} .ComparisonFormWhole .TopHypo .Form-Hypo{padding:30px 20px;} .ComparisonFormWhole .Form-Hypo .Item.Error{border:1px solid #c0c3c5;} .ComparisonFormWhole .Form-Hypo .Item.Error span{color:#000;} .ComparisonFormWhole .Form-Hypo .Item.hypo-agree.Error{z-index:101;} .ComparisonFormWhole .Form-Hypo .Item.Loan{width:65%;float:left;} .ComparisonFormWhole .Form-Hypo .Item.LTV{width:30%;float:right;} .ComparisonFormWhole .Form-Hypo .Item.Maturity{width:48%;float:left;} .ComparisonFormWhole .Form-Hypo .Item.Fixation{width:48%;float:right;} .ComparisonFormWhole .Form-Hypo .Item.Maturity input[type="text"]{width:17%;} .ComparisonFormWhole .Form-Hypo .Item > span{font-size:15px;margin-bottom:15px;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo > span{margin-bottom:0px;} .ComparisonFormWhole .Form-Hypo .Confirm{width:100%;margin-left:0;} .ComparisonFormWhole .Form-Hypo .hypo-agree.Item{text-align:center;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo select {font-size:20px;width:130px;background: url(/Grace/Theme/Design/Images/RealTelSelectMini.png)center right no-repeat;} .ComparisonFormWhole .Form-Hypo .PrettyCheckbox:checked::after, .Form-Hypo .PrettyCheckbox.FFFix:checked+span::after{margin-right:10px;width:54px;height:54px;background:url(/Grace/Theme/Design/Images/HypoCheckboxCheckedRS.png);background-size:contain;} .ComparisonFormWhole .Form-Hypo .PrettyCheckbox::after, .Form-Hypo .PrettyCheckbox+span::after{margin-right:10px;width:54px;height:54px;background:url(/Grace/Theme/Design/Images/HypoCheckboxRS.png);background-size:contain;} .ComparisonFormWhole .Form-Hypo .Item.Fixation > span{margin-top:-8px;} .ComparisonFormWhole .Form-Hypo .Item.Worth, .ComparisonFormWhole .Form-Hypo .Item.Fixation, .ComparisonFormWhole .Form-Hypo .Item.Loan, .ComparisonFormWhole .Form-Hypo .Item.Maturity, .ComparisonFormWhole .Form-Hypo .Item.Maturity, .ComparisonFormWhole .Form-Hypo .Item.Namehypo, .ComparisonFormWhole .Form-Hypo .Item.Telhypo{height:100px;z-index:101;position:relative;} .ComparisonFormWhole .Form-Hypo .SMSConfirmLockIcon input{font-size: 40px;width:35px!important;height:35px!important;margin:0 0px;font-size:20px;border-radius:3px;border:1px solid #c0c3c5!important;display:inline-block;padding:0!important;text-align:center;} .ComparisonFormWhole .Form-Hypo .BackToFormMobile{font-size: 18px;color:#cacccd;} .ComparisonFormWhole .Form-Hypo .BackToFormMobile:hover{text-decoration:underline;} .ComparisonFormWhole .Form-Hypo .BackToFormMobile::before{font-family:fontAwesome;content:"\f104";display:inline-block;margin-right: 7px;font-size: 16px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation select{padding:20px 0px 0 15px;background:url(/Grace/Theme/Design/Images/HypoFormSelect.png) no-repeat center right;font-size:22px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Loan{width:60%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.LTV{width:38%;margin-bottom:0;padding-top:8px!important;text-align:left!important;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.LTV div.Info{text-align:left;width:80px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation > span{margin-top:3px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Telhypo select{margin-top:0px;width:95px;height:40px;} } @media (max-width: 540px) { .ComparisonFormWhole .Form-Hypo .Confirm .MobileSubmit .Submit{padding-right:30%;} .ComparisonFormWhole .Form-Hypo .Item.LTV{width:38%;} .ComparisonFormWhole .Form-Hypo .Item.LTV div.Info{width:75px;} .ComparisonFormWhole .Form-Hypo .Item.Loan{width:60%;} .ComparisonFormWhole .Form-Hypo .Item input[type="text"]{width:85%;} .ComparisonFormWhole .Form-Hypo .Item.LTV{height:98px;} .ComparisonFormWhole .Form-Hypo .Confirm .MobileSubmit .Submit{font-size:20px;} } @media (max-width: 470px) { .ComparisonFormWhole .Form-Hypo .Item.Maturity input[type="text"]{width:35%;} .ComparisonFormWhole .Form-Hypo .Item.Maturity{width:35%;} .ComparisonFormWhole .Form-Hypo .Item.Fixation{width:62%;} .ComparisonFormWhole .Form-Hypo .PrettyCheckbox:checked::after, .ComparisonFormWhole .Form-Hypo .PrettyCheckbox.FFFix:checked+span::after{margin-right:auto;} .ComparisonFormWhole .Form-Hypo .Confirm .MobileSubmit .Submit{font-size:18px;padding-right:33%;} } @media (max-width: 440px) { .ComparisonFormWhole .Form-Hypo .Item:not(.hypo-agree){margin:0 auto;} /*.Form-Hypo .Item.Loan{width:48%;}*/ .ComparisonFormWhole .Form-Hypo .Item.Loan input[type="text"]{width:80%;} .ComparisonFormWhole .Form-Hypo .Item.LTV div.Info{width:60px;} /*.Form-Hypo .Item.LTV{width:50%;}*/ .ComparisonFormWhole .Form-Hypo .Item > span{font-size:12px;} .ComparisonFormWhole .Form-Hypo .Confirm .MobileSubmit .Submit{font-size:16px;padding-right:35%;padding-left:0;} .ComparisonFormWhole .Form-Hypo .Results .Back{font-size:12px;} .ComparisonFormWhole .Form-Hypo .Results .Item button{width:120px;} .ComparisonFormWhole .Form-Hypo{padding:10px 15px!important;} .ComparisonFormWhole .Form-Hypo .Item.PurposeSelect select{padding:16px 0px 0 10px;height:70px;background-size: 27%;font-size:22px;} .ComparisonFormWhole .Form-Hypo .Item.PurposeSelect{padding:8px;height:72px;} .ComparisonFormWhole .Form-Hypo .Item.Worth, .ComparisonFormWhole .Form-Hypo .Item.Fixation, .ComparisonFormWhole .Form-Hypo .Item.Loan, .ComparisonFormWhole .Form-Hypo .Item.Maturity, .ComparisonFormWhole .Form-Hypo .Item.Maturity, .ComparisonFormWhole .Form-Hypo .Item.Namehypo, .ComparisonFormWhole .Form-Hypo .Item.Telhypo, .ComparisonFormWhole .Form-Hypo .Item.MaturityMobile{height:72px;padding:8px;z-index:101;} .ComparisonFormWhole .Form-Hypo .Item > span{margin-bottom:5px;} .ComparisonFormWhole .Form-Hypo .Item:not(.hypo-agree){margin-bottom:8px;} .ComparisonFormWhole .Form-Hypo .Item.LTV{margin-top:0;margin-bottom:0;height:72px;padding-top:8px;} .ComparisonFormWhole .Form-Hypo .Item.Maturity{display:none;} .ComparisonFormWhole .Form-Hypo .Item.MaturityMobile select{height:70px;background-size:47%;width:100%;padding: 20px 0px 0 15px;font-size:22px;} .ComparisonFormWhole .Form-Hypo .Item.MaturityMobile{width:48%;display:block!important;float:left;position:relative;} .ComparisonFormWhole .Form-Hypo .Item.Fixation select{height:70px!important;background-size:47%!important;padding: 20px 0px 0 15px;} .ComparisonFormWhole .Form-Hypo .Item.Fixation{width:48%;height:72px!important;} .ComparisonFormWhole .Form-Hypo .Item.Fixation > span{margin-top:0;margin-left:0;} .ComparisonFormWhole .Form-Hypo .Item > span{font-size:12px;} .ComparisonFormWhole .Form-Hypo .Item > span{font-size:12px;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo select{margin-top:-7px;} #FlagToDisplay, .FlagToDisplay{top:9px!important;left:4px!important;} .ComparisonFormWhole .Form-Hypo .PrettyCheckbox:checked::after, .ComparisonFormWhole .Form-Hypo .PrettyCheckbox.FFFix:checked+span::after{width:25px;height:25px;margin-right:4px;} .ComparisonFormWhole .Form-Hypo .hypo-agree.Item{text-align:left;} .hypo-agree{font-size:11px;} .ComparisonFormWhole .Form-Hypo .Item{margin:0 5px;} .InfoBlockHypo{margin:2px 0 83px 0} .InfoBlockHypo .Smaller{font-size:12px;margin-bottom:5px;} .InfoBlockHypo .Bigger{font-size:22px;} .ComparisonFormWhole .Form-Hypo .Confirm .MobileSubmit .Submit{padding:0;background:url(/Grace/Theme/Design/Images/RealSubmitButtonMobileUpdated.png) center center;height:80px;line-height:80px;font-size:20px;} .ComparisonFormWhole .Form-Hypo .ContactInfoRequired1 .ErrorInfoBox1{padding:25px 5px 8px 5px;margin:0 28px;font-size:12px;text-align:center;} .ComparisonFormWhole .Form-Hypo .ContactInfoRequired1 .ErrorInfoBox1 strong{font-size:18px;} .HypoClear{display:initial;} .ComparisonFormWhole .Form-Hypo .Item.LTV a{width:45px;background-size:contain;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation{width:48%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Telhypo{height:72px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Telhypo input[type="text"]{width: 165px;font-weight: 600;margin-left: 10px;position: relative;top: -4px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.LTV div.Info{width:60px;} } @media (max-width: 400px) { .ComparisonFormWhole .Form-Hypo .Item.Maturity{width:38%;} .ComparisonFormWhole .Form-Hypo .Item.Telhypo input[type="text"]{width:40%;font-size:18px;} } @media (max-width: 374px) { .ComparisonFormWhole .Form-Hypo .Item.Maturity{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Fixation{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.Loan{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.LTV{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.MaturityMobile{width:100%;} .ComparisonFormWhole .Form-Hypo .Item.MaturityMobile select{background-size:27%;} .ComparisonFormWhole .Form-Hypo .Item.Fixation select{background-size:27%!important;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Fixation{width:100%;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.LTV div.Info{width:45px;} .LeftSidebarPage.ComparisonFormWhole .Form-Hypo .Item.Telhypo input[type="text"]{width:132px;} } @media (max-width: 350px) { .ComparisonFormWhole .Form-Hypo .Item.Telhypo input[type="text"]{margin-left:5px;width:40%;font-size:16px;} } @media (max-width: 330px) { .ComparisonFormWhole .Form-Hypo .Item.Telhypo input[type="text"]{margin-left:5px;width:37%;font-size:14px;} } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(/Grace/Theme/Design/Fonts/Roboto-Thin.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 200; src: local('Roboto Light'), local('Roboto-Light'), url(/Grace/Theme/Design/Fonts/Roboto-Light.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto Regular'), local('Roboto-Regular'), url(/Grace/Theme/Design/Fonts/Roboto.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/Grace/Theme/Design/Fonts/Roboto-Medium.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/Grace/Theme/Design/Fonts/Roboto-Bold.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(/Grace/Theme/Design/Fonts/Roboto-Black.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(/Grace/Theme/Design/Fonts/Roboto-ThinItalic.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 200; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(/Grace/Theme/Design/Fonts/Roboto-LightItalic.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(/Grace/Theme/Design/Fonts/Roboto-Italic.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(/Grace/Theme/Design/Fonts/Roboto-MediumItalic.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(/Grace/Theme/Design/Fonts/Roboto-BoldItalic.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(/Grace/Theme/Design/Fonts/Roboto-BlackItalic.woff) format('woff'); } .Whole-hypo{width:100%;} .Whole-hypo #Head #UpperHead{background:#fff;padding-bottom:45px;box-shadow:0 2px 3px #c0c3c5;border-top:4px solid #a7c300;} .Whole-hypo #Head .Menu{position:relative;margin-top:-30px;} .Whole-hypo .Crumbs{margin-top:0;padding-left:26px;margin-bottom:10px;} .Whole-hypo .Crumbs strong{color:#6a6a6a;font-weight:normal;} .Whole-hypo .Crumbs::before{display: inline-block;width: 20px;height: 15px;content: '';background: url(/Grace/Theme/Design/Images/CrumbsHypo.png) center center no-repeat;vertical-align: bottom;position:relative;top:-3px;} .Whole-hypo .Crumbs a::after{background: url(/Grace/Theme/Design/Images/CrumbsHypoAfter.png);display: inline-block;content: '';margin: 0 4px 0 8px;height:11px;width:8px;} .Whole-hypo .Crumbs a:first-of-type::before{background: url(/Grace/Theme/Design/Images/CrumbsHypoAfter.png);display: inline-block;content: '';margin: 0 4px 0 8px;height:11px;width:8px;margin-right:6px;} .Whole-hypo .Crumbs a:first-of-type{text-decoration:underline;color: #5270b9;} .LeadForm.SMSConfirmForm{padding:0;background:none;} .Hypo .LeadForm.TopHypo{background:#f8f9fa;border-radius:2px;box-shadow:0px 1px 3px #eaeaea;padding:0;border:1px solid #dbe0e2;} .Hypo .LeadForm .Purpose{text-align:center;padding:30px 30px 20px 30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;} .PrettyCheckbox {margin-right: 20px;} .PrettyCheckbox::after, .PrettyCheckbox+span::after {width: 30px;height: 30px;background: url(/Grace/Theme/Design/Images/HypoCheckbox.png);display: block;content: "";margin-top: -11px;cursor: pointer;} .PrettyCheckbox:checked::after, .PrettyCheckbox.FFFix:checked+span::after {width: 30px;height: 30px;background: url(/Grace/Theme/Design/Images/HypoCheckbox-Checked.png);display: block;content: "";margin-top: -11px;cursor: pointer;} .PrettyCheckbox.FFFix {position: absolute;visibility: hidden;} .PrettyCheckbox.FFFix::after {display: none;} .PrettyCheckbox.FFFix+span::after, .PrettyCheckbox.FFFix:checked+span::after {display: inline-block;position: relative;top: 3px;margin-right: 1px;vertical-align: middle;} .Safari .Hypo .LeadForm .Purpose label{font-weight:500;} .Hypo .LeadForm .Purpose label{position:relative;margin-right:50px;display:inline-block;margin-bottom:10px;font-weight:600;} .Hypo .LeadForm .Purpose label:last-of-type{margin-right:0;} .Hypo .LTVHover {position: relative;} .Hypo .icon-help{width:31px;height:34px;background:url(/Grace/Theme/Design/Images/HypoHelpIcon.png);display:inline-block;vertical-align:middle;position:absolute;right:-35px;cursor:pointer;top:-4px;} .Hypo .icon-help.LTVhelp{display: block;margin:auto;right:initial;position:relative;border-radius:50%;margin-top:0;height:0;} .Hypo .icon-help .help-text, .Hypo .LTVHover .help-text {position: absolute;top: 50%;left: 45px;background: rgba(36, 102, 189, 0.90);display:none;padding: 25px;color: #fff;transform: translate(0, -50%);width: 300px;line-height: 22px;font-weight: normal;border-radius:2px;text-shadow:0 2px 3px #424242;} .Hypo .LTVHover .help-text {left: 120px;} .Hypo .icon-help.Last .help-text {position: absolute;top: 50%;left:initial;right: 45px;background: rgba(36, 102, 189, 0.90);display:none;padding: 25px;color: #fff;transform: translate(0, -50%);width: 300px;line-height: 22px;font-weight: normal;border-radius:2px;text-shadow:0 2px 3px #424242;} .Hypo .icon-help:hover{background:url(/Grace/Theme/Design/Images/HypoHelpIconHover.png);} .Hypo .icon-help:hover .help-text, .Hypo .LTVHover:hover .help-text{display:block;z-index:10;font-size:16px;} .Hypo .icon-help .icon-text:hover{display:none;} .Hypo .icon-help .help-text::after, .Hypo .LTVHover .help-text::after {position: absolute;content: "";top: 50%;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right:10px solid rgba(36, 102, 189, 0.90);left:-10px;margin-top:-10px;} .Hypo .icon-help.Last .help-text::before {position: absolute;content: "";top: 50%;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left:10px solid rgba(36, 102, 189, 0.90);right:-10px;left:initial;margin-top:-10px;} .Hypo .icon-help.Last .help-text::after{display:none;} .Hypo .TopHypo .Form-Hypo{padding:20px 30px 30px 30px;} .Form-Hypo .Item:not(.hypo-agree){cursor:pointer;padding:20px;background:#fff;border-radius:2px;border:1px solid #c0c3c5;margin-top:0;display:inline-block;vertical-align:top;transition:0.5s;margin-bottom:20px;} .Form-Hypo .Item:not(.hypo-agree):hover{box-shadow:0 5px 10px #ababab;} .Form-Hypo .Item.LTV{padding:28px 10px 5px 10px;text-align:center;background:none;border-radius:2px;border:none;margin-top:0;display:inline-block;vertical-align:top;margin-right:22px;cursor:initial;} .Form-Hypo .Item.LTV:hover{box-shadow:none;} .Form-Hypo .Item.LTV a{font-size:12px;color:#2968ba;} .Form-Hypo .Item.LTV a:hover{text-decoration:none;} .Form-Hypo .Item.LTV div.Info{font-size:24px;color:#4f5b60;font-weight:500;text-align:center;margin:9px auto 0 auto;width:118px;} .Form-Hypo .Item .Currency{color:#353d40;margin-left:5px;font-size:20px;position: relative;top: 6px;} .Form-Hypo .Item > span{font-size:14px;color:#4f5b60;margin-bottom:10px;display:block;} .Only-hypo .Form-Hypo .Item > span{font-size:13px;} .Form-Hypo .Item input[type="text"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:600;width:80%;padding:0;} .Form-Hypo .Item input[type="number"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:600;width:80%;padding:0;} .Form-Hypo .Item input[type="text"]:hover, .Form-Hypo .Item input[type="text"]:focus{box-shadow:none;} .Form-Hypo .Item.Error{border:1px solid #ff0000;width:initial;color:black;} .Form-Hypo .Item.Ok{border:1px solid #619b27;} .Form-Hypo .Item.Error span{color:#ff0000;font-weight:normal;} .Form-Hypo .Item.Worth{height:100px;width:270px;margin-right:25px;} .Form-Hypo .Item.Loan{height:100px;width:270px;margin-right:25px;} .Form-Hypo .Item.Namehypo{height:100px;width:350px;margin-right:25px;} .Form-Hypo .Item.Telhypo{height:100px;width:345px;margin-right:25px;} .Form-Hypo .Item.Telhypo > span{margin-bottom:5px;} .Form-Hypo .Item.Telhypo input[type="text"]{width:145px;font-weight:600;margin-left:10px;position: relative;top: -4px;} .Form-Hypo .Item.Maturity{height:100px;width:143px;margin-right:25px;} .Form-Hypo .Item.Maturity input[type="text"]{width:35px;font-weight:600;} .Form-Hypo .Item.Maturity .Currency{font-weight:600;font-size:24px;} .Form-Hypo .Item.Fixation {height:100px;width:200px;position:relative;} .Only-hypo .Form-Hypo .Item.Fixation > span{margin-left:-6px;} .Form-Hypo .Item.Fixation select{-webkit-appearance:none;appearance:none;-moz-appearance:none;width:198px;height:98px;position:absolute;top:0;left:0;background:url(/Grace/Theme/Design/Images/HypoFormSelect.png) no-repeat center right;cursor:pointer;padding:32px 0px 0 15px;font-weight: 600;color: #353d40;font-size:22px;outline:none;} .Form-Hypo .Item.Fixation select option{font-size:24px;} .Form-Hypo .Item.MaturityMobile{display:none;} .Form-Hypo .Item.MaturityMobile select{-webkit-appearance:none;appearance:none;-moz-appearance:none;width:198px;height:98px;position:absolute;top:0;left:0;background:url(/Grace/Theme/Design/Images/HypoFormSelect.png) no-repeat center right;cursor:pointer;padding:32px 0px 0 15px;font-weight: 600;color: #353d40;font-size:24px;outline:none;} .Form-Hypo .Item.MaturityMobile select option{font-size:24px;} .Form-Hypo .Item.Telhypo select{-webkit-appearance:none;appearance:none;-moz-appearance:none;width:105px;height:48px;background:url(/Grace/Theme/Design/Images/HypoTelSelect.png) no-repeat center center;cursor:pointer;font-weight: 600;color: #4f5b60;font-size: 12px;padding-top: 5px;text-align: right;outline: none;padding-left: 34px; background-size:100% 100%;} .Safari .Form-Hypo .Item.Telhypo select{font-weight:500;} .Form-Hypo .ContactInfoRequired{background:#fe1819;margin-bottom:5px;position:relative;border-radius:2px;width:723px;text-align:center;font-size:16px;padding:15px 0;font-weight:normal;} .Form-Hypo .ContactInfoRequired::after{width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fe1819;left:50%;right:50%;margin-left:-8px;position:absolute;bottom:-18px;content:"";margin-bottom:8px;} .Form-Hypo .LTVvalue{color:#353d40;font-weight:600;} .Safari .Form-Hypo .LTVvalue{color:#353d40;font-weight:600;} .Form-Hypo .Confirm{display:inline-block;vertical-align:middle;margin-left:7px;} .Form-Hypo .Confirm .Submit{width:374px;height:97px;line-height:97px;background:url(/Grace/Theme/Design/Images/HypoConfirmButton.png) no-repeat;transition:0.5s;margin-bottom:15px;text-align:left;font-size:24px;font-weight:bold;text-transform:initial;} .Form-Hypo .Confirm .Submit:hover{box-shadow:0 10px 20px #ababab;} .HypoButtonStep2{display:inline-block;vertical-align:middle;} .HypoButtonStep2 .Submit{width:479px;height:96px;line-height:96px;background:url(/Grace/Theme/Design/Images/HypoButtonStep2.png) no-repeat;transition:0.5s;text-align:left;font-size:23px;font-weight:bold;text-transform:initial;} .HypoButtonStep2 .Submit:hover{box-shadow:0 10px 20px #ababab;} .Form-Hypo .Confirm{width:375px;} .hypo-agree{font-size:13px;cursor:pointer;margin-top:10px;} .HasFlag {position:relative;} .HasFlag select {padding:2px 0px 2px 25px;position:relative;} .HasFlag .Flag{position:absolute;z-index:1;left:7px;top:14px;} .Form-Hypo input[type=number]::-webkit-inner-spin-button, .Form-Hypo input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} .SMSConfirmBody{background: #f8f9fa;border-radius: 2px;box-shadow: 0px 1px 3px #eaeaea;padding: 0;border: 1px solid #dbe0e2;} .SMSConfirmBody form{padding:25px;} .SMSConfirmBody .Item.SMShypo input[type="text"]{margin-left:0;} .SMSConfirmBody .Item.SMShypo{width:230px;margin-right:35px;} .Hypo-Container{max-width:1200px;margin:auto;} .SMSConfirmForm .SMSConfirmHead{padding:30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;} .SMSConfirmLockIcon{font-size:18px;color:#4f5b60;} .SMSConfirmLockIcon::before{width:34px;height:33px;content:"";background:url(/Grace/Theme/Design/Images/HypoLock.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px;position: relative;top: -3px;} .SMSConfirmLockIcon .green{font-weight:600;color:#58962c;} .SMSConfirmLockIcon .Back{float:right;color: #4f5b60;font-size: 16px;margin-top:5px;cursor:pointer;} .SMSConfirmLockIcon .Back:hover{text-decoration:underline;} .SMSConfirmLockIcon .Back::after{background:url(/Grace/Theme/Design/Images/HypoPencil.png);content:"";display:inline-block;vertical-align:middle;width:22px;height:22px;margin-left:10px;margin-top:-3px;} .WrongSMSCode.Error{background:#fe1819;margin-bottom:5px;position:relative;border-radius:2px;width:98.5%;text-align:center;font-size:16px;padding:15px 0;font-weight:normal;} .Heading.Offers{margin-bottom:15px;font-size:18px;color:#4f5b60;width:100%;text-align:center;margin-top:35px;margin-bottom:15px;} .Heading.Offers div{display:inline-block;} .Form-Hypo .Results{text-align:center;position:relative;padding:25px;background: #f8f9fa;border-radius: 2px;box-shadow: 0px 1px 3px #eaeaea;border: 1px solid #dbe0e2;} .Form-Hypo .Results .Back{cursor:pointer;margin: 25px auto 0 auto;font-size: 16px;display: block;color: #4f5b60;background: #fff;height: 65px;line-height: 65px;padding: 0px 15px;box-shadow: -5px -2px 15px #eaeaea;border-radius: 2px 2px 6px 6px;border-bottom: 4px solid #ecf0f1;position:relative;z-index:2;font-weight:600;} .Form-Hypo .Results .Back:hover{box-shadow: -7px -4px 20px #eaeaea;} .Form-Hypo .Results .Back::after{display:none;} .Form-Hypo .Results .Line{width:100%;border-bottom:1px solid #c3ced3;position:relative;top:-35px;position:relative;z-index:1;} .Form-Hypo .Results .Item{text-align:left;padding:20px 0;width:350px;border:1px solid #e9eaeb;margin:10px 15px;height:450px;position:relative;border-radius:2px;} .Form-Hypo .Results .Item .Padding{padding:0 15px;} .Form-Hypo .Results .Item .BankName{margin-bottom:10px;} .Form-Hypo .Results .Item .BankName span{color:#4f5b60;font-size:14px;max-width: 195px;display: inline-block;vertical-align:middle;} .Form-Hypo .Results .Item .BankName .Image{height:30px;float:right;padding-right:10px;} .Form-Hypo .Results .Item .BankName .Image img{max-height:100%;} .Form-Hypo .Results .Item .ProductName{color:#353d40;font-weight:600;font-size:20px;display:block;position:relative;z-index:2;height:55px;line-height:25px;} .Form-Hypo .Results .Item .ProductName span{background:#fff;padding-right:10px;} .Form-Hypo .Results .Item .Line{border-bottom:1px solid #dee7eb!important;display:block!important;position:relative!important;top:-15px!important;z-index:1!important;} .Form-Hypo .Results .Item .BankBlock{display:inline-block;vertical-align:top;width:49%;} .Form-Hypo .Results .Item .BankBlock span{color:#4f5b60;font-size:14px;margin-bottom:15px;display:block;} .Form-Hypo .Results .Item .BankBlock div{color:#353d40;font-size:22px;margin-bottom:30px;font-weight:bold;} .Form-Hypo .Results .Item .Divider{border-bottom:1px solid #c3ced3;margin:20px 0 30px 0;} .Form-Hypo .Results .Item button{background:url(/Grace/Theme/Design/Images/HypoBankItemButton.png);margin:0 25px;width:134px;height:65px;line-height:65px;float:left;transition:0.5s;font-weight:bold;color:#fff;font-size:17px;text-shadow:2px 2px 5px #525252;cursor:pointer;box-shadow:0 10px 20px #ababab;border-radius:2px;} .Form-Hypo .Results .Item button:hover{opacity:0.8;} .Form-Hypo .Results .Item .MoreInfoBank{color:#4f5b60;font-size:18px;font-weight:600;line-height:65px;} .Form-Hypo .Results .Item .MoreInfoBank::after{background: url(/Grace/Theme/Design/Images/CrumbsHypoAfter.png);display: inline-block;content: '';margin: 0 4px 0 8px;height:11px;width:8px;} .Results .Blur::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:10;} .Results .TextBlock{text-align:center;width:100%;margin-left:-25px;position:absolute;top: 50%;transform: translateY(-50%);color:#fff;font-size:18px;z-index:20;} .Results .Blur{filter: blur(4px);-webkit-filter: blur(4px);} .SMSUnlockedHead{padding:30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;} .SMSUnlockedHead .HypoCalcurator{font-weight:600;color:#353d40;font-size:20px;} .SMSUnlockedHead .HypoCalcurator::before{content:"";background:url(/Grace/Theme/Design/Images/HypoCalculatorIcon.png);width:22px;height:28px;display:inline-block;vertical-align:middle;margin-right:20px;margin-bottom:10px;} .SMSUnlockedHead .Back{float:right;color: #4f5b60;font-size: 16px;margin-top:5px;cursor:pointer;} .SMSUnlockedHead .Back:hover{text-decoration:underline;} .SMSUnlockedHead .Back::after{background:url(/Grace/Theme/Design/Images/HypoPencil.png);content:"";display:inline-block;vertical-align:middle;width:22px;height:22px;margin-left:10px;margin-top:-3px;} .Hypo-ThankYou{padding:30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;margin-bottom:30px;} .Hypo-ThankYou .SuccessLogoHypo{font-weight:600;color:#353d40;font-size:18px;} .Hypo-ThankYou .SuccessLogoHypo::before{content:"";background:url(/Grace/Theme/Design/Images/SuccessLogoHypo.png);width:33px;height:34px;display:inline-block;vertical-align:middle;margin-right:20px;margin-top:-6px;} .Hypo-ThankYou .BackTo{float:right;color: #4f5b60;font-size: 16px;margin-top:5px;text-decoration:none;} .Hypo-ThankYou .BackTo:hover{text-decoration:underline;} .Hypo-ThankYou .BackTo::before{background:url(/Grace/Theme/Design/Images/BackToIcon.png);content:"";display:inline-block;vertical-align:middle;width:19px;height:24px;margin-right:10px;margin-top:-3px;} .HypoCustomersTips{text-align:center;margin-bottom:35px;} .HypoCustomersTips .Heading{margin-bottom:15px;font-size:18px;color:#4f5b60;text-align:center;width:100%;} .HypoCustomersTips .InfoBlocks{} .HypoCustomersTips .InfoBlock.First{border-left:0;} .HypoCustomersTips .InfoBlock.First::after{width:50px;height:50px;border-radius:50%;background:#71a41d url(/Grace/Theme/Design/Images/Arrow-right-Hypo.png) center center no-repeat;border:5px solid #e4e9eb;content:"";position:absolute;right:-34px;top:20px;z-index:2;} .HypoCustomersTips .InfoBlock.Second::after{width:50px;height:50px;border-radius:50%;background:#71a41d url(/Grace/Theme/Design/Images/Arrow-right-Hypo.png) center center no-repeat;border:5px solid #e4e9eb;content:"";position:absolute;right:-34px;top:20px;z-index:2;} .HypoCustomersTips .InfoBlock.Third{border-right:0;} .HypoCustomersTips .InfoBlock{position:relative;float:left;width:33.333%;background:#fff;min-height:210px;padding:30px 50px 0 75px;border-bottom:1px solid #eeeff0;border-right:1px solid #dee7eb;border-left:5px solid #f3f6f7;text-align:left;font-family:'Roboto';} .HypoCustomersTips .InfoBlock .TextInfo{color:#4f5b60;font-size:16px;line-height:24px;} .HypoCustomersTips .InfoBlock h2 .green{color:#71a41d;font-size:18px;} .HypoCustomersTips .InfoBlock h2{font-weight:500;color:#353d40;font-size:18px;text-transform:initial;font-weight:800;} .HypoCustomersTips .AuthorsOpinions{border-top:5px solid #f0f3f5;position:relative;height:110px;background:#f8f9fa;padding-right:25px;text-align:left;} .HypoCustomersTips .AuthorsOpinions::after{position:absolute;width:8px;height:calc(100% + 5px);top:-5px;left:0;background:linear-gradient(#a8c300, #4f9130);content:"";} .HypoCustomersTips .AuthorsOpinions .Left{width:85px;margin-left:55px;display:inline-block;vertical-align:middle;} .HypoCustomersTips .AuthorsOpinions .Right{width:100%;max-width:850px;margin-left:25px;display:inline-block;vertical-align:middle;margin-top:3px;} .HypoCustomersTips .AuthorsOpinions .Right .TextBlockAuthor{font-size:16px;color:#4f5b60;margin-bottom:7px;} .HypoCustomersTips .AuthorsOpinions .Right .Post{font-size:13px;font-weight:600;color:#000;} .HypoCustomersTips .AuthorsOpinions .Right .Post div{display:inline;} .HypoCustomersTips .AuthorsOpinions .Right .Post a{text-decoration:underline;color:#2968ba;} .HypoCustomersTips .AuthorsOpinions .Right .Post a:hover{text-decoration:none;} .HypoCustomersTips .AuthorsOpinions .Left .PortraitBG{background:url(/Grace/Theme/Design/Images/HypoPortraitBG.png) no-repeat;width:75px;height:77px;background-size:contain;position:relative;margin-top:5px;} .HypoCustomersTips .AuthorsOpinions .Left .PortraitBG::before{content:"";background:url(/Grace/Theme/Design/Images/quote-authors.png);position:absolute;right:-3px;top:0px;width:28px;height:28px;z-index:2;} .HypoCustomersTips .AuthorsOpinions .Left .Image{position: absolute;top: 6px;width: 56px;height: 56px;left: 50%;right: 50%;margin-left: -30px;border-radius: 50%;} .HypoCustomersTips .AuthorsOpinions .Carousel {position: relative;top: 50%;transform: translateY(-50%);} .HypoCustomersTips .AuthorsOpinions .Carousel .Arrow{display:none;} .Hypo-Refs{text-align:center;margin-bottom:35px;} .Hypo-Refs .Heading{margin-bottom:15px;font-size:18px;color:#4f5b60;} .Hypo-Refs .Hypo-Refs-Block{background:#f2f4f5;border-radius:2px;border:1px solid #dbe0e2;box-shadow:0px 1px 3px #eaeaea;height:230px;} .Hypo-Refs .Carousel .Arrow.Prev{width:30px;height:60px;background:rgb(219, 224, 226);border-radius:0 5px 5px 0;line-height:60px;margin-top:85px;} .Hypo-Refs .Carousel .Arrow.Prev:hover{background:rgb(128, 128, 128);} .Hypo-Refs .Carousel .Arrow.Prev::after{font-size:25px;content:"\f104";display:block;font-family:fontAwesome;color:#fff;} .Hypo-Refs .Carousel .Arrow.Next{width:30px;height:60px;background:rgb(219, 224, 226);border-radius:5px 0 0 5px;line-height:60px;margin-top:85px;} .Hypo-Refs .Carousel .Arrow.Next:hover{background:rgb(128, 128, 128);} .Hypo-Refs .Carousel .Arrow.Next::after{font-size:25px;content:"\f105";display:block;font-family:fontAwesome;color:#fff;} .Hypo-Refs .Hypo-Refs-Block .ItemCarousel{float:left;width:50%;padding:30px 30px 0 30px;height:228px;overflow:hidden;} .Hypo-Refs .Hypo-Refs-Block .ItemCarousel:first-of-type{border-right:1px solid #dee7eb;} .Hypo-Refs .Hypo-Refs-Block .ItemCarousel:last-of-type{border-left:5px solid #edf0f2;} .Hypo-Refs .Hypo-Refs-Block .Image-block{display:inline-block;vertical-align:top;width:120px;margin-right:25px;} .Hypo-Refs .Hypo-Refs-Block .Text-block{display:inline-block;vertical-align:top;width:380px;text-align:left;} .Hypo-Refs .Hypo-Refs-Block .Text-block p:empty{display:none;} .Hypo-Refs .Hypo-Refs-Block .Text-block.HypoNameRefs{font-size:14px;color:#353d40;} .Hypo-Refs .Hypo-Refs-Block .Text-block p{font-size:16px;color:#4f5b60;margin-bottom:25px;} .Hypo-Refs .Hypo-Refs-Block .Text-block.HypoSmallText p{font-size:14px;color:#4f5b60;margin-bottom:10px;line-height:16px;} .Hypo-Refs .Hypo-Refs-Block .Text-block.HypoSmallText2 p{font-size:14px;color:#4f5b60;margin-bottom:25px;} .Hypo-Refs .Hypo-Refs-Block .Image-block .PortraitBG{background:url(/Grace/Theme/Design/Images/HypoPortraitBG.png);width:107px;height:115px;position:relative;} .Hypo-Refs .Hypo-Refs-Block .Image-block .PortraitBG .Image{position: absolute;top: 9px;width: 85px;height: 85px;left: 50%;right: 50%;margin-left: -42.5px;border-radius: 50%;} .HypoFoot#Foot{width:100%;padding:0;} .HypoFoot #FootTop{background:#fff;height:110px;line-height:110px;} .HypoFoot #FootBottom{background:#efefef;padding:20px 0;} .HypoFoot#Foot nav{margin-bottom:0;} .HypoFoot#Foot nav li a{color:#353d40;margin-right:20px;font-size:14px;} .HypoFoot#Foot nav li a::after{display:none;} .HypoFoot#Foot nav li a::before{background: url(/Grace/Theme/Design/Images/CrumbsHypoAfter.png);display: inline-block;content: '';margin: 0 4px 0 8px;height: 11px;width: 8px;margin-right: 6px;} .HypoFoot#Foot .FootLeft{float:left;font-size:13px;color:#4f5b60;font-weight:600;} .HypoFoot#Foot .FootLeft a{font-weight:600;margin-right:100px;font-size:15px;} .HypoFoot#Foot .FootRight{float:right;font-size:13px;color:#4f5b60;font-weight:600;} .Hypo-Logos{text-align:center;margin-bottom:35px;} .Hypo-Logos .Heading{margin-bottom:15px;font-size:18px;color:#4f5b60;} .Hypo-Logos .Logos-bg{background:#fff;border-radius:2px;border:1px solid #dbe0e2;box-shadow:0px 1px 3px #eaeaea;padding:30px 0 0 0;} .Hypo-Logos .Logos-bg .Image{max-width:100px;display:inline-block;vertical-align:middle;margin:0 15px 20px 15px;height:40px;line-height:40px;} .Only-hypo .Hypo-Logos .Logos-bg .Image{max-width:140px;} .Hypo-Logos .Logos-bg .Image img{max-height:100%;} h2.QuestionsArticlesHypo{color:#353d40;font-size:18px;text-transform:initial;margin-bottom:25px;} h2.ArticlesHypo{color:#353d40;font-size:18px;text-transform:initial;margin-bottom:25px;} h2.QuestionsArticlesHypo div{display:inline-block;} h2.ArticlesHypo div{display:inline-block;} .QuestionsArticlesHypo::before{width:21px;height:24px;background:url(/Grace/Theme/Design/Images/QuestionsArticlesHypo.png);content:"";display:inline-block;margin-right:7px;top: 4px;position: relative} .ArticlesHypo::before{width:22px;height:23px;background:url(/Grace/Theme/Design/Images/ArticlesHypoIcon.png);content:"";display:inline-block;margin-right:7px;top: 4px;position: relative} .HypoArticles .ArticlesItems .Item{background:#fff;margin-bottom:25px;padding:25px 35px!important;margin-right:15px;transition:0.5s;border-radius:2px;} .HypoArticles .ArticlesItems .Item:hover{background:#fff;box-shadow:0px 5px 10px #d2d2d2;} .HypoArticles .ArticlesItems .Item .Image{width:170px!important;height:auto!important;margin-bottom:10px!important;margin-right:20px;} .HypoArticles .ArticlesItems .Item h3 a{font-size:20px!important;color:#353d40;text-transform:initial;margin-bottom:7px;display:block;} .HypoArticles .ArticlesItems .Item .MoreInfoArticle{font-size:16px;color:#4f5b60;margin-bottom:25px;} .HypoArticles .ArticlesItems .Item .Author{display:inline-block!important;} .HypoArticles .ArticlesItems .Item .MoreInfoArticle a{color:#000;font-weight:600;} .HypoArticles .ArticlesItems .Item .MoreInfoArticle a:hover{text-decoration:unrderline;} .HypoArticles .ArticlesItems .Item .Description .LimitSubstrHypo{font-size:16px;color:#353d40;} .HypoArticles .ArticlesItems .Item .Description .MsoNormal{font-size:16px;color:#353d40;line-height:22px;} .HypoArticles .ArticlesItems .Item .Description p{font-size:16px!important;color:#353d40!important;line-height:22px!important;} .HypoArticles .ArticlesItems .Item .Description a{display:block;font-size:16px!important;color:#2968ba;text-decoration:underline;margin:7px 0;font-weight:600;} .HypoArticles .ArticlesItems .Item .Description a.Readmore::after{content:" › ";} .HypoArticles .ArticlesItems .Item .Description a.Readmore:hover{text-decoration:none;} .MoreArticlesHypo{cursor: pointer;margin: 0 auto 0 auto;font-size: 16px;display: block;color: #4f5b60;background: #fff;height: 65px;line-height: 65px;padding: 0px 15px;box-shadow: -5px -2px 15px #eaeaea;border-radius: 2px 2px 6px 6px;border-bottom: 4px solid #ecf0f1;position: relative;z-index: 2;font-weight: 600;display:inline-block;} .HypoArticles .Line{border-bottom:1px solid #c3ced3;margin-top:-30px;} .HypoArticles .PositionArticlesandConsulting .BottomMore{text-align:center;padding-left:0;} .HypoArticles .ConsultingItems .Item {margin-top:-13px;margin-bottom:15px!important;border-radius:2px;transition:0.5s;} .HypoArticles .ConsultingItems .Item:hover{box-shadow:0px 5px 10px #d2d2d2;} .HypoArticles .ConsultingItems .Item .Data:first-of-type{background:#fff;padding:25px;border-radius:2px 2px 0 0;} .HypoArticles .ConsultingItems .Item .Data:last-of-type{background:#f2f4f5;padding:25px;border-radius:0 0 2px 2px;border-top:4px solid #edf0f2;} .HypoArticles .ConsultingItems .Item .Data h3 a{font-size:20px;color:#000;font-weight:600;} .HypoArticles .ConsultingItems .Item .Data .Date{font-size:14px;color:#4f5b60;margin-bottom:25px;} .HypoArticles .ConsultingItems .Item .Data .Datesecond{font-size:12px;color:#4f5b60;margin-bottom:25px;} .HypoArticles .ConsultingItems .Item .Data .AnswerLast::before{display:none;} .HypoArticles .ConsultingItems .Item .Data .AnswerLast .ButtonBox{display:none;} .HypoArticles .ConsultingItems .Item .Data .AnswerLast{height:100px;} .HypoArticles .ConsultingItems .Item .Data .AnswerLast p{font-size:16px;line-height:24px;} .HypoArticles .ConsultingItems .Item .Data .Description{height:45px;} .HypoArticles .ConsultingItems .Item .Data .Description p{font-size:16px;color:#353d40;margin-bottom:10px;line-height:22px;} .HypoArticles .ConsultingItems .Item .faceBG{background: url(/Grace/Theme/Design/Images/HypoPortraitBG.png) no-repeat;width: 107px;height: 160px;position: relative;float:left;margin:25px 15px 0 10px;} .HypoArticles .ConsultingItems .Item .Initials{width: 85px!important;position: absolute;height: 85px!important;top: 9px;left: 50%;margin-left: -42.5px;border:0;} .HypoArticles .ConsultingItems .Item .ReadMoreHypo{text-decoration:underline;color:#2968ba;font-weight:600;display:block;font-size:16px;margin:7px 0;} .HypoArticles .ConsultingItems .Item .ReadMoreHypo::after{content:" › ";} .HypoArticles .ConsultingItems .Item .ReadMoreHypo:hover{text-decoration:none;} .HypoClear{display:none;} /* Hypo-Form Responsive */ @media (max-width: 1200px) { .Hypo-Container{padding:0 10px;} .Hypo .TopHypo .Form-Hypo{text-align:center;} .Form-Hypo .Item{text-align:left;} .Form-Hypo .ContactInfoRequired{display:none!important;} .Hypo-Refs .Hypo-Refs-Block .ItemCarousel{width:100%;border:none;} .Hypo-Refs .Hypo-Refs-Block{height:auto;} .Hypo-Refs .Hypo-Refs-Block .ItemCarousel{height:auto;display:block;float:none;border-bottom:0;padding:15px 0;} .Hypo-Refs .Carousel .Arrow{position: absolute;top: 50%;transform: translateY(-50%);margin-top:0!important;bottom:initial!important;} .Hypo-Refs .Heading, .Hypo-Logos .Heading{padding:10px;} .HypoFoot #FootTop{padding:0 10px;text-align:center;} .HypoFoot#Foot nav{display:block;width:100%;} .HypoFoot #FootTop{height:auto;text-align:center;line-height:65px;;} .HypoFoot#Foot .FootLogo{float:none;text-align:center;margin-bottom:0;} .HypoFoot#Foot nav{line-height:25px;margin:20px 0;} .HypoFoot#Foot nav li{float:none;display:inline-block;line-height:25px;} .HypoFoot#Foot .FootLeft{float:none;text-align:center;} .HypoFoot#Foot .FootRight{float:none;text-align:center;} .HypoFoot #FootBottom{text-align:center;} .HypoFoot#Foot .FootLeft a{margin-right:10px;} .SMSConfirmBody form{text-align:center;} .SMSConfirmLockIcon .Back{float:none;} .Form-Hypo .Results .Item{width:32%;margin:5px;} .Form-Hypo .Results .Item .BankName .Image{position:absolute;top:5px;right:5px;} .Form-Hypo .Results .Item .BankName{height:35px;overflow:hidden;} .Form-Hypo .Results .Item .ProductName{overflow:hidden;} .Form-Hypo .Results .Item .MoreInfoBank{font-size:14px;} .Form-Hypo .Results .Item .BankBlock div{font-size:20px;} .Form-Hypo .Results .Item .MoreInfoBank::before{display:none;} } @media (max-width: 1070px) { .Form-Hypo .Results{padding:5px;} .HypoCustomersTips .InfoBlock{min-height:270px;} .HypoCustomersTips .AuthorsOpinions .Right{max-width:70%;} .HypoCustomersTips .AuthorsOpinions{height:185px;} } @media (max-width: 1020px) { .Form-Hypo .Results .Item{display:inline-block!important;width:49%;} .Hypo-ThankYou .BackTo{display:block;float:none;} } @media (max-width: 1015px) { .Form-Hypo .Item{display:block;width:100%;margin:10px auto;margin-right:auto!important;margin-left:auto!important;} .Form-Hypo .Item.LTV{text-align:center;} .Form-Hypo .Item input[type="text"]{width:89%;} .Form-Hypo .Item.Worth{width:100%;} .Form-Hypo .Item.Loan{width:100%;} .Form-Hypo .Item.Maturity{width:100%;} .Form-Hypo .Item.Fixation{width:100%;} .Form-Hypo .Item.Fixation select{right:0;left:initial;width:100%;} .Form-Hypo .Item.Namehypo{width:100%;} .Form-Hypo .Item.Maturity input[type="text"]{width:85%;} .Form-Hypo .Item.Telhypo{width:100%;} .SMSConfirmLockIcon .Back{float:none;display:block;margin-top:10px;} .SMSConfirmLockIcon{font-size:16px;} .Results .TextBlock{padding:10px;} .Results .TextBlock{margin-left:0;} } @media (max-width: 999px) { .HypoArticles .ArticlesItems .Item{margin-right:0;} .QuestionsArticlesHypo, h2.ArticlesHypo{text-align:center;} } @media (max-width: 950px) { .HypoCustomersTips .InfoBlock{width: 100%;border-left: 0;border-right: 0;border-bottom: 3px solid #eeeff0;min-height: 0;padding: 20px 25px;} .HypoCustomersTips .InfoBlock.First::after{display:none;} .HypoCustomersTips .InfoBlock.Second::after{display:none;} } @media (max-width: 800px) { .Hypo .LeadForm .Purpose{text-align:left;} .Hypo .LeadForm .Purpose label{display:block;} .Hypo .LeadForm .Purpose label:last-of-type{margin-right:50px;} .Hypo .LeadForm .Purpose .icon-help .help-text, .Hypo .LTVHover .help-text{left:initial;right:35px;width:200px;white-space:normal;} .Hypo .LeadForm .Purpose .icon-help .help-text::after, .Hypo .LTVHover .help-text::after{left:initial;right:-10px;border-left:10px solid rgba(36, 102, 189, 0.90);border-right:0;} .Hypo .icon-help.Last .help-text::before {position: absolute;content: "";top: 50%;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left:10px solid rgba(36, 102, 189, 0.90);right:-10px;left:initial;margin-top:-10px;} .Hypo .icon-help.Last .help-text::after{display:none;} .hypo-agree label{white-space:normal!important;} .HypoFoot#Foot nav li{display:block;} .HypoFoot#Foot nav li a{margin-left:0;margin-bottom:5px;padding-left:0;} .HypoFoot #FootTop{line-height:50px;padding-bottom:1px;} .SMSUnlockedHead .Back{float:none;display:block;margin-top:10px;} } @media (max-width: 700px) { .Form-Hypo .Results .Item{display:inline-block!important;width:98%;} .Form-Hypo .Item.LTV div{margin-top:0;} .Form-Hypo .Item.Worth, .Form-Hypo .Item.Loan,.Form-Hypo .Item.Maturity, .Form-Hypo .Item.Maturity, .Form-Hypo .Item.Namehypo{padding:10px;height:75px;} /*.ComparisonFormWhole .Form-Hypo .Item.Fixation select, .ComparisonFormWhole .Form-Hypo .Item.Fixation, .ComparisonFormWhole .Form-Hypo .Item.Telhypo {height: 75px;} .ComparisonFormWhole .Form-Hypo .Item.Fixation select {background-size:auto 100%;} .ComparisonFormWhole .Form-Hypo .Item.Fixation {padding:10px;}*/ .Form-Hypo .Item.LTV{height:75px;padding:0;margin-bottom:0;} .Hypo .TopHypo .Form-Hypo{padding:0 10px 10px 10px;} .SMSConfirmBody .Form-Hypo .Item.SMShypo{height:100px;} .HypoCustomersTips .AuthorsOpinions .Left{margin-left:25px;} .HypoCustomersTips .AuthorsOpinions .Right{max-width:75%;margin-left:15px;} .Only-hypo h1{font-size:24px;margin-top:20px;} } @media (max-width: 560px) { .Hypo-Refs .Hypo-Refs-Block .ItemCarousel{text-align:center;} .Hypo-Refs .Hypo-Refs-Block .Text-block{width:100%;padding:0 15px;text-align:center;} .Hypo-Refs .Hypo-Refs-Block .Image-block{margin-right:0;} .Hypo-Refs .Hypo-Refs-Block .Image-block{width:100px;} .Hypo-Refs .Hypo-Refs-Block .ItemCarousel:last-of-type{border-left:none;} .Hypo-Refs .Hypo-Refs-Block .ItemCarousel:first-of-type{border-right:none;} .Item.Telhypo{white-space:normal;} .HypoArticles .ArticlesItems .Item .Image{float:none;display:block;margin:auto;} .HypoArticles .ArticlesItems .Item .Data{float:none;display:block;margin:auto;text-align:center;margin-right:0;} .HypoArticles .ArticlesItems .Item .Data h3{text-align:center;} .HypoCustomersTips .AuthorsOpinions .Left{vertical-align:top;} .HypoCustomersTips .AuthorsOpinions .Right{max-width:65%;} .HypoCustomersTips .AuthorsOpinions{height:235px;} } @media (max-width: 450px) { .HypoCustomersTips .AuthorsOpinions .Right{max-width:55%;} .HypoCustomersTips .AuthorsOpinions{height:325px;} .HypoCustomersTips .AuthorsOpinions .Right .TextBlockAuthor{line-height: 19px;font-size: 12px} } @media (max-width: 345px) { .HypoCustomersTips .AuthorsOpinions .Right{max-width:50%;} .HypoCustomersTips .AuthorsOpinions{height:370px;} } /* ADDED STYLES FOR NEW DESIGNED FORMS */ .ComparisonFormWhole .LeadForm{padding:0;background:none;} .ComparisonFormWhole {} .ComparisonFormWhole .ComparisonForm{background:#f5f5f5;} .ComparisonFormWhole .ComparisonForm .HeadBlock{padding:20px;} .ComparisonFormWhole .ComparisonForm .HeadBlock h1{float:left;max-width:550px;width:100%;margin-bottom:0;} .ComparisonFormWhole .ComparisonForm .HeadBlock h1 .SubTitle{text-transform:initial;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock{float:right;max-width:400px;width:100%;text-align:right;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a{background:#fff;border:5px solid #698e4b;display:inline-block;color:#698b4e;height:55px;line-height:46px;font-weight:600;cursor:pointer;text-align:left;font-size:17px;padding-right:70px;position:relative;padding-left:20px;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a:hover{background:#698e4b;color:#fff;text-decoration:none;} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a::after{content:"";background:url(/Grace/Theme/Design/Images/form-house-keys-icon.png);position:absolute;right:15px;top:-4px;display:block;width:39px;height:43px} .ComparisonFormWhole .ComparisonForm .HeadBlock .OpenMortgageFormBlock a:hover::after{background:url(/Grace/Theme/Design/Images/form-house-keys-icon-hover.png);} /* ADDED STYLES FOR NEW MOBILE VIEW */ .Form-Hypo .Item.PurposeSelect {display:none;height:100px;width:100%;position:relative;padding:20px 12px;} .Form-Hypo .Item.PurposeSelect select{position:absolute;z-index:6;-webkit-appearance:none;appearance:none;-moz-appearance:none;width:100%;height:98px;font-weight:normal;position:absolute;top:0;left:0;background:url(/Grace/Theme/Design/Images/HypoFormSelect.png) no-repeat center right;cursor:pointer;padding:23px 0px 0 15px;color: #353d40;font-weight: 600;font-size:22px;outline:none;} .Form-Hypo .Item.PurposeSelect select option{font-size: 24px;color: #353d40;font-weight:600;} .FormHypo .LabelCauseSelect{position: absolute;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;} .MobileSubmit{display:none;} .InfoBlockHypo{display:none;margin:35px 0 155px 0;} .InfoBlockHypo .Smaller{font-family:'Roboto';font-weight:900;font-size:18px;margin-bottom:10px;color:#353d40;} .InfoBlockHypo .Bigger{font-family:'Roboto';font-weight:900;font-size:36px;color:#353d40;} .Form-Hypo .LTVInfoMobile{display:none;position:absolute;height:100%;width:calc(100% + 22px);top:0;left:-10px;background: rgba(0, 0, 0, 0.90);z-index: 105;} .Form-Hypo .LTVInfoMobile::after{display:none;} .Form-Hypo .LTVInfoMobile .InfoBoxLTV{text-align:center;font-family:"Roboto";color:#fff;font-size:16px;line-height:22px;font-weight:400;position:absolute;top:120px;border:1px solid #777;border-radius:0px;padding:65px 20px 30px 20px;margin:0 35px;left:0;right:0;text-shadow:0 3px 6px #1f1f1f;} .Form-Hypo .LTVInfoMobile .InfoBoxLTV::before{content:"";background:url(/Grace/Theme/Design/Images/LTV-infoIcon-RS.png);width:101px;height:106px;position:absolute;left:0;right:0;margin:auto;top:-55px;} .Form-Hypo .LTVInfoMobile .InfoBoxLTV strong{font-size:16px;font-weight: 500;display:block;text-transform:uppercase;margin-bottom:10px;} .Form-Hypo .LTVInfoMobile .CloseLTVInfoMobile{text-align:center;position: absolute;left:0;right:0;margin:auto;bottom: -50px;font-size:16px;font-weight: 500;color:#cacccd;margin-top:40px;} .Form-Hypo .LTVInfoMobile .CloseLTVInfoMobile::before{display:inline-block;margin-right:10px;content:"";background:url(/Grace/Theme/Design/Images/CloseIconMobileLTVRS.png);width:12px;height:12px;background-size:contain;} .Form-Hypo .ContactInfoRequired1{display:none;position:absolute;height:100%;width:calc(100% + 22px);top:0;left:-10px;background:rgba(199, 7, 8, 0.85);z-index:100;} .Form-Hypo .ContactInfoRequired1::after{display:none;} .Form-Hypo .ContactInfoRequired1 .ErrorInfoBox1{text-align:center;color:#fff;font-size:14px;font-weight: 600;position:absolute;top:10px;border:1px solid #fff;border-radius:3px;padding:30px 0 15px 0;margin:0 35px;left:0;right:0;text-shadow:0 3px 6px #1f1f1f;background:rgba(136, 1, 1, 0.50);} .Form-Hypo .ContactInfoRequired1 .ErrorInfoBox1::before{content:"";background:url(/Grace/Theme/Design/Images/RealAlertIcon.png);width:67px;height:70px;background-size: contain;position:absolute;left:0;right:0;margin:auto;top:-40px;} .Form-Hypo .ContactInfoRequired1 .ErrorInfoBox1 strong{font-size:22px;display:block;margin-top:5px;} .SMSConfirmHead.Mobile{display:none;} /*.SMSConfirmForm .SMSConfirmHead{padding:30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;} .SMSConfirmLockIcon{font-size:18px;color:#4f5b60;} .SMSConfirmLockIcon::before{width:34px;height:33px;content:"";background:url(/Grace/Themes/Banky/Design/Images/ComparisonFormWholeLock.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:10px;position: relative;top: -3px;} .SMSConfirmLockIcon .green{font-weight:600;color:#58962c;} .SMSConfirmLockIcon .Back{float:right;color: #4f5b60;font-size: 16px;margin-top:5px;cursor:pointer;} .SMSConfirmLockIcon .Back:hover{text-decoration:underline;} .SMSConfirmLockIcon .Back::after{background:url(/Grace/Theme/Design/Images/ComparisonFormWholePencil.png);content:"";display:inline-block;vertical-align:middle;width:22px;height:22px;margin-left:10px;margin-top:-3px;}*/ .OnlyMobileHypo{display:none!important;} .HypoButtonStep2 .Submit .SubmitMobileExtra{display:none;} @media (max-width: 640px) { .DesktopOnlyHypo{display:none!important;} .OnlyMobileHypo{display:block!important;} .HypoClear{display:inline-block;} .SMSConfirmHead.Desktop{display:none;} .SMSConfirmHead.Mobile{display:block;} .InfoBlockHypo{display:block;} .Hypo .icon-help:hover .help-text, .Hypo .LTVHover:hover .help-text{display:none!important;} .Hypo .icon-help.LTVhelp{display:none;} .Form-Hypo .Item.LTV{margin-top:22px;} .Form-Hypo .Item.LTV a{display:inline-block;vertical-align:middle;font-size:0px;background:url(/Grace/Theme/Design/Images/LTV-Icon-RS.png)center center no-repeat;width:58px;height:62px;} .Form-Hypo .Item.LTV div.Info{text-align:left;display:inline-block;vertical-align:middle;width:80px;margin-top:-4px;line-height:27px;padding-left:10px;} .Form-Hypo .LTVtitle{display:block;font-size: 16px;text-align: left;font-weight: 600;} .Form-Hypo{position:relative;} .Form-Hypo .Item.PurposeSelect{display:block;z-index:99;} .Form-Hypo .GreenSelectBg{height: 100%;width: calc(100% + 22px);top: 0;left: -10px;background: rgba(166, 206, 38, 0.83);z-index: 102;display: none;position: absolute;} .MobileSubmit{z-index:110;display:block;position:absolute;bottom:0;left: -11px;width: calc(100% + 22px);} .Form-Hypo .Confirm .MobileSubmit .Submit{text-align:center;padding-right: 20%;text-shadow: 0 2px 5px #565656;border-radius:0;margin-bottom:0;height:142px;line-height:142px;width:100%;background:url(/Grace/Theme/Design/Images/HypoSubmitRS.png)center right no-repeat;} .DesktopSubmit{display:none;} .Form-Hypo .Item.ActiveIndex{z-index:103;} .Hypo .LeadForm .Purpose{display:none;} .Hypo .TopHypo .Form-Hypo{padding:30px 20px;} .Form-Hypo .Item.Error{border:1px solid #c0c3c5;} .Form-Hypo .Item.Error span{color:#000;} .Form-Hypo .Item.hypo-agree.Error{z-index:101;} .Form-Hypo .Item.Loan{width:65%;float:left;} .Form-Hypo .Item.LTV{width:30%;float:right;} .Form-Hypo .Item.Maturity{width:48%;float:left;} .Form-Hypo .Item.Fixation{width:48%;float:right;} .Form-Hypo .Item.Maturity input[type="text"]{width:17%;} .Form-Hypo .Item > span{font-size:15px;margin-bottom:15px;} .Form-Hypo .Item.Telhypo > span{margin-bottom:0px;} .Form-Hypo .Confirm{width:100%;margin-left:0;} .Form-Hypo .hypo-agree.Item{text-align:center;} .Form-Hypo .Item.Telhypo select {font-size:20px;width:130px;background: url(/Grace/Theme/Design/Images/RealTelSelectMini.png)center right no-repeat;} .Form-Hypo .PrettyCheckbox:checked::after, .Form-Hypo .PrettyCheckbox.FFFix:checked+span::after{margin-right:10px;width:54px;height:54px;background:url(/Grace/Theme/Design/Images/HypoCheckboxCheckedRS.png);background-size:contain;} .Form-Hypo .PrettyCheckbox::after, .Form-Hypo .PrettyCheckbox+span::after{margin-right:10px;width:54px;height:54px;background:url(/Grace/Theme/Design/Images/HypoCheckboxRS.png);background-size:contain;} .Form-Hypo .Item.Fixation > span{margin-top:-8px;} .Form-Hypo .Item.Worth, .Form-Hypo .Item.Fixation, .Form-Hypo .Item.Loan, .Form-Hypo .Item.Maturity, .Form-Hypo .Item.Maturity, .Form-Hypo .Item.Namehypo, .Form-Hypo .Item.Telhypo{height:100px;z-index:101;position:relative;} .Form-Hypo .SMSConfirmLockIcon input{font-size: 40px;width:35px!important;height:35px!important;margin:0 0px;font-size:20px;border-radius:3px;border:1px solid #c0c3c5!important;display:inline-block;padding:0!important;text-align:center;} .Form-Hypo .BackToFormMobile{font-size: 18px;color:#cacccd;} .Form-Hypo .BackToFormMobile:hover{text-decoration:underline;} .Form-Hypo .BackToFormMobile::before{font-family:fontAwesome;content:"\f104";display:inline-block;margin-right: 7px;font-size: 16px;} .Form-Hypo .CodeSentAgain{margin-bottom:20px;width:99%;background-color:#629b26;} .Form-Hypo .SMSConfirmForm{height:100%;width:calc(100% + 22px);top:0;left:-10px;background:rgba(0, 0, 0, 0.80);z-index:110;position:absolute;} .Form-Hypo .SMSConfirmForm .SMSConfirmBody{background:none;border-radius:0;padding:0;} .Form-Hypo .SMSConfirmForm .SMSConfirmHead{background:none;box-shadow:none;border:0;} .Form-Hypo .SMSConfirmForm .SMSConfirmHead .SMSConfirmLockIcon{border: 1px solid #fff;padding: 60px 20px 30px 20px;position:relative;margin-top:60px;color:#fff;font-weight: 400;font-size:18px;line-height:30px;text-align:center;} .Form-Hypo .SMSConfirmForm .SMSConfirmHead .SMSConfirmLockIcon strong{font-weight: 400;} .Form-Hypo .SMSConfirmForm .SMSConfirmHead .SMSConfirmLockIcon .green{font-weight: 900;color:#fff;text-transform:uppercase;display:block;letter-spacing:2px;} .Form-Hypo .SMSConfirmForm .SMSConfirmHead .SMSConfirmLockIcon::before{background:url(/Grace/Theme/Design/Images/RealUnlockIcon.png);width:101px;height:106px;position:absolute;top:-60px;left:0;right:0;margin:auto;} .Form-Hypo .SMSConfirmForm .BoxInnerSMS{margin-bottom:25px;} .Form-Hypo .SMSConfirmLockIcon .Back{display:none;} .Form-Hypo .SendAgainBlock{width:100%;} .Form-Hypo .SendAgainBlock button{margin-right:0!important;width:100%!important;color:#fff!important;} .Form-Hypo .SMSUnlockedHead{box-shadow:none;} .SMSConfirmForm .SMSConfirmHead{padding:20px 0 25px 0;} .SMSConfirmForm .SMShypo{display:none!important;} .SMSConfirmForm .Back.OnlyMobileHypo{color: #cacccd;text-align: center;width: 100%;margin-bottom: 20px;} .HypoButtonStep2{z-index:110;display:block;position:absolute;left: -22px;width: calc(100% + 22px);} .HypoButtonStep2 .Submit{text-align:center;padding-right: 20%;text-shadow: 0 2px 5px #565656;border-radius:0;margin-bottom:0;height:142px;line-height:142px;width:100%;background:url(/Grace/Theme/Design/Images/HypoSubmitRS.png)center right no-repeat;} .Form-Hypo .SMSConfirmBody .MobileChangeText{font-weight: 900;color:#fff;text-transform:uppercase;display:block;letter-spacing:2px;font-size:18px;margin-bottom:15px;} .Hypo-ThankYou{background:#f3f6f7;text-align:center;} .Hypo-ThankYou .LastPostsReal > h3{font-size:18px;font-weight: 900;margin-top:35px;text-transform:uppercase;color:#353d40;margin-bottom:20px;} .Hypo-ThankYou .Item{border:0!important;margin-bottom:15px!important;padding:30px!important;} .Hypo-ThankYou .Item .Description{height:auto!important;} .Hypo-ThankYou .Item .LimitSubstrHypo{display:none;} .Hypo-ThankYou .Item .MoreInfoArticle{display:none;} .Hypo-ThankYou .Item h3{margin-top:0;text-align:left;margin-bottom:20px!important;} .Hypo-ThankYou .Item h3 a{font-size:20px!important;color:#353d40!important;line-height:26px!important;padding-right:10px;} .Hypo-ThankYou .Item h3 a::after{display:none;} .Hypo-ThankYou .Item .Image{float:right!important;width:200px!important;height:130px!important;margin-bottom:0!important;margin-right:0!important;margin-left:10px;} .Hypo-ThankYou .Item .Image::after{display:none;} .Hypo-ThankYou .Item a{font-size:18px!important;color:#4f5b60!important;} .Hypo-ThankYou .Item a::after{display:inline;content:"\f105";font-family:fontAwesome;font-size:12px;margin-left:6px;} .Hypo-ThankYou .BackTo{display:none;} .Hypo-ThankYou .SuccessLogoHypo{width:100%;text-align:center;font-size:26px;line-height:34px;} .Hypo-ThankYou .SuccessLogoHypo::before{background:url(/Grace/Theme/Design/Images/RealDoneIcon.png);width:107px;height:107px;margin: 0 auto 15px auto;display:block;} } @media (max-width: 540px) { .HypoButtonStep2 .Submit{padding-right:24%;font-size:20px;} .Form-Hypo .Confirm .MobileSubmit .Submit{padding-right:30%;} .Form-Hypo .Item.LTV{width:38%;} .Form-Hypo .Item.LTV div.Info{width:75px;} .Form-Hypo .Item.Loan{width:60%;} .Form-Hypo .Item input[type="text"]{width:85%;} .Form-Hypo .Item.LTV{height:98px;} .Form-Hypo .Confirm .MobileSubmit .Submit{font-size:20px;} } @media (max-width: 470px) { .HypoButtonStep2 .Submit{padding-right:28%;font-size:15px;} .Form-Hypo .Item.Maturity input[type="text"]{width:35%;} .Form-Hypo .Item.Maturity{width:35%;} .Form-Hypo .Item.Fixation{width:62%;} .Form-Hypo .PrettyCheckbox:checked::after, .Form-Hypo .PrettyCheckbox.FFFix:checked+span::after{margin-right:auto;} .Form-Hypo .Confirm .MobileSubmit .Submit{font-size:18px;padding-right:33%;} } @media (max-width: 440px) { .HypoButtonStep2 .Submit .SubmitOnly{display:none;} .HypoButtonStep2 .Submit .SubmitMobileExtra{display:block;} .HypoButtonStep2 .Submit{padding-right:39%;font-size:24px;} /*.Form-Hypo .Item.Loan{width:48%;}*/ .Form-Hypo .Item.Loan input[type="text"]{width:80%;} .Form-Hypo .Item.LTV div.Info{width:60px;} /*.Form-Hypo .Item.LTV{width:50%;}*/ .Form-Hypo .Item > span{font-size:12px;} .Form-Hypo .Confirm .MobileSubmit .Submit{font-size:16px;padding-right:35%;padding-left:0;} .Form-Hypo .Results .Back{font-size:12px;} .Form-Hypo .Results .Item button{width:120px;} .Hypo .TopHypo .Form-Hypo{padding:10px 15px;} .Form-Hypo .Item.PurposeSelect select{padding:16px 0px 0 10px;height:70px;background-size: 27%;font-size:22px;} .Form-Hypo .Item.PurposeSelect{padding:8px;height:72px;} .Form-Hypo .Item.Worth, .Form-Hypo .Item.Fixation, .Form-Hypo .Item.Loan, .Form-Hypo .Item.Maturity, .Form-Hypo .Item.Maturity, .Form-Hypo .Item.Namehypo, .Form-Hypo .Item.Telhypo, .Form-Hypo .Item.MaturityMobile{height:72px;padding:8px;z-index:101;} .Form-Hypo .Item > span{margin-bottom:5px;} .Form-Hypo .Item:not(.hypo-agree){margin-bottom:8px;} .Form-Hypo .Item.LTV{margin-top:0;margin-bottom:0;height:72px;padding-top:8px;} .Form-Hypo .Item.Maturity{display:none;} .Form-Hypo .Item.MaturityMobile select{height:70px;background-size:45%;width:100%;padding: 20px 0px 0 15px;font-size:22px;} .Form-Hypo .Item.MaturityMobile{width:48%;display:block;float:left;position:relative;} .Form-Hypo .Item.Fixation select{height:70px;background-size:45%;padding: 20px 0px 0 15px;} .Form-Hypo .Item.Fixation{width:48%;} .Only-hypo .Form-Hypo .Item.Fixation > span{margin-top:0;margin-left:0;} .Only-hypo .Form-Hypo .Item > span{font-size:12px;} .Form-Hypo .Item > span{font-size:12px;} .Form-Hypo .Item.Telhypo select{margin-top:-7px;} #FlagToDisplay, .FlagToDisplay{top:9px!important;left:4px!important;} .Form-Hypo .PrettyCheckbox:checked::after, .Form-Hypo .PrettyCheckbox.FFFix:checked+span::after{width:25px;height:25px;margin-right:4px;} .Form-Hypo .hypo-agree.Item{text-align:left;} .hypo-agree{font-size:11px;} .Form-Hypo .Item{margin:0 5px;} .InfoBlockHypo{margin:2px 0 83px 0} .InfoBlockHypo .Smaller{font-size:12px;margin-bottom:5px;} .InfoBlockHypo .Bigger{font-size:22px;} .Form-Hypo .Confirm .MobileSubmit .Submit{padding:0;background:url(/Grace/Theme/Design/Images/RealSubmitButtonMobileUpdated.png) center center;height:80px;line-height:80px;font-size:20px;} .Form-Hypo .ContactInfoRequired1 .ErrorInfoBox1{padding:25px 5px 8px 5px;margin:0 28px;font-size:12px;} .Form-Hypo .ContactInfoRequired1 .ErrorInfoBox1 strong{font-size:18px;} .HypoClear{display:initial;} .Form-Hypo .Item.LTV a{width:45px;background-size:contain;} } @media (max-width: 400px) { .Form-Hypo .Item.Maturity{width:38%;} .Form-Hypo .Item.Telhypo input[type="text"]{width:40%;font-size:18px;} } @media (max-width: 374px) { .Form-Hypo .Item.Maturity{width:100%;} .Form-Hypo .Item.Fixation{width:100%;} .Form-Hypo .Item.Loan{width:100%;} .Form-Hypo .Item.LTV{width:100%;} .Form-Hypo .Item.MaturityMobile{width:100%;} .Form-Hypo .Item.MaturityMobile select{background-size:27%;} .Form-Hypo .Item.Fixation select{background-size:27%;} } @media (max-width: 350px) { .Form-Hypo .Item.Telhypo input[type="text"]{margin-left:5px;width:40%;font-size:16px;} } @media (max-width: 330px) { .Form-Hypo .Item.Telhypo input[type="text"]{margin-left:5px;width:37%;font-size:14px;} } .LeadForm.InsuranceForm{background: #f8f9fa;border: 1px solid #f0f3f5;border-radius: 3px;padding: 0;} .LeadForm.InsuranceForm h2{text-transform:initial;font-size:22px;font-family: 'Roboto';font-style: normal;font-weight:normal;margin:0px 0px 15px 0px;color:#000;} .InsuranceForm .LineTop {padding: 20px 20px 0 20px;background: #fff;border-bottom: 5px solid #f0f3f5;margin-bottom: 25px;} .InsuranceForm .MainBlock{padding: 0px 20px 15px 20px;} .InsuranceForm .Left{max-width:50%;width:100%;float:left;} .InsuranceForm .Right{max-width:45%;width:100%;float:right;} .InsuranceForm .WhyWeItem{padding-bottom:25px;border-bottom:1px solid #dde7ea;} .InsuranceForm .WhyWeItem .Icon{background:url(/Grace/Theme/Design/Images/RealIcon.png);width:76px;height:76px;text-align:center;line-height:76px;display:inline-block;vertical-align:middle;margin-right:15px;} .InsuranceForm .WhyWeItem .Text{line-height:22px;display:inline-block;vertical-align:middle;width:200px;font-size:18px;color:#4f5b60;} .InsuranceForm .WhyWeItem .Text b{font-size: 19px;font-family: 'Roboto';font-style: normal;font-weight: 900;color:#000;} .InsuranceForm .WhyWeItem .Icon.First::after{background:url(/Grace/Theme/Design/Images/InsuranceIcon1.png);height:26px;width:46px;content:"";display:inline-block;vertical-align:middle;margin-left:3px;} .InsuranceForm .WantedItem input[type=radio]{ visibility: hidden;position: absolute;} .InsuranceForm .WantedItem input[type=radio] + .WantedImage{cursor:pointer;} .InsuranceForm .WantedItem input[type=radio]:checked + .WantedImage{border:1px solid #2968ba;background:#2968ba;color:#fff;border-radius:5px 6px 0 0;border-bottom:0;} .InsuranceForm .WantedItem:nth-of-type(1){margin-left:0;} .InsuranceForm .WantedItem:nth-of-type(2){margin-left:-1px;} .InsuranceForm .WantedItem:nth-of-type(3){margin-left:-1px;} .InsuranceForm .WantedItem:nth-of-type(4){margin-left:-1px;} .InsuranceForm .WantedItem:nth-of-type(5){margin-left:-1px;} .InsuranceForm .WantedItem:nth-of-type(6){margin-left:-1px;} .InsuranceForm .WantedItem:nth-of-type(7){margin-left:-1px;} .InsuranceForm .WantedItem{cursor:pointer;display:inline-block;} .InsuranceForm .WantedItem .WantedImage{padding:5px 10px 0 10px;cursor:pointer;display:inline-block;height:56px;line-height:22px;border-radius:5px 6px 0 0;border:1px solid #dee7eb;background:#fff;text-align:center;margin-right:-4px;font-size:15px;font-weight:bold;color:#2968ba;border-bottom:0;transition: box-shadow 0.5s;} .InsuranceForm .WantedItem .WantedImage:hover{box-shadow: 0px 5px 10px #9c9c9c;position:relative;z-index:10;} .InsuranceForm .Item:not(.hypo-agree){position:relative;width:100%;cursor:pointer;padding:12px 20px 20px 20px;background:#fff;border-radius:2px;border:1px solid #c0c3c5;margin-top:0;display:inline-block;vertical-align:top;transition:0.5s;margin-bottom:20px;} .InsuranceForm .Item:not(.hypo-agree):hover{box-shadow:0 5px 10px #ababab;} .InsuranceForm .Item.Error{border:1px solid #ff0000;width:100%;color:black;} .InsuranceForm .Item.Ok{border:1px solid #619b27;} .InsuranceForm .Item.Error span{color:#ff0000;font-weight:normal;} .InsuranceForm .Item input[type="text"]:hover, .Form-Hypo .Item input[type="text"]:focus{box-shadow:none!important;} .InsuranceForm .Item input[type="tel"]:hover, .Form-Hypo .Item input[type="tel"]:focus{box-shadow:none!important;} .InsuranceForm .Item > span{font-size:14px;color:#4f5b60;margin-bottom:10px;display:block;} .InsuranceForm .Item input[type="text"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:80%;padding:0;box-shadow:none;} .InsuranceForm .Item input[type="number"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:80%;padding:0;box-shadow:none;} .InsuranceForm .Item input[type="tel"]{margin-top:-10px;background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:45%;padding:0;box-shadow:none;} .InsuranceForm .Item.Telhypo select{z-index:9;-webkit-appearance:none;appearance:none;-moz-appearance:none;width:148px;height:40px;background:url(/Grace/Theme/Design/Images/RealTelSelect.png) no-repeat center center;cursor:pointer;font-weight: 700;font-style: normal;color: #000;font-size: 24px;padding-top: 1px;text-align: right;outline: none;padding-left: 40px; background-size:100% 100%;} .InsuranceForm .Item.Telhypo .FlagToDisplay{top:12px;margin-right:5px;} .InsuranceForm .LabelCauseSelect{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;} .InsuranceForm .Telhypo{position:relative;} .InsuranceForm .Item.Notehypo{padding:12px 0px 3px 0px;} .InsuranceForm .Item.Notehypo > span{padding:0px 20px;margin-bottom:20px;} .InsuranceForm .Item.Notehypo textarea{min-height:195px;width:98%;resize: vertical;background:#fff;border:none;outline:none;color:#353d40;font-size:14px;font-weight:500;padding:0 20px;box-shadow:none;} .InsuranceForm .Item.Notehypo textarea::-webkit-input-placeholder {color: #dedede;} .InsuranceForm .Item.Notehypo textarea:-moz-placeholder {color: #dedede;} .InsuranceForm .Item.Notehypo textarea::-moz-placeholder {color: #dedede;} .InsuranceForm .Item.Notehypo textarea:-ms-input-placeholder {color: #dedede;} .InsuranceForm .hypo-agree.Error{background:#fe1819;border-radius:2px;color:#fff!important;padding:0;} .InsuranceForm .hypo-agree.Item{margin-top:0;} .InsuranceForm .hypo-agree.Item.Error .hypo-agree-text{color:#fff;} .InsuranceForm .hypo-agree.Item.Error .hypo-agree-text span{color:#fff;} .InsuranceForm .hypo-agree.Item.Ok{border:none;} .InsuranceForm .hypo-agree{display:inline-block;vertical-align:middle;margin-bottom:25px;font-size:14px;color:#4f5b60;} .InsuranceForm .hypo-agree .hypo-agree-text{font-family:"Roboto";font-weight:500;display:inline-block;vertical-align:middle;margin-left:15px;cursor:pointer;} .InsuranceForm .Submit{margin-bottom:0;font-size:20px;transition:0.5s;padding:0;width:143px;height:74px;line-height:50px;text-align:center;font-family:"Roboto";font-weight:500;color:#fff;background:url(/Grace/Theme/Design/Images/InsuranceSubmit.png) center center no-repeat;text-transform:initial;} .InsuranceForm .Submit > div{margin-top:-7px;} .InsuranceForm .Submit:hover{opacity:0.8;background-color:initial;} .InsuranceForm .TipBlock{margin-top:40px;display:none;} .InsuranceForm .TipBlock h3{line-height:30px;font-family:"Roboto";font-weight:400;font-size:24px;text-transform:initial;padding:0 40px 0 30px;position:relative;} .InsuranceForm .TipBlock h3::before{position:absolute;left:0;top:5px;width:19px;height:19px;background:url(/Grace/Theme/Design/Images/Insurance-icon-i.png);content:"";} .InsuranceForm .TipBlock .TextContent{font-family:"Roboto";font-size:16px;color:#717171;line-height:20px;font-weight:400;} .InsuranceForm .TipBlock .TextContent p{margin-bottom:0;} .InsuranceForm .RequiredTitle{position:absolute;right:15px;font-family:"Roboto";font-size:12px;color:#2aad18;font-weight:bold;} .LeadForm.InsuranceCarForm{background: #f8f9fa;border: 1px solid #f0f3f5;border-radius: 3px;padding: 0;} .LeadForm.InsuranceCarForm h2{text-transform:initial;font-size:22px;font-family: 'Roboto';font-style: normal;font-weight:normal;display: inline-block;vertical-align: middle;margin:0px 0px 0px 0px;color:#000;max-width:50%;} .InsuranceCarForm .LineTop {padding: 20px 20px 0 20px;background: #fff;border-bottom: 5px solid #f0f3f5;margin-bottom: 25px;} .InsuranceCarForm .MainBlock{padding: 0px 20px 35px 20px;} .InsuranceCarForm .Left{max-width:50%;width:100%;float:left;} .InsuranceCarForm .Right{max-width: 45%;width: 100%;display: inline-block;vertical-align: middle;text-align:right;} .InsuranceCarForm .WhyWeItem{} .InsuranceCarForm .WhyWeItem .Icon{background:url(/Grace/Theme/Design/Images/RealIcon.png);width:76px;height:76px;text-align:center;line-height:76px;display:inline-block;vertical-align:middle;margin-right:15px;} .InsuranceCarForm .WhyWeItem .Text{line-height:22px;display:inline-block;vertical-align:middle;width:200px;font-size:18px;color:#4f5b60;} .InsuranceCarForm .WhyWeItem .Text b{font-size: 19px;font-family: 'Roboto';font-style: normal;font-weight: 900;color:#000;} .InsuranceCarForm .WhyWeItem .Icon.First::after{background:url(/Grace/Theme/Design/Images/InsuranceIconv2.png);height:26px;width:46px;content:"";display:inline-block;vertical-align:middle;margin-left:3px;} .InsuranceCarForm .WantedItem input[type=radio]{ visibility: hidden;position: absolute;} .InsuranceCarForm .WantedItem input[type=radio] + .WantedImage{cursor:pointer;} .InsuranceCarForm .WantedItem input[type=radio]:checked + .WantedImage{border:1px solid #2968ba;background:#2968ba;color:#fff;border-radius:5px 6px 0 0;border-bottom:0;} .InsuranceCarForm .WantedItem:nth-of-type(1){margin-left:0;} .InsuranceCarForm .WantedItem:nth-of-type(2){margin-left:-1px;} .InsuranceCarForm .WantedItem:nth-of-type(3){margin-left:-1px;} .InsuranceCarForm .WantedItem:nth-of-type(4){margin-left:-1px;} .InsuranceCarForm .WantedItem:nth-of-type(5){margin-left:-1px;} .InsuranceCarForm .WantedItem:nth-of-type(6){margin-left:-1px;} .InsuranceCarForm .WantedItem:nth-of-type(7){margin-left:-1px;} .InsuranceCarForm .WantedItem{cursor:pointer;display:inline-block;} .InsuranceCarForm .WantedItem .WantedImage{padding:5px 10px 0 10px;cursor:pointer;display:inline-block;height:56px;line-height:22px;border-radius:5px 6px 0 0;border:1px solid #dee7eb;background:#fff;text-align:center;margin-right:-4px;font-size:15px;font-weight:bold;color:#2968ba;border-bottom:0;transition: box-shadow 0.5s;} .InsuranceCarForm .WantedItem .WantedImage:hover{box-shadow: 0px 5px 10px #9c9c9c;position:relative;z-index:10;} .InsuranceCarForm .Item:not(.hypo-agree){position:relative;width:100%;cursor:pointer;padding:12px 20px 20px 20px;background:#fff;border-radius:2px;border:1px solid #c0c3c5;margin-top:0;display:inline-block;vertical-align:top;transition:0.5s;margin-bottom:20px;} .InsuranceCarForm .Item:not(.hypo-agree):hover{box-shadow:0 5px 10px #ababab;} .InsuranceCarForm .Item.Namehypo{float:left;width:49%;height:102px;} .InsuranceCarForm .Item.Telhypo{float:right;width:49%;} .InsuranceCarForm .Item.Submit{float:right;} .InsuranceCarForm .Item.Error{border:1px solid #ff0000;color:black;} .InsuranceCarForm .Item.Ok{border:1px solid #619b27;} .InsuranceCarForm .Item.Error span{color:#ff0000;font-weight:normal;} .InsuranceCarForm .Item input[type="text"]:hover, .Form-Hypo .Item input[type="text"]:focus{box-shadow:none!important;} .InsuranceCarForm .Item input[type="tel"]:hover, .Form-Hypo .Item input[type="tel"]:focus{box-shadow:none!important;} .InsuranceCarForm .Item > span{font-size:14px;color:#4f5b60;margin-bottom:10px;display:block;} .InsuranceCarForm .Item input[type="text"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:80%;padding:0;box-shadow:none;} .InsuranceCarForm .Item input[type="number"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:80%;padding:0;box-shadow:none;} .InsuranceCarForm .Item input[type="tel"]{margin-top:-10px;background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:45%;padding:0;box-shadow:none;} .InsuranceCarForm .Item.Telhypo select{z-index:9;-webkit-appearance:none;appearance:none;-moz-appearance:none;width:148px;height:40px;background:url(/Grace/Theme/Design/Images/RealTelSelect.png) no-repeat center center;cursor:pointer;font-weight: 700;font-style: normal;color: #000;font-size: 24px;padding-top: 1px;text-align: right;outline: none;padding-left: 40px; background-size:100% 100%;} .InsuranceCarForm .Item.Telhypo .FlagToDisplay{top:12px;margin-right:5px;} .InsuranceCarForm .LabelCauseSelect{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;} .InsuranceCarForm .Telhypo{position:relative;} .InsuranceCarForm .Item.Notehypo{padding:12px 0px 3px 0px;} .InsuranceCarForm .Item.Notehypo > span{padding:0px 20px;margin-bottom:20px;} .InsuranceCarForm .Item.Notehypo textarea{min-height:195px;width:98%;resize: vertical;background:#fff;border:none;outline:none;color:#353d40;font-size:14px;font-weight:500;padding:0 20px;box-shadow:none;} .InsuranceCarForm .Item.Notehypo textarea::-webkit-input-placeholder {color: #dedede;} .InsuranceCarForm .Item.Notehypo textarea:-moz-placeholder {color: #dedede;} .InsuranceCarForm .Item.Notehypo textarea::-moz-placeholder {color: #dedede;} .InsuranceCarForm .Item.Notehypo textarea:-ms-input-placeholder {color: #dedede;} .InsuranceCarForm .hypo-agree.Error{background:#fe1819;border-radius:2px;color:#fff!important;padding:0;} .InsuranceCarForm .hypo-agree.Item{float:left;width:50%;} .InsuranceCarForm .hypo-agree.Item.Error .hypo-agree-text{color:#fff;} .InsuranceCarForm .hypo-agree.Item.Error .hypo-agree-text span{color:#fff;} .InsuranceCarForm .hypo-agree.Item.Ok{border:none;} .InsuranceCarForm .hypo-agree{display:inline-block;vertical-align:middle;margin-bottom:25px;font-size:14px;color:#4f5b60;} .InsuranceCarForm .hypo-agree .hypo-agree-text{font-family:"Roboto";font-weight:500;display:inline-block;vertical-align:middle;margin-left:15px;cursor:pointer;} .InsuranceCarForm .Submit{float:right;margin-bottom:0;font-size:20px;transition:0.5s;padding:0;width:400px;height:74px;line-height:50px;text-align:center;font-family:"Roboto";font-weight:500;color:#fff;background:url(/Grace/Theme/Design/Images/CarInsuranceSubmit.png) center center no-repeat;text-transform:initial;} .InsuranceCarForm .Submit > div{margin-top:-7px;} .InsuranceCarForm .Submit:hover{opacity:0.8;background-color:initial;} .InsuranceCarForm .TipBlock{margin-top:40px;display:none;} .InsuranceCarForm .TipBlock h3{line-height:30px;font-family:"Roboto";font-weight:400;font-size:24px;text-transform:initial;padding:0 40px 0 30px;position:relative;} .InsuranceCarForm .TipBlock h3::before{position:absolute;left:0;top:5px;width:19px;height:19px;background:url(/Grace/Theme/Design/Images/Insurance-icon-i.png);content:"";} .InsuranceCarForm .TipBlock .TextContent{font-family:"Roboto";font-size:16px;color:#717171;line-height:20px;font-weight:400;} .InsuranceCarForm .TipBlock .TextContent p{margin-bottom:0;} .InsuranceCarForm .RequiredTitle{position:absolute;right:15px;font-family:"Roboto";font-size:12px;color:#2aad18;font-weight:bold;} @media screen and (max-width: 760px){ .HypoPageSingle .ComparisonFormWhole .LeadForm .Purpose{text-align:center;} .LeadForm.InsuranceCarForm h2{max-width:100%;margin-bottom:25px;} .InsuranceCarForm .Right{max-width:100%;text-align:center;} } @media screen and (max-width: 760px){ .InsuranceCarForm .Item.Namehypo{float:left;width:100%;height:102px;} .InsuranceCarForm .Item.Telhypo{float:right;width:100%;} .InsuranceCarForm .Submit{float:none;display:block;} .InsuranceCarForm .hypo-agree.Item{float:none;} .InsuranceCarForm .hypo-agree.Item label{white-space: nowrap!important;} .InsuranceForm .Left{max-width:100%;margin-bottom:20px;} .InsuranceForm .Right{max-width:100%;} .InsuranceForm .WantedItem .WantedImage, .InsuranceForm .WantedItem input[type=radio]:checked + .WantedImage{height:45px;line-height:17px;border-bottom:1px solid #dee7eb;margin:0 2px 5px 2px;border-radius:6px;width:100%;} .InsuranceForm .WantedItem{width:100%;display:block;} .InsuranceForm .LineTop{padding:10px 20px;} .InsuranceCarForm .LineTop.Purpose{display:block!important;} .InsuranceCarForm .Left{max-width:100%;margin-bottom:20px;} .InsuranceCarForm .Right{max-width:100%;} .InsuranceCarForm .WantedItem .WantedImage, .InsuranceCarForm .WantedItem input[type=radio]:checked + .WantedImage{height:45px;line-height:17px;border-bottom:1px solid #dee7eb;margin:0 2px 5px 2px;border-radius:6px;width:100%;} .InsuranceCarForm .WantedItem{width:100%;display:block;} .InsuranceCarForm .LineTop{padding:10px 20px;} } @media screen and (max-width: 400px){ .InsuranceForm .WhyWeItem .Text{width:55%;} .InsuranceForm .hypo-agree .hypo-agree-text{width:80%;} .InsuranceForm .LineTop{padding:10px;} .InsuranceForm .MainBlock{padding:0 10px 20px 10px;} .InsuranceForm .Item:not(.hypo-agree){padding:12px 10px 20px 10px;} .InsuranceForm .Item input[type="tel"]{width:40%;} .InsuranceForm .Item input[type="tel"]{font-size:17px;margin-left:5px;} .InsuranceForm .Item.Notehypo > span{padding:0px;} .InsuranceForm .Item.Notehypo textarea{padding:0;} .InsuranceCarForm .WhyWeItem .Text{width:55%;} .InsuranceCarForm .hypo-agree .hypo-agree-text{width:80%;} .InsuranceCarForm .LineTop{padding:10px;} .InsuranceCarForm .MainBlock{padding:0 10px 20px 10px;} .InsuranceCarForm .Item:not(.hypo-agree){padding:12px 10px 20px 10px;} .InsuranceCarForm .Item input[type="tel"]{width:40%;} .InsuranceCarForm .Item input[type="tel"]{font-size:17px;margin-left:5px;} .InsuranceCarForm .Item.Notehypo > span{padding:0px;} .InsuranceCarForm .Item.Notehypo textarea{padding:0;} } @media screen and (max-width: 370px){ .InsuranceForm .RequiredTitle{display:none;} .InsuranceCarForm .hypo-agree.Item label{white-space: initial!important;} .InsuranceCarForm .hypo-agree.Item{width:100%;} .InsuranceCarForm .RequiredTitle{display:none;} } @media screen and (max-width: 340px){ .InsuranceForm .Item input[type="tel"]{width:35%;font-size:15px;margin-left:0;} .InsuranceCarForm .Item input[type="tel"]{width:35%;font-size:15px;margin-left:0;} } .RealEstateBg{background:#e4e9eb;font-family:'Roboto';} .RealEstateBg::after{position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content:url(/Grace/Theme/Design/Images/RealHouseIconHover.png); content:url(/Grace/Theme/Design/Images/RealFlatIconHover.png); content:url(/Grace/Theme/Design/Images/RealLandIconHover.png); content:url(/Grace/Theme/Design/Images/RealCommIconHover.png); content:url(/Grace/Theme/Design/Images/RealRecIconHover.png); content:url(/Grace/Theme/Design/Images/RealOtherIconHover.png); } .LeadForm.RealEstateForm{background:#f8f9fa;border:1px solid #dbe0e2;border-radius:3px;padding:0;} .LeadForm.RealEstateForm h2{text-transform:initial;font-size:24px;font-family: 'Roboto';font-style: normal;font-weight:normal;margin:0px 0px 15px 0px;color:#4f5b60;} .LeadForm.RealEstateForm h3{text-transform:initial;font-size:20px;font-family: 'Roboto';font-style: normal;font-weight:normal;margin:30px 0px 30px 0px;color:#4f5b60;} .LeadForm.RealEstateForm #TipBlock h3{font-size:18px;} .LeadForm.RealEstateForm .LeftSide h3{text-transform:initial;font-size:20px;font-family: 'Roboto';font-style: normal;font-weight:normal;margin:0px 0px 15px 0px;color:#4f5b60;} .RealEstate .LabelCauseSelect{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;} .RealEstate .Telhypo{position:relative;} .RealEstate .PositionArticlesandConsulting .LastConsulting{float:left;padding-right:15px;} .RealEstate .PositionArticlesandConsulting .LastArticles{float:right;padding-left:15px;} .RealEstate .PositionArticlesandConsulting .LastArticles,.RealEstate .PositionArticlesandConsulting .LastConsulting{margin-bottom:100px;} .RealEstate .HypoArticles .ArticlesItems .Item h3 a{line-height:26px;} @media screen and (max-width: 999px){ .RealEstate .PositionArticlesandConsulting .LastConsulting{padding-right:0px;} .RealEstate .PositionArticlesandConsulting .LastArticles{padding-left:0px;} } .RealEstate .HypoArticles .ArticlesItems .Item{margin-right:0;} .RealEstate h2.ArticlesHypo{font-weight:400;padding-left:15px;} .RealEstate h2.ArticlesHypo strong{font-weight:900;} .RealEstate h2.QuestionsArticlesHypo{font-weight:400;padding-left:0px;} .RealEstate h2.QuestionsArticlesHypo strong{font-weight:900;} .RealEstate .PositionArticlesandConsulting .BottomMore{border-top:0;padding-top:15px;} .RealEstateForm .PurposeReal{margin-bottom:25px;} .RealEstateForm .PurposeReal .PurposeItem{display:inline-block;margin-right:2px;} .RealEstateForm .PurposeReal input[type=radio] {display:none;} .RealEstateForm .PurposeReal input[type=radio] + .CheckboxLabel{cursor:pointer;width:100%;min-width:116px;height:125px;display:inline-block;border:1px solid #c0c3c5;border-radius:5px;background:#fff;position:relative;box-shadow:0px 5px 10px -5px #9c9c9c;transition: background-color 0.5s, border 0.5s, box-shadow 0.5s;} .RealEstateForm .PurposeReal input[type=radio] + .CheckboxLabel:hover{box-shadow:0px 5px 10px #9c9c9c;} .RealEstateForm .PurposeReal input[type=radio]:checked + .CheckboxLabel{width:100%;min-width:116px;height:125px;display:inline-block;border:1px solid #2968ba;border-radius:5px;background:#2968ba;position:relative;box-shadow:0px 5px 10px -5px #9c9c9c;} .RealEstateForm .PurposeReal input[type=radio]:checked + .CheckboxLabel .LabelTitle{color:#fff;} .RealEstateForm .PurposeReal input[type=radio] + .CheckboxLabel .LabelTitle{width:100%;color:#353d40;font-style: normal;font-weight: 700;font-size:16px;position:absolute;bottom:20px;text-align:center;left:0;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(1) input[type=radio] + .CheckboxLabel{background-color:#fff;background-image: url(/Grace/Theme/Design/Images/RealHouseIcon.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(1) input[type=radio]:checked + .CheckboxLabel{background-color:#2968ba;background-image: url(/Grace/Theme/Design/Images/RealHouseIconHover.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(2) input[type=radio] + .CheckboxLabel{background-color:#fff;background-image: url(/Grace/Theme/Design/Images/RealFlatIcon.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(2) input[type=radio]:checked + .CheckboxLabel{background-color:#2968ba;background-image: url(/Grace/Theme/Design/Images/RealFlatIconHover.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(3) input[type=radio] + .CheckboxLabel{background-color:#fff;background-image: url(/Grace/Theme/Design/Images/RealLandIcon.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(3) input[type=radio]:checked + .CheckboxLabel{background-color:#2968ba;background-image: url(/Grace/Theme/Design/Images/RealLandIconHover.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(4) input[type=radio] + .CheckboxLabel{background-color:#fff;background-image: url(/Grace/Theme/Design/Images/RealCommIcon.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(4) input[type=radio]:checked + .CheckboxLabel{background-color:#2968ba;background-image: url(/Grace/Theme/Design/Images/RealCommIconHover.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(5) input[type=radio] + .CheckboxLabel{background-color:#fff;background-image: url(/Grace/Theme/Design/Images/RealRecIcon.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(5) input[type=radio]:checked + .CheckboxLabel{background-color:#2968ba;background-image: url(/Grace/Theme/Design/Images/RealRecIconHover.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(6) input[type=radio] + .CheckboxLabel{background-color:#fff;background-image: url(/Grace/Theme/Design/Images/RealOtherIcon.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .PurposeReal .PurposeItem:nth-of-type(6) input[type=radio]:checked + .CheckboxLabel{background-color:#2968ba;background-image: url(/Grace/Theme/Design/Images/RealOtherIconHover.png);background-position:center 20px;background-repeat:no-repeat;} .RealEstateForm .LeftSide{width:65%;margin-right:40px;float:left;border-right:1px solid #dee3e5;} .RealEstateForm .RightSide{width:30%;float:right;} .RealEstateForm .LeftSide .LineTop{padding:20px 35px 0 35px;background:#fff;border-bottom:5px solid #f0f3f5;margin-bottom:15px;} .RealEstateForm .WantedItem input[type=radio]{ visibility: hidden;position: absolute;} .RealEstateForm .WantedItem input[type=radio] + .WantedImage{cursor:pointer;} .RealEstateForm .WantedItem input[type=radio]:checked + .WantedImage{border:1px solid 2968ba;background:#2968ba;color:#fff;border-radius:5px 6px 0 0;border-bottom:0;} .RealEstateForm .WantedItem:nth-of-type(1){margin-left:0;} .RealEstateForm .WantedItem:nth-of-type(2){margin-left:-1px;} .RealEstateForm .WantedItem:nth-of-type(3){margin-left:-2px;} .RealEstateForm .WantedItem{cursor:pointer;display:inline-block;} .RealEstateForm .WantedItem .WantedImage{cursor:pointer;display:inline-block;height:56px;line-height:56px;border-radius:5px 6px 0 0;border:1px solid #dee7eb;background:#fff;text-align:center;margin-right:-4px;font-size:16px;font-weight:bold;color:#2968ba;padding:0 25px;border-bottom:0;transition: box-shadow 0.5s;} .RealEstateForm .WantedItem .WantedImage:hover{box-shadow: 0px 5px 10px #9c9c9c;position:relative;z-index:10;} .RealEstateForm .WhyWeItem{margin-bottom:13px;} .RealEstateForm .WhyWeItem .Icon{background:url(/Grace/Theme/Design/Images/RealIcon.png);width:76px;height:76px;text-align:center;line-height:76px;display:inline-block;vertical-align:middle;margin-right:15px;} .RealEstateForm .WhyWeItem .Text{display:inline-block;vertical-align:middle;width:200px;font-size:18px;color:#4f5b60;} .RealEstateForm .WhyWeItem .Text b{font-family: 'Roboto';font-style: normal;font-weight: 900;} .RealEstateForm .WhyWeItem .Icon.First::after{background:url(/Grace/Theme/Design/Images/RealIcon1.png);height:26px;width:46px;content:"";display:inline-block;vertical-align:middle;margin-left:3px;} .RealEstateForm .WhyWeItem .Icon.Second::after{background:url(/Grace/Theme/Design/Images/RealIcon2.png);height:44px;width:46px;content:"";display:inline-block;vertical-align:middle;margin-top: -6px;margin-left: 5px;} .RealEstateForm .WhyWeItem .Icon.Third::after{background:url(/Grace/Theme/Design/Images/RealIcon3.png);height:43px;width:40px;content:"";display:inline-block;vertical-align:middle;margin-top: -5px;margin-left: 2px;} .RealEstateForm .WhyWeItem .Icon.Fourth::after{background:url(/Grace/Theme/Design/Images/RealIcon4.png);height:43px;width:42px;content:"";display:inline-block;vertical-align:middle;margin-top:-3px;} .RealEstateForm #RealRefsScroll{font-style: normal;font-weight: 500;color:#2968ba;font-size:16px;text-decoration:underline;margin-top:65px;display:inline-block;display:none;} .RealEstateForm #RealRefsScroll::after{font-family:fontAwesome;content:"\f078";display:inline-block;margin-left:15px;font-size:18px;} .RealEstateForm #RealRefsScroll:hover{opacity:0.7;} #RealRefs{display:none;} .RealEstateForm .HireandsellBlock{padding-left:35px;} .RealEstateForm .Item:not(.hypo-agree){cursor:pointer;padding:12px 20px 20px 20px;background:#fff;border-radius:2px;border:1px solid #c0c3c5;margin-top:0;display:inline-block;vertical-align:top;transition:0.5s;margin-bottom:20px;} .RealEstateForm .Item:not(.hypo-agree):hover{box-shadow:0 5px 10px #ababab;} .RealEstateForm .Item.Error{border:1px solid #ff0000;width:initial;color:black;} .RealEstateForm .Item.Ok{border:1px solid #619b27;} .RealEstateForm .Item.Error span{color:#ff0000;font-weight:normal;} .RealEstateForm .Item input[type="text"]:hover, .Form-Hypo .Item input[type="text"]:focus{box-shadow:none!important;} .RealEstateForm .Item input[type="tel"]:hover, .Form-Hypo .Item input[type="tel"]:focus{box-shadow:none!important;} .RealEstateForm .Item > span{font-size:14px;color:#4f5b60;margin-bottom:10px;display:block;} .RealEstateForm .Item input[type="text"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:80%;padding:0;box-shadow:none;} .RealEstateForm .Item input[type="number"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:80%;padding:0;box-shadow:none;} .RealEstateForm .Item input[type="tel"]{background:#fff;border:none;outline:none;height:30px;color:#353d40;font-size:24px;font-weight:500;width:80%;padding:0;box-shadow:none;} .RealEstateForm .Item.Telhypo select{-webkit-appearance:none;appearance:none;-moz-appearance:none;width:148px;height:40px;background:url(/Grace/Theme/Design/Images/RealTelSelect.png) no-repeat center center;cursor:pointer;font-style: normal;font-weight: 500;color: #4f5b60;font-size: 24px;padding-top: 5px;text-align: right;outline: none;padding-left: 40px; background-size:100% 100%;} .RealEstateForm .Item.Telhypo .FlagToDisplay{top:12px;margin-right:5px;} .RealEstateForm .InputsBlock{position:relative;} .RealEstateForm .PropertyInfoRequired{background:rgba(254, 24, 25, 0.90);margin-bottom:8px;border-radius:2px;width:723px;text-align:center;font-size:16px;padding:15px 0;font-weight:normal;} .RealEstateForm .ContactInfoRequired{background:rgba(254, 24, 25, 0.90);margin-bottom:5px;position:absolute;top:-57px;border-radius:2px;width:723px;text-align:center;font-size:16px;padding:15px 0;font-weight:normal;} .RealEstateForm .hypo-agree.Error{background:#fe1819;border-radius:2px;color:#fff!important;padding:0;} .RealEstateForm .ContactInfoRequired::after{width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(254, 24, 25, 0.90);left:50%;right:50%;margin-left:-8px;position:absolute;bottom:-22px;content:"";margin-bottom:12px;} .RealEstateForm .hypo-agree.Item{margin-top:0;} .RealEstateForm .hypo-agree.Item.Ok{border:none;} .RealEstateForm .Item.Namehypo{height:100px;width:350px;margin-right:25px;} .RealEstateForm .Item.Townhypo{height:100px;width:345px;} .RealEstateForm .Item.Telhypo > span{margin-bottom:5px;} .RealEstateForm .Item.Telhypo{height:100px;width:345px;} .RealEstateForm .Item.Telhypo input[type="text"]{width:145px;font-weight:600;margin-left:10px;position: relative;top: -4px;} .RealEstateForm .Item.Telhypo input[type="tel"]{width:140px;font-weight:600;margin-left:10px;position: relative;top: -4px;} .RealEstateForm .Item.Telhypo .HasFlag{z-index:6;} .RealEstateForm .Item.TypeProp {height:100px;width:350px;margin-right:25px;position:relative;} .RealEstateForm .Item.TypeProp select{position:absolute;z-index:6;-webkit-appearance:none;appearance:none;-moz-appearance:none;width:348px;height:98px;font-weight:normal;position:absolute;top:0;left:0;background:url(/Grace/Theme/Design/Images/HypoFormSelect.png) no-repeat center right;cursor:pointer;padding:23px 0px 0 15px;color: #c5cbce;font-weight: 400;font-size:18px;outline:none;} .RealEstateForm .Item.TypeProp select option{font-size: 24px;} .RealEstateForm .Item.TypeProp select option:not(:disabled){color:#353d40;font-weight: 500;} .RealEstateForm .Item.Townhypo input::-webkit-input-placeholder {font-size:18px;color:#c5cbce;font-weight: 400;} .RealEstateForm .Item.Townhypo input::-moz-placeholder {font-size:18px;color:#c5cbce;font-weight: 400;} .RealEstateForm .Item.Townhypo input:-ms-input-placeholder {font-size:18px;color:#c5cbce;font-weight: 400;} .RealEstateForm .Item.Townhypo input:-moz-placeholder{font-size:18px;color:#c5cbce;font-weight: 400;} .RealEstateForm .Confirm{display:inline-block;vertical-align:middle;margin-bottom:20px;margin-top:7px;} .RealEstateForm .Confirm .hypo-agree{display:inline-block;vertical-align:middle;width:350px;margin-right:25px;font-size:14px;color:#4f5b60;} .RealEstateForm .Confirm .hypo-agree .hypo-agree-text{display:inline-block;vertical-align:middle;margin-left:15px;cursor:pointer;} .RealEstateForm .Confirm .Submit{padding: 0 25px;color:#fff;cursor:pointer;width:348px;height:98px;line-height:98px;background:url(/Grace/Theme/Design/Images/RealButtonUpdated.png) no-repeat;transition:0.5s;margin-bottom:15px;text-align:left;font-size:20px;font-weight:bold;text-transform:initial;display:inline-block;vertical-align:middle;text-shadow:0 2px 5px #565656;} .RealEstateForm .Confirm .Submit.SubmitForHire{font-size:16px;} .RealEstateForm .Confirm .SubmitTip{padding: 0 25px;color:#fff;cursor:pointer;width:348px;height:98px;line-height:98px;background:url(/Grace/Theme/Design/Images/RealButtonUpdated.png) no-repeat;transition:0.5s;margin-bottom:15px;text-align:left;font-size:24px;font-weight:bold;text-transform:initial;display:inline-block;vertical-align:middle;text-shadow:0 2px 5px #565656;} .RealEstateForm .Confirm .Submit:hover{box-shadow:0 10px 20px #ababab;} .RealEstateForm .Confirm .SubmitTip:hover{box-shadow:0 10px 20px #ababab;} .RealEstateForm .Submit.Hidden{display:none!important;} .RealEstateForm #TipBlock{display:none;} .Real-ThankYou{padding:30px;background:#fff;box-shadow:0px 7px 10px #eaeaea;font-size:18px;color:#4f5b60;margin-bottom:0px;} .Real-ThankYou .SuccessLogoHypo{font-weight:400;color:#353d40;font-size:18px;display:inline-block;width:70%;} .Real-ThankYou .SuccessLogoHypo::before{content:"";background:url(/Grace/Theme/Design/Images/SuccessLogoHypo.png);width:33px;height:34px;display:inline-block;vertical-align:middle;margin-right:20px;margin-top:-6px;} .Real-ThankYou .BackTo{float:right;color: #4f5b60;font-size: 16px;margin-top:5px;text-decoration:none;display:inline-block;vertical-align:middle;} .Real-ThankYou .BackTo:hover{text-decoration:underline;} .Real-ThankYou .BackTo::before{background:url(/Grace/Theme/Design/Images/BackToIcon.png);content:"";display:inline-block;vertical-align:middle;width:19px;height:24px;margin-right:10px;margin-top:-3px;} .RealEstateForm .Mobile{display:none;} .RealEstateForm .Telhypo .Mobile{display:none!important;} .RealEstateForm .SMSConfirmBody .Item.SMShypo{margin-right:0;margin-left:25px;} .RealEstateForm .SMSConfirmBody .Item.SMShypo span{margin-bottom:15px;} .RealEstateForm .SMSConfirmBody .Item.SMShypo input{margin-left:0;} .RealEstateForm .SMSUnlockedHead{padding:0!important;background:none!important;} .RealEstateForm .SMSConfirmBody{border-bottom:0;min-height:585px;box-shadow:none;} .RealEstateForm .HypoButtonStep2 .Submit{background:url(/Grace/Theme/Design/Images/RealSubmitButtonSMS.png);width:345px;} .RealEstateForm .HypoButtonStep2 .SendAgain{height: 100px;width: 345px;margin-right:25px;color:#2968ba;font-size:16px;font-weight:500;text-decoration:underline;cursor:pointer;} .RealEstateForm .HypoButtonStep2 .SendAgain:hover{opacity:0.8;} .RealEstateForm .HypoButtonStep2{vertical-align:top;} .RealEstateForm .BoxInnerSMS{width:60%;display:inline-block;vertical-align:middle;} .LastPostsReal .LastConsulting{display:none;} .LastPostsReal .LastArticles h2{display:none;} .LastPostsReal .LastArticles .Item{display:none;} .LastPostsReal .LastArticles .Item:nth-of-type(1){display:block;} .LastPostsReal .LastArticles .Item:nth-of-type(2){display:block;} .LastPostsReal .LastArticles .Item{display:none;} .LastPostsReal .LastArticles .BottomMore{display:none;} .RealEstateForm .SMSConfirmLockIcon input{font-size: 40px;height:75px!important;width:75px!important;margin:0 5px;border-radius:3px;border:1px solid #c0c3c5!important;display:inline-block;padding:0!important;text-align:center;} .RealEstateForm .BackToFormMobile{font-size: 18px;color:#cacccd;} .RealEstateForm .BackToFormMobile:hover{text-decoration:underline;} .RealEstateForm .BackToFormMobile::before{font-family:fontAwesome;content:"\f104";display:inline-block;margin-right: 7px;font-size: 16px;} .CodeSentAgain{margin-bottom:20px;width:99%;background-color:#629b26;} /*Responsive*/ @media screen and (max-width: 1200px){ .RealEstateForm .RightSide{display:none;} .RealEstateForm .LeftSide{width:100%;text-align:center;} .LeadForm.RealEstateForm h2, .LeadForm.RealEstateForm h3{text-align:center;} .RealEstateForm .PurposeReal input[type=checkbox] + .CheckboxLabel .LabelTitle{left:0;} .RealEstateForm .PurposeReal .PurposeItem{width:15%;} .RealEstateForm .HireandsellBlock{padding:0 10px;} .RealEstateForm .ContactInfoRequired{left:0;right:0;margin:auto;} .RealEstateForm .Item{text-align:left;} .RealEstateForm .SMSConfirmBody form{max-width: 850px;margin: auto;} .RealEstateForm .SMSConfirmLockIcon {text-align:left;} .RealEstateForm .SMSConfirmLockIcon .Back{float:right!important;} .CodeSentAgain{margin:0 auto 20px auto;width:90%;} } @media screen and (max-width: 840px){ .RealEstateForm .PurposeReal input[type=checkbox] + .CheckboxLabel{width:95px;} } @media screen and (max-width: 767px){ .RealEstateForm .Mobile{display:inline;} .RealEstateForm .Telhypo .Mobile{display:inline-block!important;} .RealEstateForm .Desktop{display:none;} .RealEstateForm .Telhypo .Desktop{display:none!important;} .RealEstateForm .Item > span{text-align:left;} .RealEstateForm .LeftSide .LineTop{background:none;border-bottom:0;} .RealEstateForm .HireandsellBlock{padding:0 24px;} .RealEstateForm .WantedItem{width:33%;margin-left:-3px;} .RealEstateForm .WantedItem .WantedImage{border:0;border-right:1px solid #dee7eb;margin-left:1px;width:100%;} .RealEstateForm .WantedItem:nth-of-type(1) .WantedImage{border-radius:4px 0 0 4px!important;} .RealEstateForm .WantedItem:nth-of-type(2) .WantedImage{border-radius:0!important;} .RealEstateForm .WantedItem:nth-of-type(3) .WantedImage{border-radius:0 4px 4px 0!important;border-right:0;} .LeadForm.RealEstateForm h2, .LeadForm.RealEstateForm h3{font-size:22px;} .RealEstateForm .LeftSide .LineTop{padding:25px 24px 0 24px;} .RealEstateForm .PurposeReal{margin-right: -7px;margin-bottom:10px;} .RealEstateForm .PurposeReal .PurposeItem{width:31.5%;margin-right: 5px;margin-bottom: 5px;} .RealEstateForm .PurposeReal input[type=checkbox]:checked + .CheckboxLabel{width:100%;height:120px;} .RealEstateForm .PurposeReal input[type=checkbox] + .CheckboxLabel{width:100%;height:120px;} .RealEstateForm .Item.Namehypo{width:100%;margin-right:0;text-align:left;} .RealEstateForm .Item.Telhypo{width:100%;text-align:left;} .SMSConfirmForm .RealEstateForm .Item.Telhypo{margin-bottom:0;} .RealEstateForm .Confirm .hypo-agree{width:100%;margin-right:0;} .RealEstateForm .Item.TypeProp{width:100%;margin-right:0;} .RealEstateForm .Item.TypeProp select{width:100%;} .RealEstateForm .Item.Townhypo{width:100%;text-align:left;} .RealEstateForm .SMSConfirmBody .Item.SMShypo{margin-left:0;} .RealEstateForm .Confirm .hypo-agree{margin-right:0;margin-bottom:15px;} .RealEstateForm .LeftSide{position:relative;} .RealEstateForm .InputsBlock{position:initial;} .RealEstateForm .ContactInfoRequired{height:100%;width:calc(100% + 22px);top:0;left:-10px;background:rgba(199, 7, 8, 0.85);z-index:100;} .RealEstateForm .ContactInfoRequired::after{display:none;} .RealEstateForm .Item.Namehypo{position:relative;z-index:101;} .RealEstateForm .Item.Telhypo{position:relative;z-index:101;} .RealEstateForm .Item.TypeProp{position:relative;z-index:101;} .RealEstateForm .Item.Townhypo{position:relative;z-index:101;background:#fff url("/Grace/Theme/Design/Images/RealLocationIcon.png") no-repeat right 25px center;} .RealEstateForm .Item.ActiveIndex{z-index:103;} .RealEstateForm .Item.Namehypo.Error{border:1px solid #c0c3c5;} .RealEstateForm .Item.Namehypo.Error span{color:#4f5b60;} .RealEstateForm .Item.Telhypo.Error{border:1px solid #c0c3c5;} .RealEstateForm .Item.Telhypo.Error span{color:#4f5b60;} .RealEstateForm .Item.TypeProp.Error{border:1px solid #c0c3c5;} .RealEstateForm .Item.TypeProp.Error span{color:#4f5b60;} .RealEstateForm .Item.Townhypo.Error{border:1px solid #c0c3c5;} .RealEstateForm .Item.Townhypo.Error span{color:#4f5b60;} .RealEstateForm .Confirm .hypo-agree{text-align:center;} .RealEstateForm .Confirm .hypo-agree.Error{position:relative;z-index:100;background:rgba(199, 7, 8, 0.85);} .RealEstateForm .Confirm .hypo-agree2.Error{position:relative;z-index:100;background:rgba(199, 7, 8, 0.85);} .RealEstateForm .Confirm .Submit, .RealEstateForm .Confirm .SubmitTip{position:relative;z-index:105;} .RealEstateForm .ErrorInfoBox1{font-size:36px;font-weight: 900;position:absolute;bottom:500px;border:1px solid #fff;border-radius:3px;padding:65px 0 40px 0;margin:0 35px;left:0;right:0;text-shadow:0 3px 6px #1f1f1f;background:rgba(136, 1, 1, 0.50);} .RealEstateForm .ErrorInfoBox1::before{content:"";background:url(/Grace/Theme/Design/Images/RealAlertIcon.png);width:101px;height:106px;position:absolute;left:0;right:0;margin:auto;top:-55px;} .RealEstateForm .ErrorInfoBox1 strong{font-size:18px;font-weight: 500;display:block;text-transform:uppercase;margin-top:25px;} .RealEstateForm .ErrorInfoBox2{font-size:36px;font-weight: 900;position:absolute;top:3px;border:1px solid #fff;border-radius:3px;padding:65px 0 40px 0;margin:0 35px;left:0;right:0;text-shadow:0 3px 6px #1f1f1f;background:rgba(136, 1, 1, 0.50);} .RealEstateForm .ErrorInfoBox2::before{content:"";background:url(/Grace/Theme/Design/Images/RealAlertIcon.png);width:101px;height:106px;position:absolute;left:0;right:0;margin:auto;top:-55px;} .RealEstateForm .ErrorInfoBox2 strong{font-size:18px;font-weight: 500;display:block;text-transform:uppercase;margin-top:25px;} .RealEstateForm .GreenSelectBg{height:100%;width:calc(100% + 22px);top:0;left:-10px;background:rgba(166, 206, 38, 0.83);z-index:102;display:none;position:absolute;} .RealEstateForm .Item.TypeProp select.Active{background:url(/Grace/Theme/Design/Images/HypoFormSelectReverse.png) no-repeat center right;} .Real-ThankYou{background:#f3f6f7;} .Real-ThankYou .LastPostsReal > h3{font-size:18px;font-weight: 900;margin-top:35px;text-transform:uppercase;color:#353d40;margin-bottom:20px;} .Real-ThankYou .Item{border:0!important;margin-bottom:15px!important;padding:30px!important;} .Real-ThankYou .Item .Description{height:auto!important;} .Real-ThankYou .Item .LimitSubstrHypo{display:none;} .Real-ThankYou .Item .MoreInfoArticle{display:none;} .Real-ThankYou .Item h3{margin-top:0;text-align:left;margin-bottom:20px!important;} .Real-ThankYou .Item h3 a{font-size:20px!important;color:#353d40!important;line-height:26px!important;padding-right:10px;} .Real-ThankYou .Item h3 a::after{display:none;} .Real-ThankYou .Item .Image{float:right!important;width:200px!important;height:130px!important;margin-bottom:0!important;margin-right:0!important;margin-left:10px;} .Real-ThankYou .Item .Image::after{display:none;} .Real-ThankYou .Item a{font-size:18px!important;color:#4f5b60!important;} .Real-ThankYou .Item a::after{display:inline;content:"\f105";font-family:fontAwesome;font-size:12px;margin-left:6px;} .Real-ThankYou .BackTo{display:none;} .Real-ThankYou .SuccessLogoHypo{width:100%;text-align:center;font-size:26px;line-height:34px;} .Real-ThankYou .SuccessLogoHypo::before{background:url(/Grace/Theme/Design/Images/RealDoneIcon.png);width:107px;height:107px;margin: 0 auto 15px auto;display:block;} .RealEstateForm .SMSConfirmForm{height:100%;width:calc(100% + 22px);top:0;left:-10px;background:rgba(48, 78, 117, 0.83);z-index:110;position:absolute;} .RealEstateForm .SMSConfirmForm .SMSConfirmBody{background:none;border-radius:0;padding:0;} .RealEstateForm .SMSConfirmForm .SMSConfirmHead{background:none;box-shadow:none;border:0;} .RealEstateForm .SMSConfirmForm .SMSConfirmHead .SMSConfirmLockIcon{border: 1px solid #fff;background: rgba(48, 78, 117, 0.9);padding: 60px 0 30px 0;position:relative;margin-top:60px;color:#fff;font-weight: 400;font-size:18px;line-height:30px;text-align:center;} .RealEstateForm .SMSConfirmForm .SMSConfirmHead .SMSConfirmLockIcon strong{font-weight: 400;} .RealEstateForm .SMSConfirmForm .SMSConfirmHead .SMSConfirmLockIcon .green{font-weight: 900;color:#fff;text-transform:uppercase;display:block;letter-spacing:2px;} .RealEstateForm .SMSConfirmForm .SMSConfirmHead .SMSConfirmLockIcon::before{background:url(/Grace/Theme/Design/Images/RealUnlockIcon.png);width:101px;height:106px;position:absolute;top:-60px;left:0;right:0;margin:auto;} .RealEstateForm .SMSConfirmLockIcon .Back{display:none;} /*RealEstateForm .HypoButtonStep2 .SendAgain{display:none;}*/ /*.RealEstateForm .SMSConfirmBody .Item.SMShypo{background:url(/Grace/Theme/Design/Images/RealCodeInputs.png)no-repeat center center;border:0;width:481px;height:99px;margin:auto;} .RealEstateForm .SMSConfirmBody .Item.SMShypo input{height:100%;width:462px;background:none!important;top:-14px;height:99px;font-family: "Courier New", Courier, monospace;letter-spacing: 95px;font-size: 57px;} .RealEstateForm .SMSConfirmBody .Item.SMShypo input:hover{box-shadow:none;} .RealEstateForm .SMSConfirmBody .Item.SMShypo input:focus{box-shadow:none;} .RealEstateForm .SMSConfirmBody .Item.SMShypo span{display:none;}*/ .SendAgainBlock{width:100%;} .SendAgainBlock button{margin-right:0!important;width:100%!important;color:#fff!important;} .RealEstateForm .SMSUnlockedHead{box-shadow:none;} .RealEstateForm .HypoButtonStep2 .Submit{margin-bottom:25px;} .RealEstate .PositionArticlesandConsulting .LastArticles, .RealEstate .PositionArticlesandConsulting .LastConsulting{margin-bottom:20px;} .RealEstateForm .BoxInnerSMS{width:100%;max-width:450px;margin:0 auto 30px auto;display:block;padding:0 10px;} .RealEstateForm .SMSConfirmBody .Item.SMShypo{display:none;} .RealEstateForm .SMSConfirmBody .MobileChangeText{font-weight: 900;color:#fff;text-transform:uppercase;display:block;letter-spacing:2px;font-size:18px;margin-bottom:15px;} } @media screen and (max-width: 640px){ .RealEstateForm .Confirm .Submit{background:url(/Grace/Theme/Design/Images/RealSubmitButtonMobileUpdated.png) center center;height:144px;margin-bottom:0;border-radius:0;position:absolute;bottom:0;left:-10px;width: calc(100% + 22px);text-align:center;font-size:24px;} .RealEstateForm .Confirm .SubmitTip{background:url(/Grace/Theme/Design/Images/RealSubmitButtonMobileUpdated.png) center center;height:144px;margin-bottom:0;border-radius:0;position:absolute;bottom:0;left:-10px;width: calc(100% + 22px);text-align:center;font-size:24px;} .RealEstateForm .Confirm .Submit.SubmitForHire{font-size:20px;} .RealEstateForm .Confirm{width:100%;} .RealEstateForm .LeftSide{position:relative;} .RealEstateForm .Confirm .hypo-agree{margin-bottom:155px;} .RealEstateForm .Confirm .hypo-agree .hypo-agree-text br{display:none;} .RealEstateForm .Item.Telhypo select{background:url(/Grace/Theme/Design/Images/RealTelSelectMini.png)center right no-repeat;} .RealEstateForm .Item.Telhypo .FlagToDisplay {border: 1px solid #c0c3c5;} } @media screen and (max-width: 600px){ /*.RealEstateForm .WantedItem{width:100%;margin-left:0;} .RealEstateForm .WantedItem .WantedImage{border-right:0;margin-left:0;} .RealEstateForm .WantedItem:nth-of-type(1) .WantedImage{border-radius:4px 4px 0 0px!important;} .RealEstateForm .WantedItem:nth-of-type(2) .WantedImage{border-radius:0!important;} .RealEstateForm .WantedItem:nth-of-type(3) .WantedImage{border-radius:0 0 4px 4px!important;border-right:0;} .RealEstateForm .Confirm .hypo-agree .hypo-agree-text{margin-left:0;display:block;margin-top:10px;}*/ /**/ .RealEstateForm .WantedItem .WantedImage{font-size:12px;padding:0;} .RealEstateForm .LeftSide .LineTop {padding: 25px 10px 0 5px;} .RealEstateForm .HireandsellBlock{padding:0 6px;} .RealEstateForm .ErrorInfoBox2{top:70px;} .RealEstateForm .SMSConfirmLockIcon input{width:35px!important;height:35px!important;margin:0 0px;font-size:20px;} } @media screen and (max-width: 550px){ } @media screen and (max-width: 500px){ /*.RealEstateForm .PurposeReal{margin-right:0;} .RealEstateForm .PurposeReal .PurposeItem{width:49%;margin-right:0;}*/ .RealEstateForm .ErrorInfoBox1{font-size:28px;margin:0 21px;bottom:530px;} .RealEstateForm .ErrorInfoBox2{font-size:28px;margin:0 21px;} .Real-ThankYou .Item .Image{float:right!important;width:100px!important;height:auto!important;} .Real-ThankYou{padding:30px 10px 0 10px;} } @media screen and (max-width: 450px){ /**/ .RealEstateForm .WantedItem{width:32.7%;} .RealEstateForm .PurposeReal .PurposeItem{width:30.5%;} .RealEstateForm .PurposeReal input[type=radio] + .CheckboxLabel{height:110px;} .RealEstateForm .PurposeReal input[type=radio]:checked + .CheckboxLabel{height:110px;} } @media screen and (max-width: 420px){ .RealEstateForm .Item.Telhypo select{font-size:17px;width:125px;} .RealEstateForm .Item:not(.hypo-agree){padding:12px 10px 12px 10px;} .RealEstateForm .Item input[type="text"]{font-size:18px;} .RealEstateForm .Item input[type="tel"]{font-size:18px;} .RealEstateForm .Item.Telhypo input[type="tel"]{width:110px;} .RealEstateForm .HireandsellBlock{padding:0 10px;} .RealEstateForm .LeftSide .LineTop{padding:25px 15px 0 10px;} .Real-ThankYou .Item h3 a{font-size:16px!important;line-height:22px!important;} .RealEstateForm .Confirm .hypo-agree .hypo-agree-text{margin-left:0;} .RealEstateForm .PrettyCheckbox::after, .RealEstateForm .PrettyCheckbox+span::after{margin:0 auto 10px auto;display:block;} .RealEstateForm .SMSConfirmBody form{padding:0 10px;} .Real-ThankYou .Item a{font-size:14px!important;} .Real-ThankYou .Item{padding:15px!important;} .RealEstateForm .HypoButtonStep2{width:100%;} .RealEstateForm .HypoButtonStep2 .Submit{width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;} .RealEstateForm .HypoButtonStep2 .Submit:hover{box-shadow:none;} .RealEstateForm .HypoButtonStep2 .Submit:focus{box-shadow:none;} } @media screen and (max-width: 400px){ /**/ .RealEstateForm .PurposeReal input[type=radio] + .CheckboxLabel{min-width:initial;} .RealEstateForm .PurposeReal input[type=radio]:checked + .CheckboxLabel{min-width:initial;} } @media screen and (max-width: 340px){ .RealEstateForm .WantedItem .WantedImage{font-size:11px;} .RealEstateForm .Item.Telhypo input[type="tel"]{width:103px;margin-left:2px;} } .Debug{display:none;} /* BEGIN Light */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg"); font-weight: 300; font-style: normal; } /* END Light */ /* BEGIN Light Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg"); font-weight: 300; font-style: italic; } /* END Light Italic */ /* BEGIN Regular */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg"); font-weight: normal; font-style: normal; } /* END Regular */ /* BEGIN Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg"); font-weight: normal; font-style: italic; } /* END Italic */ /* BEGIN Semibold */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg"); font-weight: 600; font-style: normal; } /* END Semibold */ /* BEGIN Semibold Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg"); font-weight: 600; font-style: italic; } /* END Semibold Italic */ /* BEGIN Bold */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg"); font-weight: bold; font-style: normal; } /* END Bold */ /* BEGIN Bold Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg"); font-weight: bold; font-style: italic; } /* END Bold Italic */ /* BEGIN Extrabold */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg"); font-weight: 800; font-style: normal; } /* END Extrabold */ /* BEGIN Extrabold Italic */ @font-face { font-family: 'Open Sans'; src: url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0"); src: url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("/Grace/Core/Design/Fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg"); font-weight: 800; font-style: italic; } /* END Extrabold Italic */ /*# sourceMappingURL=open-sans.css.map */ /* http://fortawesome.github.io/Font-Awesome/icons/ */ @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: 200; src: local('FontAwesome'), local('FontAwesome'), url(/Grace/Core/Design/Fonts/FontAwesome.woff) format('woff'); } .Skyscraper {position: relative; z-index: 2;} #skyscraper-1 {position: absolute; top: 0; left: calc(100% - 30px);} .Skyscraper.FixedBanner #skyscraper-1 {position: fixed} @media (max-width: 770px) { #leaderboard-middle, #leaderboard-bottom{display:none!important;} } body {background: #efefef; font-family: 'Open Sans'; font-size: 14px; color: #272727; font-weight: normal; line-height: 20px;max-width:100%;/*overflow-x:hidden;*/} @media (min-width: 1000px) { body.IsOverlay {padding-top: 200px;} } .TextContent {font-size: 14px; color: #272727; font-weight: normal; line-height: 20px;} .TextContent ul.ul-plus{list-style:none;} .TextContent ul.ul-plus li{list-style:none;} .TextContent ul.ul-minus{list-style:none;} .TextContent ul.ul-minus li{list-style:none;} .TextContent .ul-plus li::before{font-family:fontAwesome;content:"\f067";margin-right:7px;color:#9fcc3a;} .TextContent .ul-minus li::before{font-family:fontAwesome;content:"\f068";margin-right:7px;color:#cc0033;} .Mobile {display: none;} a, .TextContent a {text-decoration: none; color: #1656aa;} a:hover, .TextContent a:hover {text-decoration: underline;} h1, .H1 {margin-bottom: 42px; text-transform: uppercase; font-size: 30px; font-weight: 600; color: #3b3b3b;line-height:30px;} h1 .HeadingSubtitle {display: block; font-size: 15px;} h2, .H2, .TextContent h2 {margin-bottom: 28px; font-size: 22px; font-weight: 600; text-align: left; text-transform: uppercase; line-height: normal;} h3, .H3, .TextContent h3 {margin-bottom: 18px; font-size: 18px; font-weight: 600; text-align: left; text-transform: uppercase;} p, .PageContent ul, .PageContent ol, .TextContent p, .TextContent ul, .TextContent ol {margin-bottom: 15px; line-height: 22px;} .PageContent ul, .PageContent ol, .TextContent ul, .TextContent ol {padding-left: 20px;} .PageContent ul, .TextContent ul {list-style: disc;} .PageContent ol, .TextContent ol {list-style: decimal;} .TextContent .BlueText {color: #2466bd; font-weight: bold;} .TextContent .Quote {position: relative; padding: 12px 13px 12px 26px; text-align: justify;margin-bottom:0;} .TextContent .Quote::before {position: absolute; left: 8px; top: 6px; bottom: 6px; width: 5px; background: #1656aa; content: '';} .TextContent .QuoteWrap{background: #efefef;padding-top: 6px;padding-bottom: 6px;margin-bottom:15px;} .TextContent .QuoteWrap p.Quote::before{top:0;bottom:0;} .PageContent .Quote {position: relative; padding: 12px 13px 12px 26px; text-align: justify;margin-bottom:0;} .PageContent .Quote::before {position: absolute; left: 8px; top: 6px; bottom: 6px; width: 5px; background: #1656aa; content: '';} .PageContent .QuoteWrap{background: #efefef;padding-top: 6px;padding-bottom: 6px;margin-bottom:15px;} .PageContent .QuoteWrap p.Quote::before{top:0;bottom:0;} table thead {color: white; background: #2466bd; font-size: 16px;} table thead th {padding: 10px 10px; border-right: 1px solid #1c5eb2; text-transform: uppercase; font-weight: 600;} table td {padding: 17px 10px; border-bottom: 1px solid #d3d3d3;} .TextContent .ImageRight, .TextContent .ImageLeft {border: none;} form input[type="text"], form input[type="email"], textarea, form .InputOverlay {width: 100%; height: 36px; border: 1px solid #d6d6d6; background: #fafafa; padding: 0 10px; position: relative; outline: none; transition: 0.3s;} form input[type="text"]:hover, form input[type="email"]:hover, form textarea:hover, form input[type="text"]:focus, form input[type="email"]:focus, form textarea:focus, form .InputOverlay:hover, form .InputOverlay:active {box-shadow:inset 2px 2px 11px #bfbfbf;} form textarea {height: 80px; padding: 10px;} form .Column {float: left; width: 48%;} form .Column:last-of-type {float: right;} form .Item {margin-top: 10px;} form .Item::after {display: block; content: ''; clear: both;} form .InputOverlay {line-height: 36px;} form .InputOverlay input[type="text"] {border: none; background: none; transition: none; vertical-align: top; height: 34px;} form .InputOverlay input[type="text"]:hover, form .InputOverlay input[type="text"]:focus {box-shadow: none;} .Submit, a.Submit {border-radius:3px;display: inline-block; padding: 0 25px; line-height: 48px; background: #5ba422; font-size: 14px; text-transform: uppercase; text-decoration: none; color: white; font-weight: 600;} .Submit:hover, a.Submit:hover {background-color: #428a21;} .Whole, #Foot {width: 1110px; margin: auto; padding: 0 55px 0px 55px;} .Whole {position: relative; background: white;} .Whole.BottomWhole{padding:0 0 0 0;} .Whole.LogosBottom{padding: 0 55px 80px 55px;} .Only-hypo .TextBlockOnlyHypo{background: #ffffff;border-radius: 2px;box-shadow: 0px 1px 3px #eaeaea;padding: 20px;border: 1px solid #dbe0e2;margin-bottom:25px;} .Only-hypo .TextBlockOnlyHypo p:last-child{margin-bottom:0;} .Only-hypo h1{margin-top:35px;margin-bottom:0;} .ProductRequestForm .Error.ErrorItemGDPR{display:none;margin-top:25px;} .ProductRequestForm .Error .Error.ErrorItemGDPR{display:block!important;} .LeftSidebarPage #FlagToDisplay{display:none;} #FlagToDisplay, .FlagToDisplay{position: absolute;z-index: 10;top: 16px;left: 6px;} #BottomNavigation{padding:15px 55px;background:#f3f8ff;} #BottomNavigation .Icon::before{background:url(/Grace/Theme/Design/Images/DetailIcons-sprite.png);width: 45px;height: 45px;background-position: -239px -4px;display:inline-block;vertical-align:middle;content:"";} #BottomNavigation h2{display:inline-block;vertical-align:middle;margin-left:10px;font-size:20px;margin-bottom:0;} #BottomNavigation .BottomNavigationsColumns{margin:25px 0 10px 0;} #BottomNavigation .BottomNavigationsColumns .Menu ul li{/*float:left;*/width:24%;padding-right:35px;display:inline-block;} #BottomNavigation .BottomNavigationsColumns .Menu ul li a{color:#7092d4;font-size:18px;text-transform:initial;margin-bottom:10px;font-weight:600;} #BottomNavigation .BottomNavigationsColumns .Menu ul li ul li{float:none;width:100%;padding-right:0;} #BottomNavigation .BottomNavigationsColumns .Menu ul li ul li a{color:#000;font-size:14px;font-weight:initial;margin-bottom:3px;} #BottomNavigation .BottomNavigationsColumns .Menu ul li ul li a:hover{color:#7092d4;} #BottomNavigation .Menu ul .SubMenu{display:block;position:static;} #Head {margin-bottom: 7px;} #Head #HeadLogo {text-decoration: none;} #UpperHead {padding: 10px 0; line-height: 46px;} #Head nav {position: relative; background: #2466bd;} #Head nav li {position: static; float: left;} #Head nav a {display: block; height: 100%; color: white; text-decoration: none;} #Head nav strong {font-weight: normal;} #Head nav > ul > li > a {padding: 0 18px;line-height: 57px;font-size: 15px;border-right: 1px solid #1d5eb3;} #Head nav > ul > li > a:hover, #Head nav > ul > li.Active > a {background-color: #1d5eb3;} #Head nav > ul > li:first-child {display:none;} #Head nav > ul > li:first-child > a {line-height: normal;} #Head nav > ul > li:first-child > a::before {display: inline-block; content: ''; width: 20px; height: 53px; background: url(/Grace/Theme/Design/Images/Home.png) no-repeat center center;} #Head nav > ul > li:first-child > a span {display: none;} #Head nav .SubMenu {display: block; position: absolute; left: 0; width: 100%; background: #84be38; line-height: 35px;} #Head nav .SubMenu li a {padding: 0 15px;} #Head nav .SubMenu li a:hover, #Head nav .SubMenu li.Active a {background: #699e25;} #MainContent {float: left; width: 730px;} #MainContent.FullPage {width: 100%;} #RightSidebar {float: right; width: 250px;} #LeftSidebar {float: left; width: 250px;} .LeftSidebarPage #MainContent {float: right;} @media (min-width: 1000px) { #LeftSidebar .InstituteProductsCategories > li, #RightSidebar .InstituteProductsCategories > li {width: 100%; float: none;} #LeftSidebar .InstituteProductsCategories li li {padding: 0;} #LeftSidebar .InstituteProductsCategories > li {margin: 0; padding: 0;} #LeftSidebar .InstituteProductsCategories > li a {display: block; margin: 0; padding: 8px; background: linear-gradient(to right, #f3f8ff 0%,white 100%); color: #2466bd; font-weight: bold; border-bottom: 1px solid #dddddd;} #LeftSidebar .InstituteProductsCategories > li a::after {display: inline; content: ' >>';} #LeftSidebar .InstituteProductsCategories > li a:hover {color: #353535; background: linear-gradient(to right, white 0%, #f3f8ff 100%);} #LeftSidebar .InstituteProductsCategories > li h3 {margin: 10px 0 5px 0;} #LeftSidebar .InstituteProductsCategories > li::before {display: none;} } #LeftSidebar .CatsProductsSidebar h2 {margin-bottom: 5px; margin-top: 15px; line-height: normal;} #LeftSidebar .CatsProductsSidebar li li {width: 100%; float: none;} #LeftSidebar .CatsProductsSidebar li li {padding: 0;} #LeftSidebar .CatsProductsSidebar li {margin: 0; padding: 0;} #LeftSidebar .CatsProductsSidebar li a {font-size: 16px; color: #353535;} #LeftSidebar .CatsProductsSidebar li li a {display: block; margin: 0; padding: 8px; background: linear-gradient(to right, #f3f8ff 0%,white 100%); color: #2466bd; font-weight: bold; border-bottom: 1px solid #dddddd; font-size: 13px; text-transform: none;} #LeftSidebar .CatsProductsSidebar li li a::after {display: inline; content: ' >>';} #LeftSidebar .CatsProductsSidebar li li a:hover {color: #353535; background: linear-gradient(to right, white 0%, #f3f8ff 100%);} #LeftSidebar .CatsProductsSidebar li li h3 {margin: 0 0 0 0;} #LeftSidebar .CatsProductsSidebar li li::before {display: none;} .Crumbs {margin-top: 15px; margin-bottom: 32px; height: auto; background: none;} .Crumbs.Top {margin-bottom: 32px; height: auto; background: none;} .Crumbs.Top, #RightSidebar.Top, #LeftSidebar.Top {margin-top: 80px;} .Crumbs::before {display: inline-block; width: 25px; height: 20px; content: ''; background: url(/Grace/Theme/Design/Images/HomeCrumbs.png) left center no-repeat; vertical-align: bottom;} .Crumbs a {color: #6a6a6a; font-size: 15px;} .Crumbs a::after {display: inline-block; content: '/'; margin: 0 4px 0 8px;} .Crumbs strong {color: #2466bd; font-weight: 600;} .Crumbs a:nth-of-type(2) {display: none;} .HypoPageSingle .LinksHypo{padding-left:45px;margin:60px 0 40px 0;text-align:center;} .HypoPageSingle .LinksHypo ul li{display:inline-block;vertical-align:top;margin-bottom:30px;width:48%;text-align:left;padding-right:15px;} .HypoPageSingle .LinksHypo ul li a{font-size: 26px;font-weight: 600;color: #2466bd;margin-bottom:8px;} .HypoPageSingle .LinksHypo ul li .SmallDesc{font-weight: 600;} .HypoPageSingle .FaqHypo.Columned ul li{margin-bottom: 25px;font-size: 15px;width: 49%;display: inline-block;vertical-align: top;padding: 0 20px;} .HypoPageSingle .FaqHypo ul li{margin-bottom:25px;font-size:15px;} .HypoPageSingle .FaqHypo ul li .Ans p::before{width:5px;height:5px;border-radius:50%;background:#2466bd;content:"";margin-right:15px;display:inline-block;position: relative;top: -2px;} .HypoPageSingle .FaqHypo ul li .Que{margin-bottom:10px;font-weight:bold;} /*.HypoPageSingle .FaqHypo ul li .Ans > div{display:inline-block;width: 95%;vertical-align: top;}*/ .HypoPageSingle .ComparisonFormWhole .LeadForm .Purpose{background:#fdfdfd;border-top:1px solid #f9f9f9;} .HypoPageSingle h2.ArticlesHypo{margin-bottom:10px;} .HypoPageSingle .ArticlesItems{margin-bottom:10px;} .HypoPageSingle .BottomMore{display:none;} .HypoPageSingle .MoreArticlesHypo{display:none;} .HypoPageSingle .ArticlesItems .Description{margin-top:3px;height:initial;} .HypoPageSingle .ArticlesItems .Item{display:inline-block;vertical-align:top;width:33%;padding:7px 10px;} .HypoPageSingle .ArticlesItems h3 a{font-size:15px;line-height:18px;} .HypoPageSingle .ArticlesItems h3{margin-bottom:2px;} .HypoPageSingle .ArticlesItems .MoreInfoArticle{font-size:10px;line-height:20px;} .HypoPageSingle .ArticlesItems .Description .LimitSubstrHypo{font-size:11px;line-height:15px;margin-bottom:3px;} .HypoPageSingle .ConsultingItems .Item{display:inline-block;vertical-align:top;width:33%;padding:7px 10px;} .HypoPageSingle .ConsultingItems h3 a{font-size: 15px;line-height: 18px;} .HypoPageSingle .ConsultingItems .Description{margin-top:3px;} .HypoPageSingle .ConsultingItems .Description p{font-size:12px;line-height:16px;} .HypoPageSingle .ConsultingItems .Data{margin-bottom:10px;} .HypoPageSingle .ConsultingItems .DateSecond{font-size:12px;} .HypoPageSingle .ArticlesItems a:hover, .HypoPageSingle .ConsultingItems a:hover{text-decoration:underline;} .HypoPageSingle .ConsultingItems .Item:hover .AnswerLast::before{background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);} @media (max-width:640px){ .HypoPageSingle .LinksHypo ul li{width:100%;} } @media (max-width:999px){ .HypoPageSingle .ArticlesItems .Item{width:100%;} .HypoPageSingle .ConsultingItems .Item{width:100%;} } .HPcategories {margin-bottom: 24px;} .HPcategories .Item {float: left; width: 25%; margin-bottom: 8px;} .HPcategories .Item .Inner {position: relative; height: 106px; margin: 0 4px; background: #efefef no-repeat center center; background-size: cover; cursor: pointer; overflow: hidden; transition: background 0.3s, color 0.2s;} .HPcategories .Item .Inner a {transition: color 0.3s;} .HPcategories .Item.terminovany-vklad .Inner h2 a {padding-bottom: 0;} .HP .HPcategories .Item:nth-of-type(3 + 4n + 1) .Inner {margin-left: 0;} .HP .HPcategories .Item:nth-of-type(3 + 4n) .Inner {margin-right: 0;} /*.HPcategories .Item.pruvodce-financnimi-produkty .Inner {background-color: #fad152;} .HPcategories .Item.pruvodce-financnimi-produkty .Inner h2 a {color: #353535;}*/ .HPcategories .Item .Inner:hover, .HPcategories .Item.pruvodce-financnimi-produkty .Inner:hover {background-color: #1657ab;} .HPcategories .Item .Inner:hover, .HPcategories .Item .Inner:hover a, .HPcategories .Item.pruvodce-financnimi-produkty .Inner:hover a {color: white;} .HPcategories .Item:not(.TopItem) .Inner .Data .Icon svg {position: absolute; left: 0; top: 5px;transition: opacity 0.2s;transform:scale(0.7);fill:#1656aa;} .HPcategories .Item.mikro-pujcka .Inner .Data .Icon svg{transform:scale(0.5);top:-10px;} .HPcategories .Item:not(.TopItem) .Inner:hover .Data .Icon svg path{fill:#fff!important;} .HPcategories .Item:not(.TopItem) .Inner .Data .Icon{width: 66px; height: 106px;float:left;} .HPcategories .Item .Inner h2 {margin-bottom: 0;} .HPcategories .Item .Inner h2 a {display: block; padding: 13px 0; text-decoration: none; font-size: 18px;} .HPcategories .Item .Inner p {font-size: 15px;} .HPcategories .Item .Inner .Data {padding-right: 6px;} .HPcategories .Item.TopItem {background: no-repeat center center; background-size: cover; width: 33.33%; height: 218px;} .HPcategories .Item.TopItem .Inner {height: 100%!important;} .HPcategories .Item.TopItem .Inner .Data {position: absolute; left: 0; top: 109px; bottom: 0; width: 100%; padding: 0 23px; background: rgba(0,0,0,0.5); transition: top 0.2s;} .HPcategories .Item.TopItem .Inner .Data, .HPcategories .Item.TopItem .Inner .Data a {color: white;} .HPcategories .Item.TopItem .Inner .Data h2 a {font-size: 22px; font-weight: 600;} .HPcategories .Item.TopItem .Inner .Data p {font-size: 15px;} .HPcategories .Item.TopItem .Inner:hover .Data {top: 0;} .Subpage .HPcategories .Item {width: 33.33%;} .Subpage .HPcategories .Item:nth-of-type(3n) {margin-right: 0;} .Subpage .HPcategories .Item.TopItem {width: 50%; height: 240px;} .Subpage .HPcategories .Item.TopItem .Inner {background-size: cover;} .Subpage .HPcategories .Item.TopItem .Inner .Data {top: 120px;} .Subpage .HPcategories .Item.TopItem .Inner:hover .Data {top: 0;} .Subpage .HPcategories .Item:nth-of-type(2 + 3n + 1) .Inner {margin-left: 0;} .Subpage .HPcategories .Item:nth-of-type(2 + 3n) .Inner {margin-right: 0;} .PositionArticlesandConsulting .LastArticles, .PositionArticlesandConsulting .LastConsulting {width: 49.5%; margin-bottom: 60px;} .PositionArticlesandConsulting .LastArticles {float: left;} .PositionArticlesandConsulting .LastConsulting {float: right;} .ArticlesItems .Item, .ConsultingItems .Item {padding: 16px 10px; cursor: pointer;} .ArticlesItems .Item:hover, .LastConsulting .ConsultingItems .Item:hover {background-color: #efefef;} .Articles .ArticlesItems .Item {padding-bottom: 0;} .ArticlesItems a, .ConsultingItems a {text-decoration: none;} .ArticlesItems h3, .ConsultingItems h3 {margin-bottom: 8px;} .ArticlesItems h3 a, .ConsultingItems h3 a {font-size: 18px; font-weight: 600; color: #1656aa;} .ArticlesItems strong a {color: #272727;} .ArticlesItems strong a:hover {color: black;} .ArticlesItems .Description, .ConsultingItems .Description, .ConsultingItems .AnswerLast {height: 147px; margin-top: 8px; overflow: hidden;} .BanksDetail .ArticlesItems .Description {height: auto;} .ConsultingItems .AnswerLast {position: relative;} .ConsultingItems .AnswerLast::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);} .ConsultingItems .Item:hover .AnswerLast::before {background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 100%);} .BanksDetail .ConsultingItems .Item:hover .AnswerLast::before {background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);} .ConsultingItems .AnswerLast .ButtonBox {display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;} .ConsultingItems .AnswerLast .ButtonBox .Submit {font-size: 12px; line-height: 30px;} .ConsultingItems .Item:hover .AnswerLast .ButtonBox {display: block;} .Articles .ArticlesItems .Description {height: auto;} .ArticlesItems .Image {float: left; width: 122px; height: 91px; margin: 0 14px 62px 0; overflow: hidden;} .ArticlesItems .Data {padding-right: 15px;} .ArticleDetail > .Image {float: left; margin: 0 20px 20px 0;} .ArticleDetail .Author {margin-top: 15px; margin-bottom: 30px; padding: 10px 0; border: 1px solid #efefef; border-left: none; border-right: none;} .ArticleDetail .Initials {float: left; width: 85px; height: 85px; margin: 0 16px 16px 0; padding-top: 12px; border-radius: 50%; border: 3px solid #e5e5e5; text-align: center; font-size: 18px; font-weight: bold; background: no-repeat center center; background-size: cover;} .ArticleDetail .Survey {margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #efefef;} .ArticleDetail .Survey strong {font-size: 15px;} .ArticleDetail .Survey ul {margin: 20px 0;} .ArticleDetail .Survey li {padding: 7px 0; font-weight: bold;} .ArticleDetail .Survey li .Bar {margin-top: 2px;} .ArticleDetail .Survey li .Filled {height: 6px; background: #5ba422;} .ArticleDetail .Comments .Heading {padding: 15px 10px; background: #2466bd;} .ArticleDetail .Comments .Heading, .ArticleDetail .Comments .Heading a {color: white; font-weight: normal;} .ArticleDetail .Comments .Heading h3 {margin-bottom: 0;} .ArticleDetail .Comments .CommentDate {float: right;} .ArticleDetail .ItemContent {padding: 13px; border: 1px solid #dcdddd;margin-bottom:30px;} .ArticleDetail .ItemContent .Initials {margin-bottom: 12px;} .ArticleDetail .ItemContent .Message {height: auto;} .Subpage .LastArticles .ArticlesItems .Item, .Subpage .ConsultingItems .Item {padding: 12px 0;} .Subpage .LastConsulting .ConsultingItems .Item {margin-bottom: 3px;} .Subpage .LastArticles .ArticlesItems h3 a, .Subpage .LastConsulting .ConsultingItems h3 a {font-size: 14px;} .Subpage .LastArticles .ArticlesItems .Description, .Subpage .LastConsulting .ConsultingItems .Description {height: 100px; margin-top: 2px;} .Subpage .LastConsulting .ConsultingItems .Description {height: 40px;} .Subpage .LastConsulting .ConsultingItems .AnswerLast {height: 58px;} .Subpage .LastConsulting .ConsultingItems, .Subpage .LastArticles .ArticlesItems, .Subpage .LastArticles .ArticlesItems .Description, .Subpage .LastConsulting .ConsultingItems .Description, .Subpage .LastArticles .ArticlesItems .Description p, .Subpage .LastConsulting .ConsultingItems .Description p, .Subpage .LastConsulting .ConsultingItems .AnswerLast p {font-size: 11px; line-height: 19px;} .Subpage .LastArticles .ArticlesItems h3, .Subpage .LastConsulting .ConsultingItems h3 {margin-bottom: 2px;} .Subpage .LastArticles .ArticlesItems .Image {width: 90px; height: 68px; margin-bottom: 48px;} .Subpage .LastConsulting .ConsultingItems .Initials {width: 63px; height: 63px; margin-bottom: 0; padding-top: 18px; font-size: 15px; line-height: normal;} .Subpage .LastConsulting .ConsultingItems .Item .Submit {/*margin-top: 10px; margin-left: 79px;*/ padding: 0 18px; /*font-size: 12px; line-height: 43px;*/} .Subpage .LastArticles .ArticlesItems .Author {display: none;} .Subpage .PositionArticlesandConsulting .BottomMore .MoreText {display: none;} .Subpage .PositionArticlesandConsulting .BottomMore .Submit {padding: 0 19px; font-size: 14px; line-height: 49px;} .RealEstate .ArticlesItems .BottomMore{margin-bottom:20px;} .ConsultingItems .Item {cursor: auto;} .ConsultingItems .Initials {float: left; width: 85px; height: 85px; margin: 0 16px 62px 0; padding-top: 28px; border-radius: 50%; border: 3px solid #e5e5e5; text-align: center; font-size: 21px; font-weight: bold; background: #fafafa no-repeat center center; background-size: cover;} .BanksDetail .ConsultingItems .Initials {margin-bottom: auto;} .ConsultingItems .Description, .ConsultingItems .AnswerLast {height: 65px;} .ConsultingItems .Item .Submit {margin-top: 20px;} .ConsultingItems h3 a:hover {color: #0b438d;} .LastConsulting .ConsultingItems .Item {cursor: pointer;} .LastConsulting .ConsultingItems .Initials {margin: 0 16px 10px 0;} .LastConsulting .ConsultingItems .Description {margin-bottom: 15px;} .PositionArticlesandConsulting .BottomMore {padding-top: 18px; padding-left: 7px; border-top: 3px solid #efefef;} .PositionArticlesandConsulting .BottomMore .Submit {float: left; margin-right: 11px; line-height: 58px; font-weight: bold; font-size: 16px;} .PositionArticlesandConsulting .BottomMore .MoreText {padding-top: 7px; color: #676767;} .FootBanks {text-align: center;} .FootBanks li {display: inline-block; padding: 5px 8px;} #Foot {position: relative; padding-top: 25px; background: #efefef;} #Foot a {color: #2466bd;} #Foot nav {float: right; margin-bottom: 22px;} #Foot nav li {float: left;} #Foot nav li a {display: block; padding-left: 8px; font-size: 13px; font-weight: 600;} #Foot nav li a::after {display: inline-block; width: 1px; height: 13px; margin-left: 10px; background: #cfcfd3; content: '';} #Foot nav li:last-of-type a::after {display: none;} #Foot .FootLogo {float: left; color: #ab9184; font-weight: 600; font-size: 13px;} #Foot .FootLogo a {position: relative; top: -3px; margin-right: 5px;} #Foot .FootRight::before {display: block; content: ''; clear: both;} #Foot .FootRight {text-align: right; line-height: 20px; font-size: 13px;} .BankCodes table {margin-bottom: 30px;} .BankCodes thead th:first-of-type {width: 334px;} .BankCodes td, .BankCodes td a, .BankCodes td h2, .BankCodes td h2 a {margin: 0; font-weight: normal; color: #3a3a3a; font-size: 14px; text-transform: none; text-decoration: none;} /*.BankCodes td h2 {display: inline-block;}*/ .BankCodes table:not(.ThirdPartyCodes) tr {cursor: pointer;} .BankCodes td[colspan] {border-bottom: 0; padding: 0;} .BankCodes table:not(.ThirdPartyCodes) tr:hover td:not([colspan]) {background: #efefef;} .BankCodes .MoreCodes a {display: inline-block; font-weight: 600; font-size: 16px; margin: 0 10px 10px 10px;} .BankCodes .BanksDetail .Image {float: right; margin-top: -50px; max-width: 20%;} .BankCodes .BanksDetail .Heading {float: left;} .MobileOpenerYes{display:none;} @media (min-width: 1000px) { .BanksDetail .Heading {width: 50%; text-align: right;} } .EmailPhoneIns{display:flex;margin-bottom:25px;} .EmailPhoneIns .EmailIns{max-width:295px;width:100%;} .BankItems{margin-bottom:25px;} .BankItems .Item {text-align:center;display:inline-block;vertical-align:top;width: 169px; margin-right: 12px;margin-bottom: 12px; padding-top: 7px; padding-bottom: 5px; background: #efefef; cursor: pointer;} .BankItems .Item:hover {background-color: #2466bd;} .BankItems .Item:nth-of-type(4n) {margin-right: 0;} .BankItems .Item h2 {margin: 20px 10px 8px 10px;} .BankItems .Item h2 a {display: block; padding-bottom: 7px; color: #3c3c3c; font-size: 14px; text-align: center; text-decoration: none;} .BankItems .Item:hover h2 a {color: white;} .BankItems .Item .TableLike {width: calc(100% - 10px); margin: 0 5px;} .BankItems .Item .Image {text-align:center;height: 80px; margin: 0 10px 15px 10px; padding: 5px; background: white;} .BankItems .Item .Image img{display: block; margin: auto; max-width: 100%; max-height: 70px;} .BankItems .TopItem, .BankItems .TopItem:hover {float: none; width: auto; height: auto!important; padding: 5px 0 15px 0; background: none; cursor: auto; border-bottom: 1px solid #a1a1a1;} .BankItems .TopItem h2 {margin: 0 0 12px 0;} .BankItems .TopItem h2 a, .BankItems .TopItem:hover h2 a {font-size: 24px; text-align: left; color: #3c3c3c;} .BankItems .TopItem::after {display: block; content: ''; clear: both;} .BankItems .TopItem .Image {float: left; width: 138px; margin: 0 37px 0 0;} .BankItems .TopItem .CentralData {float: left; width: 404px;} .BankItems .TopItem ul {margin-left: -5px; width: calc(100% + 10px);text-align:left;} .BankItems .TopItem li {display: inline-block; width: auto; margin: 0 3px;} .BankItems .TopItem .Product a {display: block; margin-bottom: 5px; padding: 0 10px; line-height: 32px; border: 2px solid #2466bc; white-space: nowrap; text-decoration: none; font-weight: 600;} .BankItems .TopItem .Product a:hover {background: #2466bc; color: white;} .BankItems .TopItem .Buttons {float: right; width: 115px; padding-top: 5px;} .BankItems .TopItem .Buttons .Submit {display: block; width: 100%; margin-bottom: 4px; padding: 0; text-align: center; line-height: 29px; font-weight: 600;} .BankItems .TopItem .Buttons .Submit.BranchSubmit {background-color: #2466bd;} .BankItems .Item.EndedItem {opacity: 0.5;} .BankItems .Item.EndedItem .Image {position: relative;} .BankItems .Item.EndedItem .Image::after {display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 5px; background: red; content: ''; transform: rotate(-25deg);} .Banks .BottomButtons .Submit, .BanksSR .BottomButtons .Submit, .BankCodes .BottomButtons .Submit {width: 48%; padding: 0; text-align: center; background-color: #2466bd;} .Banks .BottomButtons .Submit:last-of-type, .BanksSR .BottomButtons .Submit:last-of-type, .BankCodes .BottomButtons .Submit:last-of-type {float: right;} .BanksDetail .Image {float: left; max-width: 20%;} .BanksDetail .Heading {float: right;} .BanksDetail .Heading h1 {margin: 16px 0 10px 0; text-transform: none;} .BanksDetail .BankCode {font-weight: 600; text-align: right;} .BanksDetail .BankCode a {font-weight: bold;} .BanksDetail .TopProducts {margin-top: 32px; margin-bottom: 28px;} .BanksDetail .TopProducts .Item {height: 123px;} .BanksDetail .TopProducts .Item .Inner .Data {top: 51px; padding: 0 6px;} .BanksDetail .TopProducts .Item .Inner .Data h2, .BanksDetail .TopProducts .Item .Inner .Data h2 a {font-size: 22px; line-height: normal;} .BanksDetail .TopProducts .Item .Inner .Data h2 a {padding: 6px 0;} .BanksDetail .TopProducts .Item .Inner .Data p {font-size: 14px; line-height: 19px;} .BanksDetail .TopProducts .Submit:not(.Orange) {visibility: hidden; float: right;} .BanksDetail .TopProducts ul:empty + .Submit {display: none;} .BanksDetail .TopProducts .Submit.Orange {float: none; margin-bottom: 5px; border-color: #353535; border-radius: 0; font-weight: bold; font-size: 18px;} .BanksDetail .TopProducts .HPcategories .Item.TopItem .Inner .Data {background: rgba(0,0,0,0.7);} .InstituteProductsCategories > li {float: left; width: 33.33%; margin-bottom: 22px;} .InstituteProductsCategories > li::before {display: inline-block; width: 11px; height: 11px; margin-right: 1px; border-radius: 50%; background: #2466bd; content: '';} .InstituteProductsCategories > li h3 {display: inline-block; padding-bottom: 5px; text-transform: uppercase; font-weight: 600;} .InstituteProductsCategories li li {float: none; width: auto; padding: 0 16px;} .InstituteProductsCategories a {display: block;} .BanksDetail .FlashNews .Item {margin-bottom: 10px; border-bottom: 1px solid #bdbdbd;} .BanksDetail .FlashNews .Item:last-of-type {border-bottom: none;} .BanksDetail .FlashNews .Item .Date {float: left; width: 80px; font-weight: bold; color: #2466bd;} .BanksDetail .FlashNews .Item .Text {float: left; width: calc(100% - 80px);} .BanksDetail .RatingText, .BanksDetail .ProfileText {margin-bottom: 30px; text-align: justify;} .BanksDetail .RatingText {position: relative; padding: 12px 13px 12px 26px; background: #efefef;} .BanksDetail .RatingText::before {position: absolute; left: 8px; top: 6px; bottom: 6px; width: 5px; background: #1656aa; content: '';} .BanksDetail .MoreParameters {float: right;} .BanksDetail .MoreParametersOpener {margin-bottom: 25px;} .BanksDetail .MoreParametersOpener .Panel {position: static;} .BanksDetail .Parameters {margin-bottom: 28px; padding: 0 10px; background: #efefef; line-height: 41px;} .BanksDetail .Parameters > span {margin-right: 35px; font-weight: 600;} .BanksDetail .Parameters > span a {font-weight: normal; color: #3b3b3b;} .BanksDetail .Parameters > span::before {display: inline-block; width: 29px; color: #2466bd; font-family: FontAwesome; font-size: 20px; vertical-align: middle;} .BanksDetail .Parameters .Web::before {content: '\f0ac';} .BanksDetail .Parameters .Internetbanking::before {content: '\f013';} .BanksDetail .Parameters + .Submit {float: right; margin-top: -20px; margin-bottom: 30px;} .BanksDetail .CrossListsButtons {margin-bottom: 30px; text-align: center;} .BanksDetail .CrossListsButtons .Submit {float: none; width: 167px; margin: 0 22px; padding: 0; font-size: 20px;} .BanksDetail.Ended .InstituteData {opacity: 0.6;} .BanksDetail .ConsultingItems {margin-bottom: 30px;} .InstitutePartnership .Ad {display: none;} .InstitutePartnership .Add {display: none;} .ConsultingCategories {margin-bottom: 5px;} .ConsultingCategories li {float: left; width: 233px; margin: 0 15px 5px 0;} .ConsultingCategories li:nth-of-type(3n) {margin-right: 0;} .ConsultingCategories li a {display: block; padding: 10px 27px; color: #2466bd; background: #efefef; font-size: 18px; font-weight: 600; text-decoration: none; text-align: center;} .ConsultingCategories li a:hover {background-color: #2466bd; color: #efefef;} .Consulting .NewQuestionBtn {float: right; margin-top: -80px;} .Consulting .ConsultingItems .Item {margin-bottom: 0;} .Consulting .Heading {padding: 10px 10px; background: #2466bd;} .Consulting .Heading, .Consulting .Heading a {color: white; font-weight: normal;} .Consulting .Heading h2 {margin: 0; font-size: 19px;} .Consulting .Heading .Date {float: right; font-weight: 600;} .Consulting .ItemContent {padding: 13px; border: 1px solid #dcdddd;} .Consulting .ItemContent .Initials {width: 77px; height: 77px; margin-bottom: 12px;} .Consulting .ItemContent .Description {height: auto;} .Consulting .ConsultingItems:not(.ConsultingDetail) .ItemContent .Description {max-height: 91px; margin-bottom: 9px;} .Consulting .ConsultingItems:not(.ConsultingDetail) .ItemContent .AnswerBlock .Description {position: relative; max-height: 100px; margin-bottom: 0; cursor: pointer;} .Consulting .ConsultingItems:not(.ConsultingDetail) .ItemContent .AnswerBlock .Description::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(239,239,239,1) 100%);} .Consulting .ConsultingItems:not(.ConsultingDetail) .ItemContent .AnswerBlock .Description .ButtonBox {display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;} .Consulting .ConsultingItems:not(.ConsultingDetail) .ItemContent .AnswerBlock .Description .ButtonBox .Submit {font-size: 12px; line-height: 30px;} .Consulting .ConsultingItems:not(.ConsultingDetail) .ItemContent:hover .AnswerBlock .Description .ButtonBox {display: block;} .Consulting .ItemContent .AnswerBlock {margin-left: 85px; padding: 13px 10px; background: #efefef;} .Consulting .ItemContent .Mobile {padding-top: 20px;} .Consulting .ConsultingDetail .ItemContent .AnswerBlock {margin-bottom: 20px;} .Consulting .ItemContent .Submit {margin-top: 0;} .Consulting .ItemContent .Submit.FloatRight {background:#2466bd;} .Consulting .ItemContent .Submit.FloatRight:hover {background:#163b6d;} .Consulting .ConsultingDetail .ItemContent {border: none;} .Consulting .ConsultingDetail .ItemContent .Initials {padding-top: 25px;} .Comparison {margin-bottom: 30px;} .Comparison .SubTitle{color:#3b3b3b;font-size:15px;font-weight:600;} .Comparison th {position: relative;} /*.Comparison thead th:first-of-type {width: 334px;}*/ .Comparison th:not([colspan]), .Comparison th:last-of-type, .Comparison th .Opener {text-transform: none; font-size: 13px; text-align: center; vertical-align: top;} .Comparison th .Tooltip {display: block; width: 20px; height: 20px; margin: -20px auto 0 auto; border-radius: 50%; border: 1px solid white; background: #2466bd; text-decoration: none; text-align: center;} .Comparison .PropMobile{display:none;margin-right:10px;} .Comparison .PropMobile .Tooltip {display: inline-block; width: 20px; height: 20px; margin: -20px auto 0 auto; border-radius: 50%; border: 1px solid #2466bd; color:#2466bd; text-decoration: none; text-align: center;background:none;} .Comparison th a {display: block; color: white;} .Comparison th > a {padding-bottom: 5px;} .Comparison th .Opener .Actual {padding: 2px 5px; text-align: left; background: #225ba7;} @media (min-width: 1000px) { .Comparison th .Opener .Actual {min-width: 180px;} } .Comparison th .Opener .Actual::after {display: inline; font-family: FontAwesome; content: ' \f107';} .Comparison th .Opener .Panel {width: auto; background: #2466bd; text-align: left;} .Comparison th .Opener .Panel ul {padding: 5px;} .Comparison th .Opener .Panel a {display: block;} .Comparison th::after {position: absolute; bottom: 0; font-family: FontAwesome; font-size: 23px; font-weight: normal;} .Comparison th.ASC::after, .Comparison th.DefaultASC:hover::after, .Comparison th.DESC:hover::after {content: '\f106';} .Comparison th.DESC::after, .Comparison th.DefaultDESC:hover::after, .Comparison th.ASC:hover::after {content: '\f107';} .Comparison td, .Comparison td:not([colspan]) a:not(.Submit), .Comparison td h2, .Comparison h2 a {margin: 0; font-weight: normal; color: #3a3a3a; font-size: 15px; text-transform: none; text-decoration: none;} .Comparison td:not([colspan]) a.Blue {color: white;} .Comparison tr {cursor: pointer;} .Comparison tbody tr:nth-of-type(2n) td {padding: 0;} .Comparison td[colspan] {border-bottom: 0;} .Comparison tr:nth-of-type(2n + 1) td:nth-of-type(3), .Comparison tr:nth-of-type(2n + 1) td:nth-of-type(4), .Comparison tr:nth-of-type(2n + 1) td:nth-of-type(5) {text-align: center;} .Comparison tr:nth-of-type(2n + 1) td:nth-of-type(3), .Comparison tr:nth-of-type(2n + 1) td:nth-of-type(4), .Comparison tr:nth-of-type(2n + 1) td:nth-of-type(5), .Comparison tr:nth-of-type(2n + 1) td:nth-of-type(6) {white-space: nowrap;} .Comparison tr:nth-of-type(2n + 1) td.Type3 {white-space: normal;} .Comparison tr:hover td:not([colspan]) {background-color: #efefef;} .Comparison .Image {display: block; max-width: 71px; margin: 0;} .Comparison .Image, .Comparison .Image img {max-height: 40px;} .Comparison .Open::before {display: block; content: '\f150'; font-family: FontAwesome; text-align: right; font-size: 25px;} .Comparison .Opened .Open::before {content: '\f151';} .Comparison tr.Opened {} .Comparison tbody {background: #f2f9fc;} .Comparison tbody .Opener .Panel {position: static; padding: 0 15px; transition: 0.5s; overflow: hidden; cursor: auto;} .Comparison tbody .Opener.Opened .Panel {padding: 15px; border-bottom: 1px solid white;} .Comparison tbody .Opened, .Comparison tbody .Opened:hover td, .Comparison tbody .Opener .Panel {background-color: #e8f3fa;} .Comparison tbody .Opener .Panel h2 {margin-bottom: 22px; font-weight: 600; font-size: 22px;} .Comparison dl {margin-bottom: 15px; column-count: 2;} .Comparison dt, .Comparison dd {float: left; width: 50%;} .Comparison dt {clear: both;} .Comparison tr.TopProducts td {background-color: #ffffcb;} .Comparison tr.TopProducts:hover td {background-color: #fff7cb;} .Comparison tr.TopProducts td, .Comparison tr.TopProducts td a {color: black; font-weight: 600;} .Comparison tr.TopProducts td:last-of-type {font-weight: normal;} .Comparison .Subcategories:empty {display: none;} .Comparison .Subcategories {border-bottom: 10px solid #2466bd;} .Comparison .Subcategories a {display: inline-block; margin-right: 8px; padding: 0 15px; border-radius: 5px 5px 0 0; border: 2px solid #2466bd; border-bottom: none; line-height: 30px; text-decoration: none;} .Comparison .Subcategories a:hover, .Comparison .Subcategories a.Active {background: #2466bd; color: white;} .Comparison .Subfilters a {display: inline-block; margin-right: 8px; padding: 0 15px; border-radius: 5px 5px 0 0; border: 2px solid #2466bd; border-bottom: none; line-height: 30px; text-decoration: none;} .Comparison .Subcafilters a:hover, .Comparison .Subsilters a.Active {background: #2466bd; color: white;} .ArticleDetail .Comparison tbody tr td {white-space: normal !important;} .ArticleDetail .Comparison td .Submit.Orange.OpenMortgageForm{background:#fff;border-radius:0;border:3px solid #698e49;color:#698e49;text-transform:initial;padding:0 15px;font-weight:600;} .ArticleDetail .Comparison td .Submit.Orange.OpenMortgageForm:hover{background:#698e49;color:#fff;} .BranchesATMs .BanksDetail {margin-bottom: 20px;} .BranchesATMs .BanksDetail h1 {float: right;} .BranchesATMs .Item {margin-bottom: 20px; padding: 25px; background: #efefef;} .BranchesATMs .Item h2{margin-bottom:10px;display:inline-block;vertical-align:top;max-width:48%;width:100%;padding-right:20px;} .BranchesATMs .Item h2 a{color:#3b3b3b;font-size:22px;font-weight:bold;line-height:25px;} .BranchesATMs .Item h2 a:hover{text-decoration:none;opacity:0.8;} .BranchesATMs .Item .address{text-transform:uppercase;color:#3b3b3b;font-size:19px;} .BranchesATMs .BankInfo{margin-bottom:10px;display:inline-block;vertical-align:top;max-width:50%;width:100%;max-height:90px;text-align:right;} .BranchesATMs .BankInfo img{max-height:45px;max-width:100%;} .BranchesATMs .QRImage {float: right;overflow:hidden;width:140px;height:140px;} .BranchesATMs .QRImage img{max-width:100%;} .BranchesATMs .Heading {margin-bottom: 5px; font-weight: 600; font-size: 16px;} .BranchesATMs .Submit{border-radius:3px;} .BranchesATMs .BranchesATMsItems{margin-top:45px;} .BranchesATMs .Opener{z-index:20;margin-right:61px;height:40px;border:1px solid #c9c9c9;line-height:40px;display:inline-block;width:200px;border-radius:3px;position:relative;cursor:pointer;} .BranchesATMs .Opener:nth-of-type(3) {margin-right: 0;} .BranchesATMs .Opener .Actual{padding:0 0 0 15px;} .BranchesATMs .Opener::after{background:#2466bd;height:40px;line-height:40px;width:40px;color:#fff;content:"\f0d7";display:inline-block;font-family:FontAwesome;text-align:center;position: absolute;top: -1px;right: -1px;border-radius:0 3px 3px 0;font-size:18px;} .BranchesATMs .Opener:hover::after{background:#163b6d;} .BranchesATMs .Opener.Opened .Panel{background:#fff;border:1px solid #e5e5e5;width:auto;margin-top:-3px;margin-left:-1px;z-index:20;} .BranchesATMs .Opener .Panel ul li a{padding:0 15px;} .BranchesATMs .Opener .Panel ul li a{display: block; font-size:14px;color:#3b3b3b;font-weight:600;white-space: nowrap;} .BranchesATMs .Opener .Panel ul li a:hover{text-decoration:none;} .BranchesATMs .Opener .Panel ul li a:hover{background:#e5e5e5;} .BranchesATMs .Opener .Panel ul li a:focus{background:#e5e5e5;} .BranchesATMs .Opener .Panel ul li.NoLink {padding: 0 15px; cursor: auto;} .BranchesATMs .Opener .Panel::-webkit-scrollbar {width:6px;background:#ecebeb;margin-right:3px;} .BranchesATMs .Opener .Panel::-webkit-scrollbar-thumb {background:#017eba;} .NearestBranchesATMs{background:#2466bd;border-radius:3px;font-size:16px;color:#fff;text-transform:uppercase;padding:0 15px;display:inline-block;height:40px;line-height:40px;cursor:pointer;} .NearestBranchesATMs:hover{text-decoration:none;background:#163b6d;} .BranchesATMs .NearestBranchesATMs{float:right; margin: 15px 0 0 0;} .BranchesATMs .ReportBtn {float: right; margin-top: 15px;} .BranchesATMs.Ended .BranchesATMsData {opacity: 0.6;} .BranchesATMs table, .BranchATMDetail table {width: auto;} .BranchesATMs table td, .BranchATMDetail table td {padding: 2px 5px; border: none;} .BranchATMDetail h1 {margin-bottom: 10px;} .BranchATMDetail .BranchATMTop {margin-bottom:30px;} .BranchATMDetail .address{text-transform:uppercase;color:#3b3b3b;font-size:16px;} .BranchATMDetail .BankLogo {float: left; margin: 0 0 20px 20px; max-width: 20%;} .BranchATMDetail .QRImage {float: right; margin-left: 20px; text-align:center;} .BranchATMDetail .Heading {margin-bottom: 5px; font-weight: 600; font-size: 16px;} .BranchATMDetail .QRImage .Heading {margin-bottom: 5px; font-weight: 600;color:#2466bd; font-size: 20px;text-transform:uppercase;} .BranchATMDetail .SubHeading {display: block; font-size: 14px; margin-top:8px;} .BranchATMDetail .Opener .Panel, .MissingReport .Panel {position: static;} /*.BranchATMDetail .SubHeading::before {font-family:fontAwesome;content:"\f041";display:inline-block;font-size:20px;color:#84be38;margin-right:7px;position:relative;top:2px;}*/ .BranchATMDetail #MapyCz {height: 450px;width:100%;margin:25px 0 55px 0;} .BranchATMDetail.Ended .BranchATMData {opacity: 0.6;} .BranchATMData .Submit.Orange {padding: 0 8px;} .MoreBranchATMs{margin-bottom:40px;} .MoreBranchATMs .Item{background:#efefef;padding:25px;margin:20px 0;text-align:left;} .MoreBranchATMs .Item .Heading{font-size:22px;font-weight:bold;color:#3b3b3b;margin-bottom:10px;text-transform:uppercase;} .MoreBranchATMs .Item .address{font-size:19px;color:#3b3b3b;text-transform:uppercase;margin-bottom:15px;} .MoreBranchATMs .Title{color:#2466bd;font-size:23px;font-weight:600;margin-bottom:10px;line-height: 25px;} .MoreBranchATMs .SubTitle{color:#3b3b3b;font-size:23px;font-weight:600;} .MoreBranchATMs .MoreATMs{width:335px;float:left;text-align:center;} .MoreBranchATMs .MoreBranches{width:350px;float:right;text-align:center;} .InfoAddress{float:right;max-width: calc(100% - 300px);margin-top:15px;color:#3b3b3b;text-align:right;text-transform:uppercase;} .InfoAddress .Title{font-size:30px;font-weight:600;margin-bottom:15px;line-height:26px;} .InfoAddress .SubTitle{font-size:15px;} .LeadTags{margin-top:10px;} .LeadTags a.Submit {padding: 0 7px; background: white; border: 1px solid #2466bc; color: #1656aa; border-radius: 0; line-height: 22px; text-transform: lowercase;} .LeadTags a.Submit:hover {background: #2466bc; color: white;} .Pagelist{margin:30px 0;text-align:center;} .Pagelist a{text-decoration:none;} .Pagelist ul li{float:none;display:inline-block;} .Pagelist ul li.ToFirst a span{color:#1d304e;font-size:14px;cursor:pointer;padding:10px 3px;} .Pagelist ul li.ToFirst:hover a span{background:#2466bd;color:#fff;border-radius:2px;} .Pagelist ul li.Previous a span{color:#1d304e;font-size:14px;cursor:pointer;padding:10px 3px;} .Pagelist ul li.Previous:hover a span{background:#2466bd;color:#fff;border-radius:2px;} .Pagelist ul li.ToLast a span{color:#1d304e;font-size:14px;cursor:pointer;padding:10px 3px;} .Pagelist ul li.ToLast:hover a span{background:#2466bd;color:#fff;border-radius:2px;} .Pagelist ul li.Next a span{color:#1d304e;font-size:14px;cursor:pointer;padding:10px 3px;} .Pagelist ul li.Next:hover a span{background:#2466bd;color:#fff;border-radius:2px;} .Pagelist ul li.More span{color:#1d304e;font-size:14px;margin:0 5px;} .Pagelist .Item a{font-size:14px;margin:0 2px;padding:10px 15px;} .Pagelist .Item a{color:#1d304e;} .Pagelist .Item a:hover{background:#2466bd;border-radius:2px;} .Pagelist .Item a:hover{color:#fff!important;} .Pagelist .Item.Active span{color:#1d304e;background:#2466bd;border-radius:2px;color:#fff;font-size:14px;margin:0 2px;padding:10px 15px;} .PositionSearch, .PositionHead, .HeadUsers {display: inline-block;} .HeadUsers .NotLogged, .HeadUsers .NotLogged a {font-weight: bold; color: #3c3c3c;} .HeadUsers .Logged .Initials {float: left; width: 45px; height: 45px; margin: 0 6px 0 0; border-radius: 50%; border: 3px solid #e5e5e5; text-align: center; font-size: 14px; line-height: 39px; font-weight: bold; background: no-repeat center center; background-size: cover;} .HeadUsers form {display: inline-block;} .IBANaccount{margin-bottom:25px;} .IBAN h2{text-transform:initial;} .IBANaccount .IBANaccline{margin-bottom:20px;} .IBANaccount label{display:block;color:#3b3b3b;font-size:15px;font-weight:600;margin-bottom:10px;} .ValidAccount label{display:block;color:#3b3b3b;font-size:15px;font-weight:600;margin-bottom:10px;} .IBANaccount input{width:75%;height:40px;line-height:40px;border:1px solid #c9c9c9;border-radius:3px;padding:0 15px;outline:none;transition:.3s;} .ValidAccount input{width:75%;height:40px;line-height:40px;border:1px solid #c9c9c9;border-radius:3px;padding:0 15px;outline:none;transition:.3s;} .IBANaccount input:focus{box-shadow:inset 2px 2px 11px #bfbfbf;} .IBANaccount input:hover{box-shadow:inset 2px 2px 11px #bfbfbf;} .ValidAccount input:hover{box-shadow:inset 2px 2px 11px #bfbfbf;} .ValidAccount input:focus{box-shadow:inset 2px 2px 11px #bfbfbf;} .IBANaccount .Submit{width:20%;height:40px;line-height:40px;background:#2466bd;margin-left:15px;} .ValidAccount .Submit{width:20%;height:40px;line-height:40px;background:#2466bd;margin-left:15px;} .IBANaccount .Submit:hover{background:#163b6d;} .ValidAccount .Submit:hover{background:#163b6d;} .IBANaccount .Heading{font-size:30px;font-weight:600;color:#3b3b3b;} .IBANaccount .IBANresult{position:relative;top:-2px;} .IBAN .ValidTrue{font-size:15px;font-weight:600;color:#5ba422;display:block;margin:8px 0;} .IBAN .ValidFalse{font-size:15px;font-weight:600;color:#d22323;display:block;margin:8px 0;} .IBAN .ValidTrue::before{content:"";background:url(/Grace/Theme/Design/Images/SuccessValid.png);width:19px;height:19px;display:inline-block;margin-right:7px;position:relative;top:3px;} .IBAN .ValidFalse::before{content:"";background:url(/Grace/Theme/Design/Images/FailureValid.png);width:17px;height:14px;display:inline-block;margin-right:7px;position:relative;top:1px;} .IBAN .ValidTrue.Hidden, .IBAN .ValidFalse.Hidden {display: none;} .SearchBox{position:relative;margin-right:60px;} .SearchBox form input{height:46px;border:1px solid #d6d6d6;background:#fafafa;padding:0 50px 0 10px;position:relative;width:370px;margin-left:40px;outline:none;transition:0.3s;} .SearchBox form input:hover{box-shadow:inset 2px 2px 11px #bfbfbf;} .SearchBox form input:focus{box-shadow:inset 2px 2px 11px #bfbfbf;} .SearchBox button{height:40px;width:40px;position:absolute;right:4px;top:4px;} .SearchBox button::after{content:"";display:inline-block;background:url(/Grace/Theme/Design/Images/SearchButton.png);width:29px;height:25px;cursor:pointer;} .Search .Image {float: left; width: 200px; margin-right: 10px;} .Search h2{background:#2466bd;color:#fff;padding:10px;} .Search h2, .Search h3 {clear: both;} .Search .Mark {font-weight: bold;} .ButtonsBanksDetail{text-align:center;margin:30px 0;} .ButtonsBanksDetail .Submit{line-height:40px;height:40px;margin:0 15px;} .ButtonsBanksDetailBottom .Submit{line-height:40px;height:40px;margin-right:30px;} .ButtonsBanksDetailBottom{margin-top:30px;} .BanksProductDetailTable{margin-bottom:30px;} .BanksProductDetailTable tr:nth-child(odd){background:#efefef;} .BanksProductDetailTable tr td{border-bottom:0;padding:2px; vertical-align:top;} .BanksProductDetailTable tr td:first-child{width:35%;font-weight:bold;text-transform:uppercase;} /*.BanksProductDetailTable tr td:first-child .Tooltip::after {display: inline-block; content: '\f128'; margin-left: 5px; font-family: FontAwesome;}*/ .BanksProductDetailTop .BankLogo {max-width: 20%;} .BanksProductDetailBottomInfo{margin-bottom:50px;} .BanksProductDetailBottomInfo h2{margin-bottom:7px;} .BanksProductDetailBottomInfo p:last-child{margin-bottom:0;} .BanksProductDetailBottomInfo .RatingBG{background:#efefef;padding:7px;margin-bottom:25px;} .BanksProductDetailBottomInfo .RatingBG .Inner{border-left:5px solid #1656aa;padding-left:10px;} .BanksProductDetail.Ended .ProductData {opacity: 0.6;} .BanksProductDetail .ExtLink {margin-top: 40px;} .ExtLink {margin-top: 15px;} .ExtLink a {font-weight: bold; font-size: 22px;} .Submit.Blue{background:#2466bd; color: white;} .Submit.Blue:hover{background:#163b6d;} .Submit.Orange {background: #fad152; color: #353535; border: 2px solid #353535; font-weight: bold;} .Submit.Orange:hover {color: #fad152; background: #353535;} .PositionHead{float:right;} .IBANInfo p{color:#000;font-size:12px;margin:45px 0 50px 0;} .FootBanks{padding-top:20px;} #Head .Socials {display: inline-block;} #Head .Socials > * {display: inline-block; vertical-align: middle;} .fb-like span{vertical-align:middle!important;} .LinkedIn span{vertical-align:middle!important;} .GPlus #___plusone_0{vertical-align:middle!important;} .Ad#div-gpt-ad-1424640990425-0, .Ad#div-gpt-ad-1378197649460-0 {width: 250px; height: 250px;} .Ad#div-gpt-ad-1378199028196-0, .Ad#div-gpt-ad-1413517988234-0 {width: 728px; height: 100px;} .Ad#div-gpt-ad-1378163117107-0 {width: 1000px; height: 100px; margin-bottom: 15px;} .Ad{margin:10px 0; text-align: center;} .Menu-toggle{display:none;float:right;height:20px;} .MenuBtn .line{position: relative;width: 35px;height: 1px;background: #fff;transition: all .3s ease;cursor: pointer;} .MenuBtn .line.one {top: 0;} .MenuBtn .line.two {top: 7px;} .MenuBtn .line.three {top: 14px;} .Menu-toggle.Open{height:30px;margin-top:-5px;} .Menu-toggle.Open .MenuBtn .line.three {transform: rotate(45deg);} .Menu-toggle.Open .MenuBtn .line.two {display: none;} .Menu-toggle.Open .MenuBtn .line.one {transform: rotate(-45deg);top: 14px;} .Login{padding-top:20px;border-top:1px solid #c9c9c9;margin-bottom:40px;} .Login .Left, .Login .Right {float: left; width: 48%;} .Login .Right {float: right;} .Login input{height:40px;line-height:40px;border:1px solid #c9c9c9;border-radius:3px;padding:0 15px;outline:none;transition:.3s;width:100%;} .ChangeLogin input{height:40px;line-height:40px;border:1px solid #c9c9c9;border-radius:3px;padding:0 15px;outline:none;transition:.3s;width:100%;} .Login input:focus{box-shadow:inset 2px 2px 11px #bfbfbf;} .ChangeLogin input:focus{box-shadow:inset 2px 2px 11px #bfbfbf;} .Login .Center{text-align:left;margin:10px 0;} .ChangeLogin .Center{text-align:left;margin:10px 0;} .Login label{font-size:17px;display:block;margin-bottom:5px;} .ChangeLogin label{font-size:17px;display:block;margin-bottom:5px;} .Login .Item{margin:7px 0;} .Login .Opener{margin-top:25px;} .Login .Panel{width:100%;background:#fff;} .ChangeLogin{padding-top:20px;border-top:1px solid #c9c9c9;margin-bottom:40px;} .ChangeLogin .Box{float: left;vertical-align:top;width:50%;padding-bottom: 25px;} .ChangeLogin .Box:last-of-type{vertical-align:bottom;text-align:right;margin-bottom:10px;} .ChangeLogin .Box:nth-of-type(1), .ChangeLogin .Box:nth-of-type(3), .ChangeLogin .Box:nth-of-type(5) {border-right: 1px solid #c9c9c9; padding-right: 10px; clear: both;} .ChangeLogin .Box:nth-of-type(2), .ChangeLogin .Box:nth-of-type(4) {padding-left: 10px;} .ChangeLogin .Box:nth-of-type(3), .ChangeLogin .Box:nth-of-type(4), .ChangeLogin .Box:nth-of-type(5), .ChangeLogin .Box:nth-of-type(6) {border-top: 1px solid #c9c9c9;} .ChangeLogin .Box:nth-of-type(4), .ChangeLogin .Box:nth-of-type(5) {padding-top: 10px; text-align: center;} .ChangeLogin .FileUpload .Upload, .Safari .ChangeLogin .FileUpload input[type="file"] {width: 100%; height: 98px; font-size: 14px;} .ChangeLogin input[type="checkbox"] {width: auto; height: auto;} .GuideItems{margin:50px 0;} .GuideItems .Inner{padding:40px 0;background:#efefef;margin-bottom:20px;text-align:center;} .GuideItems .Inner .BtnBox {float: left; text-align: center; padding: 0 10px;} .GuideItems .Inner .Submit{width: 100%; padding:0; margin-bottom: 10px;} .Search.page .SearchBox{width:370px;margin-bottom:15px;} .Search.page .SearchBox input{margin-left:0;} .Search.page h3{margin-bottom:5px;} .Search.page p.MarginRight{margin-bottom:15px;border-bottom:1px solid #f5f5f5;padding-bottom:10px;margin-top:5px;} .Tag{display:inline-block;vertical-align:top;margin:5px;} .Comparison .Open, .Comparison td .Submit {vertical-align: middle; line-height: 36px;} .Comparison .Open::before{text-align:center; color: gray; font-size: 33px;} .Comparison .Open{display: inline-block; text-align:center; color: gray;} .Comparison .Opener .Submit{margin:5px 0;} .Comparison tr td:not([colspan]):first-of-type {padding: 2px 10px;} .Comparison tr td:not([colspan]):last-of-type {padding: 2px 10px; text-align: right;} .Comparison .MoreInfo {float: right; } .MobileSearch{display:none;} .Step.FadedOut{opacity:0.7;} /*.Debug{display:none;}*/ .TouchBox{display:none!important;} .Tags .TopTags {margin-bottom: 30px; border-bottom: 1px solid #c9c9c9;} .Tags .TopTags .Image {float: left; max-width: 300px; margin: 0 15px 15px 0;} .Tags .Item {margin-bottom: 25px;} .Tags .Item h2 {margin-bottom: 10px;} .Tags .Item .Image {float: left; max-width: 200px; margin: 0 10px 10px 0;} .LeadForm {margin-bottom: 25px; padding: 15px; background: #f4fee3;} .LeadForm h2 {margin-bottom: 20px; font-weight: bold; font-size: 22px;} .LeadForm .Line {margin-bottom: 15px;} .LeadForm .Line::after {display: block; content: ''; clear: both;} .LeadForm .Line .Item {float: left;} .LeadForm .Purpose label {margin-right: 20px; font-weight: bold;} .LeadForm .Line:nth-of-type(2) .Item:nth-of-type(1), .LeadForm.LoanForm .Line:nth-of-type(1) .Item:nth-of-type(1) {width: 40%;} .LeadForm .Line:nth-of-type(2) .Item:nth-of-type(2), .LeadForm.LoanForm .Line:nth-of-type(1) .Item:nth-of-type(2) {width: 40%;} .LeadForm .Line:nth-of-type(2) .Item:nth-of-type(3), .LeadForm.LoanForm .Line:nth-of-type(1) .Item:nth-of-type(3) {width: 20%;} .LeadForm .Line:nth-of-type(3) .Item:nth-of-type(1), .LeadForm.LoanForm .Line:nth-of-type(2) .Item:nth-of-type(1) {width: 50%;} .LeadForm .Line:nth-of-type(3) .Item:nth-of-type(2), .LeadForm.LoanForm .Line:nth-of-type(2) .Item:nth-of-type(2) {width: 25%;} .LeadForm .Line:nth-of-type(3) .Item:nth-of-type(3), .LeadForm.LoanForm .Line:nth-of-type(2) .Item:nth-of-type(3) {width: 25%;} .LeadForm .Line:nth-of-type(4) .Item:nth-of-type(1) {width: 50%;} .LeadForm .Line:nth-of-type(4) .Item:nth-of-type(2) {width: 50%;} .LeadForm .Line:nth-of-type(5) .Item:nth-of-type(1) {width: 50%;} .LeadForm .Line:nth-of-type(5) .Item:nth-of-type(2) {width: 50%;} .LeadForm input[type="text"] {width: 100%; height: 36px; border: 1px solid #d6d6d6; background: #fafafa; padding: 0 10px; position: relative; outline: none; transition: 0.3s;} .LeadForm .Line:nth-of-type(2) input[type="text"], .LeadForm .Line:nth-of-type(3) input[type="text"], .LeadForm.LoanForm .Line input[type="text"] {font-weight: bold; font-size: 22px;} .LeadForm .Line:nth-of-type(2) .Item:nth-of-type(2) input[type="text"], .LeadForm .Line:nth-of-type(3) .Item:nth-of-type(2) input[type="text"], .LeadForm .Line:nth-of-type(4) .Item input[type="text"], .LeadForm .Line:nth-of-type(5) .Item input[type="text"], .LeadForm.LoanForm .Line:nth-of-type(1) .Item:nth-of-type(2) input[type="text"] {width: 80%;} .LeadForm .Line .Item [name="month_pay"] {border-color: #3f9005;} .LeadForm.LoanForm [name="interest_rate"] {margin-bottom: 15px;} .LeadForm.LoanForm .resTotalPay {font-size: 22px; font-weight: 600;} .LeadForm .ui-slider {max-width: 90%; margin-top: 12px;} .LeadForm .Note {font-size: 12px;} .LeadForm.LoanForm .Submit {font-weight: bold;} .LeadForm.InsuranceForm .Line .Item {width: 49%;} .LeadForm.InsuranceForm .Line .Item:last-of-type {float: right;} .LeadForm.InsuranceForm .TypeNonLife > div {margin-bottom: 15px;} .LeadForm.InsuranceForm .TypeNonLife label {font-weight: bold;} .LeadForm.InsuranceForm .TypeNonLife .Purpose {padding-left: 15px;} .LeadForm.InsuranceForm .TypeNonLife .Purpose label {font-weight: normal;} .LeadForm.InsuranceForm .TypeNonLife p {padding-left: 15px;} .LeadForm.InsuranceCarForm .Line .Item {width: 49%;} .LeadForm.InsuranceCarForm .Line .Item:last-of-type {float: right;} .LeadForm.InsuranceCarForm .TypeNonLife > div {margin-bottom: 15px;} .LeadForm.InsuranceCarForm .TypeNonLife label {font-weight: bold;} .LeadForm.InsuranceCarForm .TypeNonLife .Purpose {padding-left: 15px;} .LeadForm.InsuranceCarForm .TypeNonLife .Purpose label {font-weight: normal;} .LeadForm.InsuranceCarForm .TypeNonLife p {padding-left: 15px;} .Dictionary h2 {margin-bottom: 15px;} .Dictionary p + h2 {margin-top: 30px;} .Tips a {display: block; margin-bottom: 10px;} .Tips a img {max-width: 100%;} .HP .Tips a, #MainContent .Tips a {display: inline-block; width: 32%; margin: 0 5px;} #MainContent .Tips .Ad a{width:100%;} .Tips .ItemWithHover img:last-child, .Tips .ItemWithHover:hover img:first-child {display: none;} .Tips .ItemWithHover:hover img:last-child {display: inline;} .HP .ConsultingBtn{margin-top:0;} .ConsultingBtn {margin-top: -25px;} .ConsultingBtn::after {display: block; content: ''; clear: both;} .ConsultingBtn .Submit {float: left; width: 49%; padding: 0; text-align: center;} .ConsultingBtn .Submit:first-of-type {margin-right: 1%;} .ConsultingBtn .Submit:last-of-type {margin-left: 1%;} .Floating.OnMove {position: fixed; top: 0; width: 250px;} .Graph {padding-top: 10px;} .Graph .XAxis text {font-size: 20px;} .Graph .UnderPointsPlaceTop, .Graph .GraphPoint circle {stroke: #2466bd;} .Graph .GraphPoint path {stroke: #5ba422;} .Graph .UnderPointsPlace {fill: #efefef;} .Dialog {text-align: center;} .Dialog .DialogTop {background: none;} .Dialog .Out {width: 750px; background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);} .Dialog .Logo {text-align: left;} .Dialog p {font-size: 16px; font-weight: bold;} .Dialog .Big {color: #62a922; font-size: 22px;} .Dialog input[type="text"], .Dialog input[type="text"]:hover, .Dialog input[type="text"]:focus {width: auto; display: inline-block; background: none; border: none; box-shadow: none;} .Dialog .phoneinput {display: inline-block; width: auto; height: 36px; border: 1px solid #d6d6d6; background: #fafafa; padding: 0 10px; position: relative; outline: none; transition: 0.3s;} .Dialog .phoneinput:hover, .Dialog .phoneinput:active, .Dialog .phoneinput:focus {box-shadow: inset 2px 2px 11px #bfbfbf;} .Dialog .phoneinput, .Dialog .phoneinput input[type="text"] {font-weight: normal; vertical-align: middle; font-size: 14px;} .Dialog .Note {font-weight: normal; font-size: 12px;} .Authors > .Image {float: left; margin: 0 15px 15px 0;} .Banky.Authors .Item {margin-bottom: 15px;} .Banky.Authors .Item::after {display: block; content: ''; clear: both;} .Banky.Authors .Item .Image {float: left; margin: 0 15px 15px 0;} .error-banks, .error-banks li {padding: 0; margin: 0;} .error-banks {padding-bottom: 50px;} .error-banks::after, .error-banks li::after {clear: both; display: block; content: '';} .error-banks li {padding: 10px 0; list-style: none; cursor: pointer;} .error-banks li:hover {background-color: lightcyan;} .error-banks li .image {float: left; width: 133px; padding-top: 5px;} .error-banks li img {height: 31px;} .error-banks li strong {display: block;} .error-banks li .info {float: left;} .RealEstateForm .Title{font-size:18px;margin-bottom:8px;} .RealEstateForm .Line{margin-bottom:50px;} .RealEstateForm .Line input[type="text"], .RealEstateForm .Line input[type="email"] {width: 80%;} .EditGivenInfoDialog.Dialog > .Out > .In{margin:0;} .EditGivenInfoDialog.Dialog .DialogTop{position:absolute;width:100%;z-index:10;} .EditGivenInfoDialog .Out{border:1px solid #000;width:100%;max-width:400px;} .EditGivenInfoDialog .Out .Close{background:none!important;width:0;height:0;position: absolute;right: 30px;top: -10px;} .EditGivenInfoDialog .Out .Close::before{content:"\f00d";font-family:FontAwesome;color:#b9b8c0;font-size:20px;} .EditGivenInfoDialog .Out .Close:hover::before{color:#ce2c2c;} .EditGivenInfoDialog .LeadForm{background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);margin-bottom:0;padding-top:20px;text-align:left;} .EditGivenInfoDialog .LeadForm .Purpose label{display:block;margin-bottom:20px;} .EditGivenInfoDialog .LeadForm .Form-Hypo .Item{width:100%!important;text-align:left;cursor:default;} .EditGivenInfoDialog .LeadForm button.Submit{background: #519130;background: -moz-linear-gradient(left, #519130 0%, #97b90a 99%, #97b90a 100%, #97b90a 100%, #2989d8 100%);background: -webkit-linear-gradient(left, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);background: linear-gradient(to right, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519130', endColorstr='#2989d8',GradientType=1 );width: 100%!important;height: 40px;line-height: 40px;font-size: 17px;text-align: center} .EditGivenInfoDialog .Form-Hypo{text-align:center;} .EditGivenInfoDialog .Form-Hypo .Confirm{margin-left:0!important;width:100%!important;} .EditGivenInfoDialog .Form-Hypo .Item.Fixation select{width:100%;} .EditGivenInfoDialog .Form-Hypo .Item.Fixation{text-align:left;margin:0 auto 20px auto;width:100%;} .EditGivenInfoDialog.Dialog input[type="text"], .EditGivenInfoDialog.Dialog input[type="text"]:hover, .EditGivenInfoDialog.Dialog input[type="text"]:focus{width:80%!important;} .MortgageFormDialogEditInfo .Heading{font-size:16px;font-weight:600;margin-bottom:35px;} .MortgageDialog.Dialog > .Out > .In{margin:0;} .MortgageDialog.Dialog .DialogTop{position:absolute;width:100%;z-index:10;} .MortgageDialog .Out{border:1px solid #000;width:100%;max-width:1050px;} .MortgageDialog .Out .Close{background:none!important;width:0;height:0;position: absolute;right: 20px;top: -10px;} .MortgageDialog .Out .Close::before{content:"\f00d";font-family:FontAwesome;color:#b9b8c0;font-size:20px;} .MortgageDialog .Out .Close:hover::before{color:#ce2c2c;} .MortgageDialog form{position: relative;} .MortgageDialog .Request{border-right:1px solid #dbd9da;text-align:left;display:inline-block;vertical-align:top;width:51%;padding:30px;} .MortgageDialog .RightInfo{text-align:center;display:inline-block;vertical-align:top;width:48%;padding:30px;} .MortgageDialog .RightInfo h2{text-transform:initial;font-weight:bold;font-size:18px;margin-bottom:32px;text-align:center;} .MortgageDialog .RightInfo h3{text-transform:initial;font-weight:bold;font-size:14px;margin-bottom:15px;text-align:center;} .MortgageDialog .RightInfo .TextContent{font-size:14px;text-align:center;font-weight:normal;max-width:350px;width:100%;margin:auto;} .MortgageDialog .RightInfo .TextContent p{margin-bottom:30px;font-size:13px;text-align:center;font-weight:normal;} .MortgageDialog input{padding: 0 7px!important;height: 30px!important;line-height: 30px;background: #fff!important; border: 1px solid #cdcdcd!important;border-radius: 3px;width:100%!important;} .MortgageDialog textarea{padding: 7px!important;background: #fff!important; border: 1px solid #cdcdcd!important;border-radius: 3px;width:100%!important;} .MortgageDialog input[name="phone"]{max-width:170px;width:100%!important;padding: 0 7px!important;height: 30px!important;line-height: 30px!important;background: #fff!important;border: 1px solid #cdcdcd!important;border-left: 0!important;float: left;border-radius: 0 3px 3px 0;} .MortgageDialog select{background: #e9e9e9;border: 1px solid #cdcdcd;border-radius: 3px 0 0 3px;padding: 0 7px;height: 30px;line-height: 30px;width: 70px;float: left;} .MortgageDialog label{font-size:13px;margin-bottom:4px;color:#000;display:block;} .MortgageDialog label span.requiredred{color:#9d1a00;} .MortgageDialog .PhoneItem{display:inline-block;vertical-align:top;width:53%!important;} .MortgageDialog .EmailItem{display:inline-block;vertical-align:top;width:46%!important;padding-left:20px!important;} .MortgageDialog button.Submit{text-transform:initial;background: #519130;background: -moz-linear-gradient(left, #519130 0%, #97b90a 99%, #97b90a 100%, #97b90a 100%, #2989d8 100%);background: -webkit-linear-gradient(left, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);background: linear-gradient(to right, #519130 0%,#97b90a 99%,#97b90a 100%,#97b90a 100%,#2989d8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519130', endColorstr='#2989d8',GradientType=1 );color:#fff;font-size:16px;font-weight:600;height:40px;line-height:40px;padding:0 15px;display:inline-block;} .MortgageDialog button.Submit:hover{text-decoration:none;opacity:0.8;} .MortgageDialog .Item{margin-bottom:10px;} .MortgageDialog .Item.Error{padding:0;width:initial;background:none;color:initial;font-weight:initial;} .MortgageDialog .Item.Error input{border:1px solid #ff0000!important;} .MortgageDialog .Item.Error select{border:1px solid #ff0000;border-right:none;} .MortgageDialog .Item.Ok input{border:1px solid #619b27!important;} .MortgageDialog .Item.Ok select{border:1px solid #619b27;border-right:none;} .MortgageDialog .Item.Error input[name="phone"]{border:1px solid #ff0000!important;border-left:none!important;} .MortgageDialog .Item.Ok input[name="phone"]{border:1px solid #619b27!important;border-left:none!important;} .GeneralRequest h2{font-weight:bold;color:#000;text-transform:initial;} .GeneralRequest .TextContent{font-weight:normal;color:#000;text-transform:initial;font-size:13px;} .GeneralRequest .TextContent p{font-weight:normal;color:#000;text-transform:initial;font-size:13px;margin-bottom:0;} .Request .SpecificProduct{margin-bottom:10px;} .Request .SpecificProduct h2{font-weight:bold;font-size:26px;margin-bottom:20px;text-transform:initial;} .Request .SpecificProduct .Heading{font-weight:bold;color:#000;font-size:14px;margin-bottom:7px;} .Request .SpecificProduct .Image{width:70px;display:inline-block;vertical-align:top;} .Request .SpecificProduct .InfoBlock{display:inline-block;vertical-align:top;width:80%;margin-left:10px;} .Request .SpecificProduct .InfoBlock .ProductName{font-weight:bold;} .CallMeBlockBottom{display:none;} .Products .Comparison .Subcategories{display:block;} .SubcategoriesOpener{display:none;padding: 0 5px;line-height: 40px;background: #eef9fb;font-size: 12px;text-transform: uppercase;text-decoration: none;color:#2568be;font-weight: 600;text-align:center;} .SubcategoriesOpener::after{font-family:fontAwesome;content:'\f107';display:inline-block;color:#2568be;margin-left:10px;} .SubcategoriesOpener.Opened::after{font-family:fontAwesome;content:'\f106';display:inline-block;color:#2568be;margin-left:10px;} .FiltersComp tr.HeadingTr td.SubcategoriesOpenerHidden {display: none;} .FiltersComp tr.HeadingTr td.SubcategoriesOpenerHidden + td {width: 100% !important;} .NoPaddingTd{padding:0!important;} .FiltersComp{display:none;} .FiltersComp tr{width:100%;display:block;} .FiltersComp tr.HeadingTr td{width:50%!important;border:1px solid #2568be;display:inline-block;float:left;} .MobileOpenerYes{display:none!important;} .InsuranceCategoryItems {margin-bottom: 24px;} .InsuranceCategoryItems .Item {float: left; width: 25%; margin-bottom: 8px;} .InsuranceCategoryItems .Item:hover{text-decoration:none;} .InsuranceCategoryItems .Item:hover .Inner{background-color:#1657ab;} .InsuranceCategoryItems .Item .Inner {position: relative; height: 75px; margin: 0 4px; background: #efefef no-repeat center center; background-size: cover; cursor: pointer; overflow: hidden; transition: background 0.3s, color 0.2s;} .InsuranceCategoryItems .Item .Inner h2 {transition: color 0.3s;margin-top:10px;font-size:21px;} .InsuranceCategoryItems .Item:nth-of-type(3 + 4n + 1) .Inner {margin-left: 0;} .InsuranceCategoryItems .Item:nth-of-type(3 + 4n) .Inner {margin-right: 0;} .InsuranceCategoryItems .Item .Inner:hover, .InsuranceCategoryItems .Item .Inner:hover h2, .HPcategories .Item.pruvodce-financnimi-produkty .Inner:hover a {color: white;} .InsuranceCategoryItems .Item .Inner .Data .Icon svg {position: absolute; left: 15px; top: 15px;transition: opacity 0.2s;transform:scale(1.2);fill:#1656aa;} .InsuranceCategoryItems .Item .Inner .Data .Icon.Smaller svg{transform:scale(1);} .InsuranceCategoryItems .Item .Inner .Data .Icon.Smaller1 svg{transform:scale(1.1);} .InsuranceCategoryItems .Item .Inner .Data .Icon.Bigger svg{transform:scale(1.3);} /*.InsuranceCategoryItems .Item .Inner:hover .Data .Icon svg path{fill:#fff!important;}*/ .InsuranceCategoryItems .Item .Inner .Data .Icon{width: 66px; height: 106px;float:left;} .InsuranceCategoryItems .Item .Inner h2 {margin-bottom: 0;} .InsuranceCategoryItems .Item .Inner h2 a {display: block; padding: 13px 0; text-decoration: none; font-size: 18px;} .InsuranceCategoryItems .Item .Inner p {font-size: 15px;} .InsuranceCategoryItems .Item .Inner .Data {padding-right: 6px;} @media (max-width: 1110px){ .Whole{max-width: 1110px;width:100%;padding: 0 15px 80px 15px;} #Foot{max-width: 1110px;width:100%;padding: 30px 15px 40px 15px;} } @media (max-width: 1015px){ #MainContent{width:73%;} #RightSidebar, #LeftSidebar{width:26%;} .BankItems .Item{margin-right:8px;} .MortgageDialog .PhoneItem{width:100%!important;} .MortgageDialog input[name="phone"]{max-width:70%!important;} .MortgageDialog select{width:30%!important;} .MortgageDialog .EmailItem{padding-left:0!important;width:100%!important;} } @media (max-width: 999px){ .Mobile {display: block;} .Full {display: none;} .InsuranceCategoryItems .Item{width:50%;} .BankCodes .BanksDetail .Heading{float:none;} .BanksDetail .BankCode{text-align:center;margin-top:10px;} .BankCodes .BanksDetail .Image{float:none;display:block;margin-top:0;margin:10px auto 0 auto;max-width:45%;} .Dialog .Out{width:90%;} .Dialog .phoneinput{margin-bottom:10px;} #Foot .FootLogo{float:right;display:block;width:100%;text-align:right;} .SearchBox input{width:230px;} .SearchBox{margin-right:20px;} .HPcategories .Item.TopItem .Inner .Data{top:initial;} .HPcategories .Item.NonTop:nth-of-type(3) .Inner, .HPcategories .Item.NonTop:nth-of-type(4n + 3) .Inner{margin-right:4px;} .HPcategories .Item{width:50%;} #MainContent{width:100%;} #RightSidebar, #LeftSidebar{width:100%;text-align:center;} .BankItems .Item.NonTop{width:24%;} .InstituteProductsCategories > li a {font-size: 16px;} .MoreBranchATMs .MoreATMs, .MoreBranchATMs .MoreBranches{width:49%;} .MoreBranchATMs .MoreATMs .Item, .MoreBranchATMs .MoreBranches .Item{width:100%;} .ConsultingCategories li{width:48%;margin:5px!important;} .SearchBox form input {height: 40px; margin-left: 0; width: 233px;} .PositionArticlesandConsulting .LastArticles, .PositionArticlesandConsulting .LastConsulting{width:100%;margin-bottom:50px;float:none;} .LastArticles .ArticlesItems .Description {height: auto; max-height: 147px;} .LastArticles .ArticlesItems .Image {margin-bottom: 45px;} .Comparison th:nth-of-type(5)::after, .Comparison th:nth-of-type(5) .Tooltip, .Comparison th .Opener, .Comparison td:nth-of-type(6) {display: none;} .Ad#div-gpt-ad-1378163117107-0 {display: none;} .Ad#div-gpt-ad-1378163117107-0 + .ModulesPosition {margin-top: 25px;} .EditGivenInfoBlock{width:100%;margin-right:0;} .CallMeBlockForm{display:none;width:100%;margin-top:15px;} .Finded .CallMeBlockBottom{display:block;} .Finded .CallMeBlockBottom .CallMeBlockForm{display:block;} .EmailPhoneIns{display:block;text-align:center;} .EmailPhoneIns .EmailIns{max-width:100%;margin-bottom:5px;} } @media (max-width: 850px){ .IBANaccount .Submit, .ValidAccount .Submit{width:100%;margin-left:0;margin:10px 0;} .ValidAccount input, .IBANaccount input{width:100%;} #UpperHead .SearchBox{display:none;} .MobileSearch{display:block;position:absolute;right:5px;top:5px;} .MobileSearch .SearchBox{margin-right:0;} .MobileSearch .SearchBox button{top:1px;} .SearchBox input{margin-left:0;} #Head .Socials{margin-left:25px;} .SearchBox input{height:40px;} .Menu-toggle{display:block;position:absolute;left:5px;top:16px;} #Head nav > ul{display:none;position:absolute;top:50px;background:#2466bd;z-index:99999;text-align:center;width:100%;} #Head nav > ul li:first-child{border-top:1px solid #1d5eb3;border-bottom:1px solid #1d5eb3;} #Head nav > ul li{width:100%;display:block;border-bottom:1px solid #1d5eb3;} #Head nav > ul > li:first-child > a::before{height:40px;} #Head nav ul li a{width:100%;display:block;border-right:0;line-height:40px;height:40px;padding:0;} #Head nav ul li a:hover{background:#327cdc;} #Head nav ul li a:focus{background:#327cdc;} #Head nav{height:50px;} #Head nav .SubMenu{position:initial;} #Head nav .SubMenu li{background:#84be38;border-bottom:1px solid #68a01e;} #Head nav .SubMenu li:first-child{background:#84be38;border-bottom:1px solid #68a01e;} .InfoAddress{text-align:left;max-width: none;width:100%;margin:15px 0;} .BranchATMDetail .QRImage{float:left;text-align:left;width:100%;} .BranchATMDetail .BankLogo, .InfoAddress {float: none;} .GuideItems .Step .Submit{width:100%;display:inline-block;float:none;margin:5px 0;} .Crumbs.Top{margin-top:15px;} .HP .Tips a, #MainContent .Tips a {display: block; width: 100%; margin-bottom: 5px; text-align: center;} } @media (max-width: 800px){ .HPcategories .Item.TopItem, .HPcategories .Item.TopItem .Inner {width:100%; margin-left: 0; margin-right: 0;} .HPcategories .Item.TopItem .Inner{background-repeat:no-repeat;background-size:cover;} #BottomNavigation{text-align:center;} #BottomNavigation .BottomNavigationsColumns .Menu ul li{width:100%;padding-right:0;text-align:center;margin-bottom:10px;} } @media (max-width: 775px){ .ArticleDetail .Ad{display:none;} } @media (max-width: 770px) { .Ad#div-gpt-ad-1378199028196-0, .Ad#div-gpt-ad-1413517988234-0 {display: none;} .InstituteProductsCategories > li {width: 50%;} .MortgageDialog .Request{width:100%;border-right:0;border-bottom:1px solid #dbd9da;padding:20px;} .MortgageDialog .RightInfo{width:100%;} .HypoPageSingle .FaqHypo.Columned ul li{width:100%;padding:0;} } @media (max-width: 730px){ .BranchesATMs .Opener, .NearestBranchesATMs{margin-right:0;width:100%;margin:5px 0;} .BranchesATMs .Opener.Opened .Panel{position:relative;} .BranchesATMs .BranchesATMsItems{margin-top:55px;} #Foot nav{float:none;width:100%;} #Foot nav ul li{display:block;float:none;} #Foot nav ul li a{width:100%;text-align:center;} #Foot nav ul li a::after{display:none;} #Foot .FootLogo{float:none;width:100%;text-align:center;margin-bottom:25px;} #Foot .FootRight{text-align:center;} #Foot{padding: 20px 15px 20px 15px;} .BankItems .TopItem .Buttons{float:left;width:100%;} .BankItems .TopItem h2{margin-top:15px;} .HPcategories .Item.NonTop{width:100%;} .HPcategories .Item.NonTop .Inner, .HPcategories .Item.NonTop:nth-of-type(3) .Inner, .HPcategories .Item.NonTop:nth-of-type(4n + 3) .Inner{height:auto!important; margin-left: 0; margin-right: 0;} .HPcategories .Item.NonTop .Inner::before{height:100px;} } @media (max-width: 640px){ .BankItems .Item.NonTop{width:48.5%;} .BranchesATMs .QRImage{display: none;} .BranchesATMsItems{text-align:center;} .BranchesATMs .Item h2{text-align:center;max-width:100%;} .BranchesATMs .BankInfo{max-width:100%;text-align:center;max-height:100%;} .MoreBranchATMs .MoreATMs, .MoreBranchATMs .MoreBranches{width:100%;} .MoreBranchATMs .MoreATMs .Item, .MoreBranchATMs .MoreBranches .Item{width:100%;} .BranchATMDetail .QRImage {display: none;} .BranchesATMs .ReportBtn{float:none;padding:5px;display:block;} .Tag{width:100%;display:inline-block;} .Tag a{width:100%;display:inline-block;} .Comparison dl {column-count: 1;} .LeadForm label {white-space: nowrap;} .LeadForm .Line .Item, .LeadForm .Line:nth-of-type(2) .Item:nth-of-type(2), .LeadForm.LoanForm .Line:nth-of-type(1) .Item:nth-of-type(2), .LeadForm .Line:nth-of-type(2) .Item:nth-of-type(1), .LeadForm.LoanForm .Line:nth-of-type(1) .Item:nth-of-type(1), .LeadForm .Line:nth-of-type(2) .Item:nth-of-type(2) input[type="text"], .LeadForm .Line:nth-of-type(3) .Item:nth-of-type(2) input[type="text"], .LeadForm .Line:nth-of-type(4) .Item input[type="text"], .LeadForm .Line:nth-of-type(5) .Item input[type="text"], .LeadForm.LoanForm .Line:nth-of-type(1) .Item:nth-of-type(2) input[type="text"], .LeadForm .Line:nth-of-type(2) .Item:nth-of-type(3), .LeadForm.LoanForm .Line:nth-of-type(1) .Item:nth-of-type(3), .LeadForm .Line:nth-of-type(3) .Item:nth-of-type(1), .LeadForm.LoanForm .Line:nth-of-type(2) .Item:nth-of-type(1), .LeadForm .Line:nth-of-type(3) .Item:nth-of-type(2), .LeadForm.LoanForm .Line:nth-of-type(2) .Item:nth-of-type(2), .LeadForm .Line:nth-of-type(3) .Item:nth-of-type(3), .LeadForm.LoanForm .Line:nth-of-type(2) .Item:nth-of-type(3), .LeadForm .Line:nth-of-type(4) .Item:nth-of-type(1), .LeadForm .Line:nth-of-type(4) .Item:nth-of-type(2), .LeadForm .Line:nth-of-type(5) .Item:nth-of-type(1) {float: none; width: 100%;} .LeadForm .ui-slider {max-width: 100%;} .Consulting .NewQuestionBtn {float: none; margin-top: 0;} } @media (max-width: 600px){ .BankItems .Item.NonTop{width:100%;height:auto!important;} .ConsultingCategories li{width:100%;margin:5px 0!important;} .Consulting .Heading .Date{float:none;width:100%;display:inline-block;margin-top:10px;} .ConsultingItems .Initials{width:50px;height:50px;padding-top:0;font-size:12px;} .Consulting .ItemContent .AnswerBlock{margin-left:0;} .Consulting .ItemContent .Description {display: inline;} .Subpage .LastArticles .ArticlesItems .Description, .Subpage .LastConsulting .ConsultingItems .Description {height: auto;} .Subpage .LastArticles .ArticlesItems .Item, .Subpage .ConsultingItems .Item {padding-bottom: 0;} .Subpage .LastArticles .ArticlesItems h3 a, .Subpage .LastConsulting .ConsultingItems h3 a {font-size: 16px;} .Subpage .LastConsulting .ConsultingItems, .Subpage .LastArticles .ArticlesItems, .Subpage .LastArticles .ArticlesItems .Description, .Subpage .LastConsulting .ConsultingItems .Description, .Subpage .LastArticles .ArticlesItems .Description p, .Subpage .LastConsulting .ConsultingItems .Description p, .Subpage .LastConsulting .ConsultingItems .AnswerLast p {font-size: 13px;} .Consulting .ConsultingItems:not(.ConsultingDetail) .ItemContent:hover .AnswerBlock .Description .ButtonBox {display: none;} .Consulting .ItemContent .Submit {display: none;} .Pagelist ul li.ToFirst, .Pagelist ul li.Item, .Pagelist ul li.ToLast, .Pagelist ul li.More {display: none;} .ConsultingDetail .Submit{display:inline-block;width:100%;margin:5px 0;} .Comparison table tbody tr td:first-child .Image{width:45px;} .Comparison table thead tr th{padding:10px 2px;} .Comparison table tr td{padding:10px 2px;} .Login .Left, .Login .Right{width:100%;margin-bottom:25px;} .Comparison .TopProducts .Submit{font-size:13px;padding:3px;height:30px;line-height:30px;} .Comparison tr.TopProducts td:last-of-type{text-align:center;} .ChangeLogin .Box, .ChangeLogin .Box:last-of-type{width:100%;text-align:left;} .InsuranceCategoryItems .Item{width:100%;} } @media (max-width: 500px){ #HeadLogo{width:100%;display:block;} #UpperHead{text-align:center;} #Head .Socials{margin-left:0;} .PositionHead{float:none;} .BankItems .TopItem .CentralData{width:100%;} .Comparison .PropMobile{display:inline-block;} .HPcategories .Item.NonTop .Inner p{padding:0 20px;} .PositionArticlesandConsulting .BottomMore {padding-left: 0; text-align: center;} .PositionArticlesandConsulting .BottomMore .Submit {float: none; width: 100%; text-align: center; margin-left: 0; margin-right: 0;} .InstituteProductsCategories > li {width: 100%;} .BranchATMDetail .BankLogo {display: none;} .Consulting .ItemContent .Initials {width: 45px; height: 45px;} .LastArticles .ArticlesItems .Image {display: block; margin-bottom: 10px; width: auto; height: auto;} .CallMeBlockForm form button{display:block;margin-left:0px;margin-top:10px;width:100%;} .ComparisonFormWhole .Request .Item{width:100%;} .ComparisonFormWhole .Request .Item input{width:100%!important;max-width:69%;} .Comparison th.SortStatus{display: none} .CallMeBlockForm .CallerFace{display:block;margin-bottom:15px;margin:auto;} .CallMeBlockForm .Inner h3{text-align:center;} .CallMeBlockForm form{max-width:100%;padding-left:0;} .CallMeBlockForm form select{width:30%;} .EditGivenInfoBlock .HeadingBlock{height:auto;} .EditGivenInfoBlock .HeadingBlock h2{width:100%;font-size:15px;} .EditGivenInfo{float:none;} .EditGivenInfoBlock .Inner .PercentIcon{width:45px;height:45px;line-height:45px;font-size:30px;margin-top:10px;} .EditGivenInfoBlock .Inner{padding-left:65px;} .EditGivenInfoBlock .Inner .OpenMortgageForm{font-size:14px;} .ComparisonFormWhole .EmptyTh{display:none;} .MobileOpenerNone{display:none!important;} .MobileOpenerYes{display:inline-block!important;} } @media (max-width: 450px) { .ConsultingBtn .Submit {width: 100%;} .ConsultingBtn .Submit:first-of-type {margin-right: 0; margin-bottom: 5px;} .ConsultingBtn .Submit:last-of-type {margin-left: 0;} } @media (max-width: 400px){ .HPcategories .Item.TopItem .Inner .Data h2 a{font-size:18px;} .HPcategories .Item.TopItem .Inner .Data p{font-size:13px;line-height:18px;} .Subpage .LastConsulting .ConsultingItems .Item .Submit{margin-left:30px;} } @media (max-width: 999px){ .Products .Comparison .Subcategories,.Products .Comparison .Subfilters{display:none;margin-bottom:15px;border-bottom:2px solid #2466bd;} .SubcategoriesOpener{display:block;} .FiltersComp{display:block;} .Products .Comparison .Subcategories a{width:100%;margin-right:0;border-radius:0;padding:0 10px;text-align:left;background:#fff;color:#2366bd!important;} .Products .Comparison .Subfilters a{width:100%;margin-right:0;border-radius:0;padding:0 10px;text-align:left;background:#fff;color:#2366bd!important;} .Products .Comparison .Subcategories a.Active{color:#fff;} .SubFilters{display:none;} .SubFilters a{border: 2px solid #2466bd;border-bottom: none;line-height: 30px;border-radius: 0;padding: 0 10px;text-align: left;width:100%;display:inline-block;background:#fff;color:#2366bd!important;} .SubFilters a.Active{color:#fff;} .SubFilters a:last-child{border-bottom:2px solid #2466bd;} .Comparison .InputOverlay input, .BanksProductDetail .InputOverlay input{width:80%!important;} } @media (max-width: 680px){ .Comparison table thead tr th{display:block;width:100%;text-align:center;padding:3px 10px;} .Comparison table tbody tr td:first-child .Image{margin:auto;} .Comparison tr td:not([colspan]):last-of-type{text-align:center;} .Comparison th::after{bottom:-4px;margin-left:-8px;} .Comparison table thead tr th:last-child{display:none;} .Comparison table tbody tr.TopProducts td{display:block;width:100%;text-align:center;} .Comparison table tbody td{display:block;width:100%;text-align:center;} .Comparison th .Tooltip{margin:0px auto 0 auto;} .Comparison tbody .Opener .Panel{text-align:left;} .Comparison tbody .Opener.Opened .Panel{max-height:2500px!important;} .Comparison dt, .Comparison dd{width:47%;} .Comparison td[colspan]{border-bottom:15px solid #fff;} .LeadForm label{white-space:initial;} .LeadForm .Line:nth-of-type(5) .Item:nth-of-type(2){width:100%;} .Comparison .Opener .Submit{padding:0 10px;} } .RightSideBank{width:490px;float:right;text-align:center;} .RightSideBank .HeadingTextIcon{text-transform:uppercase;color:#000;font-size:18px;padding-left:50px;position:relative;font-weight:600;max-width:395px;margin:15px auto;text-align:left;} .RightSideBank .HeadingTextIcon::before{background:url(/Grace/Theme/Design/Images/DetailIcons-sprite.png);width: 45px;height: 45px;background-position: -239px -4px;position:absolute;left:0;top:0;content:"";} .LeftSideBank{width:200px;float:left;margin-top:70px;} .LeftSideBank .CrossListsButtons .Submit{width:170px!important;margin:12px!important;background:#95c11f!important;border-radius:0!important;color:#fff;text-transform:uppercase;font-size:14px!important;display:inline-block;height:40px;line-height:40px;text-align:center;font-weight:600;vertical-align:top;} .LeftSideBank .CrossListsButtons .Submit:hover{background:#afe619!important;} .LeftSideBank .CloneOpener .MoreParametersOpener{display:block!important;} .BanksDetail .MoreParametersOpener{display:none;} .Buttons .Button{width:215px;margin:12px;background:#004899;color:#fff;text-transform:uppercase;font-size:14px;display:inline-block;height:40px;line-height:40px;text-align:center;font-weight:600;vertical-align:top;} .Buttons .Button:hover{color:#004899;border:2px solid #004899;background:#fff;line-height:37px;text-decoration:none;font-weight:600;} .Buttons .Button.SixthButton:hover::before{background-position: -4px -30px;} .Buttons .Button::before{content:"";display:inline-block;margin-right:5px;background:url(/Grace/Theme/Design/Images/DetailIcons-sprite.png); background-repeat: no-repeat;vertical-align:middle;} .Buttons .Button.FirstButton::before{width: 35px;height: 26px;background-position: -196px -4px;} .Buttons .Button.FirstButton:hover::before{width: 35px;height: 26px;background-position: -196px -33px;} .Buttons .Button.SecondButton::before{width: 27px;height: 28px;background-position: -161px -4px;} .Buttons .Button.SecondButton:hover::before{width: 27px;height: 28px;background-position: -161px -34px;} .Buttons .Button.ThirdButton::before{width: 34px;height: 36px;background-position: -119px -2px;} .Buttons .Button.ThirdButton:hover::before{width: 34px;height: 36px;background-position: -120px -33px;} .Buttons .Button.FourthButton::before{width: 31px;height: 35px;background-position: -80px -4px;} .Buttons .Button.FourthButton:hover::before{width: 31px;height: 35px;background-position: -80px -35px;} .Buttons .Button.FifthButton::before{width: 33px;height: 25px;background-position: -39px -4px;} .Buttons .Button.FifthButton:hover::before{width: 33px;height: 25px;background-position: -39px -32px;} .Buttons .Button.SixthButton::before{width: 27px;height: 26px;background-position: -4px -29px;} .Buttons .Button.SixthButton:hover::before{width: 27px;height: 26px;background-position: -4px -3px;} .CloneOpenerBottom{display:none;margin:0 0 40px 0;padding:0 15px;} .InstitutePartnership .RightSideBank{display:none;} .InstitutePartnership .LeftSideBank{width:100%;margin-top:30px;} .InstitutePartnership .LeftSideBank .CloneOpener{display:inline-block;margin-top:-12px;} @media (max-width: 999px){ .LeftSideBank{width:100%;float:none;margin-top:35px;} .RightSideBank{width:100%;float:none;margin-bottom:25px;} } @media (max-width: 640px){ .LeftSideBank .CrossListsButtons a{display:block;width:215px!important;margin:auto!important;} .LeftSideBank .CrossListsButtons .Submit{display:block;width:215px!important;margin:12px auto!important;} .RightSideBank a{display:block;width:215px;} .RightSideBank .HeadingTextIcon{max-width:270px;} } .BanksDetail .FlashNews .Item{max-height:45px;overflow:hidden;position:relative;} .BanksDetail .FlashNews .Item.Opened{max-height:100%;} .BanksDetail .FlashNews .Item.Opened::after{display:none;} .BanksDetail .FlashNews .Item.Opened:hover p{text-decoration:none;} .BanksDetail .FlashNews .Item.Opened:hover{cursor:default;} .BanksDetail .FlashNews .Item:hover p{text-decoration:underline;} .BanksDetail .FlashNews .Item:hover {cursor:pointer;} .BanksDetail .FlashNews .Item::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: ''; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);} .Banks-list-letters {margin-bottom:35px;} .Banks-list-letters a{padding:7px;font-size:18px;} .HeadingLetter{font-size:22px;font-weight:bold;color:#2466bd;padding-bottom:7px;border-bottom:1px dotted #696969;margin-bottom:7px;margin-right:15px;} .BanksBlock{margin-bottom:20px;font-size:16px;color:#333333;} .BanksBlock h2{color:#333333;margin:5px 0;font-size:15px;text-transform:initial;} .BanksBlock h2 a{color:#333333;font-size:15px;} @media (max-width: 640px){ .Banks-list-letters{display:none;} .HeadingLetter{margin-right:0;} } .Item input[type="checkbox"] {margin-right: 3px;} /*! jQuery UI - v1.12.1 - 2017-03-01 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}