fieldset /****************************************************************** RESET CSS - Normalize ******************************************************************/ body, img, p, h1, h2, h3, fieldset { margin: 0; padding: 0; border: 0; resize: none; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; outline: 0; } input[type=submit] { cursor: pointer; } *:focus { outline: none; } h1, h2, h3, h4, h6 { margin: 0; padding: 0; } ::selection { background: #000; color: #fafafa; } ::-moz-selection { background: #000; color: #fafafa; } ._v-align { display: inline-block; vertical-align: middle; line-height: normal; } .relative { position: relative; } .unstyled { background: none; border: 0; box-shadow: none; } /****************************************************************** MY CSS ******************************************************************/ html, body { min-height: 100%; } body { font-family: Arial; background-color: #F1F1F1; height: 100%; } .wrapper { max-width: 1760px; padding: 0 15px; margin: auto; position: relative; } .wrapperContent { max-width: 1380px; margin: auto; } .no-margin { margin: 0; } .no-padding { padding: 0; } .padding-left { padding-left: 15px; } .padding-right { padding-right: 15px; } .m-b-30 { margin-bottom: 30px; } .backoffice-door { position: absolute; top: 5px; right: 5px; background-color: #eee; border: 1px solid #ccc; z-index: 1000; } .backoffice-door:hover { background-color: #ccc; box-shadow: 0 1px 2px #888; } .backoffice-door a { display: block; text-align: center; padding: 6px 12px; color: black; border: none; font-size: 14px; } .btn.btn-warning { background: #FF6600; border: 1px solid #FF6600; box-shadow: none !important; outline: none !important; } .btn.btn-warning:focus, .btn.btn-warning:hover { background: #EF5600; border: 1px solid #EF5600; } /****************************************************************** Loader ******************************************************************/ #Loader { width: 60px; height: 60px; position: relative; margin: 20px auto; } #Loader .double-bounce1, #Loader .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #FF6600; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; -moz-animation: sk-bounce 2.0s infinite ease-in-out; -o-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } #Loader .double-bounce2 { -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -o-animation-delay: -1.0s; animation-delay: -1.0s; } @-moz-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0); -moz-transform: scale(0.0); -ms-transform: scale(0.0); -o-transform: scale(0.0); transform: scale(0.0); } 50% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0); -moz-transform: scale(0.0); -ms-transform: scale(0.0); -o-transform: scale(0.0); transform: scale(0.0); } 50% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } } @keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0); -moz-transform: scale(0.0); -ms-transform: scale(0.0); -o-transform: scale(0.0); transform: scale(0.0); } 50% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } } /****************************************************************** Pagination ******************************************************************/ .pagination { } .pagination > li > a, .pagination > li > span { color: #EC6608; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #CF6619; } .pagination > .disabled > a, .pagination > .disabled > span, .pagination > .disabled > a:hover, .pagination > .disabled > span:hover, .pagination > .disabled > a:focus, .pagination > .disabled > span:focus { color: gray; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #EC6608; border-color: #EC6608; color: white; } /***************************************************************** Header ******************************************************************/ #Header { font-family: Arial; background-color: white; padding-top: 15px; padding-bottom: 10px; } /*Layout*/ #Header .left .col-fluid { float: left; width: 100%; margin-left: -300px; } #Header .left .inner-block { margin-left: 300px; } #Header .left .col-fixed-width { float: left; width: 300px; } #Header .right .col-fluid { float: left; width: 100%; margin-right: -580px; } #Header .right .inner-block { margin-right: 580px; } #Header .right .col-fixed-width { float: left; width: 580px; } /* MENU */ #Header .logo img { display: inline-block; } /*Downloads*/ #Header .navigationBar .download { display: inline-block; padding-right: 20px; vertical-align: top; padding-top: 20px; } #Header .navigationBar .download p { font-family: Arial; font-size: 12px; color: #aaa; } #Header .navigationBar .downloadIcons { vertical-align: middle; margin-top: 20px; } /*Balls*/ #Header .navigationBar .downloadIcons .ball { height: 50px; position: relative; display: inline-block; margin-right: 0; vertical-align: top; vertical-align: middle; } #Header .navigationBar .downloadIcons .ball + .ball { margin-left: 30px; } #Header .navigationBar .downloadIcons .ball .icon { display: inline-block; vertical-align: middle; } #Header .navigationBar .downloadIcons .ball span { padding-left: 6px; display: inline-block; font-family: Arial; font-size: 12px; color: #666; text-transform: uppercase; vertical-align: middle; line-height: 18px; max-width: 85px; } /*Search Bar*/ #Header .form-group { position: relative; } #Header .form-control:focus { box-shadow: none; border: 1px solid #ec6608; } #Header .form-group .form-control { width: 100%; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; margin-top: 30px; height: 25px; color: #808080; border-radius: 10px; padding: 0 0 0 12px; } #Header .fa-search { color: #808080; position: absolute; top: 5px; bottom: 0; left: 0; right: 0; margin: auto; } #Header .form-group .btn-default { position: absolute; right: 0; top: 0; width: 48px; height: 25px; border-left: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; border-top-left-radius: 0; } /*Menu*/ #Header .menu { margin-top: 25px; } #Header .navigationBar ul { list-style: none; text-align: right; padding: 0; margin: 0; } #Header .navigationBar li { padding: 5px; display: inline-block; } #Header .navigationBar li a { font-family: Arial; font-size: 12px; color: #666; text-transform: uppercase; } #Header .navigationBar li a:hover { color: #FF6500; } /***************************************************************** Content ******************************************************************/ #Content { min-height: calc(100vh - 200px); } /***************************************************************** Footer ******************************************************************/ #Footer { background-color: #666666; padding-top: 5px; padding-bottom: 5px; margin-top: 20px; min-height: 80px; } #Footer .menuFooter { margin-top: 26px; color: white; text-align: center; } #Footer .menuFooter ul { list-style: none; padding-left: 0; display: inline-block; } #Footer .menuFooter li { display: inline-block; padding-right: 5px; font-size: 18px; font-family: Arial,sans-serif; } #Footer a { color: white; } #Footer a:hover { color: #FF6500; } #Footer .copyright { line-height: 12px; padding-top: 26px; } #Footer .copyright a, #Footer .copyright p { font-family: Arial; color: #aaa; font-size: 11px; } #Footer .copyright span { font-family: Arial; color: #808080; font-size: 9px; } #Footer .newsletter { margin-top: 18px; text-align: right; } #Footer .newsletter button { text-transform: uppercase; font-weight: bold; } /*#Footer #form_newsletters { margin-top: 8px; margin-bottom: 8px; } #Footer #form_newsletters p { font-family: Arial; position: relative; color: white; font-size: 16px; line-height: 18px; } #Footer .newsletter { font-family: Arial; position: relative; color: #666666; margin-top: 4px; } #Footer .newsletter > input { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } #Footer .newsletter.input-group input { border-radius: 0; } #Footer .newsletter input { background: #F1F1F1; border-radius: 6px 0 0 6px; } #Footer .newsletter input:focus { border-color: #EB6507; } #Footer .newsletter button { background: #F1F1F1; } #Footer .newsletter button:hover, #Footer .newsletter button:focus { border-color: #EB6507; color: #EB6507; }*/ /****************************************************************** pageHeader ******************************************************************/ ul.bcrumbs { padding: 0; } ul.bcrumbs li { margin-left: 0; margin-right: 2px; float: none; display: inline-block; font-size: 14px; font-weight: bold; color: #808080; font-family: Arial,sans-serif; } ul.bcrumbs li a { color: #808080; font-size: 14px; font-weight: bold; font-family: Arial,sans-serif; -moz-transition: color linear 0.1s; -o-transition: color linear 0.1s; -webkit-transition: color linear 0.1s; transition: color linear 0.1s; } ul.bcrumbs li a:hover { color: #666666; } ul.bcrumbs li a.active { color: #808080; } ul.bcrumbs li a.active:hover { color: #666666; cursor: pointer; } .btn-icon { background-color: white; color: #808080; border-radius: 50%; padding: 5px; font-size: 14px; -moz-transition: color ease 0.1s, background-color ease 0.1s; -o-transition: color ease 0.1s, background-color ease 0.1s; -webkit-transition: color ease 0.1s, background-color ease 0.1s; transition: color ease 0.1s, background-color ease 0.1s; } .btn-icon:hover, a:hover .btn-icon { color: white; background-color: #666666; } /****************************************************************** recentViews ******************************************************************/ .mainSection .recentViews { font-family: Arial,sans-serif; background-color: white; box-shadow: 5px 5px 13px #808080; padding: 10px; border-radius: 4px; } .mainSection .recentViews .title { font-size: 16px; color: #666666; font-weight: bold; padding-bottom: 5px; } .mainSection .recentViews .seen > a { display: block; } .mainSection .recentViews .seen > a.row:hover p { color: #555; } .mainSection .recentViews .seen { padding-top: 10px; } .mainSection .recentViews .seen .smallImg { width: 100%; display: inline-block; } .mainSection .recentViews .seen .no-gutter { margin-right: -5px; margin-left: -5px; } .mainSection .recentViews .seen .no-gutter > [class*='col-'] { padding-right: 5px; padding-left: 5px; } .mainSection .recentViews .seen .viewInfo { line-height: 20px; text-align: left; } .mainSection .recentViews .seen .viewInfo p { color: #808080; font-size: 14px; } /****************************************************************** Visit and Schedule ******************************************************************/ /*Contact Balloons*/ .phoneWidget { /*display: none !important;*/ } .mainSection .phoneWidget { position: relative; margin: auto; } .mainSection .phoneWidget .callMe { background-color: #F2F2F2; border-radius: 4px; margin-bottom: 10px; line-height: 15px; padding: 5px 0 10px; } .mainSection .phoneWidget .callMe img { max-height: 60px; max-width: 60px; } .mainSection .phoneWidget .callMe > div > div:first-child { text-align: center; } .mainSection .phoneWidget .callMe .icon { position: absolute; } .mainSection .phoneWidget .callMe .contact { padding-left: 75px; min-height: 60px; } .mainSection .phoneWidget b.name { color: #555; font-size: 16px; font-weight: bold; } .mainSection .phoneWidget a { color: #333 !important; font-size: 14px; font-weight: normal; } .mainSection .phoneWidget .phone { padding-left: 10px; display: inline-block; max-width: 90%; padding-top: 2px; } .mainSection .phoneWidget .phoneHover { display: none; } .mainSection .phoneWidget span { color: #808080; font-size: 8px; } .mainSection .phoneWidget label { display: inline-block; color: #808080; font-family: Arial, sans-serif; font-size: 15px; font-style: normal; padding-left: 0; font-weight: bold; padding-top: 10px; } .mainSection .phoneWidget .form-control { width: 100%; height: 24px; padding: 6px; font-size: 11px; line-height: 18px; box-shadow: none; border: 1px solid #FF6500; color: #666666; text-indent: 5px; } .mainSection .phoneWidget .btn { display: inline-block; background-color: transparent; border: 2px solid #808080; color: #656565; font-style: normal; text-transform: uppercase; font-family: Arial, sans-serif; height: 24px; font-size: 10px; line-height: 18px; font-weight: bold; padding: 2px 4px; } /*hover Contact Balloons*/ /*.mainSection .phoneWidget .callMe:hover { background-color: #656565; } .mainSection .phoneWidget .callMe:hover .phone { display: none; } .mainSection .phoneWidget .callMe:hover .phoneHover { padding-left: 10px; display: inline-block; max-width: 90%; padding-top: 2px; } .mainSection .phoneWidget .callMe:hover span { color: white; } .mainSection .phoneWidget .callMe:hover label { color: white; padding-left: 0; } .mainSection .phoneWidget .callMe:hover .btn { background-color: #F2F2F2; }*/ #Sent { background-color: #666666; color: white; font-style: normal; font-weight: bold; padding: 10px 30px; font-size: 14px; border: none; margin-top: 5px; margin-bottom: 20px; } /*cols*/ .mainSection .phoneWidget .no-gutter > [class*='col-'] { padding-right: 5px; padding-left: 5px; } .mainSection .phoneWidget .no-gutter { margin-right: -5px; margin-left: -5px; } .mainSection .phoneWidget .callMe .no-gutter > [class*='col-'] { padding-right: 2px; padding-left: 2px; } .mainSection .phoneWidget .callMe .no-gutter { margin-right: -2px; margin-left: -2px; } .mainSection .form-group.required .control-label:after { content: "*"; color: white; } .mainSection.modal .form-group.required .control-label:after { color: black; } /************************************************************************************* Shared Code for HomeContacts/HomeWhoWeAre/Funding/Partners/Suggestions/Insurance **************************************************************************************/ .sideBar { font-family: Arial, sans-serif; } .sideBar .street { padding-bottom: 10px; line-height: 18px; } .sideBar .contact { padding-bottom: 10px; line-height: 18px; } .sideBar .schedule { line-height: 18px; } .sideBar h3 { padding-top: 30px; color: #FF6500 !important; font-weight: bold; } .sideBar p { color: #808080; font-size: 14px; } .sideBar a { color: #666; } .mainSection input:focus { border: 1px solid #FF6500; box-shadow: none; } .mainSection textarea:focus { border: 1px solid #FF6500; box-shadow: none; } /*nav*/ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: white; cursor: default; background-color: #B3B3B3; border: 1px solid #dddddd; border-bottom-color: transparent; font-size: 12px; text-transform: uppercase; text-align: center; } #HomeInsurance .fa { font-size: 20px; } .nav-tabs > li > a { margin-right: 0; border: 1px solid transparent; border-radius: 0; font-size: 12px; text-transform: uppercase; text-align: center; background-color: #E6E6E6; color: white; } .nav-tabs { border-bottom: 0; } /***************************************************************** General Form ******************************************************************/ .mainSection .leftSection { padding: 10px; background-color: #B3B3B3; font-family: Arial, sans-serif; border-radius: 5px; box-shadow: 5px 5px 13px #808080; } .mainSection .leftSection hr { border: none; margin: 0; padding: 5px 0; } /*Select Box*/ .mainSection .leftSection .selectBox { background-color: white; border-radius: 5px; width: 100%; margin: 5px 0; border: none; display: inline-block; position: relative; } .mainSection .leftSection .selectBox:first-child { margin-top: 0; } .mainSection .leftSection .selectBox p { background-color: white; border-radius: 8px; width: 100%; color: #B3B3B3; padding-left: 7px; font-size: 12px; font-family: Arial, sans-serif; padding-top: 4px; line-height: 12px; } .mainSection .leftSection .selectBox select { width: 100%; border: none; border-radius: 8px; color: #666666; font-family: Arial; font-size: 16px; font-weight: bold; padding-left: 7px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url('../images/arrows.png'); background-repeat: no-repeat; background-position: 95% 0; } .mainSection .leftSection .selectBox select option { } .mainSection .leftSection .selectBox.disabled { background-color: #fff; color: #b3b3b3; } .mainSection .leftSection .selectBox.disabled p { background-color: transparent; color: inherit; } .mainSection .leftSection .selectBox.disabled select { background-color: transparent; color: #b3b3b3; background-image: none; font-style: italic; } .mainSection .leftSection .main-button { border: 0; background-color: #666666; color: white; font-family: Arial, sans-serif; border-radius: 5px; width: 100%; height: 30px; font-style: normal; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } .mainSection .leftSection .main-button.disabled { background-color: #888; } .mainSection .topp { margin-top: 20px; max-height: 400px; overflow-y: auto; } /*Disable SelectBox */ .mainSection .leftSection .disabledSelectBox { background-color: white; border-radius: 5px; width: 100%; margin-bottom: 10px; border: none; } .mainSection .leftSection .disabledSelectBox p { background-color: white; border-radius: 8px; width: 100%; color: #B3B3B3; padding-left: 7px; font-size: 12px; font-family: Arial, sans-serif; padding-top: 4px; line-height: 12px; } .mainSection .leftSection .disabledSelectBox select { width: 100%; border: none; border-radius: 8px; color: #B3B3B3; font-family: Arial; font-size: 16px; font-weight: bold; padding-left: 7px; -webkit-appearance: none; font-style: italic; } .mainSection .leftSection .input-group { margin: 5px 0; } .mainSection .leftSection .input-group .inputWrapper { margin: 0; } /****/ .separator { line-height: 43px; color: white; font-weight: bold; } #minprice, #maxprice { border: none; color: #808080; height: 20px; box-shadow: none; padding-bottom: 0; padding-top: 0; float: none; } .mainSection .leftSection .inputWrapper { background: white; padding: 5px; border-radius: 5px; position: relative; padding-right: 30px; line-height: 5px; margin-top: 10px; } .mainSection .leftSection .inputWrapper .labellHolder { color: #808080; } .mainSection .leftSection .inputWrapper .labellHolder label { font-family: Arial,sans-serif; color: #B3B3B3; font-weight: bold; font-size: 12px; padding-left: 7px; padding-top: 3px; } .mainSection .leftSection .inputWrapper .symbolWrapper { position: absolute; right: 15px; top: 20px; color: #B3B3B3; font-weight: bold; font-size: 15px; } .mainSection .leftSection .imageEffect { display: block; position: relative; width: 100%; text-align: center; font-family: Arial, sans-serif; margin-top: 15px; } .mainSection .leftSection .imageEffect .fa { font-size: 18px; padding-top: 5px; } .mainSection .leftSection .imageEffect p { padding-bottom: 5px; } .mainSection .leftSection .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; display: inline-block; } .mainSection .leftSection .imageEffect .imgInfo { border: none; } .mainSection .leftSection .imageEffect .imgInfo:hover { background-color: #7D7D7D; cursor: pointer; position: relative; border: none; } .mainSection .leftSection .imageEffect ul.nav.nav-tabs { } .mainSection .leftSection .imageEffect ul.nav.nav-tabs li { border: none; } .mainSection .leftSection .imageEffect ul.nav.nav-tabs li .imgInfo { background-color: #B3B3B3; } .mainSection .leftSection .imageEffect ul.nav.nav-tabs li .imgInfo:hover { background-color: #7D7D7D; } .mainSection .leftSection .imageEffect ul.nav.nav-tabs li.active .imgInfo { background-color: #7D7D7D; } .mainSection .leftSection .imageEffect .tab-content { background-color: #7D7D7D; margin-top: 1px; } .mainSection .leftSection .imageEffect .tab-content .tab-pane { padding: 10px; text-align: left; color: white; } /****************************************************************** #HomeIndex ******************************************************************/ #HomeIndex .content { background-color: #F1F1F1; padding-top: 20px; } /*Shared Column*/ #HomeIndex .col-immovable, #HomeIndex .col-movable { min-height: 550px; } #HomeIndex .col h1, #HomeIndex .col h1 a { color: white; font-size: 60px; text-transform: uppercase; font-weight: bold; } #HomeIndex .col h1 a:hover { color: #f0f0f0; } #HomeIndex .col h1 { padding-bottom: 42px; } #HomeIndex .col input[type=radio] { display: none; cursor: pointer; } #HomeIndex .col label { display: block; color: white; font-family: Arial; font-size: 16px; font-weight: 500; margin-bottom: 8px; height: 28px; } #HomeIndex .col label:before { content: ''; background: transparent; border: 2px solid white; width: 20px; border-radius: 180px; height: 20px; display: inline-block; margin-right: 10px; vertical-align: top; text-align: center; font-weight: 900; font-size: 20px; } #HomeIndex .col input[type=radio]:checked + label:before { content: '✔'; color: #EB6507; font-family: Arial; font-size: 14px; background-color: white; } #HomeIndex .col label:hover, #HomeIndex .col input[type=radio]:checked + label { font-size: 20px; font-weight: 600; line-height: 20px; } #HomeIndex .col label #HomeIndex .col input[type=radio]:checked + label::after { display: block; content: attr(data-after-content); font-weight: 600; font-size: 20px; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } #HomeIndex .sil { position: absolute; bottom: 10px; right: 30px; } /*First Column*/ #HomeIndex .map { margin: 40px 0 0; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } #HomeIndex .map #map { } #HomeIndex .map #map path.hover { fill: #EFB286; } #HomeIndex .map #map path.active { fill: #FF872F; } #HomeIndex .map #map #maptooltip { display: none; } #HomeIndex .map #map #maptooltip.path-hover, #HomeIndex .map #map #maptooltip.hover { display: initial; } /*#HomeIndex .map #map path.hover + text { display:inherit; } #HomeIndex .map #map path.hover + text + text { display:none;}*/ #HomeIndex .col-immovable { background-color: #EB6507; padding-top: 30px; padding-bottom: 30px; padding-left: 85px; } /*Second Column*/ #HomeIndex .col-movable { background-color: #01b3bf !important; padding: 30px 80px; text-align: center; } #HomeIndex .col-movable img { width:100%; } #HomeIndex .col-movable a { display:block; } /*highlights*/ #HomeIndex .highlights .no-gutter > [class*='col-'] { padding-right: 8px; padding-left: 8px; } #HomeIndex .highlights .no-gutter { margin-right: -8px; margin-left: -8px; } #HomeIndex .highlights { padding-top: 10px; padding-bottom: 20px; font-family: Arial; } #HomeIndex .highlights h3 { color: #808080; font-size: 20px; font-weight: 600; padding-bottom: 10px; margin-top: 20px; } #HomeIndex .highlights h4 { color: #4C4C4C; font-size: 17px; font-weight: bold; } #HomeIndex .highlights p { font-family: Arial; font-size: 14px; color: #7F7F7F; } #HomeIndex .highlights .price { border-top: 1px solid #aaa; } #HomeIndex .highlights .price p { font-size: 20px; color: #FF6500; font-weight: bold; padding-left: 9px; padding-top: 2px; } .col-custom { width: 12.5%; } /*thumbnail*/ #HomeIndex .thumbnail { background-color: #E5E5E5; } #HomeIndex a.thumbnail { border-color: transparent; } #HomeIndex .thumbnail:hover { box-shadow: 0 3px 8px 5px rgba(0,0,0,0.3); } /***************************************************************** HomeContent ******************************************************************/ #HomeContent { padding-top: 20px; padding-bottom: 20px; } #HomeContent .thumbnail { padding: 30px; } #HomeContent h1 { font-family: Arial, sans-serif; color: #FF6500; font-size: 35px; font-weight: bold; margin-bottom: 40px; } #HomeContent h2 { font-family: Arial, sans-serif; color: #FF6500; font-size: 35px; } #HomeContent label { font-family: Arial, sans-serif; color: #B3B3B3; font-style: italic; font-size: 17px; line-height: 17px; font-weight: normal; } #HomeContent input[type='number'] { -moz-appearance: textfield; } #HomeContent input::-webkit-outer-spin-button, #HomeContent input::-webkit-inner-spin-button { -webkit-appearance: none; } #HomeContent input { font-family: Arial, sans-serif; color: #666666; font-style: italic; font-size: 14px; } #HomeContent textarea { resize: none; } #HomeContent .form-control { border: 1px solid #B3B3B3; border-radius: 4px; } #HomeContent .form-inline { width: 200px; border: 1px solid #B3B3B3; border-radius: 5px; height: 34px; } #HomeContent .input-group-addon { border: 1px solid #B3B3B3; background: none; color: #B3B3B3; border-radius: 5px; } #HomeContent .input-group .form-control { border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0; } #HomeContent .input-group .input-group-addon { border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0; } #HomeContent .form-group.required .control-label:after { color: #FF6500; margin: 0 2px; vertical-align: sub; } #HomeContent .form-group span { color: #999999; font-size: 17px; padding-left: 6px; } #HomeContent .thumbnail p { color: #999999; font-size: 12px; } /***************************************************************** HomeInterveningMediator ******************************************************************/ #HomeInterveningMediator .thumbnail p { color: #212121; } #HomeInterveningMediator li { margin-top: 4px; } #HomeInterveningMediator .files { } #HomeInterveningMediator .files a { margin-top: 32px; display: inline-block; color: #FF6500; text-transform: uppercase; font-weight: bold; font-size: 18px; line-height: 30px; vertical-align: middle; } #HomeInterveningMediator .files i { color: white; background: #FF6500; font-size: 14px; line-height: 30px; width: 30px; border-radius: 50%; vertical-align: middle; } /***************************************************************** HomeWhoWeAre ******************************************************************/ #HomeWhoWeAre .mainSection .thumbnail .bck { } #HomeWhoWeAre .mainSection .thumbnail .bck img { width: 100%; } #HomeWhoWeAre .mainSection .thumbnail .info { font-family: Arial, sans-serif; padding-top: 30px; text-align: left; color: #999999; } #HomeWhoWeAre .mainSection .thumbnail .info p { padding-bottom: 20px; color: #999999; font-size: 13px; } /***************************************************************** HomeFunding ******************************************************************/ #HomeFunding .mainSection .data { padding-top: 50px; } #HomeFunding .mainSection .data h3 { font-family: Arial, sans-serif; color: #FF6500; font-size: 26px; font-weight: bold; padding-bottom: 20px; } #HomeFunding .mainSection .data p { font-family: Arial, sans-serif; color: #666; font-size: 18px; } #HomeFunding .mainSection .data .bot { padding-bottom: 10px; } #HomeFunding .mainSection .data .selectBox { background-color: white; border-radius: 8px; width: 250px; margin-bottom: 10px; border: 1px solid #666666; } #HomeFunding .mainSection .data .selectBox p { background-color: white; border-radius: 8px; width: 100%; color: #aaa; padding-left: 7px; font-size: 12px; font-family: Arial, sans-serif; padding-top: 4px; line-height: 12px; } #HomeFunding .mainSection .data .selectBox select { width: 100%; border: none; border-radius: 8px; color: #666666; font-family: Arial; font-size: 16px; font-weight: bold; padding-left: 7px; -moz-appearance: none; -webkit-appearance: none; background-image: url('../images/arrows.png'); background-repeat: no-repeat; background-position: 95% 0; } #HomeFunding .data .main-button { border: 0; background-color: #666666; color: white; font-family: Arial, sans-serif; border-radius: 5px; width: 250px; height: 30px; font-style: normal; font-weight: bold; } #HomeFunding .mainSection .data .moreInfo { padding-top: 100px; } #HomeFunding .mainSection .data .moreInfo a { border-bottom: 3px solid #FF6500; color: #FF6500; } #HomeFunding .mainSection .data .moreInfo a:hover { border-bottom: 3px solid #FF6500; color: #FF6500; text-transform: uppercase; } #HomeFunding .mainSection .data .moreInfo h4 { font-family: Arial, sans-serif; color: #FF6500; font-size: 18px; font-weight: bold; padding-bottom: 10px; } #HomeFunding .mainSection .data .moreInfo p { font-family: Arial, sans-serif; color: #999999; font-size: 11px; } /***************************************************************** HomePartners ******************************************************************/ /***************************************************************** HomeSuggestions ******************************************************************/ #HomeSuggestions .mainSection .titles { padding-bottom: 30px; } #HomeSuggestions .mainSection .titles h2 { font-family: Arial, sans-serif; color: #FF6500; font-size: 40px; } #HomeSuggestions .mainSection .titles h5 { font-family: Arial, sans-serif; color: #999999; font-size: 18px; } /***************************************************************** HomeInsurance ******************************************************************/ #HomeInsurance .mainSection .comercial { background-color: #B3B3B3; width: 490px; padding-right: 20px; padding-left: 20px; padding-top: 20px; } /***************************************************************** HomeContacts ******************************************************************/ #HomeContacts .mainSection .phoneWidget .no-gutter > [class*='col-'] { padding-right: 5px; padding-left: 5px; } #HomeContacts .mainSection .phoneWidget .no-gutter { margin-right: -5px; margin-left: -5px; } #HomeContacts .mainSection .phoneWidget .callMe .no-gutter > [class*='col-'] { padding-right: 2px; padding-left: 2px; } #HomeContacts .mainSection .phoneWidget .callMe .no-gutter { margin-right: -2px; margin-left: -2px; } /***************************************************************** HomeSearch ******************************************************************/ #HomeSearch { padding-top: 20px; } #HomeSearch .leftSection .inputWrapper { padding-right: 18px; } #HomeSearch .leftSection .inputWrapper input[type=text] { border: none; border-bottom: 1px solid #b3b3b3; font-weight: bold; padding: 0; padding-left: 0px; border-radius: 0; margin: 0; margin-left: 6px; height: 22px; line-height: 1; box-shadow: none; } #HomeSearch .leftSection .inputWrapper input[type=text]:focus { border-bottom: 1px solid #666; } /***************************************************************** SlideshowIndex ******************************************************************/ #SlideshowIndex { padding-top: 20px; padding-bottom: 20px; } #SlideshowIndex .thumbnail { padding: 30px; } #SlideshowIndex h1 { font-family: Arial, sans-serif; color: #FF6500; font-size: 35px; font-weight: bold; margin-bottom: 40px; } #SlideshowIndex h2 { font-family: Arial, sans-serif; color: #FF6500; font-size: 35px; } #SlideshowIndex label { font-family: Arial, sans-serif; color: #B3B3B3; font-style: italic; font-size: 17px; line-height: 17px; font-weight: normal; } #SlideshowIndex input[type='number'] { -moz-appearance: textfield; } #SlideshowIndex input::-webkit-outer-spin-button, #SlideshowIndex input::-webkit-inner-spin-button { -webkit-appearance: none; } #SlideshowIndex input { font-family: Arial, sans-serif; color: #666666; font-style: italic; font-size: 14px; } #SlideshowIndex textarea { resize: none; } #SlideshowIndex .form-control { border: 1px solid #B3B3B3; border-radius: 4px; } #SlideshowIndex .input-group-addon { border: 1px solid #B3B3B3; background: none; color: #B3B3B3; border-radius: 5px; } #SlideshowIndex .input-group .form-control { border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0; } #SlideshowIndex .input-group .input-group-addon { border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0; } #SlideshowIndex .form-group.required .control-label:after { color: #FF6500; margin: 0 2px; vertical-align: sub; } #SlideshowIndex .form-group span { color: #999999; font-size: 17px; padding-left: 6px; } #SlideshowIndex .thumbnail p { color: #999999; font-size: 12px; } /***************************************************************** ProductIndex ******************************************************************/ /*Form Process*/ .process .form-group .input-group-addon { color: white; background: none; color: white; font-size: 16px; font-weight: bolder; border: none; } .process .form-group .form-control { color: #666666; font-family: Arial, sans-serif; font-size: 14px; } .process .form-group .input-group .form-control { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } /*mainSection texts*/ .mainSection h3 { font-family: Arial, sans-serif; color: #808080; font-size: 20px; font-weight: 600; } .mainSection h4 { font-family: Arial, sans-serif; color: #4C4C4C; font-size: 17px; font-weight: bold; } .mainSection .location { font-family: Arial; font-size: 14px; color: #7F7F7F; } /*box*/ .mainSection .box { margin-left: 9px; border-top: 1px solid #B3B3B3; } .mainSection .box2 { padding-right: 5px; } /*Info*/ .mainSection .box .infoMaster { height: 40px; } .mainSection .box .info { font-family: Arial, sans-serif; padding-top: 5px; line-height: 18px; } .mainSection .box .info .sup { font-family: Arial, sans-serif; color: #FF6500; text-transform: uppercase; } .mainSection .box .info .price { font-size: 20px; color: #FF6500; font-weight: bold; } /*dateInfo*/ .mainSection .box .dateInfoMaster { height: 40px; } .mainSection .box .dateInfo { font-family: Arial,sans-serif; line-height: 20px; } .mainSection .box .dateInfo .mainText { color: #7F7F7F; font-size: 14px; } .mainSection .box .dateInfo .date { color: #7F7F7F; font-weight: bold; font-size: 18px; } /*waitInfo*/ .mainSection .box .waitInfo { font-family: Arial,sans-serif; } .mainSection .box .waitInfo p { text-transform: uppercase; font-size: 25px; color: #808080; } /*conditionedSell*/ .mainSection .box .conditionedSellMaster { height: 25px; margin-top: 8px; } .mainSection .box .conditionedSell { background-color: #666666; border-radius: 5px; margin-top: 2px; padding: 2px; width: 180px; text-align: center; } .mainSection .box .conditionedSell p { font-family: Arial, sans-serif; color: white; font-size: 13px; font-weight: bold; } /*visited*/ .mainSection .box .visitedMaster { height: 25px; } .mainSection .box .visited { background-color: #FF6500; border-radius: 5px; margin-top: 2px; width: 180px; padding: 2px; text-align: center; } .mainSection .box .visited p { font-family: Arial, sans-serif; color: white; font-size: 13px; } /*Nº Ref*/ .mainSection .box .refMaster { height: 30px; } .mainSection .box .ref { padding-top: 5px; } .mainSection .box .ref p { display: inline-block; color: #aaa; font-size: 12px; } .mainSection .box .ref span { background-color: #aaa; color: white; font-size: 13px; text-transform: uppercase; padding: 2px; } /*fuel*/ .mainSection .box .fuelMaster { height: 55px; } .mainSection .box .fuel { background-color: #808080; border-radius: 5px; margin-top: 10px; padding: 2px; padding-left: 0; float: right; text-align: center; width: 60px; text-transform: uppercase; } .mainSection .box .fuel p { font-family: Arial, sans-serif; color: white; font-size: 11px; } /*firstRecord*/ .mainSection .box .firstRecordMaster { height: 35px; } .mainSection .box .firstRecord { text-align: right; line-height: 15px; } .mainSection .box .firstRecord .first { font-family: Arial,sans-serif; font-size: 12px; color: #808080; } .mainSection .box .firstRecord .second { font-family: Arial,sans-serif; font-size: 15px; color: #808080; font-weight: bold; } /***************************************************************** VehiclesHomeIndex ******************************************************************/ /*#VehiclesHomeIndex { padding-top: 20px; padding-bottom: 20px; font-family: Arial; } #VehiclesHomeIndex .form-group { position: relative; background-color: #EC6608; padding: 9px; border-radius: 5px; box-shadow: 0 5px 16px 5px rgba(0,0,0,0.3); } #VehiclesHomeIndex .form-group .btn-default { position: absolute; right: 9px; top: 9px; width: 48px; border-left: 0; } #VehiclesHomeIndex .divselect .searchPrice { background-color: white; border-radius: 8px; margin-bottom: 15px; } #VehiclesHomeIndex .divselect .searchPrice p { background-color: white; border-radius: 8px; color: #aaa; padding-left: 7px; font-size: 12px; font-family: Arial, sans-serif; padding-top: 4px; line-height: 12px; } #VehiclesHomeIndex .divselect .searchPrice input { width: 220px; height: 30px; border-radius: 5px; border-top: none; box-shadow: none; } #VehiclesHomeIndex .mainSection .thumbnail { padding: 20px; color: white; } #VehiclesHomeIndex .mainSection .thumb .thumbnail { padding: 4px; background-color: #E5E5E5; } #VehiclesHomeIndex .mainSection .thumb { margin-bottom: 20px; } #VehiclesHomeIndex .mainSection a.thumbnail { border-color: transparent; } #VehiclesHomeIndex .mainSection .thumb .thumbnail:hover { box-shadow: 0 3px 8px 5px rgba(0,0,0,0.3); } #VehiclesHomeIndex .mainSection .thumb .thumbnail .imageEffect { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; font-family: Arial, sans-serif; } #VehiclesHomeIndex .mainSection .thumb .thumbnail .imageEffect .fa { font-size: 18px; padding-top: 5px; } #VehiclesHomeIndex .mainSection .thumb .thumbnail .imageEffect p { padding-bottom: 5px; } #VehiclesHomeIndex .mainSection .thumb .thumbnail .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; } #VehiclesHomeIndex .mainSection .thumb .thumbnail .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; } #VehiclesHomeIndex .mainSection .thumb .thumbnail .imgThumb { max-width: 100%; } #VehiclesHomeIndex .mainSection .no-gutter > [class*='col-'] { padding-right: 8px; padding-left: 8px; } #VehiclesHomeIndex .mainSection .no-gutter { margin-right: -8px; margin-left: -8px; }*/ /***************************************************************** ProductIndex ******************************************************************/ #Listing { padding: 0 20px 20px; } #Listing > .thumbnail { padding: 20px; } #ProductIndex { padding-top: 20px; padding-bottom: 20px; font-family: Arial; position: relative; } /*form*/ #ProductIndex .form-group { position: relative; background-color: #EC6608; padding: 9px; border-radius: 5px; box-shadow: 0 5px 16px 5px rgba(0,0,0,0.3); } #ProductIndex .form-group .btn-default { border-left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; } #ProductIndex .divselect .searchPrice { background-color: white; border-radius: 8px; margin-bottom: 15px; } #ProductIndex .divselect .searchPrice p { background-color: white; border-radius: 8px; color: #aaa; padding-left: 7px; font-size: 12px; font-family: Arial, sans-serif; padding-top: 4px; line-height: 12px; } #ProductIndex .divselect .searchPrice input { width: 220px; height: 30px; border-radius: 5px; border-top: none; box-shadow: none; } /*cols*/ #ProductIndex .mainSection .no-gutter > [class*='col-'] { padding-right: 8px; padding-left: 8px; } #ProductIndex .mainSection .no-gutter { margin-right: -8px; margin-left: -8px; } #ProductIndex .mainSection .disabledSelectBox { margin-bottom: 0; } #ProductIndex .mainSection .shrinkSeparator { padding-top: 28px; color: white; font-weight: bold; } #ProductIndex .mainSection .leftSection .shrinkSelectBox { background-color: white; border-radius: 5px; width: 100%; border: none; } #ProductIndex .mainSection .leftSection .shrinkSelectBox p { background-color: white; border-radius: 8px; width: 100%; color: #B3B3B3; padding-left: 7px; font-size: 12px; font-family: Arial, sans-serif; padding-top: 4px; line-height: 12px; } #ProductIndex .mainSection .leftSection .shrinkSelectBox select { width: 100%; border: none; border-radius: 8px; color: #666666; font-family: Arial; font-size: 16px; font-weight: bold; padding-left: 7px; -moz-appearance: none; -webkit-appearance: none; background-image: url('../images/arrows.png'); background-repeat: no-repeat; background-position: 95% 0; } #ProductIndex .mainSection .leftSection .main-button { border: 0; background-color: #666666; color: white; font-family: Arial, sans-serif; border-radius: 5px; width: 100%; height: 30px; font-style: normal; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } #ProductIndex .mainSection .leftSection .main-button.disabled { background-color: #888; } /* Card */ .card .thumb { margin-bottom: 20px; } .card .thumb .thumbnail { padding: 4px; color: white; background-color: #E5E5E5; position: relative; } .card .thumb .thumbnail:hover { box-shadow: 0 3px 8px 5px rgba(0,0,0,0.3); } .card .thumb .thumbnail a { display: block; position: relative; } /*Nº Ref*/ .card .thumb .thumbnail .ref p { display: inline-block; color: #aaa; font-size: 12px; } .card .thumb .thumbnail .ref span { background-color: #aaa; color: white; font-size: 13px; text-transform: uppercase; padding: 2px; } /*title*/ .card .thumb .thumbnail .caption { padding: 0 9px 9px; } .card .thumb .thumbnail .caption h3 { padding: 0 0 20px 0; } .card .thumb .thumbnail .caption h4 { font-family: Arial, sans-serif; color: #4C4C4C; font-size: 28px; font-weight: bold; } .card .thumb .thumbnail .caption h4 a { color: inherit; } .card .thumb .thumbnail .caption h4 a:hover, .card .thumb .thumbnail .caption h4 a:active, .card .thumb .thumbnail .caption h4 a:focus { color: #262626; } .card .thumb .thumbnail .caption .location { font-family: Arial; font-size: 16px; color: #7F7F7F; } /*Image*/ .card .thumb .thumbnail .sil { position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; } .card .thumb .thumbnail .auctionImg { display: block; width: 100%; height: auto; } .card .thumb .thumbnail .imgThumb { max-width: 100%; height: 200px; vertical-align: middle; display: inline-block; } .card .thumb .thumbnail .imageEffect { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; font-family: Arial, sans-serif; } .card .thumb .thumbnail .imageEffect p { padding-bottom: 5px; } .card .thumb .thumbnail .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; } .card .thumb .thumbnail .imageEffect .fa { font-size: 18px; padding-top: 5px; } .card .thumb .thumbnail .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; } /*Info*/ .card .thumb .thumbnail .box .infoMaster { height: auto; } .card .thumb .thumbnail .box .infoMaster .info { padding-top: 5px; line-height: 18px; } .card .thumb .thumbnail .box .infoMaster .info p { color: #666; font-size: 13px; } .card .thumb .thumbnail .box .infoMaster .info p strong { font-size: 14px; } .card .thumb .thumbnail .box .infoMaster .info p.sup { font-family: Arial, sans-serif; color: #FF6500; text-transform: uppercase; font-size: 13px; } .card .thumb .thumbnail .box .infoMaster .info p.price { font-family: Arial, sans-serif; color: #FF6500; font-size: 25px; font-weight: bold; } /*conditionedSell*/ .card .thumb .thumbnail .box .conditionedSellMaster { height: auto; margin-top: 10px; margin-right: 5px; } .card .thumb .thumbnail .box .conditionedSell { background-color: #666666; border-radius: 5px; margin-top: 2px; padding: 2px; max-width: 180px; width: auto; text-align: center; } .card .thumb .thumbnail .box .conditionedSell p { font-family: Arial, sans-serif; color: white; font-size: 13px; font-weight: bold; text-transform: uppercase; } /*firstArea*/ .card .thumb .thumbnail .box .firstAreaMaster { padding-top: 5px; } .card .thumb .thumbnail .box .firstAreaMaster + .firstAreaMaster { padding-top: 5px; } .card .thumb .thumbnail .box .firstArea { text-align: left; line-height: 15px; } .card .thumb .thumbnail .box .firstArea .first { font-family: Arial,sans-serif; font-size: 12px; color: #808080; text-transform: uppercase; } .card .thumb .thumbnail .box .firstArea .second { font-family: Arial,sans-serif; font-size: 15px; color: #808080; font-weight: bold; } /*visited*/ .card .thumb .thumbnail .box .visitedMaster { height: auto; } .card .thumb .thumbnail .box .visitedMaster + .visitedMaster { padding-top: 5px; } .card .thumb .thumbnail .box .visited { background-color: #FF6500; border-radius: 5px; margin-top: 2px; width: auto; padding: 2px; text-align: center; } .card .thumb .thumbnail .box .visited p { font-family: Arial, sans-serif; color: white; font-size: 13px; } /***/ .card .thumb .thumbnail .box ul { list-style: none; padding: 0; margin: 0; margin-top: 38px; } .card .thumb .thumbnail .box li { color: #999999; display: inline-block; font-family: Arial,sans-serif; font-size: 14px; } .card .thumb .thumbnail .box li a { color: #999999; } .card .thumb .thumbnail .box li a:hover { color: #4D4D4D; } /* date */ .card .thumb .thumbnail .box .dateInfoMaster { height: 40px; padding-top: 20px; } .card .thumb .thumbnail .box .dateInfo { font-family: Arial,sans-serif; line-height: 20px; } .card .thumb .thumbnail .box .dateInfo .mainText { color: #7F7F7F; font-size: 14px; } .card .thumb .thumbnail .box .dateInfo .date { color: #7F7F7F; font-weight: bold; font-size: 18px; } /* description */ .card .thumb .thumbnail .description { padding: 0 5px; position: absolute; bottom: 0; color: #999999; display: inline-block; font-family: Arial,sans-serif; font-size: 14px; } /* Immovables */ .card.card-immovable + .card.card-immovable { margin-top: 20px; } .card.card-immovable .thumb { margin-bottom: 0; } .card.card-immovable .thumb .thumbnail .caption h4 { padding-right: 95px; } .card.card-immovable .thumb .thumbnail .refMaster { position: absolute; right: 0; top: -5px; } .card.card-immovable .thumb .thumbnail .refMaster .ref { padding-top: 5px; position: relative; } .card.card-immovable .thumb .thumbnail .description ul { list-style: none; padding: 0; margin: 0; } .card.card-immovable .thumb .thumbnail .description ul li { color: #999999; display: inline-block; font-family: Arial,sans-serif; font-size: 14px; } .card.card-immovable .thumb .thumbnail .description ul li a { color: #999999; } .card.card-immovable .thumb .thumbnail .description ul li a:hover { color: #4D4D4D; } .card.card-immovable .thumb .thumbnail .box .visitedMaster { height: auto; } .card.card-immovable .thumb .thumbnail .box .visitedMaster + .visitedMaster { padding-top: 5px; } /* Movables */ .card.card-movable .thumb .thumbnail { padding-bottom: 40px; } .card.card-movable .thumb .thumbnail.thumbnail-process { padding-bottom: 0; min-height: 340px; } .card.card-movable .thumb .thumbnail a.imgWrapper { text-align: center; } .card.card-movable .thumb .thumbnail a.imgWrapper .imgThumb { width: auto; height: 200px; display: inline-block; vertical-align: middle; } .card.card-movable .thumb .thumbnail .caption { padding: 9px 4px; min-height: 72px; } .card.card-movable .thumb .thumbnail .caption h4 { font-size: 16px; } .card.card-movable .thumb .thumbnail .caption .location { font-size: 14px; } .card.card-movable .thumb .thumbnail .box { margin: 0; padding: 4px 4px 0; } .card.card-movable .thumb .thumbnail .box + .box { border: none; padding: 0 4px; } .card.card-movable .thumb .thumbnail .box .firstArea.text-right { text-align: right; } .card.card-movable .thumb .thumbnail .box .infoMaster .info p.sup { position: relative; } .card.card-movable .thumb .thumbnail .box .infoMaster .info p.sup .featured-category { position: absolute; right: 0; color: white; background: #666; padding: 0 6px; border-radius: 10px; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; } .card.card-movable .thumb .thumbnail .box .firstAreaMaster { padding-top: 0; } .card.card-movable .thumb .thumbnail .box .firstAreaMaster + .firstAreaMaster { padding-top: 8px; } .card.card-movable .thumb .thumbnail .refMaster { position: absolute; left: 10px; bottom: 0; } .card.card-movable .thumb .thumbnail .refMaster .ref { position: relative; } .card .imgInfo, .card .description { visibility: hidden; } .card.loaded .imgInfo, .card.loaded .description { visibility: visible; } /***************************************************************** Product Detail ******************************************************************/ #ProductDetail { padding-top: 10px; } #ProductDetail .asideSection { font-family: Arial, sans-serif; } #ProductDetail .refInfo { text-align: center; background-color: #EC6608; padding: 15px; border-radius: 4px; box-shadow: 5px 5px 13px #808080; } #ProductDetail .refInfo p { display: inline-block; color: white; font-size: 19px; font-weight: bold; padding-right: 10px; } #ProductDetail .refInfo span { background-color: white; color: #EC6608; font-size: 19px; text-transform: uppercase; padding: 5px; font-weight: bold; } #ProductDetail .caption { background-color: white; } #ProductDetail .caption h4 { font-family: Arial, sans-serif; color: #4C4C4C; font-size: 28px; font-weight: bold; } #ProductDetail .caption .location { font-family: Arial; font-size: 16px; color: #7F7F7F; } /*header*/ #ProductDetail .mainSection .headerSection { background-color: white; border-radius: 4px; margin-bottom: 10px; padding: 5px 0; } #ProductDetail .mainSection .headerSection .mainInfo { padding: 10px; border-left: 4px solid #F1F1F1; } #ProductDetail .mainSection .headerSection .info { padding: 5px 5px 5px 23px; font-family: Arial, sans-serif; line-height: 23px; } #ProductDetail .mainSection .headerSection .info .sup { font-family: Arial, sans-serif; color: #FF6500; text-transform: uppercase; font-size: 15px; } #ProductDetail .mainSection .headerSection .info .price { font-size: 31px; color: #FF6500; font-weight: bold; } /*visited*/ #ProductDetail .mainSection .visitedMaster { } #ProductDetail .mainSection .visited { background-color: #FF6500; border-radius: 5px; margin-top: 10px; padding: 10px 0; text-align: center; box-shadow: 5px 5px 13px #808080; } #ProductDetail .mainSection .visited h4 { font-family: Arial, sans-serif; color: white; font-weight: bold; } #ProductDetail .mainSection .visited p { font-family: Arial, sans-serif; color: white; font-weight: normal; } #ProductDetail .mainSection .visited p.availability { font-size: 14px; letter-spacing: 1px; line-height: 16px; margin: 6px 0 0; } #ProductDetail .mainSection .visited p.time { display: inline; font-size: 12px; line-height: 12px; } /*conditionedSell*/ #ProductDetail .mainSection .conditionedSellMaster { height: 25px; } #ProductDetail .mainSection .conditionedSell { background-color: #666666; border-radius: 5px; margin-top: 2px; padding: 2px; width: 180px; text-align: center; } #ProductDetail .mainSection .conditionedSell p { font-family: Arial, sans-serif; color: white; font-size: 13px; font-weight: bold; } /*dateInfo*/ #ProductDetail .mainSection .dateInfoMaster { height: 40px; } #ProductDetail .mainSection .dateInfo { padding-left: 4px; font-family: Arial,sans-serif; line-height: 23px; } #ProductDetail .mainSection .dateInfo .mainText { color: #7F7F7F; font-size: 14px; line-height: 16px; } #ProductDetail .mainSection .dateInfo .date { color: #7F7F7F; font-weight: bold; font-size: 20px; } /*asideSection*/ #ProductDetail .asideSection .leftSection { margin-top: 10px; } #ProductDetail .asideSection .leftSection .btn-default { color: white; font-size: 15px; font-weight: bold; background-color: #666666; border: none; width: 100%; margin-bottom: 10px; } #ProductDetail .asideSection .leftSection .btn-default:hover { color: #666666; font-size: 15px; font-weight: bold; background-color: white; border: none; width: 100%; margin-bottom: 10px; } #ProductDetail .asideSection .leftSection .btn-default:hover .btn-ball { background-color: #666666; color: white; border-radius: 50%; padding: 5px; font-size: 14px; -moz-transition: color ease 0.1s, background-color ease 0.1s; -o-transition: color ease 0.1s, background-color ease 0.1s; -webkit-transition: color ease 0.1s, background-color ease 0.1s; transition: color ease 0.1s, background-color ease 0.1s; } #ProductDetail .asideSection .leftSection .visit { color: white; text-align: center; } #ProductDetail .asideSection .leftSection .imageEffect { display: block; position: relative; width: 100%; text-align: center; font-family: Arial, sans-serif; margin-top: 15px; } #ProductDetail .asideSection .leftSection .imageEffect .fa { font-size: 18px; padding-top: 5px; } #ProductDetail .asideSection .leftSection .imageEffect p { padding-bottom: 5px; } #ProductDetail .asideSection .leftSection .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; display: inline-block; } #ProductDetail .asideSection .leftSection .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; position: relative; } /*Location*/ #ProductDetail .infoLocation { font-family: Arial, sans-serif; line-height: 24px; padding-bottom: 50px; } #ProductDetail .infoLocation h5 { font-size: 18px; color: #999999; } #ProductDetail .infoLocation p { font-size: 20px; color: #808080; } #ProductDetail .descriptionLocation { font-family: Arial, sans-serif; padding-bottom: 10px; } #ProductDetail .descriptionLocation h5 { font-size: 18px; color: #999999; line-height: 5px; } #ProductDetail .descriptionLocation p { font-size: 18px; color: #808080; } #ProductDetail .descriptionLocation a { color: #808080; text-decoration: underline; } #ProductDetail .descriptionLocation a:hover { color: #999999; } #ProductDetail .placeLocation { font-family: Arial,sans-serif; margin-bottom: 15px; } /*firstRecord*/ #ProductDetail .mainSection .immovableData { font-family: Arial,sans-serif; padding-bottom: 10px; } #ProductDetail .mainSection .immovableData .title { font-size: 18px; color: #999999; padding-bottom: 5px; } #ProductDetail .mainSection .immovableData .firstRecord { text-align: left; line-height: 15px; } #ProductDetail .mainSection .immovableData .firstRecord .first { font-family: Arial,sans-serif; font-size: 12px; color: #808080; text-transform: uppercase; } #ProductDetail .mainSection .immovableData .firstRecord .second { font-family: Arial,sans-serif; font-size: 15px; color: #808080; font-weight: bold; } /*details*/ #ProductDetail .mainSection .details { margin-top: 16px; padding-bottom: 10px; } #ProductDetail .mainSection .details .firstAreaMaster { } #ProductDetail .mainSection .details .firstAreaMaster .firstArea { } #ProductDetail .mainSection .details .firstAreaMaster .firstArea .first { font-size: 14px; color: #808080; font-weight: lighter; text-transform: uppercase; } #ProductDetail .mainSection .details .firstAreaMaster .firstArea .second { font-size: 14px; color: #808080; font-weight: bolder; } #ProductDetail .mainSection .details .detailsMaster { font-family: Arial,sans-serif; border-top: 1px solid grey; } #ProductDetail .mainSection .details .detailsMaster:last-child { border-top: 1px solid grey; border-bottom: 1px solid grey; margin-bottom: 5px; } #ProductDetail .mainSection .details .detailLeft { padding-right: 10px; display: inline-block; text-align: right; } #ProductDetail .mainSection .details .detailLeft p { color: #808080; font-size: 15px; } #ProductDetail .mainSection .details .detailRight { padding-left: 10px; display: inline-block; } #ProductDetail .mainSection .details .detailRight p { color: #808080; font-weight: bold; font-size: 17px; } #ProductDetail .mainSection .details .detailsMasterLast { } #ProductDetail .mainSection .details .detailFirst p { color: #808080; font-size: 15px; font-weight: normal; border-bottom: 1px solid grey; } #ProductDetail .mainSection .details .detailFirst .bolds { color: #808080; font-weight: bold; font-size: 17px; border-bottom: 1px solid grey; } #ProductDetail .mainSection .note p { font-family: Arial; font-style: italic; color: #808080; padding-left: 40px; } /*#VehiclesHomeIndex .details .note { font-family: Arial,sans-serif; color: #808080; font-style: italic; }*/ /***************************************************************** ProcessIndex ******************************************************************/ #ProcessIndex { padding-top: 20px; padding-bottom: 20px; } /*cols*/ #ProcessIndex .mainSection .auctionImg { width: 100%; } #ProcessIndex .caption h4 { font-family: Arial, sans-serif; color: #4C4C4C; font-size: 28px; font-weight: bold; } #ProcessIndex .caption h4 a { color: inherit; } #ProcessIndex .form-group .btn-default { position: absolute; right: 9px; top: 9px; width: 48px; border-left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; } #ProcessIndex .form-group { position: relative; background-color: #EC6608; padding: 9px; border-radius: 5px; box-shadow: 0 5px 16px 5px rgba(0,0,0,0.3); } /*thumbnails*/ #ProcessIndex .mainSection > .thumbnail { padding: 20px; color: white; } .card.card-process .thumb { margin-bottom: 20px; } .card.card-process a.thumbnail { border-color: transparent; } .card.card-process .thumb .thumbnail { padding: 4px; background-color: #E5E5E5; } .card.card-process .thumb .thumbnail:hover { box-shadow: 0 3px 8px 5px rgba(0,0,0,0.3); } .card.card-process .thumb .thumbnail .imageEffect { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; font-family: Arial, sans-serif; } .card.card-process .thumb .thumbnail .imageEffect .fa { font-size: 18px; padding-top: 5px; color: white; } .card.card-process .thumb .thumbnail .imageEffect p { font-family: Arial,sans-serif; padding-bottom: 5px; color: white; } .card.card-process .thumb .thumbnail .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; } .card.card-process .thumb .thumbnail .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; } /*****/ .card.card-process .thumb .thumbnail .box .dateInfoMaster { height: 40px; padding-top: 20px; } .card.card-process .thumb .thumbnail .box .dateInfo { font-family: Arial,sans-serif; line-height: 20px; } .card.card-process .thumb .thumbnail .box .dateInfo .mainText { color: #7F7F7F; font-size: 14px; } .card.card-process .thumb .thumbnail .box .dateInfo .date { color: #7F7F7F; font-weight: bold; font-size: 18px; } .card.card-process .thumb .thumbnail .process .form-group .form-control { width: 90%; color: #666666; font-family: Arial, sans-serif; font-size: 14px; } .card.card-process .thumb .thumbnail .description { padding: 0 5px; position: absolute; bottom: 0; color: #999999; display: inline-block; font-family: Arial,sans-serif; font-size: 14px; } .card.card-process .thumb .thumbnail .description ul { list-style: none; padding: 0; margin: 0; } .card.card-process .thumb .thumbnail .description ul li { color: #999999; display: inline-block; font-family: Arial,sans-serif; font-size: 14px; } .card.card-process .thumb .thumbnail .description ul li a { color: #999999; } .card.card-process .thumb .thumbnail .description ul li a:hover { color: #4D4D4D; } /***************************************************************** ProcessDetail ******************************************************************/ #ProcessDetail { padding-top: 10px; } #ProcessDetail #Listing { padding: 0 0 20px 0; } #ProcessDetail #Listing > .thumbnail > .row + .row { margin-top: 20px; } /*header*/ #ProcessDetail .mainSection .headerSection { background-color: white; border-radius: 4px; margin-bottom: 10px; } #ProcessDetail .mainSection .headerSection .mainInfo { padding: 5px 10px; border-left: 4px solid #F1F1F1; } #ProcessDetail .mainSection .headerSection .mainInfo h4 { color: #EF680E; font-size: 20px; } #ProcessDetail .mainSection .headerSection .mainInfo h4 small { color: #EF680E; font-weight: bold; } #ProcessDetail .mainSection .headerSection .mainInfo p { color: #4C4C4C; } #ProcessDetail .mainSection .headerSection .mainInfo .dateInfoMaster { } #ProcessDetail .mainSection .headerSection .mainInfo .dateInfoMaster .mainText { font-size: 20px; } #ProcessDetail .mainSection .headerSection .mainInfo .dateInfoMaster .date { font-size: 20px; font-weight: bold; } /*asideSection*/ #ProcessDetail .asideSection { font-family: Arial, sans-serif; } #ProcessDetail .asideSection .headerSection { } #ProcessDetail .asideSection .headerSection .mainInfo { border: none; } #ProcessDetail .asideSection .headerSection .mainInfo .caption { font-weight: bold; } #ProcessDetail .asideSection .headerSection .mainInfo .caption h4 { font-size: 24px; } #ProcessDetail .asideSection .headerSection .mainInfo .caption .date { font-size: 20px; color: #EF680E; margin-top: 5px; } #ProcessDetail .asideSection .headerSection .mainInfo .caption .location-title { color: #808080; font-size: 18px; } #ProcessDetail .asideSection .headerSection .mainInfo .caption .location { color: #808080; font-size: 15px; margin-top: 5px; font-weight: normal; } #ProcessDetail .asideSection .leftSection { margin-top: 10px; } #ProcessDetail .asideSection .leftSection .btn-default { color: white; font-size: 15px; font-weight: bold; background-color: #666666; border: none; width: 100%; margin-bottom: 10px; } #ProcessDetail .asideSection .leftSection .btn-default:hover { color: #666666; font-size: 15px; font-weight: bold; background-color: white; border: none; width: 100%; margin-bottom: 10px; } #ProcessDetail .asideSection .leftSection .btn-default:hover .btn-ball { background-color: #666666; color: white; border-radius: 50%; padding: 5px; font-size: 14px; -moz-transition: color ease 0.1s, background-color ease 0.1s; -o-transition: color ease 0.1s, background-color ease 0.1s; -webkit-transition: color ease 0.1s, background-color ease 0.1s; transition: color ease 0.1s, background-color ease 0.1s; } #ProcessDetail .asideSection .leftSection .visit { color: white; text-align: center; } #ProcessDetail .asideSection .leftSection .imageEffect { display: block; position: relative; width: 100%; text-align: center; font-family: Arial, sans-serif; margin-top: 15px; } #ProcessDetail .asideSection .leftSection .imageEffect .fa { font-size: 18px; padding-top: 5px; } #ProcessDetail .asideSection .leftSection .imageEffect p { padding-bottom: 5px; } #ProcessDetail .asideSection .leftSection .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; display: inline-block; } #ProcessDetail .asideSection .leftSection .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; position: relative; } /***************************************************************** Insolvencies ******************************************************************/ #InsolvenciesHomeIndex .asideSection { font-family: Arial, sans-serif; } #InsolvenciesHomeIndex .refInfo { text-align: center; background-color: #EC6608; padding: 15px; border-radius: 4px; box-shadow: 5px 5px 13px #808080; } #InsolvenciesHomeIndex .refInfo p { display: inline-block; color: white; font-size: 19px; font-weight: bold; padding-right: 10px; } #InsolvenciesHomeIndex .refInfo span { background-color: white; color: #EC6608; font-size: 19px; text-transform: uppercase; padding: 5px; font-weight: bold; } #InsolvenciesHomeIndex .caption { background-color: white; } #InsolvenciesHomeIndex .caption h4 { font-family: Arial, sans-serif; color: #4C4C4C; font-size: 28px; font-weight: bold; } #InsolvenciesHomeIndex .caption .location { font-family: Arial; font-size: 16px; color: #7F7F7F; } #InsolvenciesHomeIndex .mainInfo { background-color: white; border-bottom-right-radius: 4px; border-top-right-radius: 4px; padding: 10px; margin-bottom: 10px; } /*Info*/ #InsolvenciesHomeIndex .mainSection .info { border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding: 23px; background: white; font-family: Arial, sans-serif; padding-top: 5px; line-height: 23px; border-right: 2px solid #B3B3B3; } #InsolvenciesHomeIndex .mainSection .info .sup { font-family: Arial, sans-serif; color: #FF6500; text-transform: uppercase; font-size: 15px; } #InsolvenciesHomeIndex .mainSection .info .price { font-size: 31px; color: #FF6500; font-weight: bold; } /*visited*/ #InsolvenciesHomeIndex .mainSection .visitedMaster { height: 25px; } #InsolvenciesHomeIndex .mainSection .visited { background-color: #FF6500; border-radius: 5px; margin-top: 2px; width: 180px; padding: 2px; text-align: center; } #InsolvenciesHomeIndex .mainSection .visited p { font-family: Arial, sans-serif; color: white; font-size: 13px; } /*conditionedSell*/ #InsolvenciesHomeIndex .mainSection .conditionedSellMaster { height: 25px; } #InsolvenciesHomeIndex .mainSection .conditionedSell { background-color: #666666; border-radius: 5px; margin-top: 2px; padding: 2px; width: 180px; text-align: center; } #InsolvenciesHomeIndex .mainSection .conditionedSell p { font-family: Arial, sans-serif; color: white; font-size: 13px; font-weight: bold; } /*dateInfo*/ #InsolvenciesHomeIndex .mainSection .dateInfoMaster { height: 40px; } #InsolvenciesHomeIndex .mainSection .dateInfo { padding-left: 4px; font-family: Arial,sans-serif; line-height: 23px; } #InsolvenciesHomeIndex .mainSection .dateInfo .mainText { color: #7F7F7F; font-size: 16px; } #InsolvenciesHomeIndex .mainSection .dateInfo .date { color: #7F7F7F; font-weight: bold; font-size: 24px; } #InsolvenciesHomeIndex .asideSection .leftSection { margin-top: 10px; } #InsolvenciesHomeIndex .asideSection .leftSection .btn-default { color: white; font-size: 15px; font-weight: bold; background-color: #666666; border: none; width: 100%; margin-bottom: 10px; } #InsolvenciesHomeIndex .asideSection .leftSection .btn-default:hover { color: #666666; font-size: 15px; font-weight: bold; background-color: white; border: none; width: 100%; margin-bottom: 10px; } #InsolvenciesHomeIndex .asideSection .leftSection .btn-default:hover .btn-ball { background-color: #666666; color: white; border-radius: 50%; padding: 5px; font-size: 14px; -moz-transition: color ease 0.1s, background-color ease 0.1s; -o-transition: color ease 0.1s, background-color ease 0.1s; -webkit-transition: color ease 0.1s, background-color ease 0.1s; transition: color ease 0.1s, background-color ease 0.1s; } #InsolvenciesHomeIndex .asideSection .leftSection .visit { color: white; text-align: center; } #InsolvenciesHomeIndex .asideSection .leftSection .imageEffect { display: block; position: relative; width: 100%; text-align: center; font-family: Arial, sans-serif; margin-top: 15px; } #InsolvenciesHomeIndex .asideSection .leftSection .imageEffect .fa { font-size: 18px; padding-top: 5px; } #InsolvenciesHomeIndex .asideSection .leftSection .imageEffect p { padding-bottom: 5px; } #InsolvenciesHomeIndex .asideSection .leftSection .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; } #InsolvenciesHomeIndex .asideSection .leftSection .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; position: relative; } #InsolvenciesHomeIndex .infoLocation { font-family: Arial, sans-serif; line-height: 5px; padding-bottom: 50px; } #InsolvenciesHomeIndex .infoLocation h5 { font-size: 18px; color: #999999; } #InsolvenciesHomeIndex .infoLocation p { font-size: 20px; color: #808080; } #InsolvenciesHomeIndex .descriptionLocation { font-family: Arial, sans-serif; padding-bottom: 10px; } #InsolvenciesHomeIndex .descriptionLocation h5 { font-size: 18px; color: #999999; line-height: 5px; } #InsolvenciesHomeIndex .descriptionLocation p { font-size: 20px; color: #808080; } #InsolvenciesHomeIndex .descriptionLocation a { color: #808080; text-decoration: underline; } #InsolvenciesHomeIndex .descriptionLocation a:hover { color: #999999; } #InsolvenciesHomeIndex .placeLocation { font-family: Arial,sans-serif; } #InsolvenciesHomeIndex .placeLocation p { font-size: 18px; color: #999999; } #InsolvenciesHomeIndex .placeLocation img { max-width: 100%; } #InsolvenciesHomeIndex .mainSection .immovableData { font-family: Arial,sans-serif; padding-bottom: 10px; } #InsolvenciesHomeIndex .mainSection .immovableData .title { font-size: 18px; color: #999999; padding-bottom: 5px; } /*firstRecord*/ #InsolvenciesHomeIndex .mainSection .immovableData .firstRecord { text-align: left; line-height: 15px; } #InsolvenciesHomeIndex .mainSection .immovableData .firstRecord .first { font-family: Arial,sans-serif; font-size: 12px; color: #808080; text-transform: uppercase; } #InsolvenciesHomeIndex .mainSection .immovableData .firstRecord .second { font-family: Arial,sans-serif; font-size: 15px; color: #808080; font-weight: bold; } /***************************************************************** Auctions ******************************************************************/ #AuctionsIndex { padding-top: 20px; padding-bottom: 20px; } /*#AuctionsIndex .mainSection .auctionImg { max-width: 100%; } #AuctionsIndex .caption h4 { font-family: Arial, sans-serif; color: #4C4C4C; font-size: 28px; font-weight: bold; } #AuctionsIndex .caption .location { font-family: Arial; font-size: 16px; color: #7F7F7F; }*/ /*thumbnails*/ /*#AuctionsIndex .mainSection .thumbnail { padding: 20px; color: white; } #AuctionsIndex .mainSection .thumb .thumbnail { padding: 4px; background-color: #E5E5E5; } #AuctionsIndex .mainSection .thumb { margin-bottom: 20px; } #AuctionsIndex .mainSection a.thumbnail { border-color: transparent; } #AuctionsIndex .mainSection .thumb .thumbnail:hover { box-shadow: 0 3px 8px 5px rgba(0,0,0,0.3); } #AuctionsIndex .mainSection .thumb .thumbnail .imageEffect { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; font-family: Arial, sans-serif; } #AuctionsIndex .mainSection .thumb .thumbnail .imageEffect .fa { font-size: 18px; padding-top: 5px; color: white; } #AuctionsIndex .mainSection .thumb .thumbnail .imageEffect p { font-family: Arial,sans-serif; padding-bottom: 5px; color: white; } #AuctionsIndex.mainSection .thumb .thumbnail .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; } #AuctionsIndex .mainSection .thumb .thumbnail .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; }*/ /*Info*/ /*#AuctionsIndex .box .infoMaster { height: 40px; } #AuctionsIndex .box .info { font-family: Arial, sans-serif; padding-top: 5px; line-height: 18px; } #AuctionsIndex .box .info .sup { font-family: Arial, sans-serif; color: #FF6500; text-transform: uppercase; font-size: 13px; } #AuctionsIndex .box .info .price { font-size: 25px; color: #FF6500; font-weight: bold; }*/ /*****/ /*#AuctionsIndex .box .dateInfoMaster { height: 40px; padding-top: 20px; } #AuctionsIndex .box .dateInfo { font-family: Arial,sans-serif; line-height: 20px; } #AuctionsIndex .box .dateInfo .mainText { color: #7F7F7F; font-size: 14px; } #AuctionsIndex .box .dateInfo .date { color: #7F7F7F; font-weight: bold; font-size: 18px; } #AuctionsIndex .box ul { list-style: none; padding: 0; margin: 0; margin-top: 38px; } #AuctionsIndex .box li { color: #999999; display: inline-block; font-family: Arial,sans-serif; font-size: 14px; } #AuctionsIndex .box li a { color: #999999; } #AuctionsIndex .box li a:hover { color: #4D4D4D; }*/ /***************************************************************** PublicAuctions ******************************************************************/ #PublicAuctionsIndex .asideSection { font-family: Arial, sans-serif; } #PublicAuctionsIndex .asideSection .auctionDate { padding: 10px 20px; background-color: white; border-radius: 5px; margin-bottom: 10px; box-shadow: 5px 5px 13px #808080; } #PublicAuctionsIndex .asideSection .auctionDate h3 { color: #F15A24; font-size: 40px; font-weight: bold; text-align: justify; text-transform: uppercase; } #PublicAuctionsIndex .asideSection .auctionDate h4 { color: #F15A24; font-size: 28px; font-weight: bold; text-align: justify; text-transform: uppercase; } #PublicAuctionsIndex .asideSection .auctionPlace { font-family: Arial, sans-serif; background-color: white; padding: 10px 20px; border-radius: 5px; box-shadow: 5px 5px 13px #808080; } #PublicAuctionsIndex .asideSection .auctionPlace p { color: #999999; font-size: 18px; } #PublicAuctionsIndex .asideSection .auctionPlace .address { padding-top: 15px; } #PublicAuctionsIndex .asideSection .auctionPlace .address p { color: #808080; font-size: 20px; } #PublicAuctionsIndex .asideSection .leftSection { margin-top: 10px; } #PublicAuctionsIndex .asideSection .leftSection .btn-default { color: white; font-size: 15px; font-weight: bold; background-color: #666666; border: none; width: 100%; margin-bottom: 10px; } #PublicAuctionsIndex .asideSection .leftSection .btn-default:hover { color: #666666; font-size: 15px; font-weight: bold; background-color: white; border: none; width: 100%; margin-bottom: 10px; } #PublicAuctionsIndex .asideSection .leftSection .btn-default:hover .btn-ball { background-color: #666666; color: white; border-radius: 50%; padding: 5px; font-size: 14px; /*-moz-transition: color ease 0.1s, background-color ease 0.1s; -o-transition: color ease 0.1s, background-color ease 0.1s; -webkit-transition: color ease 0.1s, background-color ease 0.1s; transition: color ease 0.1s, background-color ease 0.1s;*/ } .btn-ball { width: 24px; height: 24px; line-height: 24px; background-color: white; color: #808080; border-radius: 50%; padding: 5px; font-size: 14px; /*-moz-transition: color ease 0.1s, background-color ease 0.1s; -o-transition: color ease 0.1s, background-color ease 0.1s; -webkit-transition: color ease 0.1s, background-color ease 0.1s; transition: color ease 0.1s, background-color ease 0.1s;*/ } #CatalogoEmail { height: 28px; border-radius: 5px; border: 2px solid #666666; border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon { height: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0; border: 2px solid #666666; font-size: 12px; color: white; background-color: #666; } #PublicAuctionsIndex .asideSection .leftSection .visit { color: white; text-align: center; } #PublicAuctionsIndex .asideSection .leftSection .imageEffect { display: block; position: relative; width: 100%; text-align: center; font-family: Arial, sans-serif; margin-top: 15px; } #PublicAuctionsIndex .asideSection .leftSection .imageEffect .fa { font-size: 18px; padding-top: 5px; } #PublicAuctionsIndex .asideSection .leftSection .imageEffect p { padding-bottom: 5px; } #PublicAuctionsIndex .asideSection .leftSection .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; } #PublicAuctionsIndex .asideSection .leftSection .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; position: relative; } /*thumbnails*/ #PublicAuctionsIndex .mainSection .thumbnail { padding: 20px; color: white; } #PublicAuctionsIndex .mainSection .thumb .thumbnail { padding: 4px; background-color: #E5E5E5; } #PublicAuctionsIndex .mainSection .thumb { margin-bottom: 20px; } #PublicAuctionsIndex .mainSection a.thumbnail { border-color: transparent; } #PublicAuctionsIndex .mainSection .thumb .thumbnail:hover { box-shadow: 0 3px 8px 5px rgba(0,0,0,0.3); } #PublicAuctionsIndex .mainSection .thumb .thumbnail .imageEffect { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; font-family: Arial, sans-serif; } #PublicAuctionsIndex .mainSection .thumb .thumbnail .imageEffect .fa { font-size: 18px; padding-top: 5px; } #PublicAuctionsIndex .mainSection .thumb .thumbnail .imageEffect p { padding-bottom: 5px; } #PublicAuctionsIndex .mainSection .thumb .thumbnail .imageEffect a { color: white; width: 100%; position: relative; text-transform: uppercase; font-size: 12px; } #PublicAuctionsIndex .mainSection .thumb .thumbnail .imageEffect .imgInfo:hover { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; } #PublicAuctionsIndex .mainSection .thumb .thumbnail .imgThumb { max-width: 100%; } /*cols bootstrap*/ #PublicAuctionsIndex .mainSection .no-gutter > [class*='col-'] { padding-right: 8px; padding-left: 8px; } #PublicAuctionsIndex .mainSection .no-gutter { margin-right: -8px; margin-left: -8px; } /***************************************************************** SAPO Maps fix ******************************************************************/ .status_btn_smapi_MapTypeControl2 { display: inline-block !important; padding-top: 0 !important; height: 30px !important; line-height: 28px !important; float: none !important; } /***************************************************************** Revolution Slider theme ******************************************************************/ .gaip.tparrows { cursor: pointer; background: #aaa; background: rgba(200,200,200,0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border-radius: 40px; line-height: 0; } .gaip.tparrows:hover { background: #333; } .gaip.tparrows:before { font-family: "FontAwesome"; font-size: 18px; color: #fff; display: block; line-height: 40px; text-align: center; } .gaip.tparrows.tp-leftarrow:before { content: "\f053"; } .gaip.tparrows.tp-rightarrow:before { content: "\f054"; } .gaip.tp-tabs { } .gaip.tp-tabs .tp-tab-image { border: 5px solid #DDDDDD; }