.color_pr { color: #444441 !important; } .color_pr2 { color: #af2917 !important; } .color_pr3 { color: #af2917 !important; } .color_pr4 { color: #808080 !important; } .color_pr5 { color: #af2917 !important; } .color_pr6 { color: #333333 !important; } .color_pr7 { color: #f1f2f7 !important; } .bg_color_pr { background-color: #444442 !important; } .bg_color_pr2 { background-color: #000001 !important; } .bg_color_pr3 { background-color: #444441 !important; } .bg_color_pr4 { background-color: #808080 !important; } .bg_color_pr5 { background-color: #bdc3cf !important; } .bg_color_pr6 { background-color: #333333 !important; } .bg_color_pr7 { background-color: #f1f2f7 !important; } .bg_color { background-color: #e8e8e8 !important; } body { /*font-family: 'Open Sans', Arial, sans-serif;*/ /*font-family: 'Source Sans Pro', sans-serif;*/ font-family: 'Roboto Condensed', sans-serif; font-size: 16px; background: #f1f2f7; /*margin-top: -1px;*/ position: relative; margin: 0; padding-bottom: 15rem; min-height: 100%; color: #333333; } footer { position: absolute; right: 0; bottom: 0; left: 0; padding-top: 1rem; /*text-align: center;*/ } :root { height: 100%; } .main-bg { background-color: #f1f2f7; /*padding-top:160px;*/ /*padding-bottom:100px;*/ } @media only screen and (max-width: 768px) { body { padding-bottom: 0; min-height: 100%; } footer { position: relative !important; padding-top: 0; } .main-bg { padding-bottom: 0; } } @media print { img { max-width: none !important; } body { padding-bottom: 0!important; } footer { padding-top: 0!important; } :root { height: auto; } } img[src^="http://maps.gstatic.com/"], /* map view */ img[src^="http://maps.googleapis.com/"] /* street view */ img[src^="https://maps.google.com/"] { max-width: none !important; } .noborder { border:none; } a.c1:link {color:#000001;} a.c1:visited {color:#000001;text-decoration:none} a.c1:hover {color: #808080; } a.c2:link {color:#fff;} a.c2:visited {color:#fff;text-decoration:none} a.c2:hover {color:#000001;} a.c3:link {color:#000;} a.c3:visited { color: #000; } a.c3:hover { color: #000; text-decoration: underline } a.csv:link {color:#000001;} a.csv:visited {color:#000001;text-decoration:none} a.csv:hover { color: #7c1507; } a.clang {text-decoration:none} a.clang:link {color:rgba(255, 255, 255, 0.65);} a.clang:visited {color:rgba(255, 255, 255, 0.65);text-decoration:none} a.clang:hover {color:#fff; /*text-decoration:underline*/} a.clang:active {color:#fff;} a.cd:link {color:#fff;} a.cd:visited {color:#fff;text-decoration:none} a.cd:hover {color:rgba(255, 255, 255, 0.75);} a.cterms:link {color:#808080;} a.cterms:visited {color:#808080;text-decoration:none} a.cterms:hover {color:#000001;text-decoration:underline} .border1w { border: solid 1px #fff!important; } .txtbreak { overflow-wrap: break-word; } .flexback { padding:10px; background-color:#e1e3e5; } .text-primary, .btn-primary .badge, .btn-link,a.list-group-item.active > .badge,.nav-pills > .active > a > .badge, .drop-caps:first-child:first-letter, .accent-color, .post-more, .nav-list-primary > li a:hover, .widget_recent_comments a, .navigation > ul > li:hover > a, .flex-caption .hero-agent-contact, .property-info h4 a, .agent-info h4 a, .features-list li .icon, .property-listing h3 a, .agents-listing h3 a, .nav-tabs li.active > i, .nav-tabs li:hover > i, .location > i, .additional-amenities > .available i, .error-404 h2 > i, .properties-table .action-button i, .pricing-column h3 { color:#444442; } a, a:focus, a:active { color: #af2917; cursor: pointer; /*-webkit-transition: color 0.1s linear 0s; -moz-transition: color 0.1s linear 0s; -o-transition: color 0.1s linear 0s; transition: color 0.1s linear 0s;*/ } a:hover, .testimonials > li cite a:hover, .property-listing h3 a:hover, .agents-listing h3 a:hover, .property-info h4 a:hover, .agent-info h4 a:hover { color: #808080; text-decoration: none; } .featured-gallery p, .post-more:hover, .widget_recent_comments a:hover, .property-info h4 a:hover{ opacity:.9 } .addr1 a, .addr1 a:visited, .addr1 a:focus { font-weight: 400; color: #000001; cursor: pointer; font-size: 16px; } .addr1 a:hover { text-decoration: none; color: #868686; } .addr2 a, .addr2 a:visited, .addr2 a:focus { font-weight: 400; color: #ffffff; cursor: pointer; font-size: 13px; } .addr2 a:hover { text-decoration: underline; /*color: #000001;*/ } .addr3 a, .addr3 a:visited, .addr3 a:focus { font-weight: 500; color: #444442; cursor: pointer; font-size: 15px; } .addr3 a:hover { text-decoration: underline; color: #000001; } .art1 a, .art1 a:visited, .art1 a:focus { color: #444442; cursor: pointer; } .art1 a:hover { color: #81818b; text-decoration:underline; } .aw .icc { color: #af2917; transition: 0.3s; } .aw a, .aw a:visited, .aw a:focus { font-size: 18px; color: #fff; cursor: pointer; text-decoration: none; } .aw .icc:hover { color: #81818b; } .aw a:hover { text-decoration: none; color: #fff; } .aw2 .icc { color: #fff; transition: 0.3s; } .aw2 a, .aw2 a:visited, .aw2 a:focus { color: #474646; cursor: pointer; text-decoration: none; } .aw2 .icc:hover { color: #fff; } .aw2 a:hover { text-decoration: none; color: #af2917; } .headg a, .headg a:visited, .headg a:focus { color: #000001; cursor: pointer; text-decoration: none; } .headg a:hover { text-decoration:underline; color: #444442; text-decoration: none; } hr { margin-top: 15px; margin-bottom: 15px; border: 0; border-top: 1px solid #dddddd; } .label { font-weight: 500; font-size: 13px; } .label-info { background-color: #777777; border-radius: unset; } .label-info1 { background-color: #cc0000; } .label-info2 { background-color: #ff6a00; } .label-info3 { background-color: #7dae04; } .label-info4 { background-color: #0094ff; } .label-info[href]:hover, .label-info[href]:focus { background-color: #444442; } .btn { color: #fff; background-color: #af2917; text-decoration: none; border: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; /*-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);*/ /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;*/ } .btn:hover { color: #fff; background-color: #7c1507; -webkit-box-shadow: 0px 0px 3px 0px rgba(135, 135, 135, 0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(135, 135, 135, 0.75); box-shadow: 0px 0px 3px 0px rgba(135, 135, 135, 0.75); } .btn2 { color: rgba(255, 255, 255, 0.65); background-color: #808080; font-size: 15px; font-weight: 500; text-decoration: none; text-align: center; /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); text-transform: uppercase; } .btn2:hover { color: #fff; background-color: #af2917; text-decoration: none !important; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25); } .btn2.active { color: #ffffff; background-color: #363636; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); } .btn.focus, .btn:focus, .btn:hover { color: #fff; text-decoration: none; } .btn2lb { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn2rb { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-top-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .moreb{ color: #666669; /*background-color: rgba(0,0,0,0.25);*/ text-decoration:none; border:none; text-align:center; /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; padding:4px; } .moreb:visited { color: #444442; } .moreb:hover, .moreb:focus { color: #000001; /*background-color: #444442;*/ text-decoration:none; } .searchbtn { color: #fff; background-color: #363636; text-decoration: none; text-align: center; /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/ cursor: pointer; padding: 4px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; text-transform: uppercase; } .searchbtn:focus, .searchbtn:hover { color: #fff; background-color: #7c1507; } .searchbtn:active, .searchbtn.active { color: #ffffff; background-color: #af2917; text-decoration: none; } .searchbtn-left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .searchbtn-right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .nav .open > a:focus { background-color: transparent; color: #444442; } /*border-width: 0; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.18);*/ /*-webkit-transition:all 0.1s ease 0.1s; -moz-transition:all 0.1s ease 0.1s; -o-transition:all 0.1s ease 0.1s; transition:all 0.1s ease 0.1s;*/ /*.btn-default { color: #efefef; border: solid 1px #444442; background: #444442; } .btn-default:hover, .btn-default:active, .btn-default:focus { color: #ffffff; border: solid 1px #ffffff; background: #444442; background: -webkit-gradient(linear, left top, left bottom, from(#444442), to(#225078)); background: -moz-linear-gradient(top, #444442, #225078); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444442', endColorstr='#225078'); }*/ /*.btn:hover, .btn:active, .btn:focus{ background-color:#e7e7e7; background-color:rgba(0,0,0,.1); opacity:.8; } .btn-default { border-color: #444442; white-space: normal !important; overflow-wrap: break-word; } .btn-default:hover, .btn-default:active, .btn-default:focus { background-color: #ffffff; color: #444442; border-color: #444442; white-space: normal !important; overflow-wrap: break-word; } .btn-warning { color: #ffffff; background-color: #ff0000; border-color: #444442; font-weight: bold; } .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #444442; border-color: #ff0000; background-image: none; }*/ /* .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #ff0000; border-color: #444442; }*/ .btn-warning .badge { color: #444442; background-color: #ff0000; } .Characteristic { float: left; margin: 0 0 2px 0; padding-left: 20px; padding-right: 20px; position: relative; /*width: 33.3333%;*/ width:33.3%; } .Characteristic::after { color: #808080; content: "\f00c"; font-family: "FontAwesome"; left: 0; position: absolute; top: 0; } .site-footer { background-color: #fff; padding: 28px 0; box-shadow: inset 0 2px 2px rgba(0,0,0,.07); font-size: 15px; } .site-footer i { font-size: 16px!important; } .site-footer-bottom { background-color: #7c1507; /*border-top:1px solid #e1e1e1;*/ padding: 8px 0; font-size: 13px; } .site-footer-bottom p { color: #dddddd; margin-bottom: 0; font-size: 13px; } .site-footer-bottom a{ color: rgba(255, 255, 255, 1); } .site-footer-bottom a:hover{ color:#ffffff; text-decoration: underline; } .site-header .social-icons{ margin-top:30px; } .site-footer-bottom .social-icons{ text-align:right; } .site-footer-bottom .social-icons a{ background:#fff; color:#fff; border-radius:50%; width:20px; height:20px; text-align:center; display:inline-block; margin:0 0 0 8px; text-decoration:none; } .social-icons-top{ text-align:right; } .social-icons-top a{ color:#444442; border-radius:50%; width:24px; height:24px; text-align:center; display:inline-block; margin:2px 0 0 0; text-decoration:none; } .navbar-default { /*background-color: #444442;*/ /*background: linear-gradient(to top,#666669 0%,#f3f5f7 100%);*/ /*background-color: rgba(51, 51, 51, 0.8);*/ background-color: #474646; border: 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.30); position: relative; height: 60px; /*border-bottom:solid 1px #e1e3e5; box-shadow: 0 3px 2px 0 rgba(0,0,0,0.25);*/ z-index: 2001; } .navbar-default .navbar-brand { color: #444442; display: none!important; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #cc220b; background-color: transparent; } .navbar-default .navbar-text { color: #cc220b; } .navbar-default .navbar-brand1 { display: none!important; } /*.navbar-default .navbar-nav { float: none; margin: auto; font-size: 13px; text-transform: uppercase; font-weight: 500; } .navbar-collapse > ul { width:840px; margin: auto; text-align:center; } .navbar-default .navbar-nav > li { width:120px; text-align:center; }*/ .navbar-default .navbar-nav { width: 100%; text-align: center; /*text-transform:uppercase;*/ font-size: 14px; /*letter-spacing: 0.035em;*/ letter-spacing: -0.015px; } .navbar-collapse > ul { /*width: 840px;*/ text-align: center; width: 100%; /*margin: 0 auto;*/ } .navbar-default .navbar-nav > li { /*width: 120px;*/ /*min-width:80px;*/ float: none !important; display: inline-block; text-align: center; margin-left: -4px; } /*.navbar-default .navbar-nav > li:first-child > a, .navbar-default .navbar-nav .active > li:first-child > a:hover { border-left: 1px solid rgba(212, 233, 237, 0.2); border-left: none; }*/ .navbar-default .navbar-nav > li > a { color: #ffffff; /*border-right: 1px solid rgba(212, 233, 237, 0.2);*/ padding: 20px 10px; /*text-transform: uppercase;*/ font-weight: 500; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #ffffff; /*height:52px;*/ /*border-top-width:4px; border-top-style:solid; border-top-color:#ffffff;*/ background-color: #7c1507; /*border-right:1px solid rgba(0,0,0,0.2);*/ /*padding-top:11px !important;*/ -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; /*background-color: transparent;*/ } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .dropdown > .active { color: #ffffff; /*font-size: 14px;*/ /*font-weight:600;*/ background-color: rgba(255, 255, 255, 0.20); /*border-top-width: 2px; border-top-style: solid; border-top-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent;*/ /*border-left-width: 1px; border-left-style: solid; border-left-color: transparent;*/ } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-right { background-color: #f8f8f8; margin-right: 0; } .navbar-default .navbar-toggle { background-color:#444442; border-color: #444442; float:right !important; margin-right:0; margin-top:5px; margin-bottom:-5px; color:#ffffff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ffffff; color:#444442; } .navbar-default .navbar-toggle .icon-bar { background-color: #dddddd; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #444442; background-color: #ffffff; border-left-color:#e7e7e7; } .navbar-default .navbar-link { color: #777777; } .navbar-default .navbar-link:hover { color: #444442; } li.dropdown:hover > ul.dropdown-menu { display: block; border:none; /*position: absolute;*/ /*-webkit-animation: fadein 0.7s; /* Safari and Chrome /*-moz-animation: fadein 0.7s; /* Firefox */ /*-ms-animation: fadein 0.7s; /* Internet Explorer */ /*-o-animation: fadein 0.7s; /* Opera */ /*animation: fadein 0.7s;*/ } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #444442; color: #ffffff; } .navbar-right .dropdown-menu { right:50px; left:auto; } .dropdown-menu { padding: 0; } @media only screen and (min-width: 992px) { li.dropdown:hover > ul.dropdown-menu { display: block; border: none; /*position: absolute;*/ /*-webkit-animation: fadein 0.7s; /* Safari and Chrome /*-moz-animation: fadein 0.7s; /* Firefox */ /*-ms-animation: fadein 0.7s; /* Internet Explorer */ /*-o-animation: fadein 0.7s; /* Opera */ /*animation: fadein 0.7s;*/ } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #474646; color: #ffffff; } .navbar-right .dropdown-menu { right: 50px; left: auto; } .dropdown-menu > li > a { padding: 10px 10px; color: #333333; /*text-transform: uppercase;*/ } .dropdown-menu > .active > a { background-color: transparent; color: #333333; } .dropdown-menu > li:last-child a:hover { margin-top: 0; border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; } } .dropdown-menu .divider { margin: 0; background-color: rgba(229, 229, 229, 0.75); } .dropdown-submenu { position:relative; } .dropdown-submenu > .dropdown-menu { top:0; left:100%; margin-top:-5px; margin-left:-40px; /*-webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px;*/ } /* @media only screen and (max-width: 992px) { [class*="col-"] { width: 100%; } .container{ width:auto; } } */ @media only screen and (max-width: 992px) { .navbar-default .navbar-nav > li:first-child > a { border-left:none; } .Characteristic { width: 50%; } .block-heading h4{ font-size: 16px; } .navbar-default { background-color:#fff; /*background: linear-gradient(to top,#efefef 0%,#ffffff 100%);*/ /*padding-top: 5px; padding-bottom: 5px;*/ } .navbar-header { float: none; padding-right: 5px; height: 60px; } .navbar-default .navbar-brand { display: block!important; float:left; } .navbar-left { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { background-color: #e1e3e5; border-right:0; /*border: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/ } .navbar-fixed-top { top: 0; border-width: 0 0 3px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>ul { float: none!important; width:100%; margin-top: 7.5px; } .navbar-default .navbar-nav > li { float: none !important; width: 100%; /*height:44px;*/ background-color: #000001; } .navbar-default .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; width:100%; /*height:44px;*/ background-color: #000001; color: #f1f2f7; } /*.navbar-default .navbar-nav > .active>a:hover, .navbar-default .navbar-nav > .active>a:focus, .navbar-default .navbar-nav > .active>a:active { height:44px; }*/ .navbar-default .navbar-nav > li > a:hover { border-top-width: 0 !important; border-top-style: none !important; /*padding-top: 7px !important;*/ } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; background-color: rgba(255, 255, 255, 0.25); } .navbar-collapse > ul { float:left !important; margin:0; width:100%; } .navbar-collapse > ul > li { text-align:left !important; } .navbar-default .navbar-collapse { border-color: rgba(0,0,0,0.15); /*margin-top:1px;*/ background-color:none; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); } .collapse.in{ display: block !important; border:none; padding:0; margin-top:1px; /*border-top:1px solid #e7e7e7;*/ } .container{ width:auto; } .middle-header { display: none!important; } .navbar-default .navbar-brand1 { display: none!important; } /* .navbar-default .navbar-nav > li:first-child > a { border-left:0; }*/ .navbar-default .navbar-nav > li > a { border-right:1px solid rgba(0,0,0,0.15); border-left:1px solid rgba(0,0,0,0.15); border-bottom:1px solid rgba(0,0,0,0.15); } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; height:auto; /*border-bottom-width:4px; border-bottom-style:solid; border-bottom-color:#444442;*/ background:#444442; } } /*EndOfMedia*/ .onerow{ display:inline-block; vertical-align:middle; } @media only screen and (max-width: 468px) { .moreb { display: none; } .block-heading h4 { font-size: 14px; } .btn-primary { padding-left:5px; padding-right:5px; } .property-block .badges { font-size: 12px; margin-right:15px; } } @media only screen and (max-width: 768px) { .navbar-default .navbar-collapse { padding-left: 0; padding-right: 0; /*margin-top: 10px;*/ /*background-color: #444442;*/ } /* .collapse.in{ margin-top:1px; }*/ .navbar-default .navbar-brand1 { display: block !important; padding-right: 15px; padding-top: 10px; } .navbar-default .navbar-brand { display: block !important; padding-right: 5px; /*padding-top: 3px;*/ } } .block-heading-fw { background: #fff; padding: 10px 0; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.07); box-shadow: 0 2px 0 rgba(0,0,0,.07); } .block-heading-fw h3 { margin-bottom: 0; } .block-heading-fw .btn-sm { margin-top: 5px; } .sort-source a { text-decoration: none; } .block-heading { /*background:#444442; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;*/ height: 100% !important; margin-bottom: 50px; /*border-bottom: 2px solid #e1e3e5;*/ /*padding: 5px;*/ border-bottom: 1px solid #000001; /*box-shadow: 0 10px 10px -10px rgba(0,0,0,0.25);*/ } .block-heading h4 { /*line-height:50px !important;*/ margin: 0; color: #333; display: inline-block; /*padding-right: 20px;*/ /*-webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;*/ font-size: 24px; font-weight: 300; border: 0px; text-rendering: optimizelegibility; } .block-heading .heading-icon { /*background:#ffffff;*/ width: 30px; text-align: left; margin-right: 10px; font-size: 20px; display: inline-block; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; /*border-radius:3px 0 0 3px;*/ /*-webkit-border-radius:0 25px 0 0; -moz-border-radius:0 25px 0 0; border-radius:0 25px 0 0; position:relative; border-bottom:1px solid #444442;*/ } .block-heading .heading-icon .icon-design { color: rgba(0,0,0,.2); font-size: 31px; position: absolute; right: -10px; top: 11px; } .block-heading .btn-sm { margin: 10px 10px 0 0; } .block-heading i { position: relative; bottom: 1px; } .featured-block img { width: 60%; display: inline-block; border-radius: 100%; margin-top: 0; margin-bottom: 0; } .carousel { /*border-bottom: solid 3px #000001;*/ -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15); } .carousel-indicators { bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-bottom: 25px; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #efefef \9; background-color: #efefef; border: 1px solid #ffffff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #ffffff; } .carousel-caption { right: 0; left: 60%; bottom: 0; /*bottom: 10px;*/ z-index: 10; padding-top: 10px; padding-bottom: 0; /*padding-left:10px;*/ margin-top: 20px; margin-bottom: 80px; background-color: rgba(0, 0, 0, 0.75); color: #ffffff; font-size: 23px; text-align: center; text-shadow: none; /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px;*/ } .carousel-control .glyphicon-chevron-left { left: 25%; } .carousel-control .glyphicon-chevron-right { right: 25%; } .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } @-webkit-keyframes zoom { from { -webkit-transform: scale(1.2, 1.2); } to { -webkit-transform: scale(1, 1); } } @keyframes zoom { from { transform: scale(1.2, 1.2); } to { transform: scale(1, 1); } } .carousel-fade .carousel-inner .item > img { -webkit-animation: zoom 10s; animation: zoom 10s; } .carousel-fade:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /*background-color: rgba(0, 0, 0, 0.20);*/ /*background-image: url(/images/plain.png);*/ /*background-image: url(/images/dotsg.png);*/ } .carousel-control.left { background-image: none; background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: none; background-repeat: repeat-x; } /* #panel, #flip { text-align:center; cursor:pointer; position: relative; bottom: 30px; padding: 10px; border: solid 0 #c3c3c3; -webkit-border-radius: 5px 5px 5px 5px; background-color: #444442; color:#ffffff; box-shadow: 0 5px 5px rgba(0,0,0,0.5); } #panel { bottom: 50px; padding: 20px; display: none; border: solid 5px #444442; -webkit-border-radius: 0 0 5px 5px; background-color: #ffffff; } */ /*@media screen and (max-width: 799px){ #panel1{display:none;} } */ @media screen and (max-width: 600px) { .Characteristic { width: 50%; } } #panel1 { width: 100%; text-align: left; cursor: pointer; position: relative; bottom: 700px; left: 700px; /*bottom: 1px;*/ -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /*background-color: #ffffff;*/ /*background-color: rgba(255,255,255,0.9);*/ /*-webkit-box-shadow: inset 0 -10px 10px -15px rgba(0,0,0,0.75); -moz-box-shadow: inset 0 -10px 10px -15px rgba(0,0,0,0.75); box-shadow: inset 0 -10px 10px -15px rgba(0,0,0,0.75);*/ z-index: 300; } .property-block { border: 1px solid #dddddd; /*padding: 10px;*/ -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.1s; background: #ffffff; } .property-block:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background: #ffffff; } .property-block2 { border: 1px solid #dddddd; /*padding: 10px;*/ -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.1s; background: #f1f2f7; } .property-block2:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background: #ffffff; } .property-block3 { border: 1px solid #dddddd; /*e1e3e5*/ /*padding: 10px;*/ -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.1s; background: #fff; } .property-block3:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background: #fff; /*background: #fbfbfb;*/ } .propBox { width: 100%; /*background-color:#dddddd;*/ color: #ffffff; padding: 10px; margin-top: 5px; } .propBox .propsq { width: 30%; background-color: #444442; text-align: center; /*border-right: solid 1px #444442;*/ } .propBox .propprice { width: 70%; background-color: #444442; text-align: center; } .propBox_v { width: 100%; background-color: #ffffff; border: solid 1px #dddddd; color: #444442; padding: 10px; margin-top: 5px; } .propBox_v .propsq_v { width: 40%; text-align: center; font-weight: bold; border-right: solid 1px #f8f8f8; padding: 5px; } .propBox_v .propprice_v { width: 60%; text-align: center; font-weight: bold; background-color: #444442; padding: 5px; color: #fff; } .propbox_h { width: 100%; background-color: #e1e3e5; /*border:solid 1px #dddddd;*/ color: #444442; padding: 10px; margin-top: 0; } .propbox_h .propsq_h { width: 25%; text-align: center; font-weight: bold; border-right: solid 1px #f8f8f8; padding: 10px; } .propbox_h .propprice_h { background-color: #444442; width: 25%; text-align: center; font-weight: bold; padding: 10px; color: #fff; } .propdet { background-color: #ffffff; padding: 5px; } .propdet2 { /*background-color: #f8f8f8;*/ /*padding: 10px;*/ margin-bottom: 5px; } .thumbnail { margin: 0; } .property-details { /*border:solid 1px #dddddd;*/ background-color: #ffffff; padding-left: 15px; border: 1px solid rgba(0,0,0,0.20); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top: none; } .property-details .row { vertical-align: middle; background-color: #f8f8f8; border-top: solid 1px #dddddd; padding-top: 7px; padding-bottom: 7px; } .property-details .d-title { color: #81818b; } .property-details .d-det { color: #555555; font-weight: 700; } .property-details .row:nth-child(2n+1) { background-color: #fbfbfb; } /*.property-details .row .text-right{ padding-top:8px; }*/ .h4_right { width: 100%; /*background-color:#444442; color:#ffffff; border-bottom:solid 1px #444442; border: 1px solid #444442;*/ color: #555555; background: linear-gradient(to top,#dddddd 0%,#efefef 100%); border: 1px solid rgba(0,0,0,0.15); border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 16px; padding: 10px 15px; } /*.list-group-horizontal{ background-color:#e7e7e7; border:solid 1px #444442; padding:10px; }*/ .list-group-horizontal .list-group-item { display: inline-block; color: #ffffff; background-color: #444442; } .list-group-horizontal .list-group-item { border-color: #444442; margin-bottom: 0; margin-left: -3px; margin-right: 0; } .list-group-horizontal .list-group-item:first-child { border-top-right-radius: 0; border-bottom-left-radius: 4px; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .price, .counts { display: inline-block; background: #444442; /*background:rgba(0,0,0,0.75);*/ color: #fff!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 26px; } .price strong, .counts strong { background: #e7e7e7; background: rgba(0,0,0,.1); padding: 0 7px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; line-height: 26px; height: 26px; display: inline-block; font-weight: 500; } .price span, .counts span { padding: 0 7px; line-height: 26px; height: 26px; font-weight: 500; } /*@media (min-width: 992px) { .com-md-4, .col-sm-4 { padding-right: 0px; } }*/ /*.carousel .item { width:100%; max-height: 800px !important; } .panel-warning { background-color:#efefef; color:#444442; border: 1px solid #e7e7e7; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }*/ .panel-default { background-color: #fff; /*border: 1px solid transparent; box-shadow:inset 0 2px 2px rgba(0,0,0,.07);*/ border: 1px solid rgba(0,0,0,0.15); } .panel-default > .panel-heading { color: #808080; /*background: linear-gradient(to top,rgba(245, 240, 240, 0.75) 0%,rgba(250, 245, 245, 0.50) 100%);*/ /*background: linear-gradient(to top,#dddddd 0%,#efefef 100%);*/ font-size: 16px; background-color: #f1f2f7!important; /*border: 1px solid rgba(0,0,0,0.15);*/ } .panel2-default2 { /*background-color:#efefef;*/ /*border: 1px solid transparent; box-shadow:inset 0 2px 2px rgba(0,0,0,.07);*/ border: none; } .panel2-default2 > .panel2-heading2 { border-bottom: 1px solid #dddddd; padding-bottom: 0; margin-bottom: 10px; /*background-color:#e6e6e6;*/ } .panel2-default2 > .panel2-heading2 > .panel2-title2 { color: #ffffff; padding-top: 5px; padding-bottom: 0; margin: 0; } .pointer1 { cursor: pointer; } .secondary:first-child:first-letter, .accent-bg, .fa.accent-color, .btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .label-primary, .progress-bar, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .panel-primary > .panel-heading, .carousel-indicators .active, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .hr, .sm, .flex-control-nav a:hover, .flex-control-nav .flex-active, .accordion-heading .accordion-toggle.active, .accordion-heading:hover .accordion-toggle, .accordion-heading:hover .accordion-toggle.inactive, .fc-event, .site-header .social-icons a, .navigation > ul > li > ul > li:hover > a, .navigation > ul > li > ul > li > ul > li:hover a, .top-header, .single-property .price, .timeline > li > .timeline-badge, .pricing-column.highlight h3, .site-footer-bottom .social-icons a:hover { background-color: #444442; } /* .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li.active a, */ /*.btn-primary:hover, .btn-primary:focus,*/ .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .next-prev-nav a:hover, .staff-item .social-icons a:hover, .site-header .social-icons a:hover { background: #444442; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .panel-primary, .panel-primary > .panel-heading, .fc-event { border-color: #444442; } .panel-primary > .panel-heading + .panel-collapse .panel-body, .navigation ul > li:hover > a, .navigation ul > .current_menu_item > a { border-top-color: #444442; } .panel-primary > .panel-footer + .panel-collapse .panel-body, .widget .widgettitle { border-bottom-color: #444442; } blockquote { border-left-color: #444442; } .pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus { color: #444442; } .btn-search { color: #808080; font-size: 16px; width: 100%; background-color: #f1f2f7; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25); box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25); } .btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active { background-color: #444442; color: #ffffff; } .btn-cr { color: #555555; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; border: 1px solid transparent; border-radius: 4px; font-size: 16px; width: 100%; background-color: #dddddd; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25); box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.25); } .panel-search { background-color: #ffffff; /*border:none;*/ border: solid 1px #dddddd; border-top-right-radius: 0; border-top-left-radius: 0; /*-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);*/ margin-top: 0; margin-bottom: 0; } div.scroll { height: 500px; overflow: scroll; overflow-x: hidden; } h5 { padding-top: 10px; margin-bottom: 5px; color: #444442; font-size: 16px; } h6 { color: #444442; font-size: 15px; } h7 { /*line-height: 30px;*/ color: #444442; font-size: 16px; } /*.btn-primary, .btn-primary:hover, .btn-primary:focus { border-color:transparent; max-width: 100%; } .btn-primary:hover { background-color:#e1e3e5; opacity: 0.65; filter: alpha(opacity=65); } .btn-primary:focus, .btn-primary:active { background-color:#444442; }*/ .btn-primary { color: #ffffff; background-color: #363636; border-color: none; } /**************************************************change this*******************************************/ /*.btn-primary:hover { background-color: #444442; -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.25); }*/ /**************************************************change this*******************************************/ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #af2917; color: #ffffff !important; } .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #444441; border-color: none; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #444441; background-color: #444441; border-color: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #444442; border-color: none; } .toggle-view { /*padding: 7px;*/ /*border: 1px solid rgba(0,0,0,0.25);*/ /*border-radius: 3px;*/ /*margin:5px 15px 0 0;*/ /*background-color: rgba(55, 58, 54, 0.5);*/ padding: 2px; } .toggle-view a { /*margin-left:10px;*/ /*margin: 7px;*/ color: rgba(51, 51, 51, 0.35); } .toggle-view a:hover { color: #333; } .toggle-view a.active { /*border: 1px solid #dddddd;*/ /*padding-right: 5px; padding-left: 5px;*/ /*background-color: #f57f01;*/ color: #000001; } .nav-pills > li > a { background: #ffffff; border: solid 1px #ddd; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover { background: #444442; border: solid 1px #444442; } .nav-pills > li > a:hover, .nav-pills > li > a:focus { background: #ffffff; color: #333333; border: solid 1px #444442; /*box-shadow: inset 0 -2px #444442;*/ } .middle-header { background-color: #444442; /*height: 124px;*/ z-index: 1000; position: relative; top: 0; } .middle-header.shrink { height: auto; } .contact-info-blocks { text-align: right; padding: 0 0 5px; /*min-height: 104px;*/ margin-top: 10px; color: #af2917; } .contact-info-blocks > div { display: inline-block; margin: 5px 0 0 0; padding: 10px 20px; /*border-right: 1px dotted #666669;*/ /*color: #999;*/ text-align: right; } /*.contact-info-blocks > div > i { text-align:center; width:22px; height:22px; background-color:#e1e3e5; padding:4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }*/ .svh4 h4 { color: #444442; /*border-bottom:solid 1px #444442;*/ } .centered { margin: auto; } .nav-tabs > li, .nav-pills > li { float: none; display: inline-block; *display: inline; /* ie7 fix */ zoom: 1; /* hasLayout ie7 trigger */ } .nav-tabs { text-align: center; } .charpage { border: solid 1px #dddddd; color: #666669; background-color: #f8f8f8; padding: 10px; } .charpage1 { color: #666669; /*background-color:#efefef;*/ padding: 10px; width: 100%; } .charpage1 .charpagel { text-align: left; width: 50%; } .charpage1 .charpager { text-align: right; width: 50%; } .property-block .badges { color: #ffffff; /*border-right:solid 2px #ffffff; border-bottom:solid 2px #ffffff;*/ bottom: 0; position: absolute; z-index: 0; /*left:15px; bottom:0; line-height:50px;*/ width: auto; /*height:inherit;*/ text-align: center; background: rgba(126, 118, 107, 0.80); font-weight: 700; /*border-bottom-right-radius :20px;*/ padding: 10px; } .property-block .badges1 { position: absolute; z-index: 5; left: 10px; /*right: 35%; margin: 0 auto;*/ top: 10px; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ min-width: 75px; height: 30px; line-height: 30px; text-align: center; background: #000001; font-size: 14px; font-weight: 500; color: #ffffff; text-transform: uppercase; } .property-block2 .badges2 { color: #ffffff; /*border-right:solid 2px #ffffff; border-bottom:solid 2px #ffffff;*/ bottom: 0; position: absolute; z-index: 10; /*left:15px; line-height:50px;*/ width: 100%; /*height:inherit;*/ text-align: center; background: rgba(34, 34, 51, 0.65); font-size: 13px; font-weight: 500; /*border-bottom-right-radius :20px;*/ padding: 10px; } .property-block .badgespr { /*top: -5px; left: -5px; position: absolute;*/ position: absolute; top: 10px; left: 10px; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ /*margin: 0 auto;*/ width: auto; z-index: 10; text-align: center; background: rgba(255, 255, 255, 0.75); font-size: 18px; color: #000001; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.75); padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; text-transform: uppercase; } .property-block2 .badgespr { /*top: -5px; left: -5px; position: absolute;*/ position: absolute; top: 10px; left: 10px; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ /*margin: 0 auto;*/ width: auto; z-index: 10; text-align: center; background: rgba(255, 255, 255, 0.75); font-size: 15px; color: #000001; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.75); padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; text-transform: uppercase; } .property-block .badges3 { color: #ffffff; /*border-right:solid 2px #ffffff; border-bottom:solid 2px #ffffff;*/ position: absolute; z-index: 0; /*left:15px; bottom:0; line-height:50px;*/ width: auto; /*height:inherit;*/ text-align: center; background: rgba(126, 118, 107, 0.80); font-weight: 700; /*border-bottom-right-radius :20px;*/ padding: 10px; } #firstback { position: relative; width: 100%; min-height: 820px; height: auto; padding-top: 200px; padding-bottom: 60px; background-attachment: fixed; background-position: center 0; background-repeat: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .filtertop { margin-top: 160px; } @media only screen and (max-width: 768px) { #firstback { padding-top: 120px; } .filtertop { margin-top: 0; } } /*.filter { margin-top: 0 !important; position: relative !important; z-index: 879; }*/ /*.filter { margin-top: -700px; position: relative; z-index: 879; }*/ .filter { margin-top: -700px; position: absolute; right: 100px; z-index: 879; } @media only screen and (max-width: 998px) { .filter { margin-top: 0 !important; position: relative !important; right: 0; z-index: 879; } } /*.searchback { background-color: rgba(0, 0, 0, 0.70); width: 600px; height: 638px; } .searchback1 { background-color: rgba(34, 34, 51, 0.50); }*/ /*.searchback { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom: 30px; }*/ /*.searchback { /*background-color: rgba(0, 0, 0, 0.50);*/ /*border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; }*/ .searchback { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /*background-color: #3b5f88;*/ padding-bottom: 30px; } .searchback1 { background-color: #009af3; -webkit-border-bottom-left-radius: 30px; -moz-border-bottom-left-radius: 30px; border-top-bottom-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; border-bottom-right-radius: 30px; } .sticky { position: sticky; top: 0; width: 100%; /*padding: 0.0em 0;*/ /*background-color: #444442;*/ /*background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 100px 100px; color: white; text-align: center;*/ } .fixed { position: fixed; } .static { padding: 10px 10px; background: #fff; /*color: white; text-align: center;*/ } .dark-bg { background-color: #444442; } .shadow { -webkit-box-shadow: 0px 4px 4px 0px rgba(173,164,164,1); -moz-box-shadow: 0px 4px 4px 0px rgba(173,164,164,1); box-shadow: 0px 4px 4px 0px rgba(173,164,164,1); } /*****************************/ .icon_list { position: relative; min-height: 75px; padding-left: 90px; margin: 20px 0; } .icon_list .icon { color: #444442; width: 80px; height: 80px; line-height: 45px; position: absolute; left: 0; top: 0; padding: 10px; font-size: 30px; text-align: center; border-radius: 50%; border-width: 4px; border-style: solid; border-color: #666669; } .icon_list .icon i { vertical-align: middle; } /*****************************/ .feature-box { width: 100%; clear: both; border-radius: 5px; background-size: cover; background-position: center; margin: 15px 0 0; box-shadow: 0 2px 4px rgba(0,0,0,.25); } .feature-box a { display: block; padding: 120px 20px 20px; font-size: 32px !important; font-family: 'Droid Serif',serif; font-weight: 600; line-height: 1 !important; border-radius: 5px; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)); color: #fff !important; transition: color .5s,box-shadow .5s,opacity .5s; margin: 0 !important; text-decoration: none !important; text-shadow: 0 1px 3px #000; opacity: .8; } .feature-box a:hover { color: #ffffff !important; transition-duration: .25s; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)); box-shadow: inset 0 0 0 10px rgba(255,255,255,0.5); opacity: 1; } .feature-box a:after { display: inline-block; font-size: 32px; content: "\203A"; margin-left: .25em; transition: transform .5s; } .feature-box a:hover:after { transform: translateX(10px); } .hover-zoom { /*float: left; margin: 0; height: auto; width: 100%;*/ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size: 110%; background-position: center; background-repeat: no-repeat; /*background-color: gray;*/ position: relative; } .hover-zoom:hover { background-size: 100%; } .hover-zoom p { position: absolute; bottom: 0; left: 0; width: 100%; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.4); padding: 0.5em; margin: 0; box-sizing: border-box; } @media (min-width: 500px) { .feature-box.half { width: calc(50% - 7.5px); float: left; clear: none; margin: 0 7.5px 15px 0; } .feature-box.half a { font-size: 22px !important; } .feature-box.half:nth-of-type(even) { margin: 0 0 15px 7.5px; } .feature-box.half1 { width: calc(25% - 7.5px); float: left; clear: none; margin: 0 7.5px 15px 0; } .feature-box.half1 a { font-size: 22px !important; } .feature-box.half1:nth-of-type(even) { margin: 0 0 15px 7.5px; } .feature-box.half2 { width: calc(75% - 7.5px); float: left; clear: none; margin: 0 7.5px 15px 0; } .feature-box.half2 a { font-size: 22px !important; } .feature-box.half2:nth-of-type(even) { margin: 0 0 15px 7.5px; } .feature-box.half3 { width: calc(35% - 7.5px); float: left; clear: none; margin: 0 7.5px 15px 0; } .feature-box.half3 a { font-size: 22px !important; } .feature-box.half3:nth-of-type(even) { margin: 0 0 15px 7.5px; } .feature-box.half4 { width: calc(65% - 7.5px); float: left; clear: none; margin: 0 7.5px 15px 0; } .feature-box.half4 a { font-size: 22px !important; } .feature-box.half4:nth-of-type(even) { margin: 0 0 15px 7.5px; } } .parallax { background-image: url("/images/parallax.jpg"); height: 100%; background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: cover; /*font-style: italic;*/ } .parallax > div { /*background-image: -webkit-linear-gradient(45deg, #8db4dc 10%, rgba(0, 84, 164, 0.6) 100%);*/ /*background-image: radial-gradient(45deg, rgba(114, 114, 112, 0.90) 0%, rgba(34, 34, 51, 0.25) 100%);*/ /*background-image: linear-gradient(45deg, #244791 10%, rgba(0, 84, 164, 0.6) 100%);*/ height: 100%; padding: 120px 20px; background: #444442; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)); /* For Firefox 3.6 to 15 */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)); /* Standard syntax */ } .parallax span { font-size: 24px; } .parallax i { font-size: 16px; } .parallax2 { background-image: url("/images/parallax2.jpg"); height: 100%; background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: cover; /*font-style: italic;*/ } .parallax2 > div { /*background-image: -webkit-linear-gradient(45deg, #8db4dc 10%, rgba(0, 84, 164, 0.6) 100%);*/ /*background-image: radial-gradient(45deg, rgba(114, 114, 112, 0.90) 0%, rgba(34, 34, 51, 0.25) 100%);*/ /*background-image: linear-gradient(45deg, #244791 10%, rgba(0, 84, 164, 0.6) 100%);*/ height: 100%; padding: 100px 0 120px; background: rgba(51, 51, 51, 0.80); /* For browsers that do not support gradients */ /*background: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)); background: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)); background: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)); background: linear-gradient(90deg, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40));*/ } .parallax2 span { font-size: 21px; line-height: 26px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.95); } .parallax2 p { margin-bottom: 15px!important; } .parallax2 i { font-size: 16px; } .justify { text-align: justify; text-justify: inter-word; } /*.fparallax { font-size: 16px !important; line-height: 28px !important; }*/ @media only screen and (max-width: 768px) { .fparallax { font-size: 16px !important; line-height: 24px !important; } .parallax span { font-size: 16px; } .parallax i { font-size: 12px; } .parallax2 > div { padding: 50px 0 25px; } .parallax2 span { font-size: 16px; line-height: 21px; } .parallax2 i { font-size: 12px; } } .noborder { border: none !important; } .sbtn2 { color: #444441; background-color: #cccccc; padding: 6px 12px; /*border: rgba(255,255,255,0) 2px solid;*/ display: inline-block; margin-bottom: 0; font-size: 14px; /*font-weight: 600;*/ line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .sbtn2:hover { color: #ffffff; background-color: #000001; text-decoration: none; } .sbtn2.active, .sbtn2.visited { color: #ffffff; background-color: #000001; } .fcright { /*-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;*/ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 1px solid rgba(204, 204, 204, 0.35); } .fcleft { /*-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;*/ border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 1px solid rgba(204, 204, 204, 0.35); } .fsize10 { font-size: 10px !important; line-height: 14px !important; } .fsize11 { font-size: 11px !important; line-height: 15px !important; } .fsize12 { font-size: 12px !important; line-height: 16px !important; } .fsize13 { font-size: 13px !important; line-height: 17px !important; } .fsize14 { font-size: 14px !important; line-height: 18px !important; } .fsize15 { font-size: 15px !important; line-height: 19px !important; } .fsize16 { font-size: 16px !important; line-height: 20px !important; } .fsize17 { font-size: 17px !important; line-height: 23px !important; } .fsize18 { font-size: 18px !important; line-height: 24px !important; } .fsize19 { font-size: 19px !important; line-height: 25px !important; } .fsize20 { font-size: 20px !important; line-height: 26px !important; } .fsize21 { font-size: 21px !important; line-height: 27px !important; } .fsize22 { font-size: 22px !important; line-height: 28px !important; } .fsize24 { font-size: 24px !important; line-height: 29px !important; } .fsize26 { font-size: 26px !important; line-height: 30px !important; } .fsize30 { font-size: 30px !important; line-height: 36px !important; } .fsize32 { font-size: 32px !important; line-height: 38px !important; } .fsize34 { font-size: 34px !important; line-height: 40px !important; } .fsize40 { font-size: 40px !important; line-height: 46px !important; } .fsize50 { font-size: 50px !important; line-height: 60px !important; } .caps { text-transform: uppercase; } .dropdown-menu { font-size: 14px; box-shadow: 0 4px 8px rgba(0,0,0,.35); } /*@media (min-width: 768px) { .dropdown .dropdown-menu { display: block; opacity: 0; -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .dropdown:hover .dropdown-menu { display: block; opacity: 1; } }*/ .form-control { border-radius: 0; font-size: 16px; color: #333; /*border: 1px solid rgba(135, 135, 135, 0.25);*/ /*border-radius: 2px;*/ border: 1px solid #f1f2f7; /*border: none;*/ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.10); box-shadow: 0 1px 1px rgba(0,0,0,.10); } .navbar-brand1 { display: none !important; } @media only screen and (max-width: 768px) { .navbar-brand1 { display: block !important; } #search_jump { padding-top: 60px; } } .figure { /*background-color: #FFF;*/ width: auto; height: 280px; overflow: hidden; position: relative; z-index: 1; } .figure img { position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; /*min-height: 100%;*/ width: 125%; opacity: 1; } .figure2 { /*background-color: #FFF;*/ width: auto; height: 190px; overflow: hidden; position: relative; z-index: 1; } .figure2 img { position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; /*min-height: 100%;*/ /*min-width: 100%;*/ height: 110%; /*width: 125%;*/ opacity: 1; } .detb { position: absolute; right: 10px; bottom: 10px; } #carousel-example-generic { display: inline-block; } /*****************************/ /* Plugin styles */ ul.thumbnails-carousel { padding: 5px 0 0 0; margin: 0; list-style-type: none; text-align: center; } ul.thumbnails-carousel .center { display: inline-block; } ul.thumbnails-carousel li { margin-right: 5px; float: left; cursor: pointer; } .controls-background-reset { background: none !important; } .active-thumbnail { opacity: 0.4; } .indicators-fix { bottom: 70px; } .table > tbody > tr > th { font-weight: 400; color: #808080; padding: 4px; } .table > tbody > tr > th, .table > tbody > tr > td { padding: 4px; } .col-sm-1.and-a-half { width: 20%; } .col-sm-2.and-a-half { width: 23%; } .col-sm-3.and-a-half { width: 34%; } @media only screen and (max-width: 768px) { .col-sm-1.and-a-half { width: 100%; } .col-sm-2.and-a-half { width: 100%; } .col-sm-3.and-a-half { width: 100%; } } .captcha { color: rgba(0,0,0,0.5); } .captcha img { -webkit-filter: opacity(75%)!important; /* Safari 6.0 - 9.0 */ filter: opacity(75%)!important; border: solid 1px #000001; } .copyalignl { text-align: left; } .copyalignr { text-align: right; } @media only screen and (max-width: 768px) { #firstback { padding-top: 120px; } .filtertop { margin-top: 0; } .copyalignl { text-align: center; } .copyalignr { text-align: center; } } .brspace { white-space: nowrap; } .comma { display: inline; } @media only screen and (max-width: 350px) { .comma { display: none!important; } } #logo { /*width: 100%;*/ /*height: 20px;*/ position: relative; /*top: 12px;*/ /*left: 8px;*/ opacity: 1; } #logo2 { /*width: 100%;*/ /*height: 20px;*/ position: absolute; top: 0; right: 0; /*background: #fff;*/ padding: 15px 0; text-align: center; width: 110px; height: 60px /*opacity: 0.85;*/ } #logo2b { /*width: 100%;*/ /*height: 20px;*/ position: absolute; top: 0; left: 5px; opacity: 1; color: #fff; text-align: left; line-height: 1.2em; /*font-style: italic;*/ } .show1 { display: inline-block !important; } @media only screen and (max-width: 992px) { .show1 { display: none !important; } } /*.hide { display: none !important; }*/ .navbar-brand { padding: 0; } .navbar-brand img { max-height: 60px; } ul.nav-pills2 li.active a { background-color: #af2917; color: #fff; } .nav-pills2 > li { float: none; display: inline-block; *display: inline; /* ie7 fix */ zoom: 1; /* hasLayout ie7 trigger */ padding-left: 8px; padding-right: 8px; } .nav-pills2 { text-align: center; } .nav-pills2 > li a { color: rgba(255, 255, 255, 0.5); background-color: #444442; width: 44px; padding: 6px 8px; font-size: 22px; /*font-family: 'Roboto', sans-serif;*/ /*margin-bottom: 4px;*/ border-radius: 3px; text-decoration: none !important; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; text-transform: uppercase; } @media only screen and (max-width: 479px) { .nav-pills2 > li a { width: 38px; padding: 8px 4px; font-size: 18px; } .nav-pills2 > li { padding-left: 3px; padding-right: 3px; } } .nav-pills2 > li + li { margin-left: 0; } .nav-pills2 > li.active > a, .nav-pills2 > li.active > a:focus, .nav-pills2 > li.active > a:hover { color: #fff; background-color: #af2917; border-radius: 4px; } .nav-pills2 > li > a:hover { color: #fff; background-color: #7c1507; } .backtop { bottom: 10px; right: 10px; } .backtop img { opacity: 0.65; } .backtop img:hover { opacity: 1; } @media only screen and (max-width: 479px) { .backtop { bottom: 50px; right: 5px; } } .itema { position: relative; /*border: 1px solid #f1f2f7;*/ /*margin: 2%;*/ overflow: hidden; /*width: 540px;*/ } .itema img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .itema:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } #calldiv { height: 95px; width: 240px; float: right; position: fixed; top: 50%; left: -170px; z-index: 9999 !important; background: rgba(34, 34, 51, 0.5); color: #fff; padding: 2px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.25); box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.25); border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: solid 2px rgba(255, 255, 255, 0.60); border-left: none; cursor: default; font-size: 18px; font-weight: 500; line-height: 1.1em; /*border-bottom: rgba(41,47,56,0.5) 5px solid;*/ } #calldiv:hover { background: #363636; } #calldiv img { padding: 10px; /*margin-top: 28px;*/ /*margin-bottom: 30px;*/ /*margin-right: 5px;*/ } #calldiv i { padding: 14px; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #808080 !important; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #808080 !important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #808080 !important; } .ulnostyle ul { list-style-type: none !important; margin: 0; padding: 0; } .hlight { color: #fff; background-color: #7c1507; } .u-button, .u-button:active { cursor: pointer; padding: 12px; letter-spacing: 2px; font-size: 13px; font-weight: 500; background-color: #363636; text-transform: uppercase; color: #fff; /*background: #41cbd2;*/ -webkit-transition: 0.5s; transition: 0.5s; border-radius: 0; border: none; border: solid 1px rgba(255, 255, 255, 0.35); } .u-button:hover { background: #af2917; color: #fff; text-decoration: none; border: none; border: solid 1px rgba(255, 255, 255, 0.5); } .botspace { margin-bottom: 120px !important; } @media only screen and (max-width: 992px) { .botspace { margin-bottom: 20px !important; } } .noshow { display: none!important; } .mapbot { margin-bottom: 94px; } @media only screen and (max-width: 992px) { .mapbot { margin-bottom: 0px; } } .searchicon { position: absolute; left: 100px; vertical-align: middle; font-size: 200px; color: #dddddd; } @media only screen and (max-width: 992px) { .searchicon { display: none !important; } } /******************************************/ .projects .col-md-3 { padding-right: 5px; padding-left: 5px; } .projects .col-md-4 { padding-right: 30px; padding-left: 30px; } .project-inner { position: relative; padding: 0; /*overflow: hidden;*/ /*border-left: solid 2px #ffffff; border-right: solid 2px #ffffff;*/ } .project-inner::before { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; content: ''; width: 100%; height: 50%; background: #112236; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgb(10, 25, 43) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgb(10, 25, 43) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgb(10, 25, 43) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112236', endColorstr='#000000',GradientType=0 ); opacity: 0.9; filter: alpha(opacity=90); } .project-inner h2 { position: absolute; bottom: 15px; left: 0; width: 100%; color: #ffffff; /*font-weight: 500;*/ font-size: 1.5em; letter-spacing: 0.15px; opacity: 0.8; text-align: center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); z-index: 3; transition: bottom .6s ease; } .project-inner:hover h2 { bottom: 45px; opacity: 1; } .project-inner > img, .project-inner > a img, .project-caption > img { display: block; max-width: 100%; height: auto; } .project-inner .project-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .35); /*background: rgba(0,0,0,0.5);*/ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; visibility: hidden; opacity: 0; } .project-inner:hover .project-caption, .project-inner:focus .project-caption { visibility: visible; opacity: 1; } /*.project-caption h3 { color: #ffffff; font-weight: 500; font-size: 2.5em; }*/ .project-caption { color: #fff; text-align: center; z-index: 2; } .project-details { position: absolute; width: 100%; bottom: 0; /*margin-top: -20px;*/ } .project-details p { color: #274b72; /*color: rgba(255, 255, 255, 0.70);*/ font-size: 1.035em; padding: 0 10px; } .project-details p:hover { color: #274b72; } .all-projects { background-color: transparent; padding: 50px 0; } .projects-title { padding-top: 15px; padding-bottom: 5px; } .projects-title h2 { text-transform: uppercase; color: #333; padding-top: 10px; /*font-family: 'Ubuntu', sans-serif;*/ font-size: 1.3em; font-weight: 600; } .project-title-devider { border-top: 1px solid #999; width: 65px; margin: 0 auto; } .matop { margin-top: 108px; } @media (max-width: 768px) { .project-inner h2 { font-size: 1.75em; } .matop { margin-top: 0; } } /******************************************/ .videomp4 { width: 100%; max-width: 100%; height: auto; cursor: pointer; } .soundonoff img { width: 50px; position: absolute; top: 20px; right: 20px; z-index: 1099; } @media (max-width: 768px) { .soundonoff img { width: 35px; position: absolute; top: 15px; right: 15px; z-index: 1099; } } .removeicon { display: none !important } .showicon { display: block !important } .video-container { position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }