/* Theme: Real Estate Builders Free Responsive Website Templates - iconDescription: Free to use for personal and commercial use Author: WebThemez.com Website: http://webthemez.com Note: Please do not remove the footer backlink (webthemez.com)--(if you want to remove contact: webthemez@gmail.com) Licence: Creative Commons Attribution 3.0** - http://creativecommons.org/licenses/by/3.0/ */ @import url(http://fonts.googleapis.com/css?family=Oswald:400,700); @import url(http://fonts.googleapis.com/css?family=Lato:400,700); body { font-family: 'Lato', sans-serif; font-weight: normal; } /*General*/ h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'Oswald', sans-serif; } h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 15px; } h2 { margin: 30px 0; } .navbar-toggle { background-color: rgba(0, 0, 0, 0.89); } .navbar-nav>li>a { padding-top: 12px; padding-bottom: 12px; font-family: 'Oswald', sans-serif; font-weight: 400 !important; } blockquote { font-style: italic; font-family: Georgia; color: #999; margin: 0px 0 0px; padding: 0px 20px; } label { color: #777; } .btn-inline { color: #F7FF2C; font-size: 16px; font-weight: 600; } .form-control { display: block; width: 100%; height: 41px; padding: 6px 12px; font-size: 14px; line-height: 2.428571; color: #555; background-color: #FFFFFF; background-image: none; border: 1px solid #ccc; border-radius: 0px; } .navbar-inverse .navbar-brand img { /* width: 171px; */ } .section-title { margin-bottom: 20px; } /* Header */ #head { /*background: #181015 url( ../images/bg_header.jpg) no-repeat;*/ background-size: cover; height: 750px; text-align: center; color: white; font-weight: 300; position: relative; background-position-x: center; } #head.secondary { height: 100px; min-height: 100px; padding-top: 0px; } #head .lead { font-size: 44px; margin-bottom: 6px; color: white; line-height: 1.15em; } #head .tagline { color: rgba(255,255,255,0.75); margin-bottom: 25px; } #head .tagline a { color: #fff; } #head .btn { margin-bottom: 10px; } #head .btn-default { text-shadow: none; background: transparent; color: rgba(255,255,255,.5); -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5); -moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5); box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5); background: transparent; } #head .btn-default:hover, #head .btn-default:focus { color: rgba(255,255,255,.8); -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8); -moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8); box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8); background: transparent; } #head .btn-default:active, #head .btn-default.active { color: #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; box-shadow: inset 0px 0px 0px 3px #fff; background: transparent; } .fluid_container { bottom: 0; height: 100%; left: 0; right: 0; top: 0; z-index: 0; } #camera_wrap_4 { bottom: 0; height: 100%; left: 0; margin-bottom: 0!important; position: absolute; right: 0; top: 0; } .camera_bar { z-index: 2; } .camera_thumbs { margin-top: -100px; position: relative; z-index: 1; } .camera_thumbs_cont { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .camera_overlayer { opacity: .1; } .panel { margin-bottom: 0px; background-color: transparent; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .panel-body { padding: 0px; } .btn-action, .btn-primary { color: #FFEFD7; background-image: -webkit-linear-gradient(top, #0ecfec 0%, #09bed9 100%); background-image: linear-gradient(to bottom, #0ecfec 0%, #09bed9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ecfec22', endColorstr='#09bed900', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border: 0 none; } .btn-action:hover, .btn-primary:hover { background: #04a0b7; } .btn:hover, .btn:active { color: #333; background-color: #E4D806; box-shadow: none; } ul, .list.custom-list ul { margin: 0 0 11px; list-style-type: none; padding-left: 10px; } .list.custom-list ul li { margin: 0; padding: 6px 0 6px 16px; position: relative; background: url(../images/arrow.png) no-repeat 0 -78px; } .list.custom-list ul li a { font: 14px/1.2em 'Roboto', sans-serif; color: #999999; text-transform: none; display: inline; position: relative; } .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; } .thumbnail time { background: #ae130c; padding: 5px 0; display: block; text-indent: 12px; color: #fff; } .thumbnail .caption { color: #383838; background: #ECECEC; border-top: 6px solid #FF822F; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.54); } .thumbnail .caption:hover { } .thumbnail .caption a { font: 20px; color: #000000; } .slideUp { top: -100px; } .navbar-inverse { background: rgb(255, 130, 47); position: absolute; z-index: 99999999; width: 100%; } .navbar-inverse { border: none; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a { color: #FFFFFF; font-size: 16px; text-transform: uppercase; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background: none; color: #060606 !important; } .navbar-inverse .navbar-nav > .active > a { color: #000000; border-radius: 5px; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a { text-align: left; } .thumbnail>img, .thumbnail a>img { margin-right: auto; margin-left: auto; width: 100%; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #EFE204; border: 1px solid #EFE204; } /* Highlights*/ .highlight { margin-top: 40px; } .h-caption { text-align: center; } .h-caption i { display: block; font-size: 54px; color: #ae130c; margin-bottom: 36px; } .h-caption h4 { color: #382526; font-size: 16px; font-weight: bold; margin-bottom: 20px; } div.hbox { background: #fff; padding: 10px 15px; } .h-body { } .jumbotron { background-color: #E0E0E0; } .page-header { border-bottom: 1px solid #15c008; } .page-title { margin-top: 20px; font-weight: 300; color: #15c008; } .text-muted { color: #888; } .breadcrumb { background: none; padding: 0; margin: 30px 0 0px 0; } ul.list-spaces li { margin-bottom: 10px; } /* Helpers */ .container-full { margin: 0 auto; width: 100%; } .top-space { margin-top: 60px; } .top-margin { margin-top: 20px; } .circle { background: rgb(214, 214, 214); width: 95px; height: 95px; border-radius: 90px; line-height: 95px; margin: 0 auto 20px; } img { max-width: 100%; } img.pull-right { margin-left: 10px; } img.pull-left { margin-right: 10px; } /*Packages*/ .cuadro_intro_hover { padding: 0px; position: relative; overflow: hidden; height: 190px; margin-bottom:20px; } .cuadro_intro_hover:hover .caption { opacity: 1; transform: translateY(-150px); -webkit-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); } .cuadro_intro_hover img { z-index: 4; } .cuadro_intro_hover .caption { position: absolute; top: 150px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; } .cuadro_intro_hover .blur { background-color: rgba(255, 130, 47, 0.82); height: 300px; z-index: 5; position: absolute; width: 100%; } .cuadro_intro_hover .caption-text { z-index: 10; color: #fff; position: absolute; height: 300px; text-align: center; top: -26px; width: 100%; } .caption-text p { color: #FFFFFF; padding: 0 10px; } .caption-text h3 { padding: 18px; font-size: 16px; color: #fff; } #map { width: 100%; height: 280px; } #social { margin-top: 50px; margin-bottom: 50px; } #social .wrapper { width: 340px; margin: 0 auto; } .sidebar { padding-top: 36px; /* padding-bottom: 30px; */ } .sidebar .panel { margin-bottom: 20px; } .sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 { margin-top: 20px; } .featured-box { padding: 20px; margin-bottom: 20px; background: #F3F3F3; } .featured-box .text { padding-left: 80px; } .featured-box h3 { margin: 0 0 5px 0; } .featured-box i { position: absolute; display: inline-block; color: #808080; background: #FFFFFF; padding: 0px; border-radius: 50px; width: 24px; height: 24px; margin: 0px; width: 60px; height: 60px; text-align: center; line-height: 60px; } footer { background: #ECECEC; margin-top: 40px; } .social { margin: 20px 0; } .social a { font-size: 32px; margin: 0 10px; color: #8c8c8c; } .social a:hover { color: #ae130c; } /* Footer */ .footer1 { background: #fff; padding: 30px 0 0 0; font-size: 12px; color: #999; } .footer1 a { color: #ccc; } .footer1 a:hover { color: #fff; } .footer1 .panel { margin-bottom: 30px; } .footer1 .panel-title { font-size: 17px; font-weight: bold; color: #ccc; margin: 0 0 20px; } .footer1 .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; } .footer1 .entry-meta a { color: #333333; } .footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; } .follow-me-icons { font-size: 30px; } .follow-me-icons i { float: left; margin: 0 10px 0 0; color: #ae130c; } .footer2 { background: #282828; padding: 15px 0; color: #9F9F9F; font-size: 12px; } .footer2 a { color: #999; } .footer2 a:hover { color: #fff; } .footer2 p { margin: 0; } .panel-simplenav { margin-left: -5px; } .panel-simplenav a { margin: 0 5px; } #services .fa { color: #ae130c; } /* carousel */ #quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px 0px 0px; } /* Control buttons */ #quote-carousel .carousel-control { background: none; color: #222; font-size: 2.3em; text-shadow: none; margin-top: 30px; } /* Previous button */ #quote-carousel .carousel-control.left { left: -12px; } /* Next button */ #quote-carousel .carousel-control.right { right: -12px !important; } /* Changes the position of the indicators */ #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } /* Changes the color of the indicators */ #quote-carousel .carousel-indicators li { background: #c0c0c0; } #quote-carousel .carousel-indicators .active { background: #333333; } #quote-carousel img { width: 250px; height: 100px; } /* End carousel */ .item blockquote { border-left: none; margin: 0; } .item blockquote img { margin-bottom: 10px; } .item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; } .contact ul { padding: 0px; } .contact ul li { margin-bottom: 10px; list-style: none; } footer ul li { list-style: none; } #map-canvas { height: 100%; margin: 0px; padding: 0px; } /* ------- */ .secpadding{ padding:15px 0; } .btm-section{ background: #282828; margin-top:30px; padding: 30px 0; margin-bottom: -40px; color: #999; border-top: 6px solid #DCDCDC; } .search-panel { background: #181015 url(../images/bg_header.jpg) 0px -809px no-repeat; width: 100%; color: #fff; padding: 50px 0 28px; border-top: #FF822F 4px solid; } .search-panel form { text-align: center; color: #fff; } .search-panel .btn{ background-color: #EFE204; } .search-panel .form-group { margin: 0 5px 20px 5px; position: relative; } /* Form */ .checkbox.switch { padding-top: 4px; } .checkbox.custom-checkbox input[type="checkbox"], .radio.custom-radio input[type="radio"], .checkbox.switch input[type="checkbox"] { position: absolute; left: -9999em; } .checkbox.custom-checkbox label, .radio.custom-radio label, .checkbox.switch label { padding-left: 0; color: #fff; } .checkbox.custom-checkbox span, .radio.custom-radio span { background-color: #fff; border: 1px solid #999; font-size: 10px; line-height: 10px; padding: 3px; border-radius: 2px; float: left; margin-right: 5px; color: transparent; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .radio.custom-radio span { border-radius: 50%; line-height: 9px; } .checkbox.custom-checkbox input:checked+span, .radio.custom-radio input:checked+span { background-color: #EFE204; border-color: #EFE204; } .checkbox.custom-checkbox input[disabled]+span, fieldset[disabled] .checkbox.custom-checkbox input+span, .radio.custom-radio input[disabled]+span, fieldset[disabled] .radio.custom-radio input+span { border-color: #e8e8e8; } .checkbox.custom-checkbox input[disabled]:checked+span, fieldset[disabled] .checkbox.custom-checkbox input:checked+span, .radio.custom-radio input[disabled]:checked+span, fieldset[disabled] .radio.custom-radio input:checked+span { border-color: #b9ebb9; background-color: #b9ebb9; } .checkbox.switch span.cs-place { position: relative; width: 60px; height: 30px; border-radius: 30px; background-color: #fff; border: 1px solid #c4c4c4; display: inline-block; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .checkbox.switch span.cs-handler { background-color: #fff; width: 30px; height: 30px; position: absolute; top: -1px; left: -1px; border: 1px solid #c4c4c4; border-radius: 50%; padding: 7px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; } .checkbox.switch input:checked+span.cs-place { background-color: #5cb85c; border-color: #5cb85c; } .checkbox.switch input:checked+span.cs-place span.cs-handler { margin-left: 31px; color: #5cb85c; border-color: #5cb85c; } .checkbox.switch input[disabled]+span.cs-place, fieldset[disabled] .checkbox.switch input+span.cs-place { border-color: #dddddd; } .checkbox.switch input[disabled]+span.cs-place span.cs-handler, fieldset[disabled] .checkbox.switch input+span.cs-place span.cs-handler { border-color: #dddddd; } .checkbox.switch input:checked[disabled]+span.cs-place, fieldset[disabled] .checkbox.switch input:checked+span.cs-place { border-color: #b9ebb9; background-color: #b9ebb9; } .checkbox.switch input:checked[disabled]+span.cs-place span.cs-handler, fieldset[disabled] .checkbox.switch input:checked+span.cs-place span.cs-handler { color: #b9ebb9; border-color: #b9ebb9; } .input-group-addon { border-radius: 0; } .btnsearch{ background: #EFE204; color: #030E3C !important; border-radius: 0; } .isotopeWrapper article { margin-bottom: 30px; } #portfolio { } #portfolio img { width: 100%; } #portfolio article p { margin-bottom: 1.45em; /*set next row on the baseline*/; } nav#filter { margin-bottom: 1.5em; } nav#filter li { display: inline-block; margin: 10px; } nav#filter a { padding: 10px 20px; line-height: 20px; text-decoration: none; color: #FFFFFF; background: #A7A7A7; } nav#filter a.current { background: #FF822F; color: #FFFFFF; } .iconColor .fa { color: #ee0c45; } .portfolio-items article img { width: 100%; } .portfolio-item { display: block; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .portfolio-item img { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .portfolio-item .portfolio-desc { display: block; opacity: 0; position: absolute; width: 100%; left: 0; top: 0; color: rgba(220, 220, 220); } .fancybox-overlay { background: rgba(0, 0, 0, 0.64); } .portfolio-item:hover .portfolio-desc { padding-top: 20%; height: 100%; transition: all 200ms ease-in-out 0s; opacity: 1; background: rgba(61, 61, 61, 0.67); } .portfolio-item .portfolio-desc a { color: #fff; text-align: center; display: block; } .portfolio-item .portfolio-desc a:hover { /*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/ text-decoration: none; } .portfolio-item .portfolio-desc .folio-info { top: -20px; padding: 30px; height: 0; opacity: 0; position: relative; } .portfolio-item:hover .folio-info { height: 100%; opacity: 1; transition: all 500ms ease-in-out 0s; top: 5px; } .portfolio-item .portfolio-desc .folio-info h5 { text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.4em; } .portfolio-item .portfolio-desc .folio-info p { color: #ffffff; font-size: 12px; } .newsBox { margin-bottom: 12px; } .newsBox img { width: 100% !important; } /*Da Slider*/ .da-slider { width: auto; height: auto; max-height: initial; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; } .da-slide h2 { text-align: left; top: 15%; font-weight: bold; } .da-slide p { text-align: left; top: 40%; font-size: 30px; } .da-arrows span { position: absolute; top: 45%; } .da-dots span.da-dots-current:after { content: ''; background: #ae130c; } .team-member { padding-top: 5px; margin-bottom: 15px; background-color: #D6D6D6; } .team-heading { display: block; width: 100%; } .member-img { overflow: hidden; } .member-img img { border-radius: 0px; border: 1px solid rgb(218, 218, 218); } .team-socials { margin: 15px 0; display: block; text-align: center; } .team-socials i { width: 35px; height: 35px; position: relative; display: inline-block; text-align: center; font-size: 18px; color: #949494; } .team-socials i:hover { color: #ae130c; } .team-member h4 { font-size: 19px; line-height: 32px; padding: 10px 0 0; text-align: center; margin: 0px; } .team-member .pos { display: block; margin: 0; text-align: center; } #head.secondary { height: 230px; min-height: 100px; padding-top: 0px; background: #181015 url(../images/bg_header.jpg) 0px -761px no-repeat; /*background: #ae130c;*/ background-size: cover; text-align: left; margin-bottom: 25px; } /*Price table*/ .flat { margin: 30px 0; } .flat .plan { border-radius: 0px; list-style: none; padding: 0 0 20px; margin: 0 0 15px; background: #fff; text-align: center; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.29) !important; } .flat .plan li { padding: 10px 15px; color: #ccc; border-top: 1px solid #f5f5f5; -webkit-transition: 300ms; transition: 300ms; } .flat .plan li.plan-price { border-top: 0; } .flat .plan li.plan-name { border-radius: 0; padding: 15px; font-size: 24px; line-height: 24px; color: #fff; background: #4E4E4E; margin-bottom: 30px; border-top: 0; } .flat .plan li > strong { color: #6B6B6B; font-weight: normal; } .flat .plan li.plan-action { margin-top: 10px; border-top: 0; } .flat .plan.featured { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .flat .plan.featured:hover li.plan-name, .flat .plan:hover li.plan-name, .flat .plan.featured.plan-name { background: #656565 !important; } .btn { color: #000; background: #EFE204; box-shadow: none; border-radius: 0; padding: 12px 34px; } .footer2 a { padding: 4px 8px; } /** MEDIA QUERIES */ @media (max-width: 767px) { #head.secondary { height: 80px; min-height: 80px; background-size: initial; } #camera_wrap_4, #head{ height:480px !important; } #head .lead { font-size: 34px; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { #quote-carousel { margin-bottom: 0; padding: 0 40px 30px 40px; margin-top: 30px; } } @media (max-width: 767px) { .navbar-collapse ul { text-align: right; margin-right: 0px; } } /* Small devices (tablets, up to 768px) */ @media (max-width: 768px) { /* Make the indicators larger for easier clicking with fingers/thumb on mobile */ #camera_wrap_4, #head{ height:480px !important; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a { font-size: 13px; } #quote-carousel .carousel-indicators { bottom: -20px !important; } #quote-carousel .carousel-indicators li { display: inline-block; margin: 0px 5px; width: 15px; height: 15px; } #quote-carousel .carousel-indicators li.active { margin: 0px 5px; width: 20px; height: 20px; } .footer2 p { margin: 0; text-align: center; } } @media (max-width: 420px) { #camera_wrap_4, #head{ height:380px !important; } .da-slide h2 { font-size: 28px; } .da-slide p { font-size: 19px; font-weight: 400; } }