html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
area,
img,
map {
outline:none;
} .clearfix,
.clear {
clear:both;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
html,
body {
-webkit-text-size-adjust:none;
}
::-webkit-input-placeholder { opacity: 1;
color: inherit;
}
:-moz-placeholder { opacity: 1;
color: inherit;
}
::-moz-placeholder { opacity: 1;
color: inherit;
}
:-ms-input-placeholder { opacity: 1;
color: inherit;
}
input,
textarea,
button,
select {
border-radius: 0;
font-family:inherit;
}
textarea {
resize: vertical;
}
a{
outline: none;
}
.ai-hide {
display: none!important;
}
.slick-slider,
.slick-slider *,
.slick-slider a,
input:focus,
select:focus,
textarea:focus{
color: inherit;
text-decoration:none;
}
a:focus{
color: inherit;
}
.aios-starter-theme-hide-title{
display: none !important;
} #content, aside { line-height:1.7}
#content th, aside th { font-weight: bolder; }
#content h1, aside h1 { font-size: 2em; margin: .67em 0 }
#content h2, aside h2 { font-size: 1.5em; margin: .75em 0 }
#content h3, aside h3 { font-size: 1.17em; margin: .83em 0 }
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { margin: 1.12em 0; line-height:1.7 }
#content h5, aside h5 { font-size: .83em; margin: 1.5em 0 }
#content h6, aside h6 { font-size: .75em; margin: 1.67em 0 }
#content h1, aside h1,
#content h2, aside h2,
#content h3, aside h3,
#content h4, aside h4,
#content h5, aside h5,
#content h6, aside h6,
#content b, aside h6,
#content strong, aside strong { font-weight: bolder }
#content blockquote, aside blockquote { margin-left: 40px; margin-right: 40px }
#content i, aside i,
#content cite, aside cite,
#content em, aside em,
#content var, aside var,
#content address, aside address { font-style: italic }
#content pre, aside pre,
#content tt, aside tt,
#content code, aside code,
#content kbd, aside kbd, samp  { font-family: monospace }
#content big, aside big { font-size: 1.17em }
#content small, aside small,
#content sub, aside sub,
#content sup, aside sup { font-size: .83em }
#content sub, aside sub { vertical-align: sub }
#content sup, aside sup { vertical-align: super }
#content table, aside table { border-spacing: 2px; }
#content thead, aside thead,
#content tbody, aside tbody,
#content tfoot, aside tfoot { vertical-align: middle }
#content td, aside td,
#content th, aside th,
#content tr, aside tr { vertical-align: inherit }
#content hr, aside hr { border: 1px inset }
#content ol, aside ol,
#content ul, aside ul,
#content dir, aside dir,
#content menu, aside menu,
#content dd, aside dd { margin-left: 40px }
#content ol, sidebar ol { list-style-type: decimal }
#content ol ul, aside ol ul,
#content ul ol, aside ul ol,
#content ul ul, aside ul ul,
#content ol ol, aside ol ol { margin-top: 0; margin-bottom: 0 }
#content ol, aside ol { list-style-type:decimal }
#content ul, aside ul { list-style-type:disc } #content-sidebar, #content-full{
width:100%;
margin:0 auto;
}
#content-sidebar:after, #content-full:after{
content: "";
display: table;
clear: both;
} #content-sidebar #content{
float: left;
width: 77.08%;
} #content-full #content{
width:100%;
} .page-template-template-left-sidebar #content-sidebar #content {
float: right;
}
.page-template-template-left-sidebar #content-sidebar aside {
float: left;
} #content .entry{
}
#content .aios-starter-theme-entry-meta {
display:none;
}
#content .entry:after {
content: "";
display: table;
clear: both;
} #content .entry-title {
} #content .archive-title {
} #content .archive-subtitle {
font-size: 24px;
}
#inner-page-wrapper {
margin-bottom:30px;
position:relative;
z-index:1;
} #content .archive-thumbnail {
width: 100%;
float: none;
}
#content .article-long{
margin-bottom: 30px;
}
#content .archive-thumbnail canvas{
display: block;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}
#content .article-long .archive-thumbnail{
float: left;
width: 60%;
}
#content .archive-content.archive-has-thumbnail {
width:100%;
float:none;
}
#content .article-long .archive-content.archive-has-thumbnail{
float: left;
width: 37%;
margin-left: 3%;
}
#content .archive-more {
text-decoration: none;
font-style: normal;
}
#content .post {
margin-bottom:20px;
padding-bottom:20px;
}
#content .page-links {
text-align: center;
font-size: 16px;
padding: 30px 0 0;
width: 100%;
}
#content .page-links * {
display:inline-block;
vertical-align:middle;
margin:0 5px;
}
#content .page-links .current {
font-weight:bold;
text-decoration:underline;
} aside{
float: right;
width: 20.83%;
}
aside h2.widget-title{
display:block;
background:#d7d7d7;
padding:7px;
font-size:14px;
} .gravatar{
float: right;
}
.comments-template ol.comment-list{
margin:20px 0 0 0;
padding:0;
list-style:none;
}
.comments-template ol.children{
margin:20px 0 0 40px;
padding:0;
list-style:none;
}
#content .comments-template ol.comment-list,
#content .comments-template ol.children,
.comments-template ol.children,
.comments-template ol.comment-list {
list-style:none;
}
#content .comments-template ol.comment-list,
.comments-template ol.comment-list  {
margin-left:0;
}
.comments-template ol.comment-list li.comment{
padding:35px 0;
border-bottom:1px dotted;
}
.comments-template ol.comment-list li:last-child,
.comments-template ol.children li:last-child {
border-bottom:0;
}
.comments-template .comment-author.vcard img {
display:block;
}
.comments-template .reply {
font-weight:700;
text-decoration:underline;
}
.comments-template .comment-meta{
font-size:10px;
}
.comments-template .screen-reader-text{
display:none;
}
.comments-template .comment-navigation{
margin:10px 0;
background:none;
}
.comment-form-comment textarea{
display:block;
width:100%;
}
.comment-form-comment label {
display:block;
font-weight:700;
}
.wp-caption {
background-color: #f3f3f3;
margin: 10px;
padding-top: 4px;
text-align: center;
max-width:100%;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}
#content .wp-caption p.wp-caption-text,
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0.5em 0 1.1em 0;
font-style:italic;
}
.gallery-caption {
text-align:center;
font-style:italic;
}
.category .post, .archive .post{
border-bottom:1px dotted;
}
.attachment-post-thumbnail {
float:left;
margin:0 10px 10px 0;
}
pre {
white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.sticky {
}
.bypostauthor {
font-style:italic;
}
#content .alignnone {
clear:both;
margin:15px 0;
}
#content .aligncenter {
clear:both;
margin:15px auto;
display:block;
}
#content .alignleft{
float:left;
margin:15px 1% 15px 0;
}
#content .alignright{
float:right;
margin:15px 0 15px 1%;
}
#content img[class*="align"],
#content img[class*="wp-image-"],
#content img[class*="attachment-"],
#content img.size-full,
#content img.size-large,
#content img.header-image,
#content img.wp-post-image {
max-width: 98%;
margin-top:0;
margin-bottom:0;
height:auto;
}
#content embed,
#content iframe,
#content object,
#content video {
max-width: 100%;
}
.yoast-breadcrumbs {
margin: 20px 0 0;
} .aios-listings-page .attachment-post-thumbnail {
display:none;
}  body{
font-size: 12px;
background: #FFF;
color: #000000;
margin: 0;
}
.aios-widget-container{}
.aios-widget-container:not( .aios-widget-slider ) > .row{
display: flex;
}
.aios-widget-container > .row > [class*="col-md-"]{
float: none !important;
padding: 15px;
}
.aios-widget-container.no-gutter > .row > [class*="col-md-"]{
padding: 0;
}
.aios-widget-container > .row > .col-md-auto{
width: auto;
}
.aios-widget-container > .row > .col-md-grow-1{
flex-grow: 1;
}
.aios-widget-container > .row > .col-md-grow-2{
flex-grow: 2;
}
.aios-widget-container > .row > .col-md-grow-3{
flex-grow: 3;
}
.aios-text-left,
.ql-align-left{text-align: left;}
.aios-text-center,
.ql-align-center{text-align: center;}
.aios-text-right,
.ql-align-right{text-align: right;}
.aios-text-justify,
.ql-align-justify{text-align: justify;}
.aios-widget-container img{
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.aios-column-image-round{
border-radius: 50%;
}
.aios-widget-title{
display: block;
margin: 10px 0 15px;
}
.aios-widget-description{
line-height: 1.5em;
}
.aios-column-image-video{}
.aios-column-title{
margin-top: 15px;
}
.aios-column-content{
margin-top: 10px;
}
.aios-widget-container ol,
.aios-widget-container ul{
list-style: initial;
padding-left: 1.5em;
}
.aios-widget-container ol{
list-style-type: decimal;
}
.aios-widget-container ol li:not(.ql-direction-rtl),
.aios-widget-container ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.aios-widget-slider{
padding: 0 !important;
}
.aios-widget-slider canvas{
display: block;
position: relative;
width: 100%;
z-index: 0;
}
.aios-widget-slider.full-screen canvas{
width: 100vw !important;
height: 100vh !important;
}
body.admin-bar .aios-widget-slider.full-screen canvas{
height: calc( 100vh - 32px ) !important;
}
.swiper-content-flex{
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-content{
max-width: 1030px;
padding-left: 15px;
padding-right: 15px;
}
.aios-widget-slider .swiper-button-next,
.aios-widget-slider .swiper-button-prev{
font-size: 44px;
background-image: none !important;
z-index: 999;
cursor: pointer;
}
.aios-widget-slider .swiper-pagination{
z-index: 999;
cursor: pointer;
}  #ihf-main-container div#areaPickerInputWrapper {height: 50px !important;}
#ihf-main-container .modal-dialog {left: inherit !important;} @media only screen and (max-width: 991px) {
#content-sidebar aside,
#content-full aside{
display: block;
width: 100%;
float: none;
max-width: 360px;
margin: 0 auto;
}
#content-sidebar,
#content-full,
#content-sidebar #content,
#content-full #content{
width:100%;
float: none;
}
#content .alignleft,
#content .alignright{
float:none;
display:block;
margin-left:auto;
margin-right:auto;
} #content .archive-thumbnail,
#content .archive-content.archive-has-thumbnail {
width:100%;
float:none;
}
#content .archive-thumbnail,
#content .archive-content h2 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.yoast-breadcrumbs {
margin: 20px 0;
width: 100%;
} .aios-widget-slider.full-screen canvas{
width: 100% !important;
height: 500px !important;
}
}  @media only screen and (max-width:760px) {
#MLCalcRatesHolder {
overflow: auto !important;
width: 100% !important;
min-width: 100% !Important;
-webkit-overflow-scrolling: touch !important;
}
#MLCalcRatesShader {
width: 100% !important;
min-width: 100% !important;
overflow: scroll !important;
-webkit-overflow-scrolling:touch;
}
#content .article-long .archive-thumbnail{
float: none;
width: 100%;
}
#content .article-long .archive-content.archive-has-thumbnail{
width: 100%;
margin-left: 0;
}
#content .archive-thumbnail, #content .archive-content h2{
text-align: left;
}
} @media only screen and (max-width:740px) {
#MLCalcHolder {
overflow: auto !important;
width: 100% !important;
min-width: 100% !Important;
-webkit-overflow-scrolling: touch !important;
}
#MLCalcShader {
width: 100% !important;
min-width: 100% !important;
overflow: scroll !important;
-webkit-overflow-scrolling:touch;
}
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}:root {
--body-font: 'Montserrat', sans-serif;
--heading-font: 'Prata', serif;
--secondary-font: 'Prata', serif;
--primary-color: #0b0e3b;
--primary-color-dark: #070a33;
--secondary-color: #f6ead0;
--secondary-color-dark: #f6ead0;
--accent-color: #f6ead0;
--background-color: #3b5997;
--primary-text-color: #333333;
--secondary-text-color: #ffff;
--header-logo-size: 34px;
--header-family: 'Prata', serif;
;
--header-weight: 400;
--subtitle-logo-size: 20px;
--subtitle-family: 'Prata', serif;
--subtitle-weight: 400;
--slideshow-title-font: 80px;
--slideshow-desc-font: 12px;
} .mobile [data-aios-animation] {
animation: none !important;
opacity: 1 !important;
visibility: visible !important;
}  body {
font-family: var(--body-font);
font-size: 15px;
background: #FFF;
color: var(--primary-text-color);
margin: 0;  }
a:hover,
a:active {
color: inherit;
text-decoration: none;
}
a {
color: #333333;
;
}
.slick-slide {
outline: none !important;
}
.site-easing {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.site-link {
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.site-link::after {
content: '';
display: block;
width: 100%;
height: 2px;
background: var(--primary-color);
margin: 9px auto 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.site-link.is-text-white::after {
background: #ffffff;
}
.site-link,
a.site-link,
a.site-link:hover {
color: var(--primary-color);
}
.site-link.is-text-white,
a.site-link.is-text-white,
a.site-link.is-text-white:hover {
color: #ffffff;
}
a.site-link:hover::after {
width: 80%;
} #contact-form {
padding: 86px 0;
position: relative;
font-size: 0;
}
.cf-holder {
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/contact-bg.jpg) no-repeat center center / cover;
position: relative;
padding: 132px 15px;
}
.cf-holder::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000;
opacity: 0.2;
z-index: 1;
}
.cf-inner {
position: relative;
z-index: 2;
max-width: 615px;
margin: auto;
background: rgba(255, 255, 255, 0.9);
padding: 77px 85px 75px;
}
.cf-inner .section-title {
text-align: center;
margin-bottom: 30px;
}
.cf-inner form {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.cf-inner .field-input {
margin-bottom: 18px;
position: relative;
width: 50%;
padding: 5px;
}
.cf-inner .field-input:nth-last-of-type(2),
.cf-inner .field-input.field-lg {
width: 100%;
}
.cf-inner .field-input input[type="text"],
.cf-inner .field-input input[type="email"],
.cf-inner .field-input input[type="tel"],
.cf-inner .field-input textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid transparent;
border-bottom: 1px solid #adadad;
background: none;
font-size: 14px;
color: #2b2b2b;
letter-spacing: 0.05em;
width: 100%;
height: 38px;
outline: none;
transition: all 0.3s ease-in-out;
padding: 0 5px;
}
.cf-inner .field-input textarea {
resize: none;
padding-top: 14px;
height: 100px;
}
.cf-inner .form-btn {
color: var(--primary-color);
padding-top: 30px;
width: 100%;
}
.cf-inner .field-input input[type="text"]:focus,
.cf-inner .field-input input[type="email"]:focus,
.cf-inner .field-input input[type="tel"]:focus,
.cf-inner .field-input textarea:focus{
border-color: #adadad;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px #adadad, 0 0 8px #adadad;
box-shadow: inset 0 0 1px #adadad, 0 0 8px #adadad;
}
.cf-inner .form-btn:hover {
color: var(--secondary-color);
}
.cf-inner .form-btn input {
opacity: 1;
width: 100%;
height: auto;
font-size: 16px;
text-transform: uppercase;
display: block;
margin: auto;
background: var(--primary-color);
color: #fff;
max-width: 200px;
padding: 10px 0;
border: 1px solid transparent;
}
.cf-inner .form-btn input:hover {
border: 1px solid var(--primary-color);
background: transparent;
color: var(--primary-color);
}
.cf-inner .form-btn i {
font-size: 32px;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.cf-inner .wpcf7-form-control-wrap {
display: block;
}
.cf-inner .use-floating-validation-tip span.wpcf7-not-valid-tip {
font-size: 12px;
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0, -50%);
}
.cf-inner div.wpcf7 .ajax-loader {
position: absolute;
margin: auto;
right: 0;
bottom: -15px;
left: 0;
margin: auto;
}
.cf-inner div.wpcf7-response-output {
padding: 5px 0;
font-size: 14px;
width: 100%;
color: #000000 !important;
text-align: center;
position: absolute;
bottom: -50px;
margin: 0;
} #call-to-action {
position: relative;
font-size: 0;
margin-bottom: 60px;
}
#call-to-action * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cta-holder {}
.cta-holder .row {
margin: 0 -3px;
}
.cta-col {
padding: 3px;
}
.cta-col a {
display: block;
position: relative;
height: 292px;
background: var(--primary-color);
text-align: center;
}
.cta-col a:hover {
background: var(--secondary-color);
}
.cta-col.pattern-on-active a::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/cta-pattern.png) no-repeat center center / cover;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cta-col a:hover::before {
opacity: 0.1;
}
.cta-col a::after {
content: '';
display: block;
position: absolute;
width: calc(100% - 16px);
height: calc(100% - 16px);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: 1px solid #ffffff;
opacity: 0.25;
z-index: 2;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cta-col a:hover::after {
border-color: var(--secondary-color);
}
.cta-col a div {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
z-index: 3;
text-transform: capitalize;
}
.cta-col strong {
display: block;
font: 400 30px/1.2 var(--heading-font);
color: var( --secondary-text-color);
letter-spacing: 0.08em;
}
.cta-col a:hover strong {
color: var(--primary-color);
}
.cta-col span {
max-height: 0;
opacity: 0;
}
.cta-col a:hover span {
margin-top: 38px;
max-height: 100%;
opacity: 1;
} .fixed-contact-details {
position: fixed;
right: 25px;
top: 0;
height: 100%;
z-index: 100;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.fixed-contact-details a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 38px;
height: 38px;
color: var(--primary-color);
background: #fff;
border-radius: 100%;
border: solid 1px #a6a6a6;
font-size: 16px;
margin: 6px 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.fixed-contact-details a:hover {
color: #fff;
background: var(--primary-color);
}
.fixed-contact-details em.ai-font-phone-alt {
font-size: 13px;
}
.fixed-contact-details em.ai-font-envelope-f {
font-size: 12px;
}
.fixed-contact-details a.asis-mailto-obfuscated-email {
margin-bottom: 27px;
}
.section-title {}
.section-title h1,
.section-title h2 {
font: 400 35px/1.2 var(--heading-font);
color: var(--primary-color);
letter-spacing: 0.08em;
text-transform: uppercase;
}
.section-title .is-text-smaller {
font-size: 30px;
}
.section-title .is-text-white {
color: var(--secondary-text-color);
}
div[class*="bg-pattern"] {
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/bg-pattern.png) repeat center top;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
opacity: 0.05;
}
div.bg-pattern[data-pattern="1"] {
top: -22px;
background-position: center bottom;
}
div.bg-pattern[data-pattern="2"] {
top: -70px;
}
div.bg-pattern[data-pattern="3"] {
background-position: center bottom;
}
div.bg-pattern[data-pattern="4"] {
top: 182px;
}
#main-wrapper {
overflow: hidden;
}
[data-aios-staggered-parent=true]:not([data-aios-reveal-mobile=true]) {
overflow: visible;
}  #main-header {
position: fixed;
width: 100%;
z-index: 1028;
font-size: 0;
min-height: 90px;
}
#main-header * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#main-header::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: var(--primary-color);
opacity: 1;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
#main-header.show-fh::before {
opacity: 0.85;
}
#main-header .container {
position: relative;
z-index: 2;
}
#main-header .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
#main-header .row:before,
#main-header .row:after {
display: none;
}
#main-header .hdr-logo,
#main-header .hdr-navi {
float: none;
position: relative;
}
.hdr-logo {
padding-top: 45px;
padding-bottom: 45px;
}
#main-header.show-fh .hdr-logo {
padding-top: 13px;
padding-bottom: 13px;
}
.hdr-logo a {
display: inline-block;
}
.hdr-logo a span {
font: var(--header-weight) var(--header-logo-size)/1.2 var(--header-family);
color: var( --secondary-text-color);
letter-spacing: 0.18em;
display: inline-block;
vertical-align: text-bottom;
}
.hdr-logo a em {
display: block;
font-size: var(--subtitle-logo-size);
font-family: var(--subtitle-family);
font-weight: var(--subtitle-weight);
color: #fff;
font-style: normal;
}
.hdr-logo a img {
display: inline-block;
width: 100%;
max-width: 350px;
}
.hdr-navi {
text-align: right;
}
#nav {}
#nav li {
display: block;
position: relative;
}
#nav li a {
display: block;
position: relative;
font-size: 14px;
font-weight: 600;
color: var(--secondary-text-color);
line-height: 1;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: uppercase;
}
#nav > li {
display: inline-block;
vertical-align: middle;
margin: 0 22px;
}
#nav > li:first-child {
margin-left: 0;
}
#nav > li:last-child {
margin-right: 0;
}
#nav > li > a {}
#nav > li > a::after {
content: '';
display: block;
position: absolute;
width: 0;
height: 2px;
left: 0;
right: 0;
bottom: -8px;
margin: auto;
background: #ffffff;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#nav > li:hover > a::after {
width: 100%;
}
#nav .sub-menu {
display: block;
position: absolute;
width: 100%;
min-width: 200px;
text-align: center;
opacity: 0;
pointer-events: none;
transform: translateY(10px);
}
#nav .sub-menu .sub-menu {
margin-left: 0;
top: 0;
}
#nav > li > .sub-menu {
left: -150%;
right: -150%;
margin: auto;
padding-top: 15px;
}
#main-header.show-fh #nav > li > .sub-menu {
padding-top: 43px;
}
#nav li:hover > .sub-menu {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
#nav .sub-menu li {}
#nav .sub-menu li a {
padding: 10px;
background: #ffffff;
color: #333333;
}
#nav .sub-menu li:hover > a {
background: var(--primary-color);
color: #ffffff;
} #testimonials {
background: var(--primary-color);
padding: 112px 0 108px;
position: relative;
font-size: 0;
margin: 30px 0 0;
}
.ip-container #testimonials {
padding-bottom: 0;
}
#testimonials .section-title {
text-align: center;
margin-bottom: 60px;
}
.ts-holder {}
.ts-slick {}
.ts-slide {
text-align: center;
}
.ts-slick:not(.slick-initialized) .ts-slide {
display: none;
}
.ts-slick:not(.slick-initialized) .ts-slide:first-child {
display: block;
}
.ts-slide p {
font-size: 16px;
font-weight: 400;
color: #ffffff;
line-height: 1.6;
letter-spacing: 0.05em;
width: 915px;
max-width: calc(100% - 140px);
margin: auto;
position: relative;
}
.ts-slide p::before {
content: '“';
display: block;
position: absolute;
font: 400 101px/1 var(--heading-font);
color: #ffffff;
letter-spacing: 0.05em;
opacity: 0.23;
left: -70px;
top: 0;
bottom: 0;
height: 30px;
margin: auto;
}
.ts-slide p::after {
content: '”';
display: block;
position: absolute;
font: 400 101px/1 var(--heading-font);
color: #ffffff;
letter-spacing: 0.05em;
opacity: 0.23;
right: -70px;
top: 0;
bottom: 0;
height: 30px;
margin: auto;
}
.ts-slide span {
display: block;
font-size: 16px;
font-weight: 500;
color: #ffffff;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
margin: 32px 0 62px;
}
.ts-slide a {}
.ts-slick .slick-dots {
text-align: center;
margin-top: 80px;
}
.ts-slick .slick-dots li {
display: inline-block;
vertical-align: middle;
width: 15px;
background: var(--primary-color);
margin: 0 3px;
cursor: pointer;
height: 15px;
border-radius: 50%;
border: 1px solid var( --secondary-text-color);
}
.ts-slick .slick-dots li.slick-active {
background: var( --secondary-text-color);
border-color: var( --secondary-text-color);
}
.ts-slick .slick-dots button {
display: none;
} #featured-communities {
padding: 92px 0 0;
position: relative;
font-size: 0;
}
#featured-communities * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#featured-communities .section-title {
text-align: center;
margin-bottom: 56px;
}
.fc-holder {}
.fc-holder .row {
margin: 0 -1px;
}
.fc-col {
padding: 1px;
}
.fc-col a {
display: block;
position: relative;
}
.fc-img {
position: relative;
z-index: 1;
}
.fc-img::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000;
opacity: 0.2;
z-index: 2;
}
.fc-img canvas {
display: block;
width: 100%;
background-color: var(--secondary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.fc-txt {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.fc-col a:hover .fc-txt {
background: var(--secondary-color);
}
.fc-txt::before,
.fc-txt::after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.fc-txt::before {
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 1px solid var(--secondary-color-dark);
z-index: 3;
}
.fc-col a:hover .fc-txt::before {
opacity: 0.25;
}
.fc-txt::after {
width: calc(100% - 2px);
height: calc(100% - 2px);
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/fc-pattern.png) repeat center center;
z-index: 2;
}
.fc-col a:hover .fc-txt.pattern-on-active::after {
opacity: 0.1;
}
.fc-txt div {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.fc-txt strong {
display: block;
color: #fefeff;
letter-spacing: 0.08em;
font-weight: 400 !important;
font-size: 30px;
line-height: 1;
font-family: var(--heading-font);
}
.fc-col a:hover .fc-txt strong {
color: var(--primary-color);
}
.fc-txt span {
max-height: 0;
opacity: 1;
font-size: 30px;
color: #fff;
}
.fc-col a:hover .fc-txt span {
max-height: 100%;
opacity: 1;
margin-top: 48px;
}
.fc-txt span.site-link {
font-size: 15px;
padding-top: 18px;
} #main-footer {
background: var(--primary-color);
position: relative; padding: 50px 0;
text-align: center;
font-size: 0;
}
#main-footer.pattern-on-active::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/bg-pattern.png) repeat center center;
z-index: 1;
opacity: 0.05;
}
#main-footer * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#main-footer .container {
position: relative;
z-index: 2;
}
.ftr-contact { margin-bottom: 0 !important;
}
.ftr-contact-col {
margin-bottom: 35px;
}
.ftr-contact .head-title {
font: 400 24px/1 var(--heading-font);
color: var( --secondary-text-color);
letter-spacing: 0.18em;
margin-bottom: 36px;
text-align: center;
}
.ftr-contact .head-title a {
color: inherit;
line-height: 1.2;
}
.ftr-contact .head-title a em {
display: block;
font-size: 20px;
font-style: normal;
font-family: var(--subtitle-family);
}
.ftr-contact .head-title img {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 300px;
}
.ftr-contact-info {
font-size: 16px;
font-weight: 300;
color: var(--secondary-text-color);
line-height: 1.5;
letter-spacing: 0.02em;
}
.ftr-contact-info a {
color: var(--secondary-text-color);
}
.ftr-contact-info a:hover {
color: var(--secondary-color-dark);
}
.ftr-brokerage {
margin-bottom: 104px;
}
.ftr-brokerage a {
display: inline-block;
}
.ftr-smis { margin-bottom: 15px;
}
.ftr-smis a {
display: inline-block;
vertical-align: middle;
width: 48px;
height: 48px;
border-radius: 50%;
color: var(--primary-color);
background: var( --secondary-text-color);
margin: 0 6px;
border: 1px solid var( --secondary-text-color);
}
.ftr-smis a:hover {
background: var(--primary-color);
color: var(--secondary-text-color);
}
.ftr-smis a i {
font-size: 22px;
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
.ftr-navi {
margin-bottom: 14px;
display: none;
}
.footernav {}
.footernav li {
display: inline-block;
margin: 0 11px;
}
.footernav li a {
display: block;
font-size: 12px;
font-weight: 300;
color: var(--secondary-text-color);
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.footernav li:hover a {
color: var(--secondary-color);
text-decoration: underline;
}
.ftr-copyright {
font-size: 12px;
font-weight: 300;
color: var(--secondary-text-color);
line-height: 1.2;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.ftr-copyright a {
color: var(--secondary-text-color);
}
.ftr-copyright a:hover {
color: var(--secondary-color-dark);
}
.ftr-disclaimer {
font-size: 12px;
font-weight: 300;
color: var(--secondary-text-color);
line-height: 1.8;
letter-spacing: 0.02em; margin: auto auto 20px;
}
.ftr-realtors {}
.ftr-realtors i {
display: inline-block;
font-size: 24px;
color: var(--secondary-text-color);
margin: 0 3px;
}
#inner-page-wrapper {
overflow: hidden;
}
.aios-testimonials-popup {
height: auto !important;
}
section#aios-testimonials > .container {
width: 100%;
padding: 0;
}
#aios-testimonials .aios-testimonials {
margin: 0 !important;
}
.ai-testimonials-pagination ul li.aios-testimonialsNext a, .ai-testimonials-pagination ul li.aios-testimonialsPrev a {
color: #000 !important;
} @media (min-width: 768px) {
.container-expander {
margin-left: calc((100vw - 720px) / -2);
margin-right: calc((100vw - 720px) / -2);
}
}
@media (min-width: 992px) {
.container-expander {
margin-left: calc((100vw - 940px) / -2);
margin-right: calc((100vw - 940px) / -2);
}
}
@media (min-width: 1200px) {
.container-expander {
margin-left: calc((100vw - 1140px) / -2);
margin-right: calc((100vw - 1140px) / -2);
}
}
@media only screen and (min-width: 1366px) {
.custom-container {
width: 1330px;
}
.container-expander {
margin-left: calc((100vw - 1300px) / -2);
margin-right: calc((100vw - 1300px) / -2);
}
}
@media only screen and (min-width: 1500px) {
.custom-container {
width: 1480px;
}
}
@media only screen and (max-width: 1365px) {
#main-header {}
#nav > li {
margin: 0 4px;
}
}
@media (min-width: 1200px) {
#nav > li {
margin-left: 5px!important;
}
} @media only screen and (max-width: 1199px) {
#main-header {}
#nav li a {
font-size: 12px;
}
#nav > li {
margin: 0 9px;
}
#main-header.show-fh #nav > li > .sub-menu {
padding-top: 40px;
}
#communities {}
.fc-txt strong {
font-size: 25px;
}
.hdr-logo a span {
font-size: 30px;
}
} @media only screen and (max-width: 991px) {
.amh-header-buttons,
.amh-navigation{
background: var(--primary-color) !important;
color: var( --secondary-text-color);
}
.amh-navigation .amh-menu li{
border-color: var(--primary-color-dark) !important;
}
.amh-navigation .amh-menu li ul{
background: var(--primary-color-dark) !important;
}
.amh-navigation .amh-menu li a{
color: var( --secondary-text-color) !important;
}
.amh-navigation .amh-menu li:hover > a, .amh-navigation .amh-menu li.open > a{
background: var(--primary-color-dark) !important;
}
#main-wrapper {
padding-top: 52px;
}
#main-header {
position: relative;
background: var(--primary-color);
z-index: 1;
min-height: 0;
}
#main-header::before {
background: var(--primary-color);
}
.hdr-logo {
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
width: 100%;
}
#call-to-action {}
#call-to-action .cta-col a {
max-width: 360px;
margin: auto;
}
#communities {}
.fc-col a {
max-width: 360px;
margin: auto;
}
.cf-inner {
padding: 77px 30px;
}
.cf-inner .field-input {
width: 100% !important;
}
} @media only screen and (max-width: 767px) {
.fixed-contact-details {
display: none;
}
} @media only screen and (max-width: 480px) {
.section-title h1,
.section-title h2 {
font-size: 30px;
}
.section-title .is-text-smaller,
.section-title .is-text-smaller {
font-size: 20px;
}
#call-to-action {}
#call-to-action .cta-col strong {
font-size: 25px;
}
.cf-inner {
padding: 77px 15px;
}
div#ihf-advsearch-features label {
padding: 0;
}
}
#call-to-action, #welcome, #featured-communities, #latest-news, #contact-form, #main-footer {
display: none;
}
#featured-properties, #testimonials {
opacity: 0;
}
.grecaptcha-badge {
display: none!important;
} body.is-open-modal {
overflow: hidden;
}
.hero-modal {
background-color: rgba(0, 0, 0, .92);
display: none;
height: 100%;
left: 0;
overflow-y: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.hero-modal-content {
align-items: center;
display: flex;
justify-content: center;
min-height: 100vh;
position: relative;
padding-top: 100px;
padding-bottom: 100px;
width: 100%;
background-image: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/hero-modal-bg.jpg);
background-size: cover;
}
.hero-modal-content::after {
content: '';
position: absolute;
display: block;
background-color: rgba(2, 5, 7, 0.85);
height: 100%;
width: 100%;
z-index: 0;
}
.hero-modal-content-inner {
display: flex;
max-width: 1120px;
width: 100%;
margin: 0 auto;
z-index: 10;
}
@media (max-width: 991px) {
.hero-modal-content-inner {
flex-direction: column;
row-gap: 50px;
}
}
.hero-modal-content-inner h2 {
margin-bottom: 30px;
font-family: 'Prata', serif;
font-size: 34px;
color: #fff;
}
.hero-modal-content-info {
flex: 1 1 50%;
padding-left: 20px;
padding-right: 20px;
}
.hero-modal-content-info-inner .__info li {
margin-bottom: 15px;
position: relative;
padding-left: 44px;
}
.hero-modal-content-info-inner .__info li > span:first-child {
position: absolute;
left: 0;
top: 0.3em;
}
.hero-modal-content-info-inner .__info li > span:first-child svg path {
fill: #fff;
}
.hero-modal-content-info-inner .__info li p,
.hero-modal-content-info-inner .__info li a {
font-size: 14px;
font-weight: 600;
color: #fff;
line-height: 1.8;
text-transform: uppercase;
}
.hero-modal-content-info-inner .__info li p + p {
margin-top: 15px;
}
.hero-modal-content-info-inner .__sns {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding-left: 44px;
margin-top: 29px;
}
.hero-modal-content-info-inner .__sns li a {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: white;
background: #282828; 
border-radius: 100%;
border: solid 1px #a6a6a6;
font-size: 20px;
transition: all 0.4s ease-in-out;
text-decoration: none;
}
.hero-modal-content-info-inner .__sns li a:hover {
color: #fff;
background: #21d3d3;
}
.hero-modal-content-form {
flex: 1 1 50%;
position: relative;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 992px) {
.hero-modal-content-form::after {
content: '';
position: absolute;
display: block;
width: 1px;
background: #999999;
height: calc(100% + 50px);
left: 0;
top: -20px;
}
}
.hero-modal-content-form-inner {
max-width: 435px;
width: 100%;
margin-left: auto;
}
@media (max-width: 991px) {
.hero-modal-content-form-inner {
max-width: 100%;
}
}
#wpforms-error-noscript {
display:none;
}
#wpforms-confirmation-24971 {
color: white;
font-size: 18px;
margin-top: 26px;
background: #037d03;
padding: 16px;
border-radius: 4px;
}
.hero-modal-content-form .wpforms-field {
width: 100%;
margin-bottom: 40px;
}
.hero-modal-content-form .wpforms-field-label {
display: block;
color: #fff;
font-size: 16px;
color: #c0c0c0;
font-weight: bold;
line-height: 1.5;
text-transform: uppercase;
}
.hero-modal-content-form>label .wpcf7-form-control-wrap {
display: block;
}
.hero-modal-content-form .wpforms-field-large {
display: block;
max-width: 100%;
min-width: 200px;
padding: 0;
width: 100%;
background: unset;
border: solid #fff;
border-radius: 0;
border-width: 0 0 1px;
box-shadow: none;
font-size: 16px;
font-weight: 400;
line-height: 25px;
color: #ffffff;
vertical-align: top;
transition: all .3s;
}
.hero-modal-content-form .wpforms-field-large:focus,
.hero-modal-content-form .wpforms-field-large:active {
border-color: #5e5e5e;
}
.hero-modal-content-form #wpforms-24971-field_4 {
resize: none;
height: 105px;
width: 100%;
background: transparent;
border: solid 1px #ffffff;
margin: 23px 0 0 0;
color: #ffffff;
padding: 10px;
font-size: 16px;
}
.wpforms-field-label-inline {
display: inline-block;
margin: 0 0 0 1em;
position: relative;
text-align: justify;
line-height: 1.5;
color: #c0c0c0;
}
.choice-1.depth-1 {
display: flex;
align-items: flex-start;
}
.hero-modal-content-form label:has([data-name="wpforms[fields][5]"]) {
position: relative;
text-align: justify;
line-height: 1.5;
color: #c0c0c0;
}
.wpforms-label-hide {
display:none !important
}
.hero-modal-content-form label:has([data-name="wpforms[fields][5]"]) .wpcf7-form-control-wrap {
position: static;
}
.hero-modal-content-form [data-name="wpforms[fields][5]"] .wpcf7-list-item.first {
margin-left: 0;
}
.hero-modal-content-form [data-name="wpforms[fields][5]"] .wpcf7-list-item.first .wpcf7-list-item-label {
display: none;
}
.hero-modal-content-form .wpcf7-not-valid-tip {
position: absolute;
top: calc(100% + 0.5em);
left: 0;
right: 0;
}
.hero-modal-content-form .wpcf7-response-output {
color: #dc3232;
}
.hero-modal-content-form .wpforms-submit {
display: inline-block;
padding: 1.25em;
width: 100%;
max-width: 140px;
border: 1px solid #000;
outline: none;
background: #fff;
font-size: 16px;
font-weight: 600;
color: #000;
text-transform: uppercase;
transition: all .2s;
}
.hero-modal-content-form .wpforms-submit:hover {
color: #fff;
background-color: #000;
border-color: #000;
}
.hero-modal-btn-close {
position: absolute;
right: 2vw;
top: 8vh;
width: 3.2em;
display: block;
background-color: transparent;
border: none;
font-size: 28px;
color:  #fff;
cursor: pointer;
z-index: 1;
text-decoration: none;
}
@media (max-width: 991px) {
.hero-modal-btn-close {
position: absolute;
right: 0vw;
top: 3vh;
}
}:root {
--body-font: 'Montserrat', sans-serif;
--heading-font: 'Prata', serif;
--secondary-font: 'Prata', serif;
--primary-color: #0b0e3b;
--primary-color-dark: #070a33;
--secondary-color: #f6ead0;
--secondary-color-dark: #f6ead0;
--accent-color: #f6ead0;
--background-color: #3b5997;
--primary-text-color: #333333;
--secondary-text-color: #ffff;
--header-logo-size: 34px;
--header-family: 'Prata', serif;
;
--header-weight: 400;
--subtitle-logo-size: 20px;
--subtitle-family: 'Prata', serif;
--subtitle-weight: 400;
--slideshow-title-font: 80px;
--slideshow-desc-font: 12px;
} .mobile [data-aios-animation] {
animation: none !important;
opacity: 1 !important;
visibility: visible !important;
}  body {
font-family: var(--body-font);
font-size: 15px;
background: #FFF;
color: var(--primary-text-color);
margin: 0;  }
a:hover,
a:active {
color: inherit;
text-decoration: none;
}
a {
color: #333333;
;
}
.slick-slide {
outline: none !important;
}
.site-easing {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.site-link {
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.site-link::after {
content: '';
display: block;
width: 100%;
height: 2px;
background: var(--primary-color);
margin: 9px auto 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.site-link.is-text-white::after {
background: #ffffff;
}
.site-link,
a.site-link,
a.site-link:hover {
color: var(--primary-color);
}
.site-link.is-text-white,
a.site-link.is-text-white,
a.site-link.is-text-white:hover {
color: #ffffff;
}
a.site-link:hover::after {
width: 80%;
} #contact-form {
padding: 86px 0;
position: relative;
font-size: 0;
}
.cf-holder {
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/contact-bg.jpg) no-repeat center center / cover;
position: relative;
padding: 132px 15px;
}
.cf-holder::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000;
opacity: 0.2;
z-index: 1;
}
.cf-inner {
position: relative;
z-index: 2;
max-width: 615px;
margin: auto;
background: rgba(255, 255, 255, 0.9);
padding: 77px 85px 75px;
}
.cf-inner .section-title {
text-align: center;
margin-bottom: 30px;
}
.cf-inner form {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.cf-inner .field-input {
margin-bottom: 18px;
position: relative;
width: 50%;
padding: 5px;
}
.cf-inner .field-input:nth-last-of-type(2),
.cf-inner .field-input.field-lg {
width: 100%;
}
.cf-inner .field-input input[type="text"],
.cf-inner .field-input input[type="email"],
.cf-inner .field-input input[type="tel"],
.cf-inner .field-input textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid transparent;
border-bottom: 1px solid #adadad;
background: none;
font-size: 14px;
color: #2b2b2b;
letter-spacing: 0.05em;
width: 100%;
height: 38px;
outline: none;
transition: all 0.3s ease-in-out;
padding: 0 5px;
}
.cf-inner .field-input textarea {
resize: none;
padding-top: 14px;
height: 100px;
}
.cf-inner .form-btn {
color: var(--primary-color);
padding-top: 30px;
width: 100%;
}
.cf-inner .field-input input[type="text"]:focus,
.cf-inner .field-input input[type="email"]:focus,
.cf-inner .field-input input[type="tel"]:focus,
.cf-inner .field-input textarea:focus{
border-color: #adadad;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px #adadad, 0 0 8px #adadad;
box-shadow: inset 0 0 1px #adadad, 0 0 8px #adadad;
}
.cf-inner .form-btn:hover {
color: var(--secondary-color);
}
.cf-inner .form-btn input {
opacity: 1;
width: 100%;
height: auto;
font-size: 16px;
text-transform: uppercase;
display: block;
margin: auto;
background: var(--primary-color);
color: #fff;
max-width: 200px;
padding: 10px 0;
border: 1px solid transparent;
}
.cf-inner .form-btn input:hover {
border: 1px solid var(--primary-color);
background: transparent;
color: var(--primary-color);
}
.cf-inner .form-btn i {
font-size: 32px;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.cf-inner .wpcf7-form-control-wrap {
display: block;
}
.cf-inner .use-floating-validation-tip span.wpcf7-not-valid-tip {
font-size: 12px;
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0, -50%);
}
.cf-inner div.wpcf7 .ajax-loader {
position: absolute;
margin: auto;
right: 0;
bottom: -15px;
left: 0;
margin: auto;
}
.cf-inner div.wpcf7-response-output {
padding: 5px 0;
font-size: 14px;
width: 100%;
color: #000000 !important;
text-align: center;
position: absolute;
bottom: -50px;
margin: 0;
} #call-to-action {
position: relative;
font-size: 0;
margin-bottom: 60px;
}
#call-to-action * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cta-holder {}
.cta-holder .row {
margin: 0 -3px;
}
.cta-col {
padding: 3px;
}
.cta-col a {
display: block;
position: relative;
height: 292px;
background: var(--primary-color);
text-align: center;
}
.cta-col a:hover {
background: var(--secondary-color);
}
.cta-col.pattern-on-active a::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/cta-pattern.png) no-repeat center center / cover;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cta-col a:hover::before {
opacity: 0.1;
}
.cta-col a::after {
content: '';
display: block;
position: absolute;
width: calc(100% - 16px);
height: calc(100% - 16px);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: 1px solid #ffffff;
opacity: 0.25;
z-index: 2;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cta-col a:hover::after {
border-color: var(--secondary-color);
}
.cta-col a div {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
z-index: 3;
text-transform: capitalize;
}
.cta-col strong {
display: block;
font: 400 30px/1.2 var(--heading-font);
color: var( --secondary-text-color);
letter-spacing: 0.08em;
}
.cta-col a:hover strong {
color: var(--primary-color);
}
.cta-col span {
max-height: 0;
opacity: 0;
}
.cta-col a:hover span {
margin-top: 38px;
max-height: 100%;
opacity: 1;
} .fixed-contact-details {
position: fixed;
right: 25px;
top: 0;
height: 100%;
z-index: 100;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.fixed-contact-details a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 38px;
height: 38px;
color: var(--primary-color);
background: #fff;
border-radius: 100%;
border: solid 1px #a6a6a6;
font-size: 16px;
margin: 6px 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.fixed-contact-details a:hover {
color: #fff;
background: var(--primary-color);
}
.fixed-contact-details em.ai-font-phone-alt {
font-size: 13px;
}
.fixed-contact-details em.ai-font-envelope-f {
font-size: 12px;
}
.fixed-contact-details a.asis-mailto-obfuscated-email {
margin-bottom: 27px;
}
.section-title {}
.section-title h1,
.section-title h2 {
font: 400 35px/1.2 var(--heading-font);
color: var(--primary-color);
letter-spacing: 0.08em;
text-transform: uppercase;
}
.section-title .is-text-smaller {
font-size: 30px;
}
.section-title .is-text-white {
color: var(--secondary-text-color);
}
div[class*="bg-pattern"] {
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/bg-pattern.png) repeat center top;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
opacity: 0.05;
}
div.bg-pattern[data-pattern="1"] {
top: -22px;
background-position: center bottom;
}
div.bg-pattern[data-pattern="2"] {
top: -70px;
}
div.bg-pattern[data-pattern="3"] {
background-position: center bottom;
}
div.bg-pattern[data-pattern="4"] {
top: 182px;
}
#main-wrapper {
overflow: hidden;
}
[data-aios-staggered-parent=true]:not([data-aios-reveal-mobile=true]) {
overflow: visible;
}  #main-header {
position: fixed;
width: 100%;
z-index: 1028;
font-size: 0;
min-height: 90px;
}
#main-header * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#main-header::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: var(--primary-color);
opacity: 1;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
#main-header.show-fh::before {
opacity: 0.85;
}
#main-header .container {
position: relative;
z-index: 2;
}
#main-header .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
#main-header .row:before,
#main-header .row:after {
display: none;
}
#main-header .hdr-logo,
#main-header .hdr-navi {
float: none;
position: relative;
}
.hdr-logo {
padding-top: 45px;
padding-bottom: 45px;
}
#main-header.show-fh .hdr-logo {
padding-top: 13px;
padding-bottom: 13px;
}
.hdr-logo a {
display: inline-block;
}
.hdr-logo a span {
font: var(--header-weight) var(--header-logo-size)/1.2 var(--header-family);
color: var( --secondary-text-color);
letter-spacing: 0.18em;
display: inline-block;
vertical-align: text-bottom;
}
.hdr-logo a em {
display: block;
font-size: var(--subtitle-logo-size);
font-family: var(--subtitle-family);
font-weight: var(--subtitle-weight);
color: #fff;
font-style: normal;
}
.hdr-logo a img {
display: inline-block;
width: 100%;
max-width: 350px;
}
.hdr-navi {
text-align: right;
}
#nav {}
#nav li {
display: block;
position: relative;
}
#nav li a {
display: block;
position: relative;
font-size: 14px;
font-weight: 600;
color: var(--secondary-text-color);
line-height: 1;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: uppercase;
}
#nav > li {
display: inline-block;
vertical-align: middle;
margin: 0 22px;
}
#nav > li:first-child {
margin-left: 0;
}
#nav > li:last-child {
margin-right: 0;
}
#nav > li > a {}
#nav > li > a::after {
content: '';
display: block;
position: absolute;
width: 0;
height: 2px;
left: 0;
right: 0;
bottom: -8px;
margin: auto;
background: #ffffff;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#nav > li:hover > a::after {
width: 100%;
}
#nav .sub-menu {
display: block;
position: absolute;
width: 100%;
min-width: 200px;
text-align: center;
opacity: 0;
pointer-events: none;
transform: translateY(10px);
}
#nav .sub-menu .sub-menu {
margin-left: 0;
top: 0;
}
#nav > li > .sub-menu {
left: -150%;
right: -150%;
margin: auto;
padding-top: 15px;
}
#main-header.show-fh #nav > li > .sub-menu {
padding-top: 43px;
}
#nav li:hover > .sub-menu {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
#nav .sub-menu li {}
#nav .sub-menu li a {
padding: 10px;
background: #ffffff;
color: #333333;
}
#nav .sub-menu li:hover > a {
background: var(--primary-color);
color: #ffffff;
} #testimonials {
background: var(--primary-color);
padding: 112px 0 108px;
position: relative;
font-size: 0;
margin: 30px 0 0;
}
.ip-container #testimonials {
padding-bottom: 0;
}
#testimonials .section-title {
text-align: center;
margin-bottom: 60px;
}
.ts-holder {}
.ts-slick {}
.ts-slide {
text-align: center;
}
.ts-slick:not(.slick-initialized) .ts-slide {
display: none;
}
.ts-slick:not(.slick-initialized) .ts-slide:first-child {
display: block;
}
.ts-slide p {
font-size: 16px;
font-weight: 400;
color: #ffffff;
line-height: 1.6;
letter-spacing: 0.05em;
width: 915px;
max-width: calc(100% - 140px);
margin: auto;
position: relative;
}
.ts-slide p::before {
content: '“';
display: block;
position: absolute;
font: 400 101px/1 var(--heading-font);
color: #ffffff;
letter-spacing: 0.05em;
opacity: 0.23;
left: -70px;
top: 0;
bottom: 0;
height: 30px;
margin: auto;
}
.ts-slide p::after {
content: '”';
display: block;
position: absolute;
font: 400 101px/1 var(--heading-font);
color: #ffffff;
letter-spacing: 0.05em;
opacity: 0.23;
right: -70px;
top: 0;
bottom: 0;
height: 30px;
margin: auto;
}
.ts-slide span {
display: block;
font-size: 16px;
font-weight: 500;
color: #ffffff;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
margin: 32px 0 62px;
}
.ts-slide a {}
.ts-slick .slick-dots {
text-align: center;
margin-top: 80px;
}
.ts-slick .slick-dots li {
display: inline-block;
vertical-align: middle;
width: 15px;
background: var(--primary-color);
margin: 0 3px;
cursor: pointer;
height: 15px;
border-radius: 50%;
border: 1px solid var( --secondary-text-color);
}
.ts-slick .slick-dots li.slick-active {
background: var( --secondary-text-color);
border-color: var( --secondary-text-color);
}
.ts-slick .slick-dots button {
display: none;
} #featured-communities {
padding: 92px 0 0;
position: relative;
font-size: 0;
}
#featured-communities * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#featured-communities .section-title {
text-align: center;
margin-bottom: 56px;
}
.fc-holder {}
.fc-holder .row {
margin: 0 -1px;
}
.fc-col {
padding: 1px;
}
.fc-col a {
display: block;
position: relative;
}
.fc-img {
position: relative;
z-index: 1;
}
.fc-img::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000;
opacity: 0.2;
z-index: 2;
}
.fc-img canvas {
display: block;
width: 100%;
background-color: var(--secondary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.fc-txt {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.fc-col a:hover .fc-txt {
background: var(--secondary-color);
}
.fc-txt::before,
.fc-txt::after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.fc-txt::before {
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 1px solid var(--secondary-color-dark);
z-index: 3;
}
.fc-col a:hover .fc-txt::before {
opacity: 0.25;
}
.fc-txt::after {
width: calc(100% - 2px);
height: calc(100% - 2px);
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/fc-pattern.png) repeat center center;
z-index: 2;
}
.fc-col a:hover .fc-txt.pattern-on-active::after {
opacity: 0.1;
}
.fc-txt div {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.fc-txt strong {
display: block;
color: #fefeff;
letter-spacing: 0.08em;
font-weight: 400 !important;
font-size: 30px;
line-height: 1;
font-family: var(--heading-font);
}
.fc-col a:hover .fc-txt strong {
color: var(--primary-color);
}
.fc-txt span {
max-height: 0;
opacity: 1;
font-size: 30px;
color: #fff;
}
.fc-col a:hover .fc-txt span {
max-height: 100%;
opacity: 1;
margin-top: 48px;
}
.fc-txt span.site-link {
font-size: 15px;
padding-top: 18px;
} #main-footer {
background: var(--primary-color);
position: relative; padding: 50px 0;
text-align: center;
font-size: 0;
}
#main-footer.pattern-on-active::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/bg-pattern.png) repeat center center;
z-index: 1;
opacity: 0.05;
}
#main-footer * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#main-footer .container {
position: relative;
z-index: 2;
}
.ftr-contact { margin-bottom: 0 !important;
}
.ftr-contact-col {
margin-bottom: 35px;
}
.ftr-contact .head-title {
font: 400 24px/1 var(--heading-font);
color: var( --secondary-text-color);
letter-spacing: 0.18em;
margin-bottom: 36px;
text-align: center;
}
.ftr-contact .head-title a {
color: inherit;
line-height: 1.2;
}
.ftr-contact .head-title a em {
display: block;
font-size: 20px;
font-style: normal;
font-family: var(--subtitle-family);
}
.ftr-contact .head-title img {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 300px;
}
.ftr-contact-info {
font-size: 16px;
font-weight: 300;
color: var(--secondary-text-color);
line-height: 1.5;
letter-spacing: 0.02em;
}
.ftr-contact-info a {
color: var(--secondary-text-color);
}
.ftr-contact-info a:hover {
color: var(--secondary-color-dark);
}
.ftr-brokerage {
margin-bottom: 104px;
}
.ftr-brokerage a {
display: inline-block;
}
.ftr-smis { margin-bottom: 15px;
}
.ftr-smis a {
display: inline-block;
vertical-align: middle;
width: 48px;
height: 48px;
border-radius: 50%;
color: var(--primary-color);
background: var( --secondary-text-color);
margin: 0 6px;
border: 1px solid var( --secondary-text-color);
}
.ftr-smis a:hover {
background: var(--primary-color);
color: var(--secondary-text-color);
}
.ftr-smis a i {
font-size: 22px;
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
.ftr-navi {
margin-bottom: 14px;
display: none;
}
.footernav {}
.footernav li {
display: inline-block;
margin: 0 11px;
}
.footernav li a {
display: block;
font-size: 12px;
font-weight: 300;
color: var(--secondary-text-color);
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.footernav li:hover a {
color: var(--secondary-color);
text-decoration: underline;
}
.ftr-copyright {
font-size: 12px;
font-weight: 300;
color: var(--secondary-text-color);
line-height: 1.2;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.ftr-copyright a {
color: var(--secondary-text-color);
}
.ftr-copyright a:hover {
color: var(--secondary-color-dark);
}
.ftr-disclaimer {
font-size: 12px;
font-weight: 300;
color: var(--secondary-text-color);
line-height: 1.8;
letter-spacing: 0.02em; margin: auto auto 20px;
}
.ftr-realtors {}
.ftr-realtors i {
display: inline-block;
font-size: 24px;
color: var(--secondary-text-color);
margin: 0 3px;
}
#inner-page-wrapper {
overflow: hidden;
}
.aios-testimonials-popup {
height: auto !important;
}
section#aios-testimonials > .container {
width: 100%;
padding: 0;
}
#aios-testimonials .aios-testimonials {
margin: 0 !important;
}
.ai-testimonials-pagination ul li.aios-testimonialsNext a, .ai-testimonials-pagination ul li.aios-testimonialsPrev a {
color: #000 !important;
} @media (min-width: 768px) {
.container-expander {
margin-left: calc((100vw - 720px) / -2);
margin-right: calc((100vw - 720px) / -2);
}
}
@media (min-width: 992px) {
.container-expander {
margin-left: calc((100vw - 940px) / -2);
margin-right: calc((100vw - 940px) / -2);
}
}
@media (min-width: 1200px) {
.container-expander {
margin-left: calc((100vw - 1140px) / -2);
margin-right: calc((100vw - 1140px) / -2);
}
}
@media only screen and (min-width: 1366px) {
.custom-container {
width: 1330px;
}
.container-expander {
margin-left: calc((100vw - 1300px) / -2);
margin-right: calc((100vw - 1300px) / -2);
}
}
@media only screen and (min-width: 1500px) {
.custom-container {
width: 1480px;
}
}
@media only screen and (max-width: 1365px) {
#main-header {}
#nav > li {
margin: 0 4px;
}
}
@media (min-width: 1200px) {
#nav > li {
margin-left: 5px!important;
}
} @media only screen and (max-width: 1199px) {
#main-header {}
#nav li a {
font-size: 12px;
}
#nav > li {
margin: 0 9px;
}
#main-header.show-fh #nav > li > .sub-menu {
padding-top: 40px;
}
#communities {}
.fc-txt strong {
font-size: 25px;
}
.hdr-logo a span {
font-size: 30px;
}
} @media only screen and (max-width: 991px) {
.amh-header-buttons,
.amh-navigation{
background: var(--primary-color) !important;
color: var( --secondary-text-color);
}
.amh-navigation .amh-menu li{
border-color: var(--primary-color-dark) !important;
}
.amh-navigation .amh-menu li ul{
background: var(--primary-color-dark) !important;
}
.amh-navigation .amh-menu li a{
color: var( --secondary-text-color) !important;
}
.amh-navigation .amh-menu li:hover > a, .amh-navigation .amh-menu li.open > a{
background: var(--primary-color-dark) !important;
}
#main-wrapper {
padding-top: 52px;
}
#main-header {
position: relative;
background: var(--primary-color);
z-index: 1;
min-height: 0;
}
#main-header::before {
background: var(--primary-color);
}
.hdr-logo {
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
width: 100%;
}
#call-to-action {}
#call-to-action .cta-col a {
max-width: 360px;
margin: auto;
}
#communities {}
.fc-col a {
max-width: 360px;
margin: auto;
}
.cf-inner {
padding: 77px 30px;
}
.cf-inner .field-input {
width: 100% !important;
}
} @media only screen and (max-width: 767px) {
.fixed-contact-details {
display: none;
}
} @media only screen and (max-width: 480px) {
.section-title h1,
.section-title h2 {
font-size: 30px;
}
.section-title .is-text-smaller,
.section-title .is-text-smaller {
font-size: 20px;
}
#call-to-action {}
#call-to-action .cta-col strong {
font-size: 25px;
}
.cf-inner {
padding: 77px 15px;
}
div#ihf-advsearch-features label {
padding: 0;
}
}
#call-to-action, #welcome, #featured-communities, #latest-news, #contact-form, #main-footer {
display: none;
}
#featured-properties, #testimonials {
opacity: 0;
}
.grecaptcha-badge {
display: none!important;
}#aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-img canvas {
min-height: 77vh !important;
} #hero {
font-size: 0;
position: relative;
}
.ss-holder {}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline,
.ss-holder .cycloneslider-template-video .cycloneslider-caption {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
z-index: 1;
width: 100%;
height: auto;
margin: auto;
text-align: center;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: transparent;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-title {
margin: 0;
font-size: var(--slideshow-title-font);
font-weight: 400;
line-height: 1;
font-family: var(--heading-font);
width: auto;
text-transform: capitalize;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-description {
font-size: var(--slideshow-desc-font);
margin: 15px;
} #quick-search {
position: relative;
padding: 70px 0;
font-size: 0;
z-index: 5;
}
#quick-search .section-title {
text-align: center;
margin-bottom: 28px;
}
.qs-holder {}
.qs-holder p {
font-size: 12px;
text-align: right;
padding: 15px 0 0;
display: block;
}
.qs-inner {
max-width: 925px;
margin: auto;
}
.qs-inner form {}
.qs-inner .field-input {
display: inline-block;
vertical-align: middle;
width: 73.29%;
}
.qs-inner .field-input .bootstrap-select>.dropdown-toggle,
.qs-inner .field-input input,
.qs-inner .field-input select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-bottom: 1px solid var(--primary-color);
background: none;
font-size: 14px;
color: #2b2b2b;
letter-spacing: 0.05em;
width: 100%;
height: 40px;
outline: none;
border-radius: 0;
}
.qs-inner .bootstrap-select.btn-group .dropdown-menu.inner {
max-height: 300px !important;
}
.qs-inner input[type="submit"] {
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: var(--primary-color);
width: 12%;
height: 40px;
font: 400 12px/40px var(--heading-font);
color: #ffffff;
letter-spacing: 0.15em;
text-transform: uppercase;
margin: 0 1.72% 0 1.94%;
outline: none;
}
.field-input .select2-selection.select2-selection--multiple {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-bottom: 1px solid var(--primary-color);
background: none;
font-size: 14px;
color: #2b2b2b;
letter-spacing: 0.05em;
width: 100%;
height: 40px;
outline: none;
border-radius: 0;
}
.qs-inner input[type="submit"]:hover {
background: var(--accent-color);
color: var(--primary-color);
}
.qs-inner a.adv-btn {
display: inline-block;
vertical-align: middle;
font: 400 12px/1 var(--heading-font);
color: var(--primary-color);
letter-spacing: 0.15em;
text-shadow: 0 0 var(--primary-color);
text-transform: uppercase;
}
.qs-inner a.adv-btn:hover {
color: var(--secondary-color);
text-shadow: 0 0 var(--secondary-color);
}
.qs-inner a.adv-btn span {
text-decoration: underline;
}
` #welcome {
padding: 115px 0;
position: relative;
font-size: 0;
}
.welcome-img {}
.welcome-img-inner {
width: calc((100vw - 1140px) / 2 + 100%);
}
.welcome-img img {
width: 100%;
}
.welcome-txt {
padding-top: 50px;
}
.welcome-txt-inner {
padding-right: 68px;
}
.welcome-txt .section-title {
margin-bottom: 35px;
}
.welcome-txt p {
font-size: 15px;
font-weight: 300;
line-height: 1.6;
letter-spacing: 0.05em;
margin: 24px 0;
}
.welcome-txt a.site-link {
margin-top: 22px;
} #featured-properties {
padding: 40px 0;
position: relative;
font-size: 0;
}
#featured-properties * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#featured-properties .section-title {
padding: 0 15px;
text-align: center;
margin-bottom: 50px;
}
.fp-holder {
margin: 0 -1px;
}
.fp-slick {}
.fp-slide {}
.fp-slick:not(.slick-initialized) .fp-slide {
display: none;
}
.fp-slick:not(.slick-initialized) .fp-slide:first-child {
display: block;
}
.fp-slide-inner {
display: flex;
}
.fp-img {
width: 50%;
padding: 0 1px;
}
.fp-img a {
display: block;
}
.fp-img canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.fp-txt {
width: 50%;
padding: 0 1px;
position: relative;
}
.fp-txt {}
.fp-txt::before,
.fp-txt::after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.fp-txt::before {
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 1px solid #b69b61;
z-index: 3;
}
.fp-slide:hover .fp-txt::before {
opacity: 0.25;
}
.fp-txt::after {
width: calc(100% - 2px);
height: calc(100% - 2px);
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/fp-pattern.png) repeat center center;
z-index: 2;
}
.fp-slide:hover .fp-txt.pattern-on-active::after {
opacity: 0.1;
}
.fp-txt canvas {
display: block;
width: 100%;
background: var(--secondary-color);
opacity: 0;
position: relative;
z-index: 1;
height: 100%;
}
.fp-slide:hover .fp-txt canvas {
opacity: 1;
}
.fp-txt>div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
min-width: 450px;
z-index: 4;
}
.fp-price {
font: 400 36px/1 var(--heading-font);
color: var(--primary-color);
letter-spacing: 0.1em;
}
.fp-address {
font: 400 24px/1.3 var(--heading-font);
color: var(--primary-color);
letter-spacing: 0.1em;
margin: 60px 0 70px;
} #social-feeds {
padding: 100px 0;
position: relative;
font-size: 0;
}
#social-feeds * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.sf-holder {}
.sf-holder .row {
margin: 0 -45px;
}
.sf-col {
padding: 18px 45px 0;
}
.sf-col-bg {
position: absolute;
width: calc((100vw - 1450px) / 2 + 100%);
height: 100%;
top: 0;
left: 0;
z-index: 1;
transition: none !important;
}
.sf-col-inner {
max-width: 100%;
position: relative;
z-index: 2;
}
.sf-heading {
display: flex;
flex-wrap: wrap;
align-items: center;
height: 144px;
}
.sf-heading-left {
width: calc(100% - 170px);
}
.sf-heading-left i {
display: inline-block;
vertical-align: middle;
margin-right: 14px;
}
.sf-heading-left div {
display: inline-block;
vertical-align: middle;
}
.sf-heading-left strong {
display: block;
font-size: 19px;
font-weight: 700;
color: var(--primary-color);
line-height: 1;
letter-spacing: 0.02em;
margin-bottom: 6px;
}
.sf-heading-left span {
display: block;
font-size: 12px;
color: #555555;
line-height: 1;
letter-spacing: 0.02em;
}
.sf-heading-right {
width: 170px;
}
.sf-heading-right a {
display: block;
border-radius: 5px;
height: 38px;
background: #ffffff;
text-align: center;
color: #ffffff;
}
.sf-heading-right a:hover {
opacity: 0.8;
}
.sf-heading-right a::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.sf-heading-right i {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.sf-heading-right span {
display: inline-block;
vertical-align: middle;
}
.sf-body {}
#instagram-feed {}
#instagram-feed .sf-col-bg {
display: none;
}
#instagram-feed .sf-heading-left {}
#instagram-feed .sf-heading-left i {
width: 68px;
height: 68px;
border-radius: 50%;
background: #6564e0;
background: -moz-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
background: -webkit-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
background: linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6564e0', endColorstr='#ea4067', GradientType=1);
color: #ffffff;
text-align: center;
padding-top: 14px;
}
#instagram-feed .sf-heading-left i::before {
font-size: 42px;
}
#instagram-feed .sf-heading-right {}
#instagram-feed .sf-heading-right a {
background: #6564e0;
background: -moz-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
background: -webkit-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
background: linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6564e0', endColorstr='#ea4067', GradientType=1);
color: #ffffff;
}
#instagram-feed .sf-heading-right i {
font-size: 22px;
}
#instagram-feed .sf-heading-right span {
font-size: 11px;
line-height: 1;
letter-spacing: 0.02em;
}
.instagram-main-feed {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.instagram-main-feed a {
width: 33.33%;
overflow: hidden;
}
.instagram-main-feed canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.instagram-main-feed a:hover canvas {
transform: scale(1.2);
}
#facebook-feed {
padding-bottom: 31px;
overflow: visible !important;
min-height: 700px;
}
#facebook-feed .simplebar-track {
overflow: hidden;
}
#facebook-feed .sf-col-bg {
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/fb-feed-bg.jpg) no-repeat center center / cover;
}
#facebook-feed .sf-col-bg::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--primary-color);
opacity: 0.8;
}
#facebook-feed .sf-heading-left {}
#facebook-feed .sf-heading-left i {
width: 163px;
height: 33px;
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/icon-facebook-logo.png) no-repeat center center;
}
#facebook-feed .sf-heading-right {}
#facebook-feed .sf-heading-right a {
color: #3b5997;
}
#facebook-feed .sf-heading-right i {
font-size: 18px;
}
#facebook-feed .sf-heading-right span {
font-size: 13px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.facebook-main-feed {
margin-top: -32px;
}
.ff-row {
display: flex;
background-image: linear-gradient(to right, #ffffff 25%, rgba(255, 255, 255, 0) 20%);
background-position: bottom center;
background-size: 4px 1px;
background-repeat: repeat-x;
padding: 32px 0;
}
.ff-row:last-child {
background: none;
}
.ff-img {
width: 100px;
}
.ff-img a {
display: block;
overflow: hidden;
}
.ff-img canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.ff-img a:hover canvas {
transform: scale(1.2);
}
.ff-txt {
padding: 0 62px 0 22px;
width: calc(100% - 100px);
}
a.ff-title {
display: inline-block;
font-size: 25px;
font-weight: 700;
color: #ffffff;
line-height: 1;
margin-bottom: 10px;
}
.ff-title:hover {
opacity: 0.6;
}
.ff-posted {
font-size: 12px;
color: #ffffff;
line-height: 1;
margin-bottom: 20px;
}
.ff-content {
font-size: 13px;
color: #ffffff;
line-height: 1.6;
margin-bottom: 14px;
}
.ff-cta {
font-size: 12px;
color: #ffffff;
line-height: 1;
letter-spacing: 0.02em;
}
.ff-cta a {
display: inline-block;
color: #fff;
}
.ff-cta a:hover {
opacity: 0.6;
} #latest-news {
padding: 100px 0;
position: relative;
font-size: 0;
}
#latest-news * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#latest-news .section-title {
text-align: center;
margin-bottom: 78px;
}
.ln-holder {}
.ln-holder .row {
margin: 0 -1px;
}
.ln-col {
padding: 0 1px;
margin-bottom: 20px;
}
.ln-img {}
.ln-img a {
display: block;
overflow: hidden;
}
.ln-img canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.ln-img a:hover canvas {
transform: scale(1.2) translateZ(0);
}
.ln-txt {
padding: 16px 45px 0 0;
}
.ln-title {}
.ln-title a {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #111111;
line-height: 1.6;
text-transform: uppercase;
}
.ln-title a:hover {
color: var(--primary-color);
}
.ln-content {
font-size: 14px;
color: #7d7d7d;
line-height: 1.6;
letter-spacing: 0.02em;
margin: 14px 0 34px;
}
.ln-holder .row>.site-link {
text-align: center;
margin: 0 auto;
position: relative;
display: block;
width: 127px;
max-width: 100%;
}
.fc-txt span.site-link {
display: none;
} #featured-videos {
text-align: center;
}
#featured-videos .section-title {
text-align: center;
margin-bottom: 78px;
}
.fv-col {
margin-bottom: 30px;
}
.fv-col a {
width: 100%;
height: 100%;
display: block;
background-color: var(--primary-color);
position: relative;
}
.fv-img {
position: relative;
}
.fv-img canvas {
width: 100%;
height: auto;
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fv-col a:hover canvas {
opacity: 0.7;
}
.fv-col a .icon-video {
width: 80px;
height: 80px;
position: absolute;
z-index: 2;
top: calc(50% - 40px);
left: 0;
right: 0;
margin: 0 auto;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50%;
}
.fv-col a .icon-video span {
display: block;
font-size: 25px;
line-height: 80px;
}
#featured-videos .site-link {
margin-top: 20px;
} @media only screen and (min-width: 1366px) {
#social-feeds {}
.sf-col-bg {
width: calc((100vw - 1330px) / 2 + 100%);
}
}
@media only screen and (max-width: 1365px) {
#social-feeds {}
.sf-holder .row {
margin: 0 -15px;
}
.sf-col {
padding: 18px 15px 0
}
.sf-col-bg {
width: calc((100vw - 1140px) / 2 + 100%);
}
} @media only screen and (max-width: 1199px) {
#welcome {}
.welcome-img-inner {
width: calc((100vw - 940px) / 2 + 100%);
}
.welcome-txt-inner {
padding-right: 0;
}
#properties {}
.fp-address {
margin: 40px 0 50px;
}
#social-feeds {}
.sf-col-bg {
width: calc((100vw - 940px) / 2 + 100%);
}
.sf-heading-left {
width: calc(100% - 128px);
}
.sf-heading-left i {
margin-right: 5px;
}
.sf-heading-right {
width: 128px;
}
.sf-heading-right i {
margin-right: 5px;
}
#instagram-feed .sf-heading-left i {
width: 40px;
height: 40px;
padding-top: 8px;
}
#instagram-feed .sf-heading-left i::before {
font-size: 25px;
}
#instagram-feed .sf-heading-right i {
font-size: 16px;
}
#instagram-feed .sf-heading-right span {
font-size: 9px;
}
} @media only screen and (max-width: 991px) {
#quick-search {
text-align: center;
}
.qs-holder p {
text-align: center;
}
#quick-search .qs-inner {
max-width: 360px;
margin: auto;
}
#quick-search .qs-inner .field-input {
width: 100%;
}
#quick-search .qs-inner input[type="submit"] {
display: block;
width: 110px;
margin: 10px auto;
}
#welcome {}
.welcome-img-inner {
width: 100%;
}
.welcome-txt {
text-align: center;
}
#properties {}
.fp-slide-inner {
flex-direction: column;
align-items: center;
}
.fp-img {
width: 720px;
max-width: 100%;
}
.fp-txt {
width: 100%;
}
.fp-txt {
padding: 50px 15px;
}
.fp-txt canvas {
display: none;
}
.fp-txt>div {
position: relative;
top: inherit;
left: inherit;
transform: inherit;
min-width: auto;
}
#social-feeds {}
.sf-col {
margin-bottom: 50px;
}
.sf-col-inner {
max-width: 100%;
}
#facebook-feed .sf-col-bg {
width: calc(100% - 30px);
left: 0;
right: 0;
margin: auto;
}
#facebook-feed .sf-col-inner {
padding: 20px;
}
#latest-news {}
.ln-col {
text-align: center;
margin-bottom: 50px;
}
.ln-img,
.ln-txt {
max-width: 360px;
margin: auto;
}
.ln-txt {
text-align: center;
padding-right: 0;
}
.fv-col a {
max-width: 360px;
margin: 0 auto;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-title {
font-size: 35px;
}
} @media only screen and (max-width: 767px) {
#social-feeds {}
.sf-heading {
flex-direction: column;
height: 160px;
}
.sf-heading-left,
.sf-heading-right {
width: 100%;
text-align: center;
}
.sf-heading-left {}
.sf-heading-left i {
display: block;
margin: auto auto 10px;
}
.sf-heading-left div {
display: block;
}
.sf-heading-right {
margin-top: 20px;
}
.sf-heading-right a {
max-width: 200px;
margin: auto;
}
.ff-txt {
padding: 0 20px;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-title {
font-size: 30px;
}
} @media only screen and (max-width: 480px) {
#call-to-action {}
#call-to-action .cta-col strong {
font-size: 25px;
}
#properties-wrap {}
.fp-price {
font-size: 30px;
}
.fp-address {
font-size: 20px;
}
#social-feeds {}
.ff-row {
flex-direction: column;
text-align: center;
}
.ff-img {
width: 100%;
max-width: 100px;
margin: auto;
}
.ff-txt {
width: 100%;
padding: 20px 0 0;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-title {
font-size: 25px;
}
}
#main-header > .container {
margin: 0 auto;
display: block;
border-radius: 0;
} #featured-videos {
position: relative;
}
#section-hero {
position: relative;
z-index: 101;
}
#section-hero .video-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#section-hero .full-screen-video-component {
position: relative;
height: 100%;
overflow: hidden;
}
#section-hero>.video-wrapper>.full-screen-video-component>.video-player {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#section-hero>.video-wrapper>.full-screen-video-component>.video-player::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
}
#section-hero>.video-wrapper>.full-screen-video-component>.video-player>video {
-webkit-transition: opacity 2s cubic-bezier(0.835, 0, 0.19, 1);
transition: opacity 2s cubic-bezier(0.835, 0, 0.19, 1);
opacity: 0;
}
#section-hero>.video-wrapper>.full-screen-video-component>.video-player.playing>video {
opacity: 1;
}
#section-hero video {
position: absolute;
width: 100%;
object-fit: cover;
}
#section-hero .poster {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: center center / cover;
}
#section-hero .overlay-component {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.30);
transition-property: opacity;
transition-timing-function: linear;
}
#section-hero .middle-content-wrapper {
position: relative;
width: 100%;
min-height: 100vh;
padding-top: 160px;
padding-bottom: 160px;
display: flex;
align-items: center;
overflow: hidden;
}
@media (max-width: 991px) {
#section-hero .middle-content-wrapper {
padding-top: 80px;
padding-bottom: 100px;
}
}
#section-hero .middle-content-wrapper .__content {
max-width: 100%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
#section-hero .middle-content-wrapper .__content .__slider {
margin-bottom: 3em;
}
#section-hero .middle-content-wrapper .__content .__slider:not(.slick-initialized) li:first-child ~ * {
display: none;
}
#section-hero .middle-content-wrapper .__content .__slider .__sub {
margin-bottom: 1.8em;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.15em;
color: #fff;
line-height: 1.8;
text-transform: uppercase;
outline: none;
}
#section-hero .middle-content-wrapper .__content .__slider .slick-slide.slick-active .__sub {
-webkit-animation: pr-htco-fadeInDown 1s ease 0s 1 normal forwards;
animation: pr-htco-fadeInDown 1s ease 0s 1 normal forwards;
}
#section-hero .middle-content-wrapper .__content .__slider .__title {
font-size: 64px; font-family: Roboto, sans-serif;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
white-space: pre-line;
outline: none;
color: #fff;
}
@media (max-width: 991px) {
#section-hero .middle-content-wrapper .__content .__slider .__title {
font-size: 40px;
}
}
@media (max-width: 575px) {
#section-hero .middle-content-wrapper .__content .__slider .__title {
font-size: 34px;
}
}
#section-hero .middle-content-wrapper .__content .__control p.__text {
display: block;
padding-top: 1.5em;
padding-bottom: 2em;
position: relative;
font-size: 24px;
font-weight: 600;
letter-spacing: .1em;
line-height: 1.6;
opacity: .75;
text-transform: uppercase;
color: #fff;
}
@media (max-width: 575px) {
#section-hero .middle-content-wrapper .__content .__control p.__text {
font-size: 20px;
}
}
#section-hero .middle-content-wrapper .__content .__control p.__text::after {
content: "";
position: absolute;
top: .2em;
right: calc(100% - 7em);
width: 100%;
height: 2px;
background: #fff;
opacity: .3;
}
#section-hero .middle-content-wrapper .__content .__control ul.__link {
display: flex;
gap: 3em;
}
#section-hero .middle-content-wrapper .__content .__control ul.__link li a {
display: flex;
justify-content: center;
position: relative;
min-width: 125px;
padding: 1em 0;
color: #fff;
font-size: 14px;
letter-spacing: .05em;
text-transform: uppercase;
border-bottom: 2px solid #000;
text-decoration: none;
}
#section-hero .middle-content-wrapper .__content .__control ul.__link li a::after {
content: '';
position: absolute;
bottom: -2px;
right: 0;
width: 100%;
height: 2px;
background: #eee;
transition: 200ms all ease;
z-index: 1;
}
#section-hero .middle-content-wrapper .__content .__control ul.__link li a:hover::after {
width: 0%;
}
#section-hero .wrapper-button {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0.75em 1em;
background-color: #1a1a1a;
display: flex;
justify-content: center;
}
#section-hero .wrapper-button a {
font-family: 'Prata', serif;
font-size: 13px;
padding: 1em;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
#section-hero .wrapper-button a span::before {
font-size: 10px;
}
#section-hero .poster {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1000;
background: center center / cover;
}
@media (max-width: 991px) {
#section-hero .video-player {
display: none;
}
#section-hero .middle-content-wrapper {
min-height: calc(100vh - 52px - 112px);
}
#section-hero .poster {
display: block;
}
}
@keyframes pr-htco-fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}#hero {
font-size: 0;
position: relative;
}
.ss-holder {}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline,
.ss-holder .cycloneslider-template-video .cycloneslider-caption {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
z-index: 1;
width: 100%;
height: auto;
margin: auto;
text-align: center;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: transparent;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-title {
margin: 0;
font-size: var(--slideshow-title-font);
font-weight: 400;
line-height: 1;
font-family: var(--heading-font);
width: auto;
text-transform: capitalize;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-description {
font-size: var(--slideshow-desc-font);
margin: 15px;
} #quick-search {
position: relative;
padding: 70px 0;
font-size: 0;
z-index: 5;
}
#quick-search .section-title {
text-align: center;
margin-bottom: 28px;
}
.qs-holder {}
.qs-holder p {
font-size: 12px;
text-align: right;
padding: 15px 0 0;
display: block;
}
.qs-inner {
max-width: 925px;
margin: auto;
}
.qs-inner form {}
.qs-inner .field-input {
display: inline-block;
vertical-align: middle;
width: 73.29%;
}
.qs-inner .field-input .bootstrap-select>.dropdown-toggle,
.qs-inner .field-input input,
.qs-inner .field-input select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-bottom: 1px solid var(--primary-color);
background: none;
font-size: 14px;
color: #2b2b2b;
letter-spacing: 0.05em;
width: 100%;
height: 40px;
outline: none;
border-radius: 0;
}
.qs-inner .bootstrap-select.btn-group .dropdown-menu.inner {
max-height: 300px !important;
}
.qs-inner input[type="submit"] {
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: var(--primary-color);
width: 12%;
height: 40px;
font: 400 12px/40px var(--heading-font);
color: #ffffff;
letter-spacing: 0.15em;
text-transform: uppercase;
margin: 0 1.72% 0 1.94%;
outline: none;
}
.field-input .select2-selection.select2-selection--multiple {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-bottom: 1px solid var(--primary-color);
background: none;
font-size: 14px;
color: #2b2b2b;
letter-spacing: 0.05em;
width: 100%;
height: 40px;
outline: none;
border-radius: 0;
}
.qs-inner input[type="submit"]:hover {
background: var(--accent-color);
color: var(--primary-color);
}
.qs-inner a.adv-btn {
display: inline-block;
vertical-align: middle;
font: 400 12px/1 var(--heading-font);
color: var(--primary-color);
letter-spacing: 0.15em;
text-shadow: 0 0 var(--primary-color);
text-transform: uppercase;
}
.qs-inner a.adv-btn:hover {
color: var(--secondary-color);
text-shadow: 0 0 var(--secondary-color);
}
.qs-inner a.adv-btn span {
text-decoration: underline;
}
` #welcome {
padding: 115px 0;
position: relative;
font-size: 0;
}
.welcome-img {}
.welcome-img-inner {
width: calc((100vw - 1140px) / 2 + 100%);
}
.welcome-img img {
width: 100%;
}
.welcome-txt {
padding-top: 50px;
}
.welcome-txt-inner {
padding-right: 68px;
}
.welcome-txt .section-title {
margin-bottom: 35px;
}
.welcome-txt p {
font-size: 15px;
font-weight: 300;
line-height: 1.6;
letter-spacing: 0.05em;
margin: 24px 0;
}
.welcome-txt a.site-link {
margin-top: 22px;
} #featured-properties {
padding: 40px 0;
position: relative;
font-size: 0;
}
#featured-properties * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#featured-properties .section-title {
padding: 0 15px;
text-align: center;
margin-bottom: 50px;
}
.fp-holder {
margin: 0 -1px;
}
.fp-slick {}
.fp-slide {}
.fp-slick:not(.slick-initialized) .fp-slide {
display: none;
}
.fp-slick:not(.slick-initialized) .fp-slide:first-child {
display: block;
}
.fp-slide-inner {
display: flex;
}
.fp-img {
width: 50%;
padding: 0 1px;
}
.fp-img a {
display: block;
}
.fp-img canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.fp-txt {
width: 50%;
padding: 0 1px;
position: relative;
}
.fp-txt {}
.fp-txt::before,
.fp-txt::after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.fp-txt::before {
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 1px solid #b69b61;
z-index: 3;
}
.fp-slide:hover .fp-txt::before {
opacity: 0.25;
}
.fp-txt::after {
width: calc(100% - 2px);
height: calc(100% - 2px);
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/fp-pattern.png) repeat center center;
z-index: 2;
}
.fp-slide:hover .fp-txt.pattern-on-active::after {
opacity: 0.1;
}
.fp-txt canvas {
display: block;
width: 100%;
background: var(--secondary-color);
opacity: 0;
position: relative;
z-index: 1;
height: 100%;
}
.fp-slide:hover .fp-txt canvas {
opacity: 1;
}
.fp-txt>div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
min-width: 450px;
z-index: 4;
}
.fp-price {
font: 400 36px/1 var(--heading-font);
color: var(--primary-color);
letter-spacing: 0.1em;
}
.fp-address {
font: 400 24px/1.3 var(--heading-font);
color: var(--primary-color);
letter-spacing: 0.1em;
margin: 60px 0 70px;
} #social-feeds {
padding: 100px 0;
position: relative;
font-size: 0;
}
#social-feeds * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.sf-holder {}
.sf-holder .row {
margin: 0 -45px;
}
.sf-col {
padding: 18px 45px 0;
}
.sf-col-bg {
position: absolute;
width: calc((100vw - 1450px) / 2 + 100%);
height: 100%;
top: 0;
left: 0;
z-index: 1;
transition: none !important;
}
.sf-col-inner {
max-width: 100%;
position: relative;
z-index: 2;
}
.sf-heading {
display: flex;
flex-wrap: wrap;
align-items: center;
height: 144px;
}
.sf-heading-left {
width: calc(100% - 170px);
}
.sf-heading-left i {
display: inline-block;
vertical-align: middle;
margin-right: 14px;
}
.sf-heading-left div {
display: inline-block;
vertical-align: middle;
}
.sf-heading-left strong {
display: block;
font-size: 19px;
font-weight: 700;
color: var(--primary-color);
line-height: 1;
letter-spacing: 0.02em;
margin-bottom: 6px;
}
.sf-heading-left span {
display: block;
font-size: 12px;
color: #555555;
line-height: 1;
letter-spacing: 0.02em;
}
.sf-heading-right {
width: 170px;
}
.sf-heading-right a {
display: block;
border-radius: 5px;
height: 38px;
background: #ffffff;
text-align: center;
color: #ffffff;
}
.sf-heading-right a:hover {
opacity: 0.8;
}
.sf-heading-right a::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.sf-heading-right i {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.sf-heading-right span {
display: inline-block;
vertical-align: middle;
}
.sf-body {}
#instagram-feed {}
#instagram-feed .sf-col-bg {
display: none;
}
#instagram-feed .sf-heading-left {}
#instagram-feed .sf-heading-left i {
width: 68px;
height: 68px;
border-radius: 50%;
background: #6564e0;
background: -moz-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
background: -webkit-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
background: linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6564e0', endColorstr='#ea4067', GradientType=1);
color: #ffffff;
text-align: center;
padding-top: 14px;
}
#instagram-feed .sf-heading-left i::before {
font-size: 42px;
}
#instagram-feed .sf-heading-right {}
#instagram-feed .sf-heading-right a {
background: #6564e0;
background: -moz-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
background: -webkit-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
background: linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6564e0', endColorstr='#ea4067', GradientType=1);
color: #ffffff;
}
#instagram-feed .sf-heading-right i {
font-size: 22px;
}
#instagram-feed .sf-heading-right span {
font-size: 11px;
line-height: 1;
letter-spacing: 0.02em;
}
.instagram-main-feed {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.instagram-main-feed a {
width: 33.33%;
overflow: hidden;
}
.instagram-main-feed canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.instagram-main-feed a:hover canvas {
transform: scale(1.2);
}
#facebook-feed {
padding-bottom: 31px;
overflow: visible !important;
min-height: 700px;
}
#facebook-feed .simplebar-track {
overflow: hidden;
}
#facebook-feed .sf-col-bg {
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/fb-feed-bg.jpg) no-repeat center center / cover;
}
#facebook-feed .sf-col-bg::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--primary-color);
opacity: 0.8;
}
#facebook-feed .sf-heading-left {}
#facebook-feed .sf-heading-left i {
width: 163px;
height: 33px;
background: url(//avilsoleiman.com/wp-content/themes/aix-quantum/frontend/images/icon-facebook-logo.png) no-repeat center center;
}
#facebook-feed .sf-heading-right {}
#facebook-feed .sf-heading-right a {
color: #3b5997;
}
#facebook-feed .sf-heading-right i {
font-size: 18px;
}
#facebook-feed .sf-heading-right span {
font-size: 13px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.facebook-main-feed {
margin-top: -32px;
}
.ff-row {
display: flex;
background-image: linear-gradient(to right, #ffffff 25%, rgba(255, 255, 255, 0) 20%);
background-position: bottom center;
background-size: 4px 1px;
background-repeat: repeat-x;
padding: 32px 0;
}
.ff-row:last-child {
background: none;
}
.ff-img {
width: 100px;
}
.ff-img a {
display: block;
overflow: hidden;
}
.ff-img canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.ff-img a:hover canvas {
transform: scale(1.2);
}
.ff-txt {
padding: 0 62px 0 22px;
width: calc(100% - 100px);
}
a.ff-title {
display: inline-block;
font-size: 25px;
font-weight: 700;
color: #ffffff;
line-height: 1;
margin-bottom: 10px;
}
.ff-title:hover {
opacity: 0.6;
}
.ff-posted {
font-size: 12px;
color: #ffffff;
line-height: 1;
margin-bottom: 20px;
}
.ff-content {
font-size: 13px;
color: #ffffff;
line-height: 1.6;
margin-bottom: 14px;
}
.ff-cta {
font-size: 12px;
color: #ffffff;
line-height: 1;
letter-spacing: 0.02em;
}
.ff-cta a {
display: inline-block;
color: #fff;
}
.ff-cta a:hover {
opacity: 0.6;
} #latest-news {
padding: 100px 0;
position: relative;
font-size: 0;
}
#latest-news * {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#latest-news .section-title {
text-align: center;
margin-bottom: 78px;
}
.ln-holder {}
.ln-holder .row {
margin: 0 -1px;
}
.ln-col {
padding: 0 1px;
margin-bottom: 20px;
}
.ln-img {}
.ln-img a {
display: block;
overflow: hidden;
}
.ln-img canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.ln-img a:hover canvas {
transform: scale(1.2) translateZ(0);
}
.ln-txt {
padding: 16px 45px 0 0;
}
.ln-title {}
.ln-title a {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #111111;
line-height: 1.6;
text-transform: uppercase;
}
.ln-title a:hover {
color: var(--primary-color);
}
.ln-content {
font-size: 14px;
color: #7d7d7d;
line-height: 1.6;
letter-spacing: 0.02em;
margin: 14px 0 34px;
}
.ln-holder .row>.site-link {
text-align: center;
margin: 0 auto;
position: relative;
display: block;
width: 127px;
max-width: 100%;
}
.fc-txt span.site-link {
display: none;
} #featured-videos {
text-align: center;
}
#featured-videos .section-title {
text-align: center;
margin-bottom: 78px;
}
.fv-col {
margin-bottom: 30px;
}
.fv-col a {
width: 100%;
height: 100%;
display: block;
background-color: var(--primary-color);
position: relative;
}
.fv-img {
position: relative;
}
.fv-img canvas {
width: 100%;
height: auto;
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fv-col a:hover canvas {
opacity: 0.7;
}
.fv-col a .icon-video {
width: 80px;
height: 80px;
position: absolute;
z-index: 2;
top: calc(50% - 40px);
left: 0;
right: 0;
margin: 0 auto;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50%;
}
.fv-col a .icon-video span {
display: block;
font-size: 25px;
line-height: 80px;
}
#featured-videos .site-link {
margin-top: 20px;
} @media only screen and (min-width: 1366px) {
#social-feeds {}
.sf-col-bg {
width: calc((100vw - 1330px) / 2 + 100%);
}
}
@media only screen and (max-width: 1365px) {
#social-feeds {}
.sf-holder .row {
margin: 0 -15px;
}
.sf-col {
padding: 18px 15px 0
}
.sf-col-bg {
width: calc((100vw - 1140px) / 2 + 100%);
}
} @media only screen and (max-width: 1199px) {
#welcome {}
.welcome-img-inner {
width: calc((100vw - 940px) / 2 + 100%);
}
.welcome-txt-inner {
padding-right: 0;
}
#properties {}
.fp-address {
margin: 40px 0 50px;
}
#social-feeds {}
.sf-col-bg {
width: calc((100vw - 940px) / 2 + 100%);
}
.sf-heading-left {
width: calc(100% - 128px);
}
.sf-heading-left i {
margin-right: 5px;
}
.sf-heading-right {
width: 128px;
}
.sf-heading-right i {
margin-right: 5px;
}
#instagram-feed .sf-heading-left i {
width: 40px;
height: 40px;
padding-top: 8px;
}
#instagram-feed .sf-heading-left i::before {
font-size: 25px;
}
#instagram-feed .sf-heading-right i {
font-size: 16px;
}
#instagram-feed .sf-heading-right span {
font-size: 9px;
}
} @media only screen and (max-width: 991px) {
#quick-search {
text-align: center;
}
.qs-holder p {
text-align: center;
}
#quick-search .qs-inner {
max-width: 360px;
margin: auto;
}
#quick-search .qs-inner .field-input {
width: 100%;
}
#quick-search .qs-inner input[type="submit"] {
display: block;
width: 110px;
margin: 10px auto;
}
#welcome {}
.welcome-img-inner {
width: 100%;
}
.welcome-txt {
text-align: center;
}
#properties {}
.fp-slide-inner {
flex-direction: column;
align-items: center;
}
.fp-img {
width: 720px;
max-width: 100%;
}
.fp-txt {
width: 100%;
}
.fp-txt {
padding: 50px 15px;
}
.fp-txt canvas {
display: none;
}
.fp-txt>div {
position: relative;
top: inherit;
left: inherit;
transform: inherit;
min-width: auto;
}
#social-feeds {}
.sf-col {
margin-bottom: 50px;
}
.sf-col-inner {
max-width: 100%;
}
#facebook-feed .sf-col-bg {
width: calc(100% - 30px);
left: 0;
right: 0;
margin: auto;
}
#facebook-feed .sf-col-inner {
padding: 20px;
}
#latest-news {}
.ln-col {
text-align: center;
margin-bottom: 50px;
}
.ln-img,
.ln-txt {
max-width: 360px;
margin: auto;
}
.ln-txt {
text-align: center;
padding-right: 0;
}
.fv-col a {
max-width: 360px;
margin: 0 auto;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-title {
font-size: 35px;
}
} @media only screen and (max-width: 767px) {
#social-feeds {}
.sf-heading {
flex-direction: column;
height: 160px;
}
.sf-heading-left,
.sf-heading-right {
width: 100%;
text-align: center;
}
.sf-heading-left {}
.sf-heading-left i {
display: block;
margin: auto auto 10px;
}
.sf-heading-left div {
display: block;
}
.sf-heading-right {
margin-top: 20px;
}
.sf-heading-right a {
max-width: 200px;
margin: auto;
}
.ff-txt {
padding: 0 20px;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-title {
font-size: 30px;
}
} @media only screen and (max-width: 480px) {
#call-to-action {}
#call-to-action .cta-col strong {
font-size: 25px;
}
#properties-wrap {}
.fp-price {
font-size: 30px;
}
.fp-address {
font-size: 20px;
}
#social-feeds {}
.ff-row {
flex-direction: column;
text-align: center;
}
.ff-img {
width: 100%;
max-width: 100px;
margin: auto;
}
.ff-txt {
width: 100%;
padding: 20px 0 0;
}
.ss-holder #aios-slider-homepage-slidershow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title,
.ss-holder .cycloneslider-template-video .cycloneslider-caption .cycloneslider-caption-title {
font-size: 25px;
}
}