.apartments-one/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {direction: ltr;font-family: 'Rubik', sans-serif;font-size: 19px;font-weight: 300;line-height: 1.3;color:#5b5b5b;}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
}
/* header */
.header {
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/*------------------------------------*\
MENU
\*------------------------------------*/
.main-navigation {
display: block;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
text-align: left;
padding: 0;
}
.main-navigation li {
position: relative;
display: inline-block;
max-width: 240px;
text-align: center;
vertical-align: middle;
margin-left: 25px;
}
.main-navigation a {
display: block;
text-decoration: none;
/*font-size: 18px;*/
font-weight: 300;
color: #FFFFFF;
/*padding: 26px 15px;*/
font-family: 'Heebo', sans-serif;
line-height: 1;
font-size: calc(12px + .2vw);
padding: 29px .5vw;
}
.main-navigation a > span {
display: block;
}
.main-navigation li.current-menu-item a, .main-navigation li:hover a {
color: #B8000A;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.bar1 {
top: 0;
/* animation: topbar-back .5s;
animation-fill-mode: both;
animation-play-state: initial!important; */
}
.bar2 {
opacity: 1;
}
.menu-bar+.menu-bar {
margin-top: 5px;
}
.bar3 {
bottom: 0;
/* animation: bottombar-back .5s;
animation-fill-mode: both;
animation-play-state: initial!important; */
}
.toggled .bar1 {
top: 25%;
/* animation: topbar-x .5s;
animation-fill-mode: both; */
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.toggled .bar2 {
opacity: 0;
}
.toggled .bar3 {
margin-top: -22.5%;
/* animation: bottombar-x .5s;
animation-fill-mode: both; */
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
@media screen and (max-width:1199px) {
#primary-menu { padding-top: 100px;}
#primary-menu a {text-align:left;}
.main-navigation ul ul {position:static; }
.main-navigation ul ul li {margin-left: 50px; }
.menu-bar {
display: block;
position: relative;
background: #fff;
width: 26px;
height: 2px;
border-radius: 1px;
transition: all .3s;
margin: 0 auto;
}
.menu-toggle, .menu-toggle:active, .menu-toggle:focus {
display: block;
position: relative;
float:right;
width: 40px;
height: 40px;
top: 5px;
right: 0;
padding: 0;
margin: 0 auto;
background: 0 0;
transition: all .5s cubic-bezier(1, 0, .645, .65);
z-index: 99999999;
border: 0;
outline: 0;
box-shadow: none;
}
.menu-toggle.toggled .menu-bar {
background: #2F2F2F;
}
header .main-navigation div li {
display: block;
text-align:right;
max-width: unset;
}
header .main-navigation div li.current-menu-item, header .main-navigation div li:hover {}
header .main-navigation div li.current-menu-item a, header .main-navigation div li:hover a {}
header .main-navigation div {
position: fixed;
left: -300px;
width: 280px;
background: #fff;
z-index: 150;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
overflow: hidden;
height: 100%;
top: 0px;
padding-top: 20px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
header .toggled div {
left: 0;
}
}
/*========== Home Page ==========*/
.home .sticky-wrapper {position: absolute; z-index: 150 !important;}
.home .sticky-wrapper.is-sticky .top-bar {
background-color: rgba(52, 53, 56, 0.8);
}
.site-header {
z-index: 150 !important;
position: fixed !important;
width: 100% !important;
top: 0;
}
.home .site-header {
position: absolute;
width: 100%;
top: 0;
left: 0;
}
section.s-header {
height: 810px;
}
.main-header {
background-color: #2F2F2F;
}
.home .top-bar {
background-color: rgba(52, 53, 56, 0.5);
transition: all .25s ease;
}
.logo {
float: left;
margin: -20px 0;
position: relative;
z-index: 5;
}
.main-navigation {
float: right;
}
.main-navigation .menu > li:last-child > a {
padding-right: 0;
}
.top-bar {
background-color: #fff;
padding: 10px 0;
}
.phoneLeng select {
float: right;
font-size: 18px;
font-weight: 400;
padding: 5px 18px;
border: none;
-webkit-appearance: none;
background-image: url(img/select.png);
/*background-position: left center;*/
background-position: right center;
background-repeat: no-repeat;
line-height: 1em;
/* for FF */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
-ms-appearance: none;
appearance: none!important;
background-color: transparent;
outline: none;
}
/* for IE */
.phoneLeng select::-ms-expand {
display: none;
}
.home .phoneLeng select {color: #fff;background-image: url(img/select_w.png);}
.home .phoneLeng select option {color: #000;}
.phoneLeng p.phone {
margin: 0 0 0 20px;
float: right;
padding: 0px 20px 0px 0px;
border-right: 1px solid #DDDDDD;
font-size: 20px;
font-weight: 400;
line-height: 1;
}
.phoneLeng p.phone a {
font-size: 26px;
font-weight: 500;
color: #5b5b5b;
}
.home p.phone,
.home .phoneLeng p.phone a {color: #fff;}
section.blocks {
background: url(img/bg-blocks.jpg) no-repeat;
background-size: cover;
}
.blocks-wrapp {
display: flex;
justify-content: space-evenly;
margin: -140px 0 0;
}
a.blocks-one {
display: flex;
width: 280px;
height: 280px;
background-color: #000;
border-radius: 50%;
color: #fff;
margin: 0 0 30px;
text-decoration: none;
box-shadow: 0 0 0 10px #B8000A inset;
border: 20px solid #000;
}
.blocks-one-text {
margin: auto;
text-align: center;
}
.blocks-one-text h4 {
font-size: 26px;
font-weight: 400;
margin: 0;
line-height: 1;
}
.blocks-one-text h3 {
font-size: 48px;
font-weight: 400;
margin: 0;
line-height: 0.8;
}
section.four {
background: #EEEEEE;
padding: 85px 0 70px;
}
section.four .row {margin: 0 -5px;}
section.four .row > div {padding: 0 5px;}
.four-one {
background-color: #FFFFFF;
border-radius: 5px;
padding: 40px 20px;
text-align: center;
margin: 0 0 10px;
}
.four-one > p {font-size: 16px;}
.four-one h3 {
margin: 0;
font-size: 30px;
color: #000;
font-weight: 500;
}
span.line {
display: table;
width: 50px;
height: 3px;
background-color: #B3B5B6;
margin: 25px auto 30px;
}
.four-one img {
margin: 0 0 22px;
}
.four-one > a {
font-weight: 500;
color: #000;
text-decoration: none;
display: block;
max-width: 185px;
margin: 35px auto 0;
padding: 10px;
border: 1px solid #E5E5E5;
border-radius: 12px;
transition: all .25s ease;
}
.sale-slider {
margin: 28px 0 0;
}
.sale-img img {
height: 170px;
object-fit: cover;
border-radius: 15px;
margin: 0;
}
.sale-slider .owl-nav > div {
position: absolute;
top: 40%;
font-size: 40px;
line-height: 1;
transform: translateY(-50%);
color: #fff;
padding: 0 5px;
}
.sale-slider .owl-prev {left: 10px;}
.sale-slider .owl-next {right: 10px;}
.sale-info {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
margin: 25px 0 0;
}
.sale-info strong {
margin: 0;
font-size: 18px;
font-weight: 500;
color: #B8000A;
}
.sale-info a, .sale-info h4 {
margin: 0;
font-size: 18px;
font-weight: 400;
color: #000;
text-decoration: none;
}
section.feedback {
min-height: 555px;
padding: 80px 0 0;
}
.feedback .container {
max-width: 930px;
}
.feedback h2 {
color: #FEFEFE;
font-size: 44px;
font-weight: 500;
text-shadow: 0.5px 0.8px 2px rgba(0, 0, 0, 0.7);
text-align: center;
margin: 0 0 60px;
}
.feedblock {
background-color: rgba(255,255,255,0.85);
padding: 35px 15px 30px;
border-radius: 12px;
text-align: center;
}
.feedblock p {
font-size: 23px;
color: #000;
max-width: 770px;
margin: 0 auto;
}
.feedblock span {
color: #B8000A;
font-size: 18px;
font-weight: 500;
font-style: italic;
margin: 25px 0 0;
display: block;
}
.feedblock-slider .owl-nav > div {
position: absolute;
top: 50%;
font-size: 50px;
line-height: 1;
transform: translateY(-50%);
color: #fff;
}
.feedblock-slider .owl-prev {left: -11%;}
.feedblock-slider .owl-next {right: -11%;}
footer.footer {
background-color: #000;
padding: 50px 0 0;
color: #A2A2A2;
}
.footer-columns > div {
float: left;
margin: 0 0 30px;
}
.footer-columns .widget:nth-child(4) {
padding-right: 50px;
}
.footer-columns h3 {
font-size: 24px;
color: #F1F1F1;
margin: 0 0 30px;
font-weight: 300;
}
.footer-columns ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-columns ul li {
margin: 18px 0;
}
.footer-columns ul li a {
color: #A2A2A2;
font-size: 18px;
}
ul.footer-contact li a {
font-size: 16px;
}
.footer-contact i {
display: inline-block;
width: 17px;
height: 17px;
margin-right: 12px;
vertical-align: text-top;
}
.footer-contact li:first-child i {background: url(img/fi1.png) no-repeat center center;}
.footer-contact li:nth-child(2) i {background: url(img/fi1.png) no-repeat center center;}
.footer-contact li:nth-child(3) i {background: url(img/fi2.png) no-repeat center center;}
.footer-contact li:nth-child(4) i {background: url(img/fi3.png) no-repeat center center;}
.footer-contact li:nth-child(5) i {background: url(img/fi3.png) no-repeat center center;}
.footer .wpcf7 {direction: rtl;}
.footer .wpcf7-form-control-wrap input, .footer .wpcf7-form-control-wrap textarea {
background: transparent;
border: none;
border-bottom: 1px solid #282828;
font-weight: 400;
color: #777779;
padding: 8px 0;
margin: 0 0 5px;
width: 100%;
text-align: left;
}
.footer .wpcf7-form-control-wrap textarea {
height: 60px;
}
.footer .wpcf7-form-control-wrap:first-child, .footer .wpcf7-form-control-wrap:nth-child(2) {
width: 46%;
float: right;
}
.footer .wpcf7-form-control-wrap:first-child {margin-left: 8%;}
.footer .wpcf7 .wpcf7-submit {
font-weight: 500;
color: #fff;
background-color: #B8000A;
padding: 8px 40px;
border: none;
border-radius: 3px;
float: left;
margin: 10px 0 0;
transition: all .25s ease;
}
.footer .wpcf7 .wpcf7-submit:hover { opacity: 0.8; }
.wpcf7-not-valid-tip, .wpcf7-response-output {display: none !important; }
.footer .wpcf7 .wpcf7-not-valid {border-bottom: 1px solid #B8000A !important;}
.socop {
border-top: 1px solid #2E2E2E;
margin: 10px 0 0;
padding: 25px 0 20px;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
p.copyright {
color: #626262;
font-size: 18px;
margin: 0;
}
ul.menu-social {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
ul.menu-social li {
margin-left: 20px;
}
ul.menu-social li:first-child {margin-right: 0;}
ul.menu-social a {
width: 20px;
height: 20px;
border: 1px solid #616161;
display: block;
text-align: center;
border-radius: 50px;
font-size: 12px;
line-height: 18px;
color: #616161;
transition: all .25s ease;
}
ul.menu-social a:hover {border-color: #930008; color: #930008;}
/*========== Contact Page ==========*/
section.s-contact {
background-color: #EEEEEE;
padding: 70px 0 60px;
}
.s-contact h1 {
margin: 0 0 25px;
color: #000;
font-weight: 500;
font-size: 30px;
}
.s-contact .container > p {
margin: 0 0 45px;
}
.col-cont-form {
background-color: #FFFFFF;
border-radius: 12px;
padding: 40px 60px 30px;
margin: 0 0 30px;
}
.s-contact h2 {
font-size: 30px;
font-weight: 500;
color: #000;
margin: 0;
}
.s-contact span.line {
margin: 25px 0 30px;
}
.s-contact .wpcf7-form-control-wrap input,
.s-contact .wpcf7-form-control-wrap textarea {
background: #F6F6F6;
border: 1px solid #E8E8E8;
border-radius: 10px;
font-weight: 400;
color: #5B5B5B;
padding: 8px 20px;
margin: 0 0 15px;
width: 100%;
}
.s-contact .wpcf7-form-control-wrap textarea {height: 110px;}
.s-contact .wpcf7-form-control-wrap:first-child, .s-contact .wpcf7-form-control-wrap:nth-child(2) {
width: 48%;
float: right;
}
.s-contact .wpcf7-form-control-wrap:first-child {
margin-left: 4%;
}
.s-contact .wpcf7 .wpcf7-submit {
font-weight: 500;
color: #fff;
background-color: #B8000A;
padding: 8px 50px;
border: none;
border-radius: 8px;
float: left;
transition: all .25s ease;
}
.s-contact .wpcf7 .wpcf7-submit:hover { opacity: 0.8; }
.s-contact .wpcf7 .wpcf7-not-valid {border: 1px solid #B8000A !important;}
.col-cont-list {
background-color: #FFFFFF;
border-radius: 12px;
padding: 40px 30px 30px 40px;
margin: 0 0 30px;
min-height: 434px;
}
ul.cont-list {
margin: 0;
padding: 0;
list-style: none;
}
ul.cont-list {
margin: 0;
padding: 0;
list-style: none;
}
.cont-list li {
font-size: 18px;
margin: 0 0 15px;
}
.cont-list li i {
margin-right: 20px;
width: 18px;
text-align: center;
color: #777779;
}
.cont-list li a {
color: #5B5B5B;
}
.acf-map {
width: 100%;
height: 460px;
}
/*========== Single Apartments ==========*/
.owl-stage-outer {
margin-top: 20px;
}
.apartments-slider {
direction: ltr !important;
}
.apartments-one {
height: 425px;
margin: 0 50px;
}
.apartments-slider .owl-item .apartments-one:after{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.3);
content: "";
transition: all .1s ease;
}
.apartments-slider .owl-item.active .apartments-one:after{
background-color: rgba(255,255,255,0);
}
.apartments-slider .owl-nav > div {
position: absolute;
top: 50%;
font-size: 60px;
line-height: 1;
transform: translateY(-50%);
color: #060606;
transition: all .25s ease;
padding: 0 10px;
}
.apartments-slider .owl-nav > div:hover {color:#B8000A;}
.apartments-slider .owl-prev {left: 4%;}
.apartments-slider .owl-next {right: 4%;}
.apartments-slider .owl-dots span {
display: block;
width: 12px;
height: 12px;
border: 1px solid #fff;
border-radius: 50%;
transition: all .25s ease;
}
.apartments-slider .owl-dots div.active span {
background-color: #fff;
}
.apartments-slider .owl-dots > div {
display: inline-block;
margin: 0 5px;
}
.apartments-slider .owl-dots {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
}
section.s-single-apartments {
padding: 70px 0;
background-color: #EEEEEE;
}
/* Maps ACF */
.acf-map {
width: 100%;
height: 390px;
}
.content-ap {
padding-right: 40px;
}
.content-ap h1 {
font-size: 30px;
color: #000;
margin: 0 0 30px;
font-weight: 500;
}
.content-p {margin-bottom: 35px;}
.info-ap {
border-top: 1px solid #DDDDDD;
padding: 45px 0 30px;
display: flex;
}
.info-ap h3 {
font-size: 16px;
color: #000;
margin: 0;
min-width: 140px;
}
.info-ap ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.info-ap ul li {
flex-basis: 50%;
margin: 0 0 15px;
}
.info-ap ul li strong {
font-weight: 500;
display: inline-block;
width: 40%;
}
.info-ap ul li p {
display: inline-block;
margin: 0;
}
.info-ap.info-items ul li {
flex-basis: 100%;
}
section.related-apartments {
padding: 65px 0 80px;
background-color: #CFCFCF;
}
.related-apartments h2 {
font-size: 30px;
color: #000;
font-weight: 500;
margin: 0 0 50px;
}
.one-related-ap {
border-radius: 15px;
overflow: hidden;
}
.related-img img {
height: 260px;
object-fit: cover;
}
.related-text {
background-color: #fff;
padding: 25px 20px 35px;
}
.related-text .related-title h3,
.related-text h3 {
font-size: 18px;
font-weight: 300;
margin: 0 0 5px;
}
.s-blocks3 .related-title strong,
.related-apartments .related-title strong {
color: #000;
}
.related-text a {
float: left;
border: 1px solid #E1E1E1;
color: #000;
font-weight: 500;
font-size: 14px;
padding: 6px 15px;
border-radius: 10px;
text-decoration: none;
transition: all .25s ease;
}
.related-text a:hover {border-color: #B8000A; color: #B8000A;}
.related-text ul {
margin: 5px 0 0;
padding: 0;
list-style: none;
float: right;
}
.related-text ul li {
display: inline-block;
margin-left: 10px;
color: #000;
font-weight: 500;
font-size: 14px;
}
.related-text ul li i {display: inline-block; width: 20px; height: 17px; margin-left: 5px;vertical-align: text-bottom;}
.related-text ul li:first-child i {background: url(img/ap1.png) no-repeat center center;}
.related-text ul li:nth-child(2) i {background: url(img/ap2.png) no-repeat center center;}
.related-text ul li:nth-child(3) i {background: url(img/ap3.png) no-repeat center center;}
.related-slider .owl-nav > div {
position: absolute;
top: 50%;
font-size: 50px;
line-height: 1;
transform: translateY(-50%);
color: #060606;
transition: all .25s ease;
padding: 0 10px;
}
.related-slider .owl-nav > div:hover {color:#B8000A;}
.related-slider .owl-prev {left: -10%;}
.related-slider .owl-next {right: -10%;}
.related-slider .owl-dots {
text-align: center;
margin: 50px 0 0;
}
.related-slider .owl-dot {
text-align: center;
margin: 0 auto;
display: inline-block;
}
.related-slider .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 5px;
background: #E9E9E9;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.related-slider .owl-dots .owl-dot.active span,
.related-slider .owl-dots .owl-dot:hover span {
background: #B8000A;
}
/*========== Shorty Page ==========*/
section.s-header-shorty {
height: 430px;
position: relative;
}
.s-header-shorty .header-text {
width: 100%;
padding: 0 15px;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
position: absolute;
text-align: center;
}
.header-text h1 {
font-weight: 500;
font-size: 40px;
margin: 0;
color: #049FB7;
}
section.s-text-shorty {
background-color: #049FB7;
color: #fff;
padding: 55px 0 50px;
overflow: hidden;
}
.s-text-shorty .row {margin: 0 -30px;}
.s-text-shorty .row > div {padding: 0 30px;}
.s-text-shorty h2 {
margin: 0 0 15px;
font-weight: 500;
font-size: 30px;
}
.text-shorty p {
margin: 25px 0;
}
section.s-details-shorty {
padding: 45px 0;
overflow: hidden;
}
.s-details-shorty .container > .row {margin: 0 -30px;}
.s-details-shorty .container > .row > div {padding: 0 30px;}
.s-details-shorty .acf-map {
height: 910px;
}
.post-shorty .one-related-ap {
display: block;
position: relative;
height: 280px;
margin: 0 0 35px;
}
.post-shorty .related-text {
position: absolute;
background: transparent;
padding: 20px;
bottom: 0;
right: 0;
color: #fff;
width: 100%;
}
.post-shorty .related-text ul li {
color: #fff;
}
.post-shorty .related-text ul li:first-child i {background: url(img/ap1b.png) no-repeat center center;}
.post-shorty .related-text ul li:nth-child(2) i {background: url(img/ap2b.png) no-repeat center center;}
.post-shorty .related-text ul li:nth-child(3) i {background: url(img/ap3b.png) no-repeat center center;}
.overlay {
background: url(img/post-overlay.png) no-repeat;
width: 100%;
height: 100%;
bottom: 0;
right: 0;
position: absolute;
background-position: bottom;
opacity: 0.7;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.related-title {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 5px;
}
.related-title h3 {
margin: 0;
}
.related-title strong {
font-weight: 500;
font-size: 20px;
}
/*========== Default Page ==========*/
section.s-default-page {
padding: 70px 0;
}
.s-default-page h1 {
margin: 0 0 30px;
font-weight: 500;
font-size: 36px;
color: #000;
}
/*========== Buy Page (filter) ==========*/
.s-filter-form {
padding: 60px 0;
}
.s-filter-form h2 {
font-size: 30px;
color: #000;
font-weight: 500;
margin: 0 0 30px;
}
.s-filter-form select {
width: 21%;
background-color: #F6F6F6;
border: 1px solid #E7E7E7;
margin: 0 1% 10px 0;
padding: 9px 15px;
color: #5B5B5B;
-webkit-appearance: none;
background-image: url(img/select.png);
background-position: 92% center;
background-repeat: no-repeat;
line-height: 20px;
/* for FF */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
-ms-appearance: none;
appearance: none!important;
float: left;
}
/* for IE */
.s-filter-form select::-ms-expand {
display: none;
}
.s-filter-form input[type="submit"] {
margin: 0 auto;
border: none;
padding: 10px;
width: 12%;
background-color: #B8000A;
font-size: 16px;
color: #fff;
font-weight: 500;
transition: all .25s ease;
}
.s-filter-form input[type="submit"]:hover {opacity: 0.8;}
.s-filter-form .price-f input:first-child{
margin-right: 35%;
}
.s-filter-form .price-f input {
width: 21%;
background-color: #F6F6F6;
border: 1px solid #E7E7E7;
margin: 0 0 10px 1%;
padding: 9px 15px;
color: #5B5B5B;
float: right;
}
.s-blocks3 {
padding: 60px 0 70px;
background-color: #EEEEEE;
}
.s-blocks3 h2, .s-blocks3 h3 {
font-size: 30px;
color: #000;
font-weight: 500;
margin: 0 0 25px;
}
.s-blocks3 .container > p {
margin: 0 0 50px;
}
.blocks-one {
background-color: #fff;
padding: 40px;
border-radius: 10px;
text-align: center;
margin: 0 0 30px;
}
.blocks-one ul {
padding: 0;
margin: 20px 0 0;
list-style: none;
}
.blocks-one ul li {
font-weight: 500;
font-size: 18px;
color: #000;
border-bottom: 1px solid #FAECEC;
padding: 8px 0;
}
.blocks-one ul li:last-child {
border-bottom: none;
}
.blocks-one form {
margin: 30px 0 0;
}
.blocks-one input.f-input {
width: 100%;
background-color: #F6F6F6;
border: 1px solid #E7E7E7;
margin: 0 0 30px;
padding: 8px 25px;
border-radius: 10px;
color: #5B5B5B;
}
.blocks-one input[type="submit"] {
display: table;
margin: 0 auto;
max-width: 140px;
border-radius: 10px;
border: none;
padding: 10px;
width: 100%;
background-color: #B8000A;
font-size: 16px;
color: #fff;
font-weight: 500;
transition: all .25s ease;
}
.blocks-one input[type="submit"]:hover {opacity: 0.8;}
.blocks-one select {
width: 100%;
background-color: #F6F6F6;
border: 1px solid #E7E7E7;
margin: 0 0 30px;
padding: 8px 25px;
border-radius: 10px;
color: #5B5B5B;
-webkit-appearance: none;
background-image: url(img/select.png);
background-position: 92% center;
background-repeat: no-repeat;
line-height: 21px;
/* for FF */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
-ms-appearance: none;
appearance: none!important;
}
/*Slider testimonials*/
.s-tm-page{
background: #eeeeee;
}
.tm-slider{
width: 60%;
margin: 0 auto;
}
.tm-foto{
position: relative;
display: flex;
justify-content: center;
}
.tm-foto img{
position: absolute;
width: 100px !important;
height: 100px;
border-radius: 50%;
border: 3px #fff solid;
box-shadow: 2.4px 3.2px 32px rgba(0, 0, 0, 0.34);
display: table;
margin: -100px auto 90px;
}
.tm-one{
background: #fff;
margin-top: 200px;
padding: 50px;
border-radius: 10px;
margin-bottom: 180px;
text-align: center;
}
.star{
width: 20% !important;
margin: 0 auto;
}
.tm-wrap i{
color:grey;
}
.s-tm-page h1{
margin-top: 50px;
font-weight: 400;
color: #000;}
.tm-one span{
color:#afafaf;
}
/* for IE */
.blocks-one select::-ms-expand {
display: none;
}
.result-form {
margin: 50px -15px 0;
}
.result-form .one-related-ap {
box-shadow: 0 0 15px rgba(0,0,0,0.1);
margin: 0 0 25px;
}
.result-form .related-img a img {
width: 100%;
}
/*========== Desktop First Method ==========*/
@media only screen and (max-width : 1600px) {
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
.related-slider .owl-nav {display: none;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
.main-navigation li {margin-left: 0;}
.logo {max-width: 150px;}
.main-navigation a {font-size: 20px; color: #000;padding: 15px 15px;}
.main-navigation .menu > li:last-child > a {padding-left: 15px;}
.feedback .container {max-width: 800px;}
.feedblock-slider .owl-next {right: -7%;}
.feedblock-slider .owl-prev {left: -7%;}
.apartments-slider .owl-next {right: 3%;}
.apartments-slider .owl-prev {left: 3%;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
section.s-header {height: 610px;}
a.blocks-one { width: 200px;height: 200px;box-shadow: 0 0 0 5px #B8000A inset;border: 10px solid #000;}
.blocks-one-text h4 {font-size: 24px;}
.blocks-one-text h3 {font-size: 32px;}
.feedback .container {padding: 0 50px;}
.feedblock-slider .owl-next {right: -27px;}
.feedblock-slider .owl-prev {left: -27px;}
.footer-columns .widget:nth-child(4) {padding-right: 15px;}
.blocks-one {padding: 30px 15px;}
.s-details-shorty .acf-map {height: 610px;margin: 0 0 40px;}
.post-shorty .one-related-ap {margin: 0 auto 30px;max-width: 360px;}
.col-cont-list {padding: 40px 25px 30px;}
.col-cont-form {padding: 40px 30px 30px;}
.content-ap {padding-right: 0;}
.blocks-wrapp {margin: -100px 0 0;}
}
@media only screen and (max-width : 767px) {
section.s-header {height: 410px;}
.phoneLeng p.phone {margin: 3px 0 0 16px;padding: 0 0 0 15px;}
.phoneLeng p.phone a {font-size: 20px;}
.four-one {margin: 0 auto 10px;max-width: 360px;}
section.four {padding: 65px 0 60px;}
.four-one h3 {font-size: 26px;}
.feedblock p {font-size: 20px;}
.feedback h2 {font-size: 37px;margin: 0 0 40px;}
section.feedback {min-height: unset;padding: 60px 0 70px;}
.s-default-page h1 {font-size: 30px;}
section.s-default-page {padding: 40px 0 60px;}
.s-filter-form select {width: 49.5%;}
.s-filter-form select:nth-child(2n) {margin-right: 0;}
.s-filter-form input[type="submit"] {width: 100%;}
.blocks-one {margin: 0 auto 30px; max-width: 360px;}
.s-blocks3 {padding: 50px 0 40px;}
.result-form .one-related-ap {margin: 0 auto 25px;max-width: 360px;}
.s-details-shorty .acf-map {height: 500px;}
.col-cont-list {min-height: unset;}
section.s-contact {padding: 70px 0 30px;}
.s-contact h1 {font-size: 26px;}
.s-contact h2 {font-size: 26px;}
.apartments-one {height: 460px;}
.apartments-slider .owl-dots {bottom: 30px;}
section.s-single-apartments {padding: 50px 0 70px;}
a.blocks-one {width: 130px;height: 130px;}
.blocks-one-text h4, .blocks-one-text h3 {font-size: 13px;}
.blocks-wrapp {margin: -65px 0 0;}
.s-filter-form .price-f input:first-child{margin-right: 0;}
.s-filter-form .price-f input {width: 49.5%;}
.s-filter-form .price-f input:nth-child(2n) {margin-left: 0;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
.phoneLeng p.phone {display: none;}
.socop {flex-direction: column;}
ul.menu-social {margin: 0 0 12px;}
.s-filter-form select {width: 100%;}
section.related-apartments {padding: 65px 0 50px;}
.related-slider .owl-dots {margin: 40px 0 0;}
.footer-columns h3 {font-size: 22px;}
.s-contact .wpcf7-form-control-wrap:first-child, .s-contact .wpcf7-form-control-wrap:nth-child(2) {width: 100%;}
.col-cont-form {padding: 40px 20px 30px;}
.apartments-one {height: 360px;}
.blocks-wrapp {margin: -47px 0 0;}
a.blocks-one {margin: 0 0 15px;width: 90px;height: 90px;padding: 10px; box-shadow: 0 0 0 3px #B8000A inset;border: 5px solid #000;}
.blocks-one-text h4, .blocks-one-text h3 {font-size: 10px;line-height: 1.3;}
.s-filter-form .price-f input {width: 100%;}
}
/* Custom, iPhone Retina */
@media screen and (max-width : 320px) {
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.s-details-shorty .container {max-width: 1505px; width: unset;}
}
@media only screen and (min-width : 1601px) {
}