@font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('Helvetica'), url('../fonts/helvetica.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica Rounded Bold';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('Helvetica Rounded Bold'), url('../fonts/helvetica-rounded-bold.woff') format('woff');
}

.main-header .start-header {
    background: #315d80;
    opacity: 1;
    padding: 8px 0;
    transform: translateY(0);
    transition: all .3s ease-out
}

.main-header .start-header.scroll-on {
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15);
    padding: 10px 0;
    transition: all .3s ease-out
}

.main-header .start-header.scroll-on .navbar-brand img {
    height: 40px;
    transition: all .3s ease-out
}

.main-header .navigation-wrap {
    left: 0;
    position: fixed;
    top: 0;
    transition: all .3s ease-out;
    width: 100%;
    z-index: 1000
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .main-header .navigation-wrap {
        z-index: 1000
    }
}

.main-header .navbar {
    padding: 0
}

.main-header .navbar-brand img {
    display: block;
    height: 50px;
    transition: all .3s ease-out;
    width: auto
}

.main-header .navbar-toggler {
    background: transparent;
    border: none;
    float: right;
    padding-right: 0
}

.main-header .navbar-toggler:active,
.main-header .navbar-toggler:focus {
    box-shadow: none;
    outline: none
}

.main-header .navbar-light .navbar-toggler-icon {
    background-image: none;
    border-bottom: 1px solid #000;
    height: 18px;
    position: relative;
    transition: all .3s linear;
    width: 24px
}

.main-header .navbar-light .navbar-toggler-icon:after {
    top: 8px;
    top: 10px
}

.main-header .navbar-light .navbar-toggler-icon:after,
.main-header .navbar-light .navbar-toggler-icon:before {
    background-color: #000;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .3s linear;
    width: 24px;
    z-index: 2
}

.main-header .navbar-light .navbar-toggler-icon:before {
    top: 3px
}

.main-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    border-color: transparent
}

.main-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
    transform: rotate(45deg)
}

.main-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg)
}

.main-header .nav-link {
    color: #b6cff8 !important;
    display: inline-block;
    font-family: 'Helvetica Rounded Bold';
    font-size: 1rem;
    font-weight: 600;
    padding: 0;
    position: relative;
    transition: all .2s linear
}

.main-header .nav-item {
    padding: 0 .4rem;
    position: relative;
    transition: all .2s linear
}

.main-header .nav-item span {
    color: #000;
    cursor: pointer;
    font-family: 'Helvetica';
    font-weight: 600
}

.main-header .nav-item span a {
    color: #000
}

.main-header .nav-item span:hover {
    color: #315d80
}

.main-header .nav-item span:hover a {
    color: #315d80;
    text-decoration: none
}

.main-header .nav-item:hover .nav-link {
    color: #315d80 !important
}

.main-header .nav-item:hover:after {
    bottom: 0;
    opacity: 1
}

.main-header .nav-item.active .nav-link {
    color: #315d80 !important
}

.main-header .nav-item.active:hover:after {
    opacity: 0
}

.main-header .nav-item:after {
    bottom: -5px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .2s linear;
    width: 100%
}

.main-header .nav-item .dropdown-menu {
    display: block;
    margin: 0;
    max-height: 0;
    opacity: 0;
    padding: 0;
    transform: translate3d(0, 10px, 0);
    transition: all .2s linear;
    visibility: hidden
}

.main-header .nav-item.show .dropdown-menu {
    max-height: 999px;
    opacity: 1;
    transform: translateZ(0);
    visibility: visible
}

.main-header .dropdown-menu {
    background: #fff 0 0 no-repeat padding-box;
    border: none;
    border-radius: 8px;
    box-shadow: 0 0 20px #00000029;
    color: #000;
    font-size: .813rem;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px !important;
    transition: all .2s linear
}

.main-header .dropdown-item {
    border-bottom: 1px solid #eaeaea;
    border-radius: 2px;
    color: #000;
    font-weight: 600;
    padding: 4px 10px;
    transition: all .2s linear
}

.main-header .dropdown-item:last-child {
    border-bottom: 0
}

.main-header .dropdown-item:focus,
.main-header .dropdown-item:hover {
    background-color: #315d80;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .main-header .nav-item {
        padding: 0 2px;
        position: relative;
        transition: all .2s linear
    }
}

@media only screen and (max-width:992px) {
    .main-header .nav-item a {
        font-size: .8rem
    }

    .main-header .navbar-brand img {
        height: 34px
    }

    .main-header .start-header.scroll-on .navbar-brand img {
        height: 30px
    }

    .main-header .dropdown-item {
        font-size: .6rem !important
    }
}

@media only screen and (max-width:1096px) {
    .main-header .nav-item {
        padding: 0
    }

    .main-header .nav-item a {
        font-size: .66rem
    }
}

@media only screen and (max-width:767px) {
    .main-header ul.navbar-nav {
        padding: 20px
    }

    .main-header .nav-item {
        padding: 0 5px
    }

    .main-header .nav-item a {
        font-size: 1.1rem
    }

    .main-header .nav-item span {
        display: block
    }

    .main-header .nav-item a.nav-link.dropdown-toggle {
        display: initial
    }

    .main-header .nav-item:after {
        display: none
    }

    .main-header .nav-item:before {
        background-color: #000;
        border: none;
        content: "";
        display: block;
        height: 1px;
        left: -14px;
        position: absolute;
        top: 13px;
        vertical-align: 0;
        width: 11px
    }

    .main-header .nav-item.single-item:before {
        display: none
    }

    .main-header .dropdown-toggle:after {
        background-color: #000;
        border: none;
        content: "";
        display: block;
        height: 11px;
        left: -18px;
        position: absolute;
        top: 3px;
        transition: all .2s linear;
        vertical-align: 0;
        width: 1px
    }

    .main-header .dropdown-toggle[aria-expanded=true]:after {
        opacity: 0;
        transform: rotate(90deg)
    }

    .main-header .dropdown-menu {
        background-color: transparent;
        box-shadow: none;
        padding: 0 !important;
        transition: all .2s linear
    }

    .main-header .dropdown-toggle[aria-expanded=true]+.dropdown-menu {
        margin-bottom: 20px !important;
        margin-top: 10px !important
    }

    .main-header body.dark .dropdown-toggle:after,
    .main-header body.dark .nav-item:before {
        background-color: #fff
    }

    .main-header body.dark .dropdown-menu {
        background-color: transparent;
        box-shadow: none
    }

    .main-header .dropdown-item {
        font-size: 1rem !important
    }
}

.footer {
    background: #fff;
    font-family: 'Helvetica';
    overflow: hidden;
    padding-top: 140px;
    position: relative;
    z-index: 14
}

.footer:after,
.footer:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.footer .rypm-heading h4 {
    font-weight: 100;
    font-size: 2.1rem
}

.footer .services a {
    color: #315d80;
    display: block;
    padding: 6px 0;
    font-weight: 600;
}

@media only screen and (max-width:767px) {
    .footer .services a {
        font-size: .8rem
    }
}

@media only screen and (max-width:335px) {
    .footer .services a {
        font-size: .7rem
    }
}

.footer .footer-form .form-control {
    border-radius: 8px;
    padding: 1rem .75rem
}

.footer .footer-form .btn {
    font-size: 1.15rem;
    font-weight: 600
}

.footer .footer-form iframe {
    height: 935px;
    left: -16px;
    position: relative;
    top: -15px;
    width: 100%
}

.footer .footer-form select.form-control:not([size]):not([multiple]) {
    height: calc(3.25rem + 2px)
}

.footer .footer-form ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer .footer-form label.zf-labelName {
    display: none
}

.footer .footer-form .phone-input {
    align-items: center;
    display: flex;
    margin: 6px 0 0
}

.footer .footer-form .phone-input input {
    padding: .6rem .75rem
}

.footer .footer-form .phone-input span.zf-symbols {
    display: none
}

.footer .footer-form .phone-input>span {
    margin-left: 10px
}

.footer .footer-form .phone-input h6 {
    color: #fff;
    margin-bottom: 16px;
    width: 60px
}

.footer .footer-bottom {
    padding-bottom: 16px;
    padding-top: 60px
}

.footer .footer-bottom p {
    color: #fff;
    display: block;
    font-size: .875rem;
    font-weight: 400
}

@media only screen and (max-width:992px) {
    .footer .rypm-heading h4 {
        font-size: 1rem;
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    .footer {
        background: #FFF;
        padding-top: 40px
    }

    .footer .services {
        margin-bottom: 20px
    }

    .footer .footer-bottom {
        margin: auto;
        max-width: 290px;
        padding-top: 16px
    }

    .footer .footer-bottom p {
        font-size: 12px
    }
}

.footer-partner-img {
    left: 0;
    margin-top: 20px;
    max-width: 240px;
    position: relative
}

@media only screen and (max-width:768px) {
    .footer-partner-img {
        left: 0;
        margin: 0
    }
}

.footer-partner-img img {
    height: 60px
}

@media only screen and (max-width:991px) {
    .footer-partner-img img {
        height: 45px
    }
}

.footer-partner2-img {
    left: 0;
    margin-top: 20px;
    max-width: 240px;
    padding-right: 0;
    position: relative
}

@media only screen and (min-width:667px) and (max-width:767px) {
    .footer-partner2-img {
        padding-right: 7% !important
    }
}

@media only screen and (min-width:724px) and (max-width:724px) {
    .footer-partner2-img {
        padding-right: 10% !important
    }
}

@media only screen and (min-width:812px) and (max-width:812px) {
    .footer-partner2-img {
        padding-right: 0
    }
}

@media only screen and (max-width:768px) {
    .footer-partner2-img {
        left: 0;
        margin: 0;
        padding-right: 0
    }
}

.footer-partner2-img img {
    height: 60px
}

@media only screen and (max-width:991px) {
    .footer-partner2-img img {
        height: 45px
    }
}

.home-slider .slick-track {
    top: 150px
}

.home-slider .slide,
.home-slider .slider {
    height: 100vh;
    max-height: 510px
}

.home-slider .banner__slider {
    background: #f8f9fe;
    overflow: hidden
}

.home-slider .banner__slider .row {
    margin: 0 auto;
    max-width: 1100px
}

.home-slider .slide {
    overflow: hidden;
    position: relative;
    transition: .5s
}

.home-slider .slide .slide__img {
    height: auto;
    overflow: hidden
}

.home-slider .slide .slide__img img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    height: auto;
    margin: 0 auto;
    max-height: 360px;
    opacity: 1 !important;
    transition: all .5s ease;
    width: 90%
}

.home-slider .slide .slide__img img:first-child {
    background-color: #f8f9fe
}

@media (min-width:767px) {
    .home-slider .slide .slide__img img {
        background-color: #f8f9fe
    }
}

.home-slider .slide .slide__img .third-img {
    margin: 0 auto;
    position: relative;
    top: -40px;
    width: 80%
}

@media only screen and (max-width:1250px) {
    .home-slider .slide .slide__img {
        max-height: 265px
    }
}

.home-slider .slide .slide__content.slide__content__left {
    left: 15%;
    transform: translate(-15%, -50%)
}

.home-slider .slide .slide__content.slide__content__right {
    left: auto;
    right: 15%;
    transform: translate(5%, -50%)
}

.home-slider .slide .slide__content .slide__content--headings {
    padding-top: 100px
}

@media only screen and (max-width:1250px) {
    .home-slider .slide .slide__content .slide__content--headings {
        padding-top: 60px
    }
}

@media only screen and (max-width:768px) {
    .home-slider .slide .slide__content .slide__content--headings {
        padding-top: 40px
    }
}

@media only screen and (max-width:767px) {
    .home-slider .slide .slide__content .slide__content--headings {
        padding-top: 0
    }
}

.home-slider .slide .slide__content h1 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: .9
}

.home-slider .slide .slide__content .btn {
    margin-right: 14px;
    margin-top: 14px
}

.home-slider .slide .slide__content .animated {
    transition: all .1s ease
}

.home-slider .slide .slide__content .top-title {
    font-family: Playball, cursive;
    font-size: 2.5rem
}

.home-slider .slide .slide__content .title {
    font-size: 3.5rem
}

.home-slider .slide .slide__content .button-custom {
    color: #333;
    font-size: 1.5rem;
    padding: 1.2rem 2.5rem;
    text-decoration: none
}

.home-slider .slider [data-animation-in] {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    opacity: 0;
    transition: opacity .1s ease .1s;
    transition: .1s
}

.home-slider .slick-dotted .slick-slider {
    margin-bottom: 30px
}

.home-slider .slick-dots {
    bottom: 25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.home-slider .slick-dots li {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.home-slider .slick-dots li button {
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0px;
    outline: none;
    padding: 5px;
    transition: all .3s ease
}

.home-slider .slick-dots li button:focus,
.home-slider .slick-dots li button:hover {
    outline: none
}

.home-slider .simple-dots .slick-dots li {
    height: 20px;
    width: 20px
}

.home-slider .simple-dots .slick-dots li button {
    background-color: #fff;
    border-radius: 50%;
    height: 20px;
    opacity: .25;
    width: 20px
}

.home-slider .simple-dots .slick-dots li button:focus,
.home-slider .simple-dots .slick-dots li button:hover {
    opacity: 1
}

.home-slider .simple-dots .slick-dots li.slick-active button {
    color: #fff;
    opacity: .75
}

.home-slider .stick-dots .slick-dots li {
    height: 3px;
    width: 50px
}

.home-slider .stick-dots .slick-dots li button {
    background-color: #fff;
    height: 3px;
    opacity: .25;
    padding: 0;
    position: relative;
    width: 50px
}

.home-slider .stick-dots .slick-dots li button:focus,
.home-slider .stick-dots .slick-dots li button:hover {
    opacity: 1
}

.home-slider .stick-dots .slick-dots li.slick-active button {
    color: #fff;
    opacity: .75
}

.home-slider .stick-dots .slick-dots li.slick-active button:focus,
.home-slider .stick-dots .slick-dots li.slick-active button:hover {
    opacity: 1
}

.home-slider .slider-img-2 {
    bottom: -18px;
    position: relative
}

@-webkit-keyframes zoomInImage {
    0% {
        transform: scaleX(1);
        transition: 1s
    }

    to {
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s
    }
}

@keyframes zoomInImage {
    0% {
        transform: scaleX(1);
        transition: 1s
    }

    to {
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s
    }
}

.zoomInImage {
    -webkit-animation-name: zoomInImage;
    animation-name: zoomInImage
}

@-webkit-keyframes zoomOutImage {
    0% {
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s
    }

    to {
        transform: scaleX(1);
        transition: 1s
    }
}

@keyframes zoomOutImage {
    0% {
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s
    }

    to {
        transform: scaleX(1);
        transition: 1s
    }
}

.zoomOutImage {
    -webkit-animation-name: zoomOutImage;
    animation-name: zoomOutImage;
    transition: 1s
}

.slick-nav {
    --active: #315d80;
    --border: #315d80;
    cursor: pointer;
    height: 44px;
    position: absolute;
    top: calc(50% - 30px);
    width: 44px
}

.slick-nav.prev-arrow {
    left: 2%;
    transform: scaleX(-1);
    z-index: 999
}

.slick-nav.next-arrow {
    left: auto;
    right: 2%
}

.slick-nav i {
    display: block;
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -10px;
    position: absolute;
    top: 50%;
    width: 20px
}

.slick-nav i:after,
.slick-nav i:before {
    background: var(--active);
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin: -1px 0 0 -5px;
    position: absolute;
    top: 50%;
    transform-origin: 9px 50%;
    width: 10px
}

.slick-nav i:before {
    transform: rotate(-40deg)
}

.slick-nav i:after {
    transform: rotate(40deg)
}

.slick-nav:after,
.slick-nav:before {
    bottom: 1px;
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px
}

.slick-nav svg {
    stroke-width: 2px;
    stroke-dashoffset: 126;
    stroke-dasharray: 126 126 0;
    color: var(--active);
    display: block;
    height: 44px;
    position: relative;
    transform: rotate(0deg);
    width: 44px;
    z-index: 1
}

.slick-nav.animate svg {
    -webkit-animation: stroke 1s ease .3s forwards;
    animation: stroke 1s ease .3s forwards
}

.slick-nav.animate i {
    -webkit-animation: arrow 1.6s ease forwards;
    animation: arrow 1.6s ease forwards
}

.slick-nav.animate i:before {
    -webkit-animation: arrowUp 1.6s ease forwards;
    animation: arrowUp 1.6s ease forwards
}

.slick-nav.animate i:after {
    -webkit-animation: arrowDown 1.6s ease forwards;
    animation: arrowDown 1.6s ease forwards
}

@-webkit-keyframes stroke {
    52% {
        stroke-dashoffset: 0;
        transform: rotate(-180deg)
    }

    52.1% {
        stroke-dashoffset: 0;
        transform: rotate(-1turn)
    }

    to {
        stroke-dashoffset: 126;
        transform: rotate(-180deg)
    }
}

@keyframes stroke {
    52% {
        stroke-dashoffset: 0;
        transform: rotate(-180deg)
    }

    52.1% {
        stroke-dashoffset: 0;
        transform: rotate(-1turn)
    }

    to {
        stroke-dashoffset: 126;
        transform: rotate(-180deg)
    }
}

@-webkit-keyframes arrow {

    0%,
    to {
        opacity: 1;
        transform: translateX(0)
    }

    23% {
        opacity: 1;
        transform: translateX(17px)
    }

    24%,
    80% {
        opacity: 0;
        transform: translateX(-22px)
    }

    81% {
        opacity: 1;
        transform: translateX(-22px)
    }
}

@keyframes arrow {

    0%,
    to {
        opacity: 1;
        transform: translateX(0)
    }

    23% {
        opacity: 1;
        transform: translateX(17px)
    }

    24%,
    80% {
        opacity: 0;
        transform: translateX(-22px)
    }

    81% {
        opacity: 1;
        transform: translateX(-22px)
    }
}

@-webkit-keyframes arrowUp {

    0%,
    to {
        transform: rotate(-40deg) scaleX(1)
    }

    20%,
    80% {
        transform: rotate(0deg) scaleX(.1)
    }
}

@keyframes arrowUp {

    0%,
    to {
        transform: rotate(-40deg) scaleX(1)
    }

    20%,
    80% {
        transform: rotate(0deg) scaleX(.1)
    }
}

@-webkit-keyframes arrowDown {

    0%,
    to {
        transform: rotate(40deg) scaleX(1)
    }

    20%,
    80% {
        transform: rotate(0deg) scaleX(.1)
    }
}

@keyframes arrowDown {

    0%,
    to {
        transform: rotate(40deg) scaleX(1)
    }

    20%,
    80% {
        transform: rotate(0deg) scaleX(.1)
    }
}

@media only screen and (max-width:1250px) {
    .home-slider .banner__slider .row {
        max-width: 84%
    }

    .home-slider .slide,
    .home-slider .slider {
        max-height: 416px;
        overflow: visible
    }

    .home-slider .slide .slide__img img {
        max-height: 300px;
        width: 68%
    }

    .home-slider .slide .slide__content h1 {
        font-size: 2rem
    }
}

@media only screen and (max-width:1100px) {

    .home-slider .slide,
    .home-slider .slider {
        max-height: 360px
    }

    .home-slider .slide .slide__content h1 {
        font-size: 1.3rem
    }

    .home-slider .slide .slide__content .btn {
        font-size: .8rem;
        margin-right: 6px;
        margin-top: 14px;
        min-width: 100px
    }

    .slick-nav {
        height: 30px;
        top: calc(58% - 30px);
        width: 30px
    }
}

@media only screen and (max-width:768px) {

    .home-slider .slide,
    .home-slider .slider {
        max-height: 320px
    }
}

@media only screen and (max-width:767px) {
    .home-slider .banner__slider .row {
        background: #f8f9fe;
        overflow: hidden
    }

    .home-slider .banner__slider {
        overflow: hidden
    }

    .home-slider .slide,
    .home-slider .slider {
        max-height: 560px
    }

    .home-slider .slide .slide__img {
        align-items: center;
        display: flex;
        height: 186px;
        justify-content: center;
        overflow: hidden
    }

    .home-slider .slide .slide__img img {
        max-height: 230px;
        width: 80%
    }

    .slide__content {
        margin-top: 84px;
        text-align: center
    }

    .col-md-7.order-1 {
        overflow: hidden
    }
}

.home-servies {
    margin-top: 60px;
    padding-bottom: 20px;
    padding-top: 120px;
    position: relative
}

@media only screen and (max-width:991px) {
    .home-servies {
        margin-top: 20px
    }
}

.home-servies:before {
    background: #fdfdfe;
    background: linear-gradient(267deg, #f8f9fe 20%, #fff 90%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 98%, 4% 76%);
    clip-path: polygon(0 0, 100% 0, 100% 98%, 4% 76%);
    content: "";
    height: 760px;
    position: absolute;
    right: 0;
    top: 0;
    width: 74%
}

.home-servies .content p {
    font-size: .9rem
}

.home-servies .content h5 {
    padding-top: 10px
}

.home-servies a,
.home-servies a:hover {
    text-decoration: none;
    margin-top: 2rem
}

.home-servies .box-wrap a {
    background: transparent;
    border: 0;
    color: #315d80;
    padding: 0;
    text-decoration: none;
    transition: right .5s ease
}

.home-servies .box-wrap a i {
    position: relative;
    right: 0;
    transition: right .5s ease
}

.home-servies .box-wrap a:hover {
    color: #fff
}

.home-servies .box-wrap a:hover i {
    right: -5px
}

.home-servies .box-wrap a:hover a {
    text-decoration: none
}

.home-servies .box-wrap ul li {
    color: #315d80
}

@media only screen and (max-width:767px) {
    .home-servies .box-wrap ul li {
        text-align: center
    }

    .home-servies .box-wrap ul li:before {
        display: none
    }
}

@media only screen and (max-width:991px) {
    .home-servies {
        padding-top: 50px
    }

    .home-servies:before {
        height: 100%
    }

    .home-servies .top-40 {
        top: 0
    }

    .home-servies .content {
        margin-bottom: 30px
    }
}

.home-maintenance {
    background-image: url(https://royalyorkpropertymanagement.ca/images/van-mockup.webp);
    background-position: 100% 55%;
    background-repeat: no-repeat;
    background-size: 55% auto;
    padding: 60px 0 70px;
    position: relative
}

.home-maintenance:before {
    background: transparent linear-gradient(359deg, #f8f9fe, #fff 40%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.home-maintenance p {
    max-width: 472px;
    padding-bottom: 10px;
    padding-top: 18px
}

@media only screen and (max-width:767px) {
    .home-maintenance p {
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin-bottom: 0 !important;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width:575px) {
    .home-maintenance.inner-maintenance-services {
        background-size: 50% auto
    }
}

.home-maintenance.inner-maintenance-services:before {
    display: none
}

@media screen and (max-width:3001px) and (min-width:1921px) {
    .home-maintenance {
        background-size: 50% auto;
        padding-top: 135px
    }
}

@media only screen and (max-width:767px) {
    .home-maintenance {
        background-image: none;
        background-size: 0 !important;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 36px #d4daf4;
        margin: -10px 22px 0;
        padding: 34px 0 0;
        transition: all .5s ease
    }

    .home-maintenance h2 {
        color: #315d80 !important;
        font-size: 1.25rem !important;
        font-weight: 600 !important
    }

    .home-maintenance h2 span {
        font-weight: 600
    }

    .home-maintenance .btn {
        background: transparent;
        border: transparent;
        color: #315d80;
        font-size: 1rem !important
    }

    .home-maintenance .btn i {
        margin-left: 2px !important
    }

    .home-maintenance .btn:hover {
        border: transparent !important
    }

    .home-maintenance ul {
        display: none
    }

    .home-maintenance ul li {
        font-size: .8rem;
        text-align: center
    }

    .home-maintenance ul li:before {
        display: none
    }

    .home-maintenance:after {
        align-items: center;
        background: #f8f9fe;
        border-radius: 8px;
        color: #315d80;
        content: "\f013";
        display: block;
        display: flex;
        font-family: Font Awesome\ 5 Free;
        font-size: 30px;
        font-weight: 700;
        height: 80px;
        justify-content: center;
        left: 50%;
        margin: auto;
        position: absolute;
        text-align: center;
        top: 24px;
        transform: translateX(-50%);
        width: 80px
    }

    .home-maintenance .col-md-9 {
        padding-top: 84px
    }
}

@media only screen and (max-width:850px) {
    .home-maintenance .btn {
        font-size: .9rem
    }
}

@media only screen and (max-width:767px) {
    .home-maintenance .btn {
        font-size: .8rem;
        margin-bottom: 20px;
        padding: 10px 16px
    }
}

.properties {
    position: relative;
    z-index: 12
}

@media only screen and (max-width:991px) {
    .properties {
        top: 60px
    }
}

@media only screen and (max-width:767px) {
    .properties {
        top: 0;
        z-index: 10
    }
}

.properties.row {
    height: 100vh;
    overflow: hidden
}

.properties .properties-map {
    height: 100%;
    position: relative;
    top: 76px;
    width: 50%
}

.properties .properties-map iframe {
    height: 2058px;
    z-index: -1
}

.properties .properties-map #property_map {
    height: 100% !important
}

@media only screen and (min-width:768px) and (max-width:1600px) {
    .properties .properties-map #property_map {
        width: 100%
    }
}

@media only screen and (min-width:1920px) and (max-width:2560px) {
    .properties .properties-map {
        height: calc(100vh - 6.5%);
        overflow: hidden;
        width: 50%
    }
}

@media only screen and (min-width:1601px) and (max-width:1920px) {
    .properties .properties-map {
        height: calc(100vh - 8%);
        overflow: hidden;
        width: 50%
    }
}

@media only screen and (min-width:1440px) and (max-width:1600px) {
    .properties .properties-map {
        height: calc(100vh - 10.5%);
        overflow: hidden;
        width: 50%
    }
}

@media only screen and (min-width:1200px) and (max-width:1440px) {
    .properties .properties-map {
        height: calc(100vh - 11.5%);
        overflow: hidden;
        width: 50%
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .properties .properties-map {
        height: calc(100vh - 11%);
        max-height: 150px;
        width: 100%
    }
}

@media only screen and (min-width:1023px) and (max-width:1024px) {
    .properties .properties-map {
        height: calc(100vh - 11%)
    }
}

@media only screen and (min-width:821px) and (max-width:1023px) {
    .properties .properties-map {
        max-height: 65px !important
    }
}

@media only screen and (min-width:813px) and (max-width:820px) {
    .properties .properties-map {
        max-height: 65px !important
    }
}

@media only screen and (max-width:812px) {
    .properties .properties-map {
        max-height: 140px
    }
}

@media only screen and (max-width:808px) {
    .properties .properties-map {
        width: 98%
    }
}

@media only screen and (max-width:768px) {
    .properties .properties-map {
        max-height: 130px;
        position: relative;
        top: 0
    }
}

.properties .properties-map iframe {
    height: 100%;
    width: 100%
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .properties .properties-map.map-expand {
        height: 100% !important;
        height: calc(100vh - 11%);
        min-height: 100vh !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .properties .properties-map.map-expand {
        height: 100% !important;
        max-height: 100vh;
        min-height: 100vh !important
    }
}

@media only screen and (min-width:602px) and (max-width:767px) {
    .properties .properties-map.map-expand {
        height: 100% !important;
        max-height: 100vh;
        min-height: 100vh !important
    }
}

@media only screen and (min-width:575px) and (max-width:601px) {
    .properties .properties-map.map-expand {
        height: 100% !important;
        max-height: 100vh;
        min-height: 100vh !important
    }
}

@media only screen and (min-width:360px) and (max-width:574px) {
    .properties .properties-map.map-expand {
        height: 100% !important;
        max-height: 100vh;
        min-height: 100vh !important
    }
}

@media only screen and (max-width:767px) {
    .properties {
        bottom: 0;
        height: 100vh;
        position: absolute;
        z-index: 0
    }

    .properties,
    .properties #property_map {
        max-height: 100%
    }
}

.property-content {
    background: #fff;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 50%
}

@media only screen and (max-width:1600px) {
    .property-content {
        width: 50%
    }
}

@media only screen and (max-width:1200px) {
    .property-content {
        padding: 0 1rem;
        position: relative;
        top: 0;
        width: 100%
    }
}

.property-content .property-form {
    background-color: #fff;
    box-shadow: 0 -7px 35px #00000029;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 76px;
    width: inherit;
    z-index: 2
}

@media only screen and (max-width:1024px) {
    .property-content .property-form {
        top: 70px !important
    }
}

@media only screen and (max-width:1200px) {
    .property-content .property-form {
        top: 70px !important
    }
}

@media only screen and (max-width:820px) {
    .property-content .property-form {
        top: 60px !important
    }
}

@media only screen and (max-width:812px) {
    .property-content .property-form {
        top: 60px !important
    }
}

@media only screen and (max-width:808px) {
    .property-content .property-form {
        top: 60px !important
    }
}

@media only screen and (max-width:767px) {
    .property-content .property-form {
        left: 0;
        min-height: 134px;
        position: fixed !important;
        top: 60px !important;
        z-index: 9999
    }

    .property-content .property-form .location {
        display: none
    }
}

@media only screen and (max-width:812px) {
    .property-content .property-form.height-full {
        overflow: scroll;
        padding-top: 10px;
        z-index: 999999
    }
}

@media only screen and (max-width:808px) {
    .property-content .property-form.height-full {
        overflow: scroll;
        padding-bottom: 25px;
        padding-top: 10px;
        z-index: 999999
    }
}

@media only screen and (max-width:767px) {
    .property-content .property-form.height-full {
        overflow: scroll;
        z-index: 999999
    }
}

@media only screen and (max-width:576px) {
    .property-content .property-form.height-full .search-fillter-wrap .property-buttons .btn-fix-bottom {
        margin: -10px 10px;
        min-width: auto !important
    }
}

@media only screen and (min-width:576px) and (min-width:666px) {
    .property-content .property-form.height-full .search-fillter-wrap .property-buttons .btn-fix-bottom {
        margin: -10px 10px;
        min-width: auto !important;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .property-content .property-form.height-full .form-group .address-bar-row .address-bar input {
        margin-bottom: 10px !important
    }
}

.property-content .property-form .form-group {
    margin-bottom: 0
}

.property-content .property-form .form-group .form-control {
    border-color: #e7edee;
    border-radius: 5px;
    font-family: 'Helvetica';
    font-size: 14px;
    margin-bottom: 1.3rem
}

.property-content .property-form .form-group select {
    background-position: right 10px top 6px
}

.property-content .property-form .form-group .feedback {
    font-size: 10px;
    left: 20px;
    position: absolute;
    top: 31px
}

.property-content .property-form .property-buttons {
    align-items: center;
    display: flex;
    justify-content: space-around
}

@media only screen and (max-width:767px) {
    .property-content .property-form .property-buttons {
        margin-top: 10px
    }

    .property-content .property-form .property-buttons .btn-fix-bottom {
        bottom: 15%;
        position: absolute;
        width: 43%
    }

    .property-content .property-form .property-buttons .btn-fix-bottom.btn-primary {
        right: 5%
    }

    .property-content .property-form .property-buttons .view-icons {
        justify-content: flex-start;
        margin-top: 0
    }

    .property-content .property-form .property-buttons .btn-outline-primary {
        margin-left: 0
    }
}

@media only screen and (max-width:575px) {
    .property-content .property-form .property-buttons .btn-fix-bottom {
        bottom: 12%;
        position: absolute;
        width: 43%
    }

    .property-content .property-form .property-buttons .btn-fix-bottom.btn-primary {
        right: 6%
    }
}

@media only screen and (max-width:414px) {
    .property-content .property-form .property-buttons .btn-fix-bottom.btn-primary {
        right: 5%
    }
}

.property-content .property-form .property-buttons .btn {
    display: flex;
    min-width: auto;
    width: auto
}

@media only screen and (min-width:667px) and (max-width:767px) {
    .property-content .property-form .property-buttons .btn {
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width:991px) {
    .property-content .property-form .property-buttons .btn {
        min-width: auto
    }
}

@media only screen and (max-width:575px) {
    .property-content .property-form .property-buttons .btn {
        flex: 1 1;
        font-size: .7rem;
        margin-right: 0 !important;
        margin: 8px 8px 8px 0;
        padding: 10px 15px
    }
}

.property-content .property-form .property-buttons .view-icons {
    align-items: center;
    display: flex;
    width: 100%
}

@media only screen and (max-width:767px) {
    .property-content .property-form .property-buttons .view-icons {
        align-self: baseline;
        justify-content: flex-start;
        position: relative
    }
}

.property-content .property-form .property-buttons .view-icons i {
    border: 1px solid #315d80;
    border-radius: 5px;
    color: #315d80;
    cursor: pointer;
    font-size: 26px;
    margin: 0 6px;
    padding: 8px 10px 10px
}

.property-content .property-form .property-buttons .view-icons i:first-child {
    margin-left: 0
}

.property-content .property-form .property-buttons .view-icons i.active,
.property-content .property-form .property-buttons .view-icons i:hover {
    background: #315d80;
    color: #fff
}

@media only screen and (max-width:767px) {
    .property-content .property-form .property-buttons .view-icons i {
        display: none
    }
}

.properties-wrap {
    align-content: flex-start;
    display: flex;
    flex-flow: wrap;
    height: 70vh;
    justify-content: flex-start;
    margin-top: 224px;
    min-height: 300px;
    overflow-y: scroll;
    padding: 20px 6px 50px;
    position: relative;
    -moz-transform: scale(1);
    width: 96%
}

@-moz-document url-prefix() {
    .properties-wrap {
        height: 60vh
    }
}

.properties-wrap a,
.properties-wrap a:hover {
    text-decoration: none
}

@media only screen and (max-width:1200px) {
    .properties-wrap {
        margin-top: 0;
        padding-top: 20px;
        top: 0
    }
}

@media only screen and (min-width:813px) and (max-width:820px) {
    .properties-wrap {
        margin-top: 10%
    }
}

@media only screen and (max-width:768px) {
    .properties-wrap {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .properties-wrap {
        height: calc(100vh - 200px);
        margin-bottom: 64px;
        top: 75px;
        width: 95%
    }
}

@media only screen and (max-width:414px) {
    .properties-wrap {
        width: 95%
    }
}

@media only screen and (max-width:575px) {
    .properties-wrap {
        height: calc(100vh - 200px)
    }
}

@media only screen and (max-width:461px) {
    .properties-wrap {
        display: block;
        height: calc(100vh - 200px);
        position: relative;
        top: 8%;
        width: 100%
    }
}

.properties-wrap.grid-view .property-cart {
    border-radius: 10px;
    display: inline-block;
    margin: 20px 18px;
    max-height: 520px;
    min-height: 490px;
    overflow: hidden;
    position: relative;
    width: 44%;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .properties-wrap.grid-view .property-cart {
        max-height: 605px;
        min-height: 470px;
        width: 90%
    }
}

.properties-wrap.grid-view .property-cart a,
.properties-wrap.grid-view .property-cart a:hover {
    text-decoration: none
}

.properties-wrap.grid-view .property-cart .image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    max-height: 240px;
    overflow: hidden
}

.properties-wrap.grid-view .property-cart .image img {
    height: 220px;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.properties-wrap.grid-view .property-cart .property-details-wrap {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative
}

.properties-wrap.grid-view .property-cart .property-details-wrap:before {
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 3px 44px #00000029;
    content: "";
    height: 245px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap:before {
        box-shadow: 0 6px 12px #00000029
    }
}

.properties-wrap.grid-view .property-cart .property-details-wrap .covered {
    background: #f2f2f2;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    padding: 20px 5px;
    pointer-events: all;
    width: 100%
}

@media only screen and (max-width:767px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .covered {
        display: flex;
        justify-content: space-around
    }
}

.properties-wrap.grid-view .property-cart .property-details-wrap .covered i {
    color: #315d80;
    margin-right: 0px
}

@media only screen and (max-width:375px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .covered i {
        font-size: .7rem
    }
}

.properties-wrap.grid-view .property-cart .property-details-wrap .covered p {
    color: #000;
    font-family: 'Helvetica';
    font-size: 1rem;
    margin-bottom: 0;
    margin-right: 0
}

.properties-wrap.grid-view .property-cart .property-details-wrap .covered p:last-child {
    margin-right: 0;
    padding-right: 0
}

@media only screen and (max-width:1366px) and (min-width:1201px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .covered p {
        font-size: 10px
    }
}

@media only screen and (max-width:897px) and (min-width:768px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .covered p {
        padding-right: 4%
    }
}

@media only screen and (max-width:990px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .covered p {
        font-size: .8rem
    }
}

@media only screen and (max-width:480px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .covered p {
        font-size: .7rem;
        padding-right: 3%
    }
}

@media only screen and (max-width:375px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .covered p img {
        margin-top: -3px;
        width: 14px
    }
}

.properties-wrap.grid-view .property-cart .property-details-wrap .details {
    min-height: 92px;
    padding: 20px 5px 0
}

.properties-wrap.grid-view .property-cart .property-details-wrap .details .price {
    color: #F2727F;
    text-align: left;
    font-family: 'Helvetica Rounded Bold';
    font-size: 1.5rem;
}

@media only screen and (max-width:767px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details .price {
        color: #1d3968;
        font-size: 1.3rem;
        font-weight: 600;
        padding-top: 8px;
        text-align: center
    }
}

.properties-wrap.grid-view .property-cart .property-details-wrap .details .price span {
    color: #315d80;
    font-size: 1rem;
    font-weight: 100
}

.properties-wrap.grid-view .property-cart .property-details-wrap .details .address {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #315d80;
    display: -webkit-box;
    font-size: 1.4rem;
    margin-bottom: 0;
    overflow: hidden;
    text-align: left;
    font-weight: 600;
    font-family: 'Helvetica Rounded Bold';
}

@media only screen and (max-width:990px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details .address {
        font-size: 1.15rem
    }
}

@media only screen and (max-width:767px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details .address {
        font-weight: 100;
        text-align: center
    }
}

.properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons {
    padding: 20px 10px
}

@media only screen and (min-width:1200px) and (max-width:1350px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons {
        padding: 20px 0
    }
}

@media only screen and (max-width:383px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons {
        margin-top: 8px;
        padding: 4px 4px 20px;
        text-align: center
    }
}

.properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons .btn {
    font-family: 'Helvetica Rounded Bold';
    font-size: .85rem;
    min-width: 118px;
    padding: 10px 0;
    width: 44%;
    text-transform: capitalize;
}

@media only screen and (min-width:1200px) and (max-width:1250px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons .btn {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons .btn {
        font-size: 12px;
        min-width: 103px;
        width: 44%
    }
}

@media only screen and (max-width:383px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons .btn {
        margin-right: 0 !important;
        padding: 8px
    }
}

@media only screen and (max-width:767px) {
    .properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons .btn {
        font-size: .8rem;
        min-width: 180px
    }

    .properties-wrap.grid-view .property-cart .property-details-wrap .details-buttons .btn-outline-primary {
        display: none
    }
}

.properties-wrap.list-view .property-cart {
    align-self: center;
    background: #fafafa 0 0 no-repeat padding-box;
    border-radius: 10px;
    box-shadow: 0 3px 66px #00000029;
    display: flex;
    margin: 20px auto;
    max-height: 240px;
    padding: 20px;
    width: 94%
}

@media only screen and (max-width:574px) {
    .properties-wrap.list-view .property-cart {
        display: block;
        max-height: 100%
    }
}

.properties-wrap.list-view .property-cart .image {
    border-radius: 10px;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 200px
}

@media only screen and (max-width:767px) {
    .properties-wrap.list-view .property-cart .image {
        height: 125px;
        min-width: 125px;
        width: 125px
    }
}

.properties-wrap.list-view .property-cart .image img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:767px) {
    .properties-wrap.list-view .property-cart .image img {
        height: 125px
    }
}

.properties-wrap.list-view .property-cart .property-details-wrap {
    max-width: 462px;
    width: 100%
}

.properties-wrap.list-view .property-cart .property-details-wrap .covered {
    background: transparent;
    cursor: pointer;
    display: flex;
    display: -webkit-inline-box;
    margin: 0 20px 20px;
    padding-top: 10px;
    pointer-events: all;
    width: 100%
}

@media only screen and (max-width:574px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .covered {
        margin: 20px 0
    }
}

.properties-wrap.list-view .property-cart .property-details-wrap .covered i {
    color: #315d80;
    font-size: .875rem;
    margin-right: 4px
}

@media only screen and (max-width:375px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .covered i {
        font-size: .75rem
    }
}

.properties-wrap.list-view .property-cart .property-details-wrap .covered p {
    color: #000;
    font-family: 'Helvetica';
    font-size: 1rem;
    margin-bottom: 0;
    padding-right: 8%
}

.properties-wrap.list-view .property-cart .property-details-wrap .covered p:last-child {
    padding-right: 0
}

@media only screen and (max-width:670px) and (min-width:575px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .covered p {
        font-size: .7rem;
        padding-right: 4%
    }
}

@media only screen and (max-width:480px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .covered p {
        font-size: .7rem;
        padding-right: 4%
    }
}

.properties-wrap.list-view .property-cart .property-details-wrap .details {
    display: flex;
    flex-direction: column-reverse;
    max-width: 400px;
    padding: 0 20px
}

@media only screen and (max-width:767px) and (min-width:575px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .details {
        justify-content: space-evenly;
        min-height: 80px
    }
}

@media only screen and (max-width:574px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .details {
        padding: 0
    }
}

.properties-wrap.list-view .property-cart .property-details-wrap .details .price {
    color: #315d80;
    text-align: left
}

.properties-wrap.list-view .property-cart .property-details-wrap .details .price span {
    color: #000;
    font-size: 1.1rem;
    font-weight: 600
}

.properties-wrap.list-view .property-cart .property-details-wrap .details .address {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
    display: -webkit-box;
    font-size: 1.3rem;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: left
}

@media only screen and (max-width:767px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .details .address {
        font-size: .9rem
    }
}

.properties-wrap.list-view .property-cart .property-details-wrap .details-buttons {
    padding: 6px 20px 20px
}

@media only screen and (max-width:767px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .details-buttons {
        display: flex;
        margin-left: -120px
    }
}

@media only screen and (max-width:574px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .details-buttons {
        flex-direction: column;
        margin-left: 0;
        padding: 0
    }
}

.properties-wrap.list-view .property-cart .property-details-wrap .details-buttons .btn {
    font-family: 'Helvetica';
    font-size: 14px;
    font-weight: 600;
    min-width: 160px;
    width: 44%
}

@media only screen and (max-width:990px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .details-buttons .btn {
        font-size: 12px;
        min-width: 152px;
        width: 42%
    }
}

@media only screen and (max-width:767px) {
    .properties-wrap.list-view .property-cart .property-details-wrap .details-buttons .btn {
        margin: 6px !important;
        width: 100%
    }

    .properties-wrap.list-view .property-cart .property-details-wrap .details-buttons .btn-outline-primary {
        display: none
    }
}

.properties-details-map {
    margin-top: 76px;
    max-height: 450px;
    width: 100%
}

@media only screen and (max-width:992px) {
    .properties-details-map {
        margin-top: 60px
    }
}

.properties-details-map iframe {
    height: 550px;
    width: 100%
}

.properties-details-map #single_property_map {
    height: 350px
}

@media only screen and (max-width:767px) {
    .properties-details-map #single_property_map {
        height: 266px
    }
}

.properties-details-map .gm-style .gm-style-iw-c,
.properties-details-map .gm-style .gm-style-iw-t:after {
    display: none
}

.properties-details .property-container {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:480px) {
    .properties-details .property-container {
        margin-top: -70px;
        padding: 30px 10px
    }
}

.properties-details .property-container .details-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:990px) {
    .properties-details .property-container .details-wrap {
        display: block
    }
}

.properties-details .property-container .details-wrap .address-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 806px;
    width: 83%
}

@media only screen and (max-width:1199px) {
    .properties-details .property-container .details-wrap .address-row {
        max-width: 100%;
        width: 70%
    }
}

@media only screen and (max-width:990px) {
    .properties-details .property-container .details-wrap .address-row {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .properties-details .property-container .details-wrap .address-row {
        flex-direction: column
    }
}

.properties-details .property-container .details-wrap .address-row .address {
    color: #315d80;
    font-size: 1.6rem;
    font-weight: 700;
    max-width: 371px
}

@media only screen and (max-width:480px) {
    .properties-details .property-container .details-wrap .address-row .address {
        font-size: 1.3rem;
        text-align: center
    }
}

.properties-details .property-container .details-wrap .address-row .verified-icon {
    height: 24px;
    width: 24px
}

@media only screen and (max-width:480px) {
    .properties-details .property-container .details-wrap .address-row .verified-icon {
        height: 25px;
        width: 25px
    }
}

.properties-details .property-container .details-wrap .address-row .price {
    color: #F2727F;
    font-family: 'Helvetica Rounded Bold';
    font-size: 1.7rem;
}

@media only screen and (max-width:480px) {
    .properties-details .property-container .details-wrap .address-row .price {
        padding: 10px 0
    }
}

.properties-details .property-container .details-wrap .address-row .price span {
    color: #315d80;
    font-size: 1.1rem
}

.properties-details .property-container .details-wrap .tour-btn {
    width: 230px
}

@media only screen and (max-width:990px) {
    .properties-details .property-container .details-wrap .tour-btn {
        margin: 1rem auto 0
    }
}

@media only screen and (max-width:480px) {
    .properties-details .property-container .details-wrap .tour-btn {
        margin-top: 0
    }
}

.properties-details .property-container .details-wrap .tour-btn .btn {
    width: 100%
}

.properties-details .property-container .property-images {
    display: flex;
    justify-content: space-between;
    margin-top: 18px
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-images {
        display: block
    }
}

.properties-details .property-container .property-images .image-large {
    display: flex;
    height: 486px;
    justify-content: center;
    max-width: 806px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:1199px) and (min-width:991px) {
    .properties-details .property-container .property-images .image-large {
        margin-right: 10px
    }
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-images .image-large {
        height: auto;
        margin-bottom: 10px;
        max-height: 300px;
        max-width: 100%
    }
}

@media screen and (max-width:575px) {
    .properties-details .property-container .property-images .image-large {
        max-height: 260px
    }
}

@media screen and (max-width:480px) {
    .properties-details .property-container .property-images .image-large {
        max-height: 200px
    }
}

.properties-details .property-container .property-images .image-large img {
    flex-shrink: 0;
    height: 490px;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-images .image-large img {
        height: auto
    }
}

.properties-details .property-container .property-images .image-large .slider-for {
    width: 100%
}

.properties-details .property-container .property-images .image-large .property-label {
    background: #fff;
    box-shadow: 1px 5px 30px 0 #0000002b;
    left: 0;
    min-width: 80px;
    position: absolute;
    top: 16px
}

@media screen and (max-width:375px) {
    .properties-details .property-container .property-images .image-large .property-label {
        z-index: 9
    }
}

.properties-details .property-container .property-images .image-large .property-label:before {
    border-bottom: 18px solid transparent;
    border-right: 24px solid #fff;
    border-top: 19px solid transparent;
    content: "";
    right: -24px;
    transform: rotate(180deg)
}

.properties-details .property-container .property-images .image-large .property-label p {
    color: #315d80
}

.properties-details .property-container .property-images .image-large .property-label.large {
    top: 45px;
    z-index: 9
}

.properties-details .property-container .property-images .image-large .property-label.large:before {
    border-bottom: 21px solid transparent;
    border-right: 24px solid #fff;
    border-top: 21px solid transparent
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .properties-details .property-container .property-images .image-large .property-label.large:before {
        border-right: 25px solid #fff !important
    }
}

@media only screen and (min-width:1600px) {
    .properties-details .property-container .property-images .image-large .property-label.large:before {
        border-right: 25px solid #fff !important
    }
}

.properties-details .property-container .property-images .image-small {
    position: relative;
    width: 230px
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-images .image-small {
        margin-right: 4px
    }
}

.properties-details .property-container .property-images .image-small img {
    cursor: pointer;
    height: 147px;
    margin-bottom: 12px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-images .image-small img {
        height: auto;
        max-height: 140px
    }
}

@media screen and (max-width:768px) {
    .properties-details .property-container .property-images .image-small img {
        height: auto;
        max-height: 110px
    }
}

@media screen and (max-width:575px) {
    .properties-details .property-container .property-images .image-small img {
        height: auto;
        max-height: 90px
    }
}

.properties-details .property-container .property-images .slick-slider {
    width: 230px
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-images .slick-slider {
        width: 100%
    }
}

.properties-details .property-container .property-images .slick-slider .slick-list {
    padding: 0 !important
}

.properties-details .property-container .property-images .slick-next,
.properties-details .property-container .property-images .slick-prev {
    background: #ffffffb8;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    left: 50%;
    line-height: 1;
    outline: none;
    padding: 0;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1
}

@media screen and (max-width:767px) {

    .properties-details .property-container .property-images .slick-next,
    .properties-details .property-container .property-images .slick-prev {
        height: 30px;
        left: unset;
        top: 50%;
        transform: translateY(-50%);
        width: 30px
    }
}

@media screen and (min-width:768px) and (max-width:990px) {

    .properties-details .property-container .property-images .slick-next,
    .properties-details .property-container .property-images .slick-prev {
        height: 30px;
        left: unset;
        top: 35% !important;
        transform: rotate(-90deg) !important;
        transform: translateY(-50%);
        width: 30px
    }
}

.properties-details .property-container .property-images .slick-prev {
    top: 0
}

.properties-details .property-container .property-images .slick-prev:after {
    background-color: transparent;
    border-left: 0;
    color: #315d80;
    content: "\f062";
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    right: 8px;
    top: 8px
}

@media screen and (max-width:767px) {
    .properties-details .property-container .property-images .slick-prev {
        right: 0;
        top: 50%;
        transform: rotate(90deg) translateX(-50%)
    }
}

.properties-details .property-container .property-images .slick-next {
    bottom: 0
}

@media screen and (max-width:767px) {
    .properties-details .property-container .property-images .slick-next {
        top: 50%;
        transform: rotate(90deg) translateX(-50%)
    }
}

.properties-details .property-container .property-images .slick-next:after {
    background-color: transparent;
    border-left: 0;
    color: #315d80;
    content: "\f063";
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    right: 8px;
    top: 8px
}

@media screen and (min-width:768px) and (max-width:990px) {
    .properties-details .property-container .property-images .slick-next {
        right: 0 !important
    }
}

.properties-details .property-container .property-inner-detials {
    align-items: center;
    background: #37699014;
    display: flex;
    margin: 14px 0;
    padding: 20px;
    position: relative;
    padding-top: 2em;
    margin-top: 0em !important;
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-inner-detials {
        flex-direction: column
    }
}

.properties-details .property-container .property-inner-detials .covered {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-inner-detials .covered {
        width: 100%
    }
}

.properties-details .property-container .property-inner-detials .covered p {
    color: #484848;
    font-family: 'Helvetica';
    font-size: 1rem;
    font-weight: 100;
    margin-bottom: 0;
    text-align: left
}

@media screen and (max-width:1024px) {
    .properties-details .property-container .property-inner-detials .covered p {
        font-size: .9rem
    }
}

@media screen and (max-width:575px) {
    .properties-details .property-container .property-inner-detials .covered p {
        min-width: 54px
    }
}

.properties-details .property-container .property-inner-detials .covered p img {
    margin-right: 10px
}

@media screen and (max-width:1024px) {
    .properties-details .property-container .property-inner-detials .covered p img {
        margin-right: 4px
    }
}

@media screen and (max-width:575px) {
    .properties-details .property-container .property-inner-detials .covered p img {
        width: 18px !important
    }
}

.properties-details .property-container .property-inner-detials .detials-btn {
    text-align: right;
    width: 40%
}

@media screen and (max-width:1024px) {
    .properties-details .property-container .property-inner-detials .detials-btn {
        width: 50%
    }
}

@media screen and (max-width:990px) {
    .properties-details .property-container .property-inner-detials .detials-btn {
        margin-top: 1rem;
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width:462px) {
    .properties-details .property-container .property-inner-detials .detials-btn {
        margin-top: .6rem
    }

    .properties-details .property-container .property-inner-detials .detials-btn .btn {
        margin: 6px 0 !important
    }
}

.property-description {
    max-width: 810px;
    padding: 0 30px
}

@media only screen and (max-width:480px) {
    .property-description {
        padding: 0 10px
    }
}

.property-description .text {
    font-weight: 400;
    line-height: 1.7;
    padding-top: 10px;
    text-align: center
}

.property-description .property-description-tabs {
    padding-bottom: 50px
}

.property-description .property-description-tabs .tabs_wrapper {
    width: 100%
}

.property-description .property-description-tabs ul.tabs {
    display: flex;
    list-style: none;
    padding: 0;
    transition: all .3s ease
}

.property-description .property-description-tabs ul.tabs li {
    border: 1px solid #315d80;
    border-radius: 5px;
    color: #315D80;
    cursor: pointer;
    font-family: 'Helvetica';
    margin: 0 20px 0 0;
    padding: 20px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    width: 230px;
    font-weight: 700;
}

.property-description .property-description-tabs ul.tabs li.active,
.property-description .property-description-tabs ul.tabs li:hover {
    background-color: #315d80;
    color: #fff;
    transition: all .3s ease;
    font-weight: 700;
}

.property-description .property-description-tabs ul.tabs .rypm-heading h2 {
    font-size: 5rem;
    line-height: 1
}

.property-description .property-description-tabs ul.tabs .rypm-heading h2 span {
    display: block;
    font-size: 2.875rem
}

.property-description .property-description-tabs ul.tabs .rypm-heading p {
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 18px 0 30px
}

.property-description .property-description-tabs .tab_container {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 36px #00000015;
    display: inline-block;
    margin-top: -28px;
    min-width: 10px;
    position: relative;
    vertical-align: top;
    width: 100%;
    width: 98%
}

.property-description .property-description-tabs .tab_content {
    display: none;
    height: 100%;
    max-height: 900px;
    overflow-y: auto;
    padding: 30px 20px 10px
}

.property-description .property-description-tabs .tab_content .property-tab-details {
    align-items: center;
    display: flex;
    margin-bottom: 1.3rem;
    width: 100%
}

.property-description .property-description-tabs .tab_content .property-tab-details .icon-img img {
    width: 36px
}

.property-description .property-description-tabs .tab_content .property-tab-details .tab-details {
    padding-left: 10px
}

.property-description .property-description-tabs .tab_content .property-tab-details .tab-details h5 {
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left
}

.property-description .property-description-tabs .tab_content .property-tab-details .tab-details h6 {
    font-size: .7rem;
    font-weight: 100;
    margin-bottom: 0;
    text-align: left
}

.property-description .property-description-tabs .tab_drawer_heading {
    display: none
}

@media screen and (max-width:767px) {
    .property-description .property-description-tabs ul.tabs {
        display: none
    }

    .property-description .property-description-tabs .tab_container {
        border-radius: 0;
        border-top: none;
        display: block;
        left: 0;
        margin: 0 auto;
        width: 95%
    }

    .property-description .property-description-tabs .tab_drawer_heading {
        -webkit-touch-callout: none;
        border: 1px solid #315d80;
        color: #315d80;
        cursor: pointer;
        display: block;
        font-size: 1rem;
        margin: 0;
        padding: 12px;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 10
    }

    .property-description .property-description-tabs .d_active,
    .property-description .property-description-tabs .tab_drawer_heading:hover {
        background: #315d80;
        color: #fff
    }
}

@media only screen and (max-width:480px) {
    .property-description .property-description-tabs .rypm-tab .tab_content .content-wrap .image {
        width: 100%
    }
}

.property-description .morecontent span {
    display: none
}

.property-description .morelink {
    color: #F2727F;
    display: block;
    font-weight: 700;
    text-align: center;
    max-width: 110px;
    margin: 0 auto;
}

.walk-score {
    max-width: 810px;
    padding: 60px 30px 0
}

@media screen and (max-width:520px) {
    .walk-score {
        padding: 60px 0 0
    }
}

.walk-score .walkscore-wrap {
    align-items: center;
    color: #315d80;
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    margin-top: 1rem
}

@media screen and (max-width:767px) {
    .walk-score .walkscore-wrap {
        justify-content: center
    }
}

.walk-score .walkscore-wrap p {
    color: #538dbf;
    font-size: 1rem;
    font-weight: 500;
    margin: 0
}

.walk-score .walkscore-wrap .walks {
    background: url(https://royalyorkpropertymanagement.ca/images/walkscore-walks.png);
    background-size: cover;
    height: 110px;
    width: 108px
}

.walk-score .walkscore-wrap .transit,
.walk-score .walkscore-wrap .walks {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.walk-score .walkscore-wrap .transit {
    background: url(https://royalyorkpropertymanagement.ca/images/walkscore-transit.png);
    background-size: cover;
    height: 114px;
    margin: 0 10%;
    width: 114px
}

.walk-score .walkscore-wrap .bike {
    align-items: center;
    background: url(https://royalyorkpropertymanagement.ca/images/walkscore-bike.png);
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 121px;
    justify-content: center;
    width: 120px
}

@media screen and (max-width:520px) {
    .walk-score .walkscore-wrap {
        font-size: 1.4rem
    }

    .walk-score .walkscore-wrap p {
        font-size: .9rem
    }

    .walk-score .walkscore-wrap .walks {
        height: 90px;
        width: 88px
    }

    .walk-score .walkscore-wrap .transit {
        height: 92px;
        margin: 0 4%;
        width: 92px
    }

    .walk-score .walkscore-wrap .bike {
        height: 94px;
        width: 94px
    }
}

.excellent-transit {
    max-width: 810px;
    padding: 60px 30px
}

.excellent-transit img {
    width: 100%
}

.rent-trend {
    max-width: 810px;
    padding: 0 30px
}

.rent-trend img {
    width: 100%
}

.detials-btn-wrap {
    background: #f2f2f2;
    margin: 14px 0;
    max-width: 810px;
    padding: 16px;
    text-align: center
}

@media screen and (max-width:430px) {
    .detials-btn-wrap {
        padding: 13px
    }

    .detials-btn-wrap .btn {
        font-size: .8rem;
        min-width: auto;
        padding: 10px 16px
    }
}

.similar-properties {
    padding: 60px 0
}

@media only screen and (max-width:991px) {
    .similar-properties {
        margin-bottom: -30px;
        padding-bottom: 0
    }
}

.similar-properties .properties-wrap {
    flex-flow: unset;
    height: auto;
    margin-top: 0;
    overflow: hidden;
    padding: 24px 0;
    top: 0
}

@media only screen and (max-width:1200px) {
    .similar-properties .properties-wrap {
        padding: 24px 10px
    }
}

@media only screen and (max-width:767px) {
    .similar-properties .properties-wrap.grid-view {
        position: relative;
        z-index: 0
    }
}

.similar-properties .properties-wrap.grid-view .property-cart {
    margin: 0;
    max-width: 100%;
    min-width: 300px;
    width: 100%
}

.similar-properties .properties-wrap.grid-view .property-cart:before {
    box-shadow: 0 5px 12px #00000029;
    content: ""
}

.similar-properties .properties-wrap.grid-view .property-cart .image {
    max-height: 200px;
    position: relative
}

@media only screen and (max-width:1200px) {
    .similar-properties .properties-wrap.grid-view .property-cart {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:1100px) {
    .similar-properties .properties-wrap.grid-view .property-cart {
        min-width: 222px
    }
}

.similar-properties .properties-wrap.grid-view .property-details-wrap:before {
    box-shadow: 0 3px 14px #0000001f;
    content: ""
}

@media only screen and (max-width:990px) {
    .similar-properties .properties-wrap.grid-view .property-details-wrap .covered {
        padding: 20px 10px
    }

    .similar-properties .properties-wrap.grid-view .property-details-wrap .covered p,
    .similar-properties .properties-wrap.grid-view .property-details-wrap .covered p i {
        font-size: .7rem
    }

    .similar-properties .properties-wrap.grid-view .property-details-wrap .covered p img {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .similar-properties .properties-wrap.grid-view .property-details-wrap .covered p {
        font-size: 1rem
    }
}

.similar-properties .properties-wrap.grid-view .property-details-wrap .details .address {
    font-weight: 100
}

.similar-properties .properties-wrap.grid-view .property-details-wrap .details-buttons {
    padding: 14px 5px
}

@media only screen and (max-width:990px) {
    .similar-properties .properties-wrap.grid-view .property-details-wrap .details-buttons {
        padding: 20px 4px;
        text-align: center
    }
}

.similar-properties .properties-wrap.grid-view .property-details-wrap .details-buttons .btn {
    font-family: 'Helvetica';
    font-size: 12px;
    font-weight: 600;
    min-width: 128px;
    width: 40%
}

@media only screen and (max-width:1200px) {
    .similar-properties .properties-wrap.grid-view .property-details-wrap .details-buttons .btn {
        font-size: 10px;
        min-width: auto;
        width: 46%
    }
}

@media only screen and (max-width:990px) {
    .similar-properties .properties-wrap.grid-view .property-details-wrap .details-buttons .btn {
        font-size: 9px;
        font-weight: 500;
        padding: 8px 0;
        width: 42%
    }
}

@media only screen and (min-width:768px) and (max-width:989px) {
    .similar-properties .properties-wrap.grid-view .property-details-wrap .details-buttons .btn {
        font-size: 9px;
        font-weight: 500;
        padding: 8px 0 !important;
        width: 44%
    }
}

@media only screen and (max-width:767px) {
    .similar-properties .properties-wrap.grid-view .property-details-wrap .details-buttons .btn {
        font-size: 10px
    }
}

@media only screen and (max-width:370px) {
    .similar-properties .properties-wrap.grid-view .property-details-wrap .details-buttons .btn {
        font-size: 10px;
        min-width: 114px;
        width: 34%
    }
}

.verified-icon1 {
    position: absolute;
    right: 20px;
    top: 16px
}

.property-label {
    background: #fff;
    box-shadow: 1px 5px 30px 0 #0000002b;
    left: 0;
    min-width: 80px;
    position: absolute;
    top: 16px
}

.property-label:before {
    border-bottom: 18px solid transparent;
    border-right: 24px solid #fff;
    border-top: 19px solid transparent;
    content: "";
    height: 100%;
    position: absolute;
    right: -24px;
    top: 0;
    transform: rotate(180deg);
    width: 0
}

@media only screen and (min-width:1600px) {
    .property-label:before {
        right: -23px
    }
}

.property-label p {
    color: #315d80;
    font-size: .875rem;
    font-weight: 600;
    margin: 0;
    padding: 8px;
    text-align: center
}

.property-label.large {
    min-width: 120px;
    z-index: 9
}

.property-label.large:before {
    border-bottom: 21px solid transparent;
    border-right: 24px solid #fff;
    border-top: 21px solid transparent
}

@media only screen and (min-width:1600px) {
    .property-label.large:before {
        border-right: 25px solid #fff !important
    }
}

.property-label.large p {
    font-size: 1rem;
    padding: 10px
}

.cluster span {
    color: #fff
}

.gm-style .gm-style-iw-c {
    box-shadow: 0 4px 36px #00000015;
    padding: 30px 20px
}

.gm-ui-hover-effect {
    margin: 6px !important;
    opacity: 1
}

.gm-ui-hover-effect:focus {
    border: 0 !important;
    outline: none !important
}

.map-popover-wrap {
    max-height: 400px;
    width: 200px
}

.map-popover-wrap img {
    width: 100%
}

.map-popover-wrap h5 {
    color: #315d80;
    font-size: 1rem
}

#property_map .gm-style,
#property_map .gm-style>div,
.gm-style,
.gm-style>div>div>div {
    border: 0 solid #1a73e8 !important
}

.address-bar-row {
    align-content: space-between;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.address-bar-row .address-bar {
    line-height: 1.8;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .address-bar-row .address-bar {
        width: 84%
    }

    .address-bar-row .address-bar input {
        margin-bottom: 0 !important;
        padding: 9px
    }

    .address-bar-row .address-bar input::-moz-placeholder {
        font-size: 10px
    }

    .address-bar-row .address-bar input:-ms-input-placeholder {
        font-size: 10px
    }

    .address-bar-row .address-bar input::placeholder {
        font-size: 10px
    }
}

@media only screen and (min-width:736px) and (max-width:767px) {
    .address-bar-row .address-bar {
        width: 86%
    }
}

@media only screen and (min-width:576px) and (max-width:667px) {
    .address-bar-row .address-bar {
        width: 85%
    }
}

@media only screen and (max-width:575px) {
    .address-bar-row .address-bar {
        width: 82%
    }
}

@media only screen and (max-width:440px) {
    .address-bar-row .address-bar {
        width: 79%
    }
}

@media only screen and (min-width:360px) and (max-width:439px) {
    .address-bar-row .address-bar {
        width: 76%
    }
}

@media only screen and (min-width:376px) and (max-width:414px) {
    .address-bar-row .address-bar {
        width: 78.5%
    }
}

@media only screen and (min-width:375px) and (max-width:375px) {
    .address-bar-row .address-bar {
        width: 77%;
        width: 76%
    }
}

.height-full {
    height: 260px
}

@media only screen and (max-width:440px) {
    .height-full {
        height: 100vh
    }
}

.height-full .resp-grid-map-view {
    display: none !important
}

.height-full .address-bar {
    width: 100%
}

.search-fillter-wrap .reset-search {
    display: none
}

.search-fillter-wrap .reset-search i {
    border: 0 !important;
    font-size: 1rem !important;
    padding: 0 !important
}

.search-fillter-wrap .reset-search:hover i {
    color: #fff
}

.search-fillter-wrap.active .reset-search {
    display: block;
    margin-left: 10px
}

@media only screen and (max-width:767px) {
    .search-fillter-wrap.active .reset-search {
        align-items: center;
        display: flex;
        justify-content: center;
        left: -4px;
        position: absolute;
        top: -10px
    }

    .search-fillter-wrap.active .reset-search i {
        color: #315d80 !important;
        display: block !important;
        font-size: .8rem !important
    }
}

.search-fillter-wrap.active .property-buttons {
    align-items: flex-end;
    align-items: center;
    display: flex
}

@media only screen and (max-width:767px) {
    .search-fillter-wrap.active .property-buttons .btn-fix-bottom {
        bottom: 10%;
        margin-left: 10px !important;
        min-width: 30% !important;
        position: relative !important;
        width: 43%
    }

    .search-fillter-wrap.active .property-buttons .btn-fix-bottom.btn-primary {
        right: 0 !important
    }
}

.search-fillter-wrap .search-fillter-field {
    display: none
}

.search-fillter-wrap .search-fillter-field.show {
    display: block
}

.resp-grid-map-view {
    border: 1px solid #e7edee;
    border-radius: 5px;
    display: none;
    height: 40px;
    line-height: 1.1;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 2px 8px 0
}

.resp-grid-map-view p {
    color: #315d80;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    letter-spacing: .4px;
}

.resp-grid-map-view i {
    color: #315d80;
    font-size: 11px
}

@media only screen and (max-width:767px) {
    .resp-grid-map-view {
        display: block
    }
}

.desktop-grid-map-view i {
    align-items: center;
    display: flex;
    justify-content: center
}

.desktop-grid-map-view i span {
    font-family: 'Helvetica Rounded Bold' !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    font-style: normal;
}

.properties-listing-cover.d-block {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.overflow-y-hidden {
    overflow-y: hidden
}

.mCustomScrollbar.properties-wrap .mCustomScrollBox {
    width: 100%
}

.address-row a {
    position: relative
}

.address-row a:hover {
    text-decoration: none
}

.address-row a:after,
.address-row a:before {
    background: #484848;
    border: 1px solid #484848;
    color: #fff;
    opacity: 0;
    position: absolute;
    transition: all .4s ease-out;
    visibility: hidden;
    width: 600px
}

@media screen and (max-width:767px) {

    .address-row a:after,
    .address-row a:before {
        font-size: 14px;
        width: 400px
    }
}

@media screen and (max-width:412px) {

    .address-row a:after,
    .address-row a:before {
        width: 300px
    }
}

.address-row a:hover:after,
.address-row a:hover:before {
    opacity: 1;
    visibility: visible;
    width: 600px
}

@media screen and (max-width:767px) {

    .address-row a:hover:after,
    .address-row a:hover:before {
        font-size: 14px;
        width: 350px
    }
}

@media screen and (max-width:412px) {

    .address-row a:hover:after,
    .address-row a:hover:before {
        width: 300px
    }
}

.address-row a:after {
    border-radius: 4px;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 20px;
    left: 10px;
    padding: 2px 6px;
    text-align: left;
    top: -46px;
    width: 600px;
    z-index: 9999
}

@media screen and (max-width:860px) {
    .address-row a:after {
        font-size: 14px;
        width: 350px !important
    }
}

@media screen and (max-width:690px) {
    .address-row a:after {
        left: -290px
    }
}

@media screen and (max-width:635px) {
    .address-row a:after {
        left: -190px
    }
}

@media screen and (max-width:480px) {
    .address-row a:after {
        left: -177px;
        top: -56px
    }
}

@media screen and (max-width:412px) {
    .address-row a:after {
        left: -232px;
        top: -54px
    }
}

@media screen and (max-width:370px) {
    .address-row a:after {
        left: -239px;
        top: -54px
    }
}

.bs-tooltip-top {
    border-radius: 20px
}

.tooltip-inner {
    background-color: #484848;
    border-radius: .25rem;
    color: #fff;
    max-width: 300px;
    padding: .25rem .5rem;
    text-align: center
}

.bs-tooltip-top .arrow:before {
    border-top-color: #484848;
    border-width: .4rem .4rem 0;
    top: 0
}

@media screen and (max-width:480px) {
    .verified-responsive {
        margin-left: 0;
        position: absolute;
        top: 86px
    }
}

@media screen and (max-width:374px) {
    .verified-responsive {
        margin-left: -46px;
        position: absolute;
        top: 88px
    }
}

.other-logo {
    padding: 30px 0 0;
    text-align: center
}

.other-logo .logo-wrap {
    display: inline-block;
    margin: 0 10px
}

.other-logo .logo-wrap .image {
    align-items: center;
    background: #f8f8f8;
    border-radius: 36px;
    display: flex;
    height: 70px;
    justify-content: center;
    overflow: hidden;
    width: 214px
}

.other-logo .logo-wrap .image img {
    width: 110px
}

.other-logo .logo-wrap .rating {
    margin-top: 10px
}

.other-logo .logo-wrap .rating i {
    color: #d6a439
}

.other-logo .logo-wrap p {
    color: #d6a439;
    font-size: 16px
}

.our-mandate {
    padding-bottom: 100px !important;
    position: relative
}

.our-mandate:before {
    background: #fff;
    background: linear-gradient(192deg, #fff 46%, #f7f9ff);
    bottom: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 89%
}

@media only screen and (max-width:767px) {
    .our-mandate {
        padding-top: 0 !important
    }
}

.rypm-tab.about-us-tabs {
    padding: 120px 0 0;
    position: relative
}

.rypm-tab.about-us-tabs:before {
    background: #f8f9fe;
    background: linear-gradient(219deg, #f8f9fe 8%, #f8f9fe 0, #fafafd 0, #f8f9fe 8%, #fff 66%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 10%);
    content: "";
    height: 920px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 89%;
    z-index: -1
}

@media only screen and (max-width:991px) {
    .rypm-tab.about-us-tabs:before {
        width: 100%
    }
}

.rypm-tab.about-us-tabs .tab_content {
    box-shadow: 0 3px 36px #e7edee !important
}

@media only screen and (max-width:991px) {
    .rypm-tab.about-us-tabs .tab_content {
        max-height: 820px;
        min-height: 820px
    }
}

@media only screen and (max-width:767px) {
    .rypm-tab.about-us-tabs .tab_content {
        max-height: 400px;
        min-height: 400px
    }

    .rypm-tab.about-us-tabs {
        padding: 50px 0
    }

    .rypm-tab.about-us-tabs .tabs_wrapper ul.tabs {
        display: block;
        width: 100%
    }

    .rypm-tab.about-us-tabs .tabs_wrapper ul.tabs li {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .rypm-tab.about-us-tabs ul.tabs .rypm-heading h2 {
        font-size: 3rem !important
    }

    .rypm-tab.about-us-tabs ul.tabs .rypm-heading h2 span {
        font-size: 2rem !important
    }
}

.about-us-team-modal .bio-info {
    text-align: left
}

@media only screen and (max-width:767px) {
    .about-us-team-modal img {
        margin-bottom: 1rem;
        width: 50%
    }

    .see-jobs .job-wrap {
        margin-bottom: 2rem
    }
}

.see-jobs .job-wrap p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:767px) {
    .see-jobs .job-wrap p {
        -webkit-line-clamp: inherit
    }
}

.careers-at-ry {
    background: url(https://royalyorkpropertymanagement.ca/images/box-and-lines.svg);
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: 54%;
    margin-top: -42px;
    padding: 100px 0 60px;
    position: relative
}

@media only screen and (max-width:767px) {
    .careers-at-ry {
        padding: 40px 0 30px
    }
}

.careers-at-ry:before {
    background: #f8f9fe;
    background: linear-gradient(90deg, #f8f9fe, #fafbfe 26%, #fbfcfe 60%, #fff);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    z-index: -1
}

.careers-at-ry .ry-wrap {
    padding-top: 60px
}

.careers-at-ry .ry-wrap .video {
    max-width: 636px;
    position: relative;
    width: 100%
}

.careers-at-ry .ry-wrap iframe {
    height: 320px;
    width: 98%
}

@media only screen and (max-width:480px) {
    .careers-at-ry .ry-wrap iframe {
        height: 230px;
        width: 100%
    }
}

.careers-at-ry .ry-wrap .text {
    color: #000;
    font-family: 'Helvetica';
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 100;
    line-height: 36px
}

.current-vacancies {
    padding: 60px 0;
    position: relative
}

.current-vacancies:before {
    background: linear-gradient(270deg, #f8f9fe, #fff 110%);
    bottom: 0;
    content: "";
    padding: 60px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
    z-index: -1
}

.current-vacancies .rypm-heading {
    text-align: center
}

.current-vacancies .current-vacancies-tabs {
    padding-top: 40px
}

.current-vacancies .current-vacancies-tabs .tabs_wrapper {
    width: 100%
}

.current-vacancies .current-vacancies-tabs ul.tabs {
    border-bottom: 1px solid #767676;
    display: flex;
    list-style: none;
    margin: 30px 0;
    padding: 0;
    transition: all .3s ease
}

.current-vacancies .current-vacancies-tabs ul.tabs li {
    border-bottom: 2px solid transparent;
    color: #000;
    cursor: pointer;
    font-family: 'Helvetica';
    margin: 0;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .current-vacancies .current-vacancies-tabs ul.tabs li {
        padding: 10px 8px
    }
}

.current-vacancies .current-vacancies-tabs ul.tabs li:before {
    background: #30668b;
    content: "";
    height: 18px;
    left: unset;
    position: absolute;
    right: 0;
    top: 12px;
    width: 1px
}

.current-vacancies .current-vacancies-tabs ul.tabs li:last-child:before {
    display: none
}

.current-vacancies .current-vacancies-tabs ul.tabs li:hover {
    transition: all .3s ease
}

.current-vacancies .current-vacancies-tabs ul.tabs li.active {
    border-bottom: 2px solid #315d80;
    transition: all .3s ease
}

.current-vacancies .current-vacancies-tabs ul.tabs .rypm-heading h2 {
    font-size: 5rem;
    line-height: 1
}

.current-vacancies .current-vacancies-tabs ul.tabs .rypm-heading h2 span {
    display: block;
    font-size: 2.875rem
}

.current-vacancies .current-vacancies-tabs ul.tabs .rypm-heading p {
    color: #000;
    font-size: 1.25rem;
    font-weight: 100;
    margin: 18px 0 30px
}

.current-vacancies .current-vacancies-tabs .tab_container {
    display: inline-block;
    min-width: 10px;
    position: relative;
    vertical-align: top;
    width: 100%
}

.current-vacancies .current-vacancies-tabs .tab_content {
    display: none;
    height: 100%;
    max-height: 900px;
    overflow-y: auto;
    padding: 20px
}

@media only screen and (max-width:767px) {
    .current-vacancies .current-vacancies-tabs .tab_content {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        min-height: auto;
        padding: 20px 0
    }
}

.current-vacancies .current-vacancies-tabs .tab_content .content-wrap {
    margin: 16px 0;
    text-align: center
}

.current-vacancies .current-vacancies-tabs .tab_content .content-wrap .image {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 -1px 9px #00000029;
    display: flex;
    height: 160px;
    justify-content: center;
    margin: 20px auto;
    overflow: hidden;
    width: 50%
}

.current-vacancies .current-vacancies-tabs .tab_content .content-wrap .image img {
    border: 3px solid #082745;
    border-radius: 60%;
    min-height: 144px;
    width: 90%
}

.current-vacancies .current-vacancies-tabs .tab_content .content-wrap h5 {
    color: #082745
}

.current-vacancies .current-vacancies-tabs .tab_content .content-wrap h6 {
    color: #315d80;
    font-size: .875rem;
    font-weight: 100
}

.current-vacancies .current-vacancies-tabs .tab_drawer_heading {
    display: none
}

@media screen and (max-width:767px) {
    .current-vacancies .current-vacancies-tabs ul.tabs {
        display: none
    }

    .current-vacancies .current-vacancies-tabs .tab_container {
        border-radius: 0;
        border-top: none;
        display: block;
        left: 0;
        margin: 0 auto;
        width: 95%
    }

    .current-vacancies .current-vacancies-tabs .tab_drawer_heading {
        -webkit-touch-callout: none;
        border: 1px solid #315d80;
        color: #315d80;
        cursor: pointer;
        display: block;
        font-size: 1rem;
        margin: 0;
        padding: 14px 12px;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 10
    }

    .current-vacancies .current-vacancies-tabs .d_active {
        background: #315d80;
        color: #fff
    }

    .current-vacancies .current-vacancies-tabs .d_active a {
        color: #fff;
        text-decoration: none
    }
}

@media only screen and (max-width:480px) {
    .current-vacancies .current-vacancies-tabs .rypm-tab .tab_content .content-wrap .image {
        width: 100%
    }
}

.current-vacancies .explore-all {
    margin-top: 40px
}

.current-vacancies .explore-all .btn {
    font-weight: 600
}

.current-vacancies-box {
    align-items: center;
    background: #fff;
    border: 1px solid #e7edee;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 20px;
    transition: .3s ease-in
}

@media only screen and (max-width:575px) {
    .current-vacancies-box {
        flex-direction: column;
        text-align: center
    }

    .current-vacancies-box .btn {
        margin-top: .6rem
    }
}

.current-vacancies-box:hover {
    box-shadow: 0 0 15px #00000029;
    transition: .3s ease-in
}

.current-vacancies-box .content h6 {
    color: #aaa;
    font-size: .9rem;
    text-transform: uppercase
}

.current-vacancies-box .content h5 {
    font-size: 1.275rem
}

.current-vacancies-box .content h4 {
    color: #315d80;
    font-size: .9rem;
    text-transform: uppercase
}

.traditional-values {
    position: relative
}

.traditional-values:before {
    background: #fff;
    background: linear-gradient(90deg, #fff 8%, #f7f9ff);
    bottom: -60px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    content: "";
    height: 600px;
    left: 0;
    position: absolute;
    width: 100%
}

.our-departments {
    padding: 40px 0
}

@media only screen and (max-width:768px) {
    .our-departments {
        padding: 20px 0 0
    }
}

.our-departments .video-wrap {
    margin-bottom: 30px
}

.our-departments .video-wrap iframe {
    height: 300px;
    margin: 10px 0;
    width: 100%
}

@media only screen and (max-width:575px) {
    .our-departments .video-wrap iframe {
        height: 210px
    }
}

.company-culture {
    padding: 20px 0;
    position: relative
}

@media only screen and (max-width:768px) {
    .company-culture {
        padding: 20px 0
    }
}

.company-culture img {
    width: 100%
}

.company-culture .owl-carousel .owl-item {
    cursor: pointer;
    margin: 6px;
    min-width: 358px
}

@media only screen and (max-width:1199px) {
    .company-culture .owl-carousel .owl-item {
        min-width: 30%
    }
}

@media only screen and (max-width:767px) {
    .company-culture .owl-carousel .owl-item {
        margin: 0 !important;
        min-width: 1px !important
    }
}

.company-culture .modal .modal-dialog {
    max-width: 999px
}

.company-culture .modal .modal-dialog .modal-header {
    padding-bottom: 0
}

.company-culture .modal .modal-dialog .modal-header .close {
    padding: 0;
    z-index: 11
}

.company-culture .modal .modal-dialog .modal-header .close i {
    font-size: 30px
}

.company-culture .modal .modal-dialog .modal-content {
    background: transparent linear-gradient(179deg, #fff, #f8f9fe);
    border-radius: 46px;
    padding: 1.5rem
}

.company-culture .modal .modal-dialog .modal-content .carousel-inner,
.company-culture .modal .modal-dialog .modal-content .carousel-item img {
    border-radius: 20px
}

.all-jobs {
    padding: 60px 0
}

.all-jobs .select-hidden {
    display: none;
    padding-right: 10px;
    visibility: hidden
}

.all-jobs .select {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    position: relative;
    width: 98%
}

.all-jobs .select-styled {
    background-color: #fff;
    border-radius: 5px;
    font-family: 'Helvetica';
    font-size: .95rem;
    padding: 21px 15px;
    transition: all .2s ease-in
}

.all-jobs .select-styled:after {
    border: 7px solid transparent;
    border-top-color: #315d80;
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    top: 29px;
    width: 0
}

.all-jobs .select-options {
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15);
    color: #315d80;
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 999
}

.all-jobs .select-options li {
    border-bottom: 1px solid #315d80;
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    transition: all .15s ease-in
}

.all-jobs .select-options li[rel=hide] {
    display: none
}

.all-jobs form {
    background: #e8e8e8;
    border-radius: 5px;
    margin-bottom: 40px;
    padding: 20px 20px 8px
}

.all-jobs form select.form-control:not([size]):not([multiple]) {
    height: calc(4rem + 2px)
}

.all-jobs form .form-group select {
    background-position: right 18px top 17px;
    background-size: auto 36%;
    border-radius: 5px;
    font-family: 'Helvetica';
    font-size: .95rem;
    padding: 12px 30px 10px 18px;
    text-indent: 16px
}

.all-jobs form .form-group select option {
    padding: 0 24px
}

.all-jobs form .btn {
    min-height: 65px;
    width: 100%
}

.all-jobs .pagination {
    position: relative;
    top: 12px
}

.all-jobs .pagination nav {
    width: 100%
}

.all-jobs .pagination nav ul {
    margin: 0
}

.all-jobs .pagination nav .page-item {
    margin: 10px
}

.all-jobs .pagination nav .page-item .page-link {
    align-items: center;
    border: 1px solid #315d80;
    border-radius: 50px !important;
    color: #315d80;
    display: flex;
    height: 36px;
    justify-content: center;
    transition: all .3s ease-in;
    width: 46px
}

.all-jobs .pagination nav .page-item .page-link:hover {
    background-color: #315d80;
    color: #fff;
    transition: all .1s ease-in
}

.all-jobs .pagination nav .page-item.active .page-link {
    background-color: #315d80;
    border-color: #315d80;
    color: #fff
}

.all-jobs-our-departments {
    padding: 70px 0;
    position: relative
}

.all-jobs-our-departments:before {
    background: #f7f9ff;
    background: linear-gradient(58deg, #fff 12%, #f7f9ff);
    -webkit-clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
    content: "";
    height: 90%;
    left: 0;
    position: absolute;
    top: -30px;
    width: 100%;
    z-index: -1
}

.all-jobs-company-culture {
    margin-top: -70px;
    padding-bottom: 60px;
    padding-top: 0;
    position: relative
}

.all-jobs-company-culture:before {
    background: #f7f9ff;
    background: linear-gradient(300deg, #fff, #f7f9ff);
    -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
    content: "";
    height: 105%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 12
}

.all-jobs-company-culture .company-culture {
    padding-bottom: 0;
    padding-top: 70px;
    z-index: 22
}

.property-specialist {
    padding: 60px 0
}

.property-specialist iframe {
    height: 330px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .property-specialist h2 {
        margin: 16px 0 8px
    }
}

.job-details-section {
    margin: 0 auto;
    max-width: 1920px;
    overflow: hidden
}

@media only screen and (max-width:1200px) {
    .job-details-section {
        padding-bottom: 100px
    }
}

@media only screen and (max-width:767px) {
    .job-details-section {
        padding-bottom: 60px
    }

    .job-details-section .row.align-items-center {
        margin: 1rem 0 !important
    }
}

.job-details-section .col-md-6,
.job-details-section .row {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width:767px) {
    .job-details-section .image {
        display: none
    }
}

.job-details-section .image img {
    max-height: 800px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 110%
}

.job-details-section .image img.rs {
    width: 156%
}

.job-details-section .jb-heading {
    margin: 10px 0 20px auto;
    max-width: 630px;
    position: relative;
    right: -100px
}

@media only screen and (max-width:767px) {
    .job-details-section .jb-heading {
        left: 26px;
        margin-top: 24px;
        max-width: 100%;
        right: 0;
        text-align: left
    }

    .job-details-section .jb-heading h2 {
        text-align: left
    }
}

.job-details-section .content-wrap {
    background: #fff;
    border: 1px solid #e7edee;
    border-radius: 5px;
    box-shadow: 0 3px 46px #00000029;
    max-height: 600px;
    max-width: 630px;
    overflow-y: scroll;
    padding: 40px;
    position: relative
}

.job-details-section .content-wrap ul {
    padding-left: 0px
}

.job-details-section .content-wrap ul li {
    font-family: 'Helvetica';
    font-weight: 600;
    list-style-type: none;
    position: relative;
    text-align: left
}

@media only screen and (max-width:990px) {
    .job-details-section .content-wrap {
        max-height: 371px
    }
}

@media only screen and (max-width:767px) {
    .job-details-section .content-wrap {
        box-shadow: 0 3px 16px #00000029;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        max-width: 90%
    }

    .job-details-section .content-wrap p {
        text-align: left
    }
}

.job-details-section .content-wrap.right {
    margin: 0 0 auto auto;
    right: -100px
}

@media only screen and (max-width:767px) {
    .job-details-section .content-wrap.right {
        margin: 0 auto;
        right: 0
    }
}

.job-details-section .content-wrap.left {
    left: -100px
}

@media only screen and (max-width:767px) {
    .job-details-section .content-wrap.left {
        left: 0;
        margin: 0 auto
    }
}

.job-details-section .content-wrap .jd-t1 {
    color: #315d80;
    text-transform: uppercase
}

.job-details-section .content-wrap .jd-t2 {
    color: #002843;
    font-family: 'Helvetica Rounded Bold';
}

@media only screen and (max-width:990px) {
    .job-details-section .content-wrap .jd-t2 {
        font-size: 1.5rem
    }
}

.job-details-section .content-wrap .jd-t3 {
    color: #002843;
    font-family: 'Helvetica Rounded Bold';
    font-weight: 500
}

@media only screen and (max-width:767px) {
    .job-details-section .content-wrap .jd-t3 {
        text-align: center
    }
}

.job-details-section .content-wrap .jd-t3 .year {
    color: #315d80;
    font-style: italic;
    font-weight: 100
}

.job-details-section .content-wrap h5 {
    text-align: left
}

@media only screen and (max-width:767px) {
    .job-details-section .content-wrap .rypm-heading h2 {
        text-align: left
    }
}

.modal-open {
    padding: 0 !important
}

@media only screen and (max-width:767px) {
    .job-details-question {
        padding: 0 !important
    }
}

.job-details-question .modal-dialog {
    max-width: 999px
}

@media only screen and (max-width:767px) {
    .job-details-question .modal-dialog {
        margin: 0 !important;
        overflow: hidden;
        padding: 0 !important
    }
}

.job-details-question .modal-dialog .modal-header {
    padding-bottom: 0
}

.job-details-question .modal-dialog .modal-header .close {
    opacity: 1;
    padding: 0;
    position: relative;
    right: 6px;
    top: 8px;
    z-index: 11
}

.job-details-question .modal-dialog .modal-header .close i {
    color: #002843;
    font-size: 30px
}

@media only screen and (max-width:767px) {
    .job-details-question .modal-dialog .modal-header .close i {
        font-size: 1.3rem
    }
}

.job-details-question .modal-dialog .modal-body {
    padding: 0
}

@media only screen and (max-width:767px) {
    .job-details-question .modal-dialog .modal-body iframe {
        height: 99% !important
    }
}

.job-details-question .modal-dialog .modal-content {
    background: transparent linear-gradient(179deg, #fff, #f8f9fe);
    border-radius: 16px;
    padding: .5rem .5rem .5rem 16px
}

@media only screen and (max-width:767px) {
    .job-details-question .modal-dialog .modal-content {
        border-radius: 0;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: .5rem
    }
}

.job-details-question .modal-dialog .modal-content .rypm-heading {
    line-height: 1.6;
    margin: 0 auto;
    max-width: 740px;
    position: relative;
    text-align: center;
    top: -10px
}

.job-details-question .modal-dialog .modal-content .question {
    background: #315d80;
    border: 1px solid #e7edee;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 24px;
    padding: 14px 24px
}

.job-details-question .modal-dialog .modal-content .form-control {
    background: #f8f9fe 0 0 no-repeat padding-box;
    border: 1px solid #e7edee;
    border-radius: 10px;
    color: #002843
}

.job-details-question .modal-dialog .modal-content .qus-btn {
    margin: 40px 0 1rem;
    text-align: center
}

.job-details-question .modal-dialog .modal-content .qus-btn .btn {
    margin: 0 10px;
    min-width: 240px
}

@media only screen and (max-width:767px) {
    .job-details-question .modal-dialog .modal-content .qus-btn .btn {
        margin-bottom: 1.5rem
    }
}

.job-details-question .modal-dialog .modal-content .qus-btn .previous {
    background-color: #002843
}

.job-details-question .modal-dialog .modal-content .qus-btn .previous:hover {
    background: #fff;
    border: 1px solid #315d80;
    color: #315d80
}

@media only screen and (max-width:767px) {
    .job-details-question .modal-dialog .modal-content .not-found {
        position: absolute;
        top: -10px;
        width: 90%
    }
}

.send-resune {
    padding: 20px 0;
    position: relative
}

@media only screen and (max-width:767px) {
    .send-resune {
        padding-top: 30px
    }
}

.send-resune:before {
    background: #f7f9ff;
    background: linear-gradient(180deg, #fff 20%, #f7f9ff);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.send-resune .resume-wrap {
    margin: 0 auto;
    max-width: 720px
}

.send-resune .resume-wrap .form-control {
    border: 1px solid #e7edee;
    border-radius: 5px;
    box-shadow: 0 3px 6px #00000014;
    color: #595f64;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 2rem;
    padding: 14px 14px 14px 38px
}

.send-resune .resume-wrap .form-control::-moz-placeholder {
    color: #595f64;
    opacity: 1
}

.send-resune .resume-wrap .form-control:-ms-input-placeholder {
    color: #595f64;
    opacity: 1
}

.send-resune .resume-wrap .form-control::placeholder {
    color: #595f64;
    opacity: 1
}

.send-resune .resume-wrap .form-group {
    margin-bottom: 0;
    position: relative
}

.send-resune .resume-wrap .form-group i {
    color: #315d80;
    font-size: 13px;
    left: 32px;
    position: absolute;
    top: 18px;
    z-index: 11
}

.send-resune .resume-wrap .form-group .fa-calendar-alt,
.send-resune .resume-wrap .form-group .fa-file-invoice,
.send-resune .resume-wrap .form-group .fa-folder-open,
.send-resune .resume-wrap .form-group .fa-map-marker-alt {
    font-size: 12px;
    top: 21px
}

.send-resune .resume-wrap .form-group select.form-control:not([size]):not([multiple]) {
    height: 3.4rem
}

.send-resune .resume-wrap .form-group input.form-control.last-name,
.send-resune .resume-wrap .form-group textarea#exampleFormControlTextarea1 {
    padding-left: 14px
}

.send-resune .resume-wrap .form-group::-moz-placeholder {
    color: #595f64
}

.send-resune .resume-wrap .custom-file {
    border-radius: 5px;
    margin-bottom: 3rem
}

.send-resune .resume-wrap .custom-file .custom-file-label {
    border: 1px solid #e7edee;
    border-radius: 5px;
    color: #595f64;
    font-size: 13px;
    font-weight: 500;
    height: calc(3.3rem + 1px);
    padding: 1rem .75rem 1rem 38px
}

.send-resune .resume-wrap .custom-file .custom-file-label:after {
    background-color: transparent;
    border-left: 0;
    color: #315d80;
    content: "\f382";
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    right: 8px;
    top: 8px
}

.send-resune .resume-wrap .form-group select {
    background-position: right 20px top 14px;
    background-size: auto 34%
}

.send-resune .resume-wrap .feedback {
    font-size: 12px;
    position: absolute;
    top: 52px
}

.send-resune .resume-wrap .btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 300px;
    position: relative;
    text-align: center;
    top: 18px;
    width: 100%
}

.send-resune .resume-wrap iframe {
    border: none;
    height: 1022px;
    left: -16px;
    position: relative;
    top: -20px;
    width: 100%
}

.royal-york-pays {
    padding: 70px 0 30px;
    position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .royal-york-pays {
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    .royal-york-pays {
        padding-top: 30px
    }
}

.royal-york-pays:before {
    background: #f8f9fe;
    background: linear-gradient(260deg, #f8f9fe, #fff 70%);
    -webkit-clip-path: polygon(2px 0, 100% 2%, 100% 96%, 0 100%);
    clip-path: polygon(2px 0, 100% 2%, 100% 96%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: -20px;
    width: 89%;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .royal-york-pays {
        padding-bottom: 0
    }
}

.royal-york-pays .rypf {
    padding: 40px 0
}

@media only screen and (max-width:767px) {
    .royal-york-pays .rypf {
        padding: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .royal-york-pays .rypf {
        padding-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .text-image {
        padding-bottom: 0 !important
    }
}

.text-image.financial-security {
    margin-bottom: 60px;
    margin-top: -66px;
    padding: 60px 0;
    position: relative
}

.text-image.financial-security:before {
    background: linear-gradient(90deg, #f8f9fe 20%, #fff);
    -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.text-image.financial-security .rypm-heading h2 {
    font-size: 3rem
}

@media only screen and (max-width:767px) {
    .text-image.financial-security .rypm-heading h2 {
        font-size: 1.6rem;
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:900px) {
    .text-image.financial-security .rypm-heading h2 {
        font-size: 2.5rem;
        text-align: center
    }
}

@media only screen and (max-width:767px) {

    .text-image.financial-security .rypm-heading h3,
    .text-image.financial-security h3 {
        font-size: 1.6rem;
        text-align: center
    }
}

.text-image.financial-security .image img {
    width: 90%
}

.placement-services {
    margin: 30px 0 0;
    padding: 60px 0 90px;
    position: relative
}

.placement-services:before {
    background: linear-gradient(90deg, #f8f9fe, #fff 80%);
    -webkit-clip-path: polygon(0 0, 100% 4%, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 4%, 100% 80%, 0 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .placement-services {
        padding: 60px 0 50px
    }
}

.placement-services .rypm-heading h2 {
    font-size: 2.75rem
}

.placement-services .rypm-bullets ul li {
    font-weight: 400;
    padding-bottom: 12px
}

@media only screen and (max-width:850px) {
    .placement-services ul {
        margin-left: 10px;
        margin-top: 18px
    }
}

.placement-services .placement-services-btn {
    margin-top: -46px
}

@media only screen and (max-width:1092px) {
    .placement-services .placement-services-btn {
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .placement-services ul {
        margin-top: 10px
    }
}

@media only screen and (max-width:480px) {
    .placement-services .column-2 {
        -moz-column-count: 1;
        column-count: 1
    }
}

.tenants-employed {
    margin: 60px 0
}

.tenants-employed .image {
    align-items: center;
    background: #f8f9fe;
    border: 0;
    border-radius: 34px;
    display: inline-flex;
    filter: grayscale(100%);
    height: 68px;
    justify-content: center;
    margin: 20px 8px;
    transition: all .3s;
    width: 164px
}

.tenants-employed .image img {
    max-height: 30px;
    max-width: 90px
}

.tenants-employed .image:hover {
    border: 0;
    filter: grayscale(0)
}

@media only screen and (max-width:767px) {

    .tenants-employed .no-js .owl-carousel,
    .tenants-employed .owl-carousel.owl-loaded {
        text-align: center
    }

    .tenants-employed .image {
        align-items: normal;
        justify-content: normal
    }

    .tenants-employed .image img {
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}

.tenant-placement {
    margin-top: -40px;
    padding: 100px 0 40px;
    position: relative
}

@media only screen and (max-width:767px) {
    .tenant-placement {
        margin-top: -100px;
        padding: 70px 0 0
    }
}

.tenant-placement:before {
    background: linear-gradient(90deg, #f8f9fe 30%, #fff);
    -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.tenant-placement .rypm-heading h3 span {
    color: #002843
}

.marketing-partners {
    background: url(https://royalyorkpropertymanagement.ca/images/partners-icons.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 1030px;
    padding: 80px 0
}

@media only screen and (max-width:1366px) {
    .marketing-partners {
        background-size: 100%;
        height: 820px
    }
}

@media only screen and (max-width:1024px) {
    .marketing-partners {
        background-size: 130%;
        padding-bottom: 20px
    }
}

@media only screen and (max-width:991px) {
    .marketing-partners {
        background-position: bottom;
        height: 720px
    }
}

@media only screen and (max-width:767px) {
    .marketing-partners {
        height: 620px
    }
}

@media only screen and (max-width:575px) {
    .marketing-partners {
        height: 520px
    }
}

@media only screen and (max-width:480px) {
    .marketing-partners {
        height: 470px
    }
}

@media only screen and (max-width:375px) {
    .marketing-partners {
        height: 410px
    }
}

.our-services .box-wrap {
    min-height: 364px;
    padding: 40px 20px 20px;
    height: 90%
}

.our-services .box-wrap h5 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 1.26rem;
    font-weight: 100;
    margin: 10px 0 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Helvetica Rounded Bold';
}

@media only screen and (max-width:767px) {
    .our-services .box-wrap h5 {
        font-weight: 500
    }
}

.our-services .box-wrap p {
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #315d80;
    font-size: 1rem;
    text-align: justify;
}

@media only screen and (max-width:767px) {
    .our-services .box-wrap p {
        font-size: 1rem !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .our-services .box-wrap p {
        font-size: .75rem !important
    }
}

.our-services .box-wrap:hover {
    background: transparent
}

.our-services .box-wrap:hover h5,
.our-services .box-wrap:hover p {
    color: #315d80;
}

@media only screen and (max-width:991px) {
    .our-services .box-wrap {
        margin: 0 0 40px;
        padding: 26px 14px 12px;
        min-height: 336px;
    }

    .our-services .box-wrap h5 {
        font-size: 1.2rem
    }

    .our-services .box-wrap P {
        font-size: .8rem
    }
}

.our-services .box-wrap-large h4 {
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 1.2rem;
    line-height: 2;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 0 !important;
    text-overflow: ellipsis;
    color: #315d80;
    text-align: justify;
}

@media only screen and (max-width:767px) {
    .our-services .box-wrap-large h4 {
        -webkit-line-clamp: inherit;
        font-size: 1rem;
        line-height: 1.8
    }

    .our-services .box-wrap-large {
        margin-bottom: 40px
    }
}

.portal {
    padding: 40px 0
}

.portal p {
    margin: 0 auto;
    max-width: 686px;
    padding: 20px 0
}

.portal img {
    margin-top: 60px;
    width: 100%
}

.monthly-price {
    padding-bottom: 60px
}

@media only screen and (max-width:991px) {
    .monthly-price {
        padding: 20px
    }
}

@media only screen and (max-width:767px) {
    .monthly-price {
        padding: 0
    }
}

.monthly-price .rypm-tab .tab_content {
    padding: 0 20px
}

@media only screen and (max-width:767px) {
    .monthly-price .rypm-tab {
        margin-top: -40px
    }
}

.monthly-price .rypm-tab ul.tabs .rypm-heading {
    margin-bottom: 30px;
    padding-top: 75px;
}

@media only screen and (max-width:767px) {
    .monthly-price .rypm-tab ul.tabs .rypm-heading {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.monthly-price .rypm-tab ul.tabs .rypm-heading h2 {
    font-size: 2.6rem;
    line-height: 1.3;
    overflow-wrap: normal
}

.monthly-price .rypm-tab ul.tabs .rypm-heading span {
    font-size: 3.2rem
}

@media only screen and (max-width:991px) {

    .monthly-price .rypm-tab ul.tabs .rypm-heading h2,
    .monthly-price .rypm-tab ul.tabs .rypm-heading span {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:767px) {
    .monthly-price .rypm-tab ul.tabs {
        display: block;
        width: 100% !important
    }

    .monthly-price .rypm-tab ul.tabs li {
        display: none
    }
}

.monthly-price .table {
    font-family: 'Helvetica';
    font-size: 1rem;
    margin-bottom: 0;
    overflow-wrap: normal
}

@media only screen and (max-width:991px) {
    .monthly-price .table {
        font-size: .8rem
    }
}

.monthly-price .table thead tr {
    border-bottom: 1px solid #dee2e6
}

.monthly-price .table thead tr th {
    border-bottom: 0 !important;
    border-top: 0;
    overflow-wrap: normal;
    font-family: 'Helvetica Rounded Bold';
    color: #315d80;
    font-size: 1.2rem;
}

.monthly-price .table thead tr th:nth-child(3) {
    min-width: 80px;
    text-align: center
}

.monthly-price .table thead tr th:nth-child(2) {
    border-bottom: 1px solid #d1d1d1 !important;
    min-width: 80px;
    text-align: center
}

.monthly-price .table thead th {
    border-bottom: 0 !important
}

.monthly-price .table tbody tr {
    border-bottom: 0
}

.monthly-price .table tbody tr td {
    border: 0;
    color: #315D80;
    overflow-wrap: normal;
    padding-bottom: 10px;
    padding-top: 10px
}

.monthly-price .table tbody tr td:first-child {
    width: 58%
}

.monthly-price .table tbody tr td:nth-child(2),
.monthly-price .table tbody tr td:nth-child(3) {
    max-width: 108px;
    text-align: center
}

@media only screen and (max-width:991px) {
    .monthly-price .table tbody tr td.mw-166 {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .monthly-price .table tbody tr td.mw-166 {
        width: auto
    }

    .monthly-price .table tbody tr td:first-child {
        width: 80%
    }

    .monthly-price .table tbody tr td:nth-child(2),
    .monthly-price .table tbody tr td:nth-child(3) {
        width: 20%
    }
}

.monthly-price .price-table i {
    color: #4fdb11;
    font-size: 1.5rem
}

@media only screen and (max-width:991px) {
    .monthly-price .price-table i {
        font-size: 1rem
    }
}

.our-competitors .rypm-heading {
    padding-bottom: 70px;
    padding-top: 16px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .our-competitors .rypm-heading {
        padding-bottom: 30px
    }
}

.our-competitors .rypm-heading h2 {
    color: #315d80;
    text-transform: capitalize;
    font-size: 3rem;
    width: 98%;
}

.our-competitors .rypm-heading span {
    color: #F2727F;
    font-weight: 400
}

.our-competitors .our-competitors-table {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    box-shadow: 0 0 99px #00000029;
    padding: 20px
}

@media only screen and (max-width:991px) {
    .our-competitors .our-competitors-table {
        overflow: auto;
        padding: 6px
    }
}

.our-competitors .our-competitors-table .table {
    font-family: 'Helvetica';
    font-size: 1rem;
    font-weight: 100;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .our-competitors .our-competitors-table .table {
        font-size: .8rem
    }
}

.our-competitors .our-competitors-table .table thead tr {
    border-bottom: 1px solid #dee2e6
}

.our-competitors .our-competitors-table .table thead tr th {
    border-bottom: 0 !important;
    border-top: 0;
    overflow-wrap: normal;
    text-align: left;
    text-transform: lowercase;
    font-family: 'Helvetica Rounded Bold';
    color: #315d80;
    font-size: 1.2rem;
}

.our-competitors .our-competitors-table .table thead tr th:nth-child(2),
.our-competitors .our-competitors-table .table thead tr th:nth-child(3) {
    text-align: center
}

.our-competitors .our-competitors-table .table thead th:first-letter,
.our-competitors .our-competitors-table .table thead th:first-line {
    text-transform: capitalize;
}

.our-competitors .our-competitors-table .table tbody tr {
    border-bottom: 0
}

.our-competitors .our-competitors-table .table tbody tr td {
    border: 0;
    color: #000;
    max-width: 276px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: left
}

@media only screen and (max-width:767px) {
    .our-competitors .our-competitors-table .table tbody tr td:first-child {
        width: 60%
    }
}

.our-competitors .our-competitors-table .table tbody tr td:nth-child(2),
.our-competitors .our-competitors-table .table tbody tr td:nth-child(3) {
    text-align: center;
    vertical-align: middle;
    width: auto
}

.our-competitors .our-competitors-table i {
    font-size: 1.8rem
}

@media only screen and (max-width:991px) {
    .our-competitors .our-competitors-table i {
        font-size: 1rem
    }
}

.our-competitors .our-competitors-table .fa-check-circle {
    color: #66c13e
}

.our-competitors .our-competitors-table .fa-times-circle {
    color: #e20b0b
}

.experts {
    background-position: 100%;
    margin-top: -34px;
    padding: 40px 0 70px;
    position: relative
}

@media only screen and (max-width:767px) {
    .experts {
        padding: 40px 0 0
    }
}

.experts:before {
    background: #f8f9fe;
    background: linear-gradient(270deg, #f8f9fe, #fff 55%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.experts .details {
    align-items: center;
    display: flex;
    margin: 24px 0
}

.experts .details .image {
    margin-right: 10px
}

@media only screen and (max-width:767px) {

    .experts .details .text h5,
    .experts .details .text h6 {
        text-align: left
    }
}

.experts .details .text h5 {
    margin-bottom: 2px
}

.experts .details .text h6 {
    color: #767676
}

.download-resources-section {
    margin-bottom: 30px;
    margin-top: -60px;
    padding: 90px 0 60px;
    position: relative
}

@media only screen and (max-width:767px) {
    .download-resources-section {
        padding: 50px 0 60px
    }
}

.download-resources-section:before {
    background: #f8f9fe;
    background: linear-gradient(270deg, #f8f9fe, #fff 90%);
    -webkit-clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.download-resources-section .tab_content {
    box-shadow: unset !important;
    min-height: auto !important
}

.download-resources-section .rypm-heading {
    margin-top: 1.2rem
}

.download-resources-section .download-resources {
    align-items: center;
    background: #EFF3F6;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
    padding: 30px 26px
}

@media only screen and (max-width:991px) {
    .download-resources-section .download-resources {
        flex-direction: column
    }
}

.download-resources-section .download-resources h6 {
    font-size: .875rem;
    font-weight: 100;
    margin: 0;
    padding-right: 30px
}

@media only screen and (max-width:991px) {
    .download-resources-section .download-resources h6 {
        padding-right: 0;
        text-align: center
    }
}

.download-resources-section .download-resources .download-btn {
    align-items: flex-end;
    display: flex
}

@media only screen and (max-width:991px) {
    .download-resources-section .download-resources .download-btn {
        margin-top: 1rem
    }
}

@media only screen and (max-width:430px) {
    .download-resources-section .download-resources .download-btn {
        display: block
    }

    .download-resources-section .download-resources .download-btn .btn {
        margin: 10px 0 0;
        width: 100%
    }
}

.download-resources-section .download-resources .download-btn .btn {
    font-size: .75rem;
    margin-left: 8px;
    min-width: auto
}

.services-offer {
    padding: 40px 0
}

@media only screen and (max-width:767px) {
    .services-offer .btn {
        display: none
    }
}

.services-offer .rypm-heading h2 {
    font-size: 3.75rem;
    line-height: 1
}

@media only screen and (max-width:991px) {
    .services-offer .rypm-heading h2 {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:767px) {
    .services-offer .rypm-heading h2 {
        font-size: 1.6rem
    }
}

.services-offer .rypm-heading h3 {
    font-size: 4.125rem
}

@media only screen and (max-width:767px) {
    .services-offer .rypm-heading h3 {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:991px) {
    .services-offer .rypm-heading h3 {
        font-size: 1.6rem
    }
}

.services-offer .rypm-heading p {
    padding: 10px 0
}

@media only screen and (max-width:767px) {
    .services-offer .rypm-heading p {
        font-size: 1rem
    }
}

@media only screen and (max-width:991px) {
    .services-offer .rypm-heading h5 {
        font-size: 1rem
    }
}

.services-offer .offer-wrap {
    align-items: center;
    display: flex;
    margin-bottom: 36px
}

.services-offer .offer-wrap .image {
    align-items: center;
    background: #f8f9fe;
    border: 1px solid #e7edee;
    border-radius: 50%;
    display: flex;
    height: 90px;
    justify-content: center;
    margin-right: 24px;
    min-width: 90px;
    padding: 20px;
    width: 90px
}

.services-offer .offer-wrap .image img {
    max-height: 80px;
    max-width: 96%
}

@media only screen and (max-width:767px) {
    .services-offer .offer-wrap .image {
        height: 70px;
        margin-right: 16px;
        min-width: 70px;
        width: 70px
    }

    .services-offer .offer-wrap h5 {
        font-size: 1.2rem;
        font-weight: 400;
        text-align: left
    }
}

@media only screen and (max-width:768px) {
    .services-offer .offer-wrap h5 {
        font-size: .8rem;
        font-weight: 400;
        text-align: left
    }
}

.ms-bullets ul li {
    font-size: .875rem
}

.ms-bullets ul li:before {
    top: -3px
}

.we-offer {
    padding: 100px 0;
    position: relative
}

@media only screen and (max-width:767px) {
    .we-offer {
        padding: 40px 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .we-offer {
        padding: 40px 0 20px
    }
}

.we-offer:before {
    background: linear-gradient(210deg, #f8f9fe 14%, #fff 54%);
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .we-offer:before {
        -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%)
    }
}

.we-offer .rypm-heading p {
    margin: 20px auto;
    max-width: 774px
}

.we-offer .offer-box {
    background: #fff;
    border: 1px solid #d0e5e8;
    border-radius: 26px;
    min-height: 436px;
    overflow: hidden;
    height: 90%
}

@media only screen and (max-width:767px) {
    .we-offer .offer-box {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:812px) {
    .we-offer .offer-box {
        min-height: 430px
    }
}

@media only screen and (min-width:813px) and (max-width:991px) {
    .we-offer .offer-box {
        min-height: 430px
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .we-offer .offer-box {
        min-height: 475px
    }
}

.we-offer .offer-box .image img {
    height: 214px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.we-offer .offer-box .text {
    padding: 26px 26px 14px;
    text-align: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .we-offer .offer-box .text {
        padding: 26px 16px 14px
    }
}

@media only screen and (max-width:991px) {
    .we-offer .offer-box .text {
        padding: 26px 16px 14px
    }

    .we-offer .offer-box .text h5 {
        font-size: 1.1rem
    }

    .we-offer .offer-box .text P {
        font-size: .8rem
    }
}

@media only screen and (max-width:767px) {
    .we-offer .offer-box .text P {
        font-size: 1rem
    }
}

.we-offer .offer-box .text h5 {
    -webkit-line-clamp: 1;
    font-family: 'Helvetica Rounded Bold';
    font-size: 1.2rem;
    color: #315d80;
}

.we-offer .offer-box .text h5,
.we-offer .offer-box .text p {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.we-offer .offer-box .text p {
    line-height: 1.7;
    font-size: 0.9rem;
    text-align: justify;
    color: #315D80;
}

.maintenance-services {
    padding: 100px 0
}

@media only screen and (max-width:767px) {
    .maintenance-services {
        padding: 50px 0
    }
}

.maintenance-services.painting-services {
    padding-top: 160px;
    position: relative
}

@media only screen and (max-width:991px) {
    .maintenance-services.painting-services {
        padding-top: 80px
    }
}

@media only screen and (max-width:767px) {
    .maintenance-services.painting-services {
        padding-top: 60px
    }
}

.maintenance-services.painting-services:before {
    background: #f8f9fe;
    background: linear-gradient(90deg, #f8f9fe, #fff);
    -webkit-clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media only screen and (max-width:991px) {
    .maintenance-services.painting-services:before {
        -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%)
    }
}

@media only screen and (max-width:767px) {
    .pricing-wrap {
        margin-top: 1.5rem
    }
}

.pricing-wrap .heading {
    background: #EFF3F6;
    border: 1px solid #EFF3F6;
    border-radius: 5px;
    padding: 14px 20px;
}

.pricing-wrap .heading p {
    color: #315d80;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Helvetica Rounded Bold';
    margin: 0;
    text-align: center;
}

@media only screen and (max-width:991px) {
    .pricing-wrap .heading {
        padding: 9px 20px
    }

    .pricing-wrap .heading p {
        font-size: 1.2rem
    }
}

.pricing-wrap .pricing-box {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 45px #00000019;
    position: relative;
    top: -10px;
    width: 100%
}

.pricing-wrap .pricing-box .box-row {
    align-content: center;
    align-items: center;
    display: flex
}

.pricing-wrap .pricing-box .box-row .title {
    color: #315d80;
    font-size: 1.625rem;
    font-weight: 600;
    text-transform: capitalize
}

@media only screen and (max-width:991px) {
    .pricing-wrap .pricing-box .box-row .title {
        font-size: .9rem
    }
}

.pricing-wrap .pricing-box .box-row p {
    color: #315d80;
    font-size: 1.425rem;
    margin: 0;
    padding: 20px 30px;
    width: 50%
}

@media only screen and (max-width:991px) {
    .pricing-wrap .pricing-box .box-row p {
        font-size: .9rem;
        padding: 24px
    }
}

.find-properties {
    padding: 90px 0 160px
}

@media only screen and (max-width:767px) {
    .find-properties {
        margin-bottom: 60px;
        padding: 0 0 60px
    }
}

.find-properties .rypm-heading {
    margin-bottom: 30px;
    padding: 20px 0;
    text-align: center
}

@media only screen and (max-width:767px) {
    .find-properties .rypm-heading {
        padding: 0
    }
}

.find-properties .map-wrap {
    height: 100%;
    max-height: 800px;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:767px) {
    .find-properties .map-wrap {
        display: none;
        height: 400px;
        position: relative
    }
}

.find-properties .map-wrap iframe {
    height: 942px
}

.find-properties .map-wrap #single_property_map {
    max-height: 750px
}

@media only screen and (max-width:767px) {
    .find-properties .map-wrap #single_property_map {
        max-height: 400px !important
    }
}

.find-properties .explore-btn {
    margin-top: 50px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .find-properties .explore-btn {
        margin-top: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .find-properties .explore-btn {
        margin-top: 110px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .find-properties .explore-btn {
        margin-top: 0
    }
}

.find-properties .explore-btn .btn {
    background-color: #fff;
    border-color: #315d80;
    color: #315d80
}

.find-properties .explore-btn .btn:hover {
    background: #315d80;
    color: #fff
}

.find-properties .similar-properties {
    margin-top: 140px;
    padding: 0;
    position: relative
}

@media only screen and (max-width:767px) {
    .find-properties .similar-properties {
        margin-top: 0
    }
}

@media only screen and (max-width:990px) {
    .find-properties .similar-properties .property-cart {
        min-width: 225px !important
    }
}

.our-process {
    margin-top: -168px;
    padding: 130px 0 60px;
    position: relative;
    z-index: 0
}

@media only screen and (min-width:768px) and (max-width:900px) {
    .our-process {
        margin-top: -278px;
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .our-process {
        padding: 62px 0 0
    }
}

@media only screen and (min-width:360px) and (max-width:767px) {
    .our-process {
        padding: 172px 0 0
    }
}

.our-process:before {
    background: #fdfdfe;
    background: linear-gradient(248deg, #f8f9fe 21%, #fff 67%);
    -webkit-clip-path: polygon(0 14%, 100% 0, 100% 98%, 0 100%);
    clip-path: polygon(0 14%, 100% 0, 100% 98%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .our-process:before {
        -webkit-clip-path: polygon(0 3%, 100% 0, 100% 98%, 0 100%);
        clip-path: polygon(0 3%, 100% 0, 100% 98%, 0 100%)
    }
}

.our-process .rypm-heading {
    text-align: center
}

.our-process .rypm-heading p {
    margin: 16px auto;
    max-width: 706px
}

.our-process .rypm-heading .apply-btn .btn {
    font-family: 'Helvetica';
    font-size: 1.3rem
}

@media only screen and (max-width:575px) {
    .our-process .rypm-heading .apply-btn .btn {
        font-size: .9rem
    }
}

.process-box {
    background: #fff;
    border: 1px solid #d0e5e8;
    border-radius: 26px;
    margin: 40px 0;
    max-height: 446px
}

@media only screen and (max-width:768px) {
    .process-box {
        min-height: 250px
    }
}

.process-box .image {
    overflow: hidden
}

.process-box .image img {
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    max-height: 206px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.process-box .details {
    padding: 28px 40px;
    text-align: center
}

@media only screen and (max-width:768px) {
    .process-box .details {
        padding: 28px 20px
    }
}

@media only screen and (max-width:812px) and (max-width:991px) {
    .process-box .details {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0
    }
}

.process-box .details h6 {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: 8px;
    font-family: 'Helvetica Rounded Bold';
    color: #315d80;
}

@media only screen and (min-width:360px) and (max-width:767px) {
    .process-box .details h6 {
        padding-top: 20px
    }
}

.process-box .details p {
    -webkit-line-clamp: 5;
    min-height: 120px;
    color: #315d80;
}

.process-box .details .step,
.process-box .details p {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.process-box .details .step {
    -webkit-line-clamp: 1;
    background: #F2727F;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
    margin: 22px auto 0;
    padding: 14px;
    width: 124px
}

@media only screen and (max-width:768px) {
    .process-box .details .step {
        bottom: 20px;
        left: 0;
        margin-top: 0;
        position: absolute;
        right: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .process-box .details .step {
        bottom: 20px;
        left: 0;
        margin-top: 0;
        position: absolute;
        right: 0
    }
}

.royal-york-benefits {
    padding: 60px 0;
    position: relative
}

@media only screen and (max-width:767px) {
    .royal-york-benefits {
        padding: 30px 0
    }
}

.royal-york-benefits:before {
    background: #fdfdfe;
    background: linear-gradient(289deg, #f8f9fe 21%, #fff 67%);
    -webkit-clip-path: polygon(0 0, 100% 14%, 100% 98%, 0 100%);
    clip-path: polygon(0 0, 100% 14%, 100% 98%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.royal-york-benefits .benefits-details .rypm-bullets ul li {
    font-family: Poppins;
    font-weight: 100
}

.royal-york-benefits .companies-logos {
    display: inline-flex;
    flex: 1 1;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

@media only screen and (max-width:767px) {
    .royal-york-benefits .companies-logos {
        margin-top: 2rem
    }
}

.royal-york-benefits .companies-logos .image {
    align-items: center;
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 36px;
    box-shadow: 0 0 35px #00000029;
    display: flex;
    height: 58px;
    justify-content: center;
    margin: 14px;
    overflow: hidden;
    text-align: center;
    width: 170px
}

.royal-york-benefits .companies-logos .image img {
    max-height: 36px;
    max-width: 90px
}

.signup-benefits iframe {
    width: 100%
}

.required-documents-tabs {
    padding: 110px 0 60px;
    position: relative
}

@media only screen and (max-width:767px) {
    .required-documents-tabs {
        padding: 70px 0 60px
    }
}

.required-documents-tabs:before {
    background: #fdfdfe;
    background: linear-gradient(271deg, #f8f9fe 21%, #fff 67%);
    -webkit-clip-path: polygon(0 8%, 100% 0, 100% 98%, 0 100%);
    clip-path: polygon(0 8%, 100% 0, 100% 98%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 10px;
    width: 100%;
    z-index: -1
}

.required-documents-tabs .rypm-heading {
    text-align: center
}

.required-documents-tabs .rypm-heading p {
    margin: 16px auto;
    max-width: 730px;
    text-align: center !important
}

.required-documents-tabs .tabs_wrapper {
    margin-top: 3rem
}

.required-documents-tabs .tabs_wrapper .tabs li {
    text-align: center !important
}

.required-documents-tabs .tabs_wrapper .tab_container {
    background: transparent
}

.required-documents-tabs .tabs_wrapper .tab_container .tab_content {
    background: #fff;
    border-radius: 12px;
    box-shadow: unset;
    height: auto;
    max-height: 638px;
    min-height: 638px;
    overflow: auto;
    padding: 0
}

@media only screen and (max-width:767px) {
    .required-documents-tabs .tabs_wrapper .tab_container .tab_content {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        min-height: auto
    }
}

@media only screen and (max-width:768px) {
    .required-documents-tabs .tabs_wrapper .tab_container .tab_content {
        margin-top: 0
    }
}

.required-documents-tabs .tabs_wrapper .tab_container .tab_content .rypm-heading {
    border-bottom: 1px solid #e3e3e3;
    padding: 18px 30px
}

.required-documents-tabs .tabs_wrapper .tab_container .tab_content .tab-text {
    padding: 18px 30px
}

.required-documents-tabs .tabs_wrapper .tab_container .tab_content .tab-text p {
    color: #000;
    font-family: 'Helvetica';
    font-weight: 100;
    margin-bottom: 9px
}

.required-documents-tabs .tabs_wrapper .tab_container .tab_content .tab-text img {
    width: 100%
}

.tenant-form {
    margin-bottom: 60px
}

.tenant-form:before {
    background: linear-gradient(86deg, #f8f9fe 21%, #fff 67%);
    content: ""
}

.what-we-offer {
    padding: 24px 0 130px;
    position: relative
}

.what-we-offer:before {
    background: #fdfdfe;
    background: linear-gradient(88deg, #f8f9fe 40%, #fff 80%);
    -webkit-clip-path: polygon(0 14%, 100% 0, 100% 98%, 0 100%);
    clip-path: polygon(0 14%, 100% 0, 100% 98%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: -100px;
    width: 100%;
    z-index: -1
}

.what-we-offer .rypm-heading {
    text-align: center
}

.what-we-offer .rypm-heading p {
    margin: 16px auto;
    max-width: 706px
}

.what-we-offer .process-box .details h6 {
    font-weight: 500
}

.developer-portal-system {
    margin-top: -60px
}

.text-image.your-pain-points {
    padding: 90px 0 160px;
    position: relative
}

@media only screen and (max-width:767px) {
    .text-image.your-pain-points {
        padding: 10px 0 0
    }
}

.text-image.your-pain-points:before {
    background: #fdfdfe;
    background: linear-gradient(100deg, #f8f9fe 38%, #fff 70%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 98%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 98%, 0 80%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.text-image.realtor-challenges {
    padding: 0 0 100px
}

@media only screen and (max-width:767px) {
    .text-image.realtor-challenges {
        padding-bottom: 20px
    }
}

.text-image.developer-benefit {
    padding: 90px 0;
    position: relative
}

@media only screen and (max-width:767px) {
    .text-image.developer-benefit {
        padding: 30px 0 90px
    }
}

.text-image.developer-benefit:before {
    background: #fdfdfe;
    background: linear-gradient(290deg, #f8f9fe 40%, #fff 80%);
    -webkit-clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: -60px;
    width: 100%;
    z-index: -1
}

.contact-ticket.developer-form {
    padding: 0
}

.contact-ticket.developer-form:before {
    background: transparent !important
}

.contact-us {
    padding-top: 80px
}

.contact-us .contact-wrap {
    padding: 20px 0
}

.contact-us .contact-wrap .contact-details {
    align-items: center;
    display: flex;
    margin-bottom: 30px
}

.contact-us .contact-wrap .contact-details .image {
    align-items: center;
    background: #fafafa 0 0 no-repeat padding-box;
    border-radius: 50%;
    display: flex;
    height: 70px;
    justify-content: center;
    margin-right: 32px;
    min-width: 70px;
    width: 70px
}

.contact-us .contact-wrap .contact-details .image img {
    max-width: 30px
}

@media only screen and (max-width:767px) {
    .contact-us .contact-wrap .contact-details .image {
        height: 40px;
        margin-right: 20px;
        min-width: 40px;
        width: 40px
    }

    .contact-us .contact-wrap .contact-details .image img {
        max-width: 16px
    }
}

.contact-us .contact-wrap .contact-details .content {
    text-align: left
}

.contact-us .contact-wrap .contact-details .content h4 {
    font-size: 1.3rem;
    text-align: left
}

@media only screen and (max-width:767px) {
    .contact-us .contact-wrap .contact-details .content h4 {
        font-size: 1rem
    }
}

.contact-us .contact-wrap .contact-details .content h5 {
    color: #003960;
    font-weight: 100;
    margin: 0;
    text-align: left
}

@media only screen and (max-width:767px) {
    .contact-us .contact-wrap .contact-details .content h5 {
        font-size: 1rem
    }
}

@media only screen and (max-width:768px) {
    .contact-us .contact-wrap .contact-details .content h5 {
        font-size: 13px;
        font-weight: 600 !important;
        line-height: 20px;
        text-transform: lowercase
    }

    .contact-us .contact-wrap .contact-details:last-child .content h5 {
        text-transform: capitalize !important
    }
}

.contact-us .hour-details .operations {
    display: flex;
    text-align: left
}

@media only screen and (max-width:1124px) {
    .contact-us .hour-details .operations {
        align-items: center;
        margin-bottom: 2rem
    }
}

.contact-us .hour-details .operations .image {
    align-items: center;
    background: #fafafa 0 0 no-repeat padding-box;
    border-radius: 50%;
    display: flex;
    height: 70px;
    justify-content: center;
    margin-right: 28px;
    min-width: 70px;
    width: 70px
}

.contact-us .hour-details .operations .image i {
    color: #315d80;
    font-size: 2.2rem
}

@media only screen and (max-width:767px) {
    .contact-us .hour-details .operations .image {
        height: 40px;
        margin-right: 20px;
        min-width: 40px;
        width: 40px
    }

    .contact-us .hour-details .operations .image i {
        font-size: 1.2rem
    }
}

.contact-us .hour-details .operations h4 {
    padding-top: 10px;
    text-align: left
}

.contact-us .hour-details .operations h4 span {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    margin: 12px 0;
    text-align: left
}

@media only screen and (max-width:767px) {
    .contact-us .hour-details .operations h4 {
        font-size: 1rem
    }

    .contact-us .hour-details .operations h4 span {
        font-weight: 100;
        margin: 8px 0
    }
}

.contact-us .hour-details .days-wrap {
    display: flex;
    padding-left: 106px
}

@media only screen and (max-width:1199px) {
    .contact-us .hour-details .days-wrap {
        flex-flow: wrap
    }
}

@media only screen and (max-width:1124px) {
    .contact-us .hour-details .days-wrap {
        padding-left: 6px
    }
}

.contact-us .hour-details .days-wrap .days {
    margin-bottom: 30px;
    min-width: 240px
}

@media only screen and (max-width:1124px) {
    .contact-us .hour-details .days-wrap .days {
        min-width: 190px
    }
}

@media only screen and (max-width:480px) {
    .contact-us .hour-details .days-wrap .days {
        min-width: 150px
    }
}

.contact-us .hour-details .days-wrap .days h4 {
    font-size: 1.25rem;
    text-align: left
}

@media only screen and (max-width:767px) {
    .contact-us .hour-details .days-wrap .days h4 {
        font-size: 1rem
    }
}

.contact-us .hour-details .days-wrap .days h5 {
    color: #315d80;
    font-size: 1.125rem;
    font-weight: 100;
    text-align: left
}

@media only screen and (max-width:767px) {
    .contact-us .hour-details .days-wrap .days h5 {
        font-size: .9rem
    }
}

.contact-24 {
    background: url(https://royalyorkpropertymanagement.ca/images/contact-24-bg.svg);
    background-repeat: no-repeat;
    padding: 80px 0 0;
    position: relative
}

.contact-24:before {
    background: linear-gradient(270deg, #f8f9fe, #fff 94%);
    bottom: 0;
    content: "";
    padding: 60px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
    z-index: -1
}

.contact-24 .text-image {
    padding: 0
}

.contact-24 .form-24 .form-control {
    border: 1px solid #e7edee;
    border-radius: 5px;
    padding: 14px 14px 14px 40px
}

.contact-24 .form-24 .form-group {
    margin-bottom: 1.5rem;
    position: relative
}

.contact-24 .form-24 .form-group i {
    left: 14px;
    position: absolute;
    top: 20px
}

.contact-24 .form-24 .form-group i.fas.fa-user {
    left: 30px
}

.contact-24 .form-24 .form-group select.form-control {
    padding-left: 14px !important;
    padding-top: 14px !important
}

.contact-24 .form-24 .form-group select.form-control:not([size]):not([multiple]) {
    height: 3.4rem
}

.contact-24 .form-24 .form-group input.form-control.last-name,
.contact-24 .form-24 .form-group textarea#exampleFormControlTextarea1 {
    padding-left: 14px
}

.contact-24 .form-24 .btn {
    font-family: 'Helvetica';
    font-weight: 600;
    min-width: 200px
}

.contact-24 iframe {
    height: 650px;
    left: -16px;
    position: relative;
    top: -26px;
    width: 100%
}

.contact-24 .rypm-heading h2 span {
    display: block
}

.contact-ticket {
    display: none;
    padding: 60px 0 0;
    position: relative
}

.contact-ticket:before {
    background: #f8f9fe;
    background: linear-gradient(90deg, #f8f9fe, #fafbfe 26%, #fbfcfe 50%, #fff);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .contact-ticket {
        padding: 30px 0 0
    }
}

.contact-ticket .rypm-heading h2 {
    font-size: 2.625rem
}

@media only screen and (max-width:991px) {
    .contact-ticket .rypm-heading h2 {
        font-size: 1.625rem
    }
}

.contact-ticket .form-tickets .form-control {
    border: 1px solid #e7edee;
    border-radius: 5px;
    padding: 14px
}

.contact-ticket .form-tickets .form-group {
    margin-bottom: 1.5rem;
    position: relative
}

.contact-ticket .form-tickets .custom-file {
    border-radius: 5px;
    margin-bottom: 3rem
}

.contact-ticket .form-tickets .custom-file .custom-file-label {
    border: 1px solid #e7edee;
    border-radius: 5px;
    color: #595f64;
    height: calc(3.3rem + 1px);
    padding: 1rem .75rem
}

.contact-ticket .form-tickets .custom-file .custom-file-label:after {
    background-color: transparent;
    border-left: 0;
    content: "\f0c6";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    top: 10px
}

.contact-ticket .form-tickets .custom-file .invalid-feedback,
.contact-ticket .form-tickets .custom-file .valid-feedback {
    margin-top: 18px
}

.contact-ticket .form-tickets .btn {
    font-family: 'Helvetica';
    font-weight: 600;
    min-width: 200px
}

.contact-ticket .form-tickets iframe {
    height: 660px;
    left: -16px;
    position: relative;
    top: -26px;
    width: 100%
}

.office-location {
    background: transparent linear-gradient(270deg, #f8f9fe, #fff) 0 0 no-repeat padding-box;
    display: flex
}

@media only screen and (max-width:991px) {
    .office-location {
        flex-direction: column-reverse
    }
}

.office-location .location-col {
    margin-left: 12%;
    min-width: 600px;
    padding: 60px 30px 60px 0
}

@media only screen and (max-width:1200px) {
    .office-location .location-col {
        margin-left: 1%;
        min-width: 560px
    }
}

@media only screen and (max-width:991px) {
    .office-location .location-col {
        background: #ffffffe0;
        margin-left: 0;
        min-width: 100%;
        padding-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        z-index: 1
    }
}

@media only screen and (max-width:767px) {
    .office-location .location-col {
        padding-bottom: 20px
    }
}

.office-location .location-wrap {
    margin-top: 30px;
    max-height: 526px;
    max-width: 550px;
    overflow-y: auto
}

@media only screen and (max-width:991px) {
    .office-location .location-wrap {
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {
    .office-location .location-wrap {
        max-height: 378px;
        min-height: 390px
    }
}

.office-location .location-wrap .location-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 13px #0000001a;
    display: flex;
    margin: 12px 12px 30px;
    padding: 20px
}

@media only screen and (max-width:530px) {
    .office-location .location-wrap .location-box {
        flex-direction: column;
        padding: 0
    }
}

.office-location .location-wrap .location-box .image {
    border-radius: 10px;
    height: 135px;
    margin-right: 25px;
    min-width: 144px;
    overflow: hidden;
    width: 166px
}

.office-location .location-wrap .location-box .image img {
    max-height: 135px
}

@media only screen and (max-width:530px) {
    .office-location .location-wrap .location-box .image {
        height: 190px;
        margin-bottom: 0;
        width: 100%
    }

    .office-location .location-wrap .location-box .image img {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        width: 100%
    }
}

.office-location .location-wrap .location-box .details {
    text-align: left
}

@media only screen and (max-width:530px) {
    .office-location .location-wrap .location-box .details {
        padding: 16px
    }
}

.office-location .location-wrap .location-box .details h5 {
    color: #002843;
    font-size: 1.063rem;
    font-weight: 600;
    padding-top: 2px;
    text-align: left
}

.office-location .location-wrap .location-box .details h6 {
    color: #000;
    font-size: .938rem;
    font-weight: 100;
    margin-left: 20px;
    padding-left: 6px;
    padding-top: 4px;
    position: relative;
    text-align: left
}

.office-location .location-wrap .location-box .details h6 i {
    color: #315d80;
    font-size: .813rem;
    left: -18px;
    position: absolute;
    top: 5px
}

.office-location .location-wrap .location-box .details h6 a {
    color: #000;
    text-align: left
}

.office-location .location-wrap .location-box:first-child {
    margin-top: 5px !important
}

.office-location .location-wrap .location-box:last-child {
    margin-bottom: 5px !important
}

.office-location .map {
    width: 100%;
    padding: 60px 0;
}

@media only screen and (max-width:991px) {
    .office-location .map #single_property_map {
        max-height: 400px
    }
}

.office-location .map iframe {
    width: 100%
}

.faqs {
    padding: 80px 0 20px;
    position: relative;
    text-align: left
}

.faqs:before {
    background-image: url(https://royalyorkpropertymanagement.ca/images/faqs-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 100%;
    left: -55px;
    position: absolute;
    top: -160px;
    width: 106%
}

.faqs .accordion .card {
    border: 0;
    font-family: 'Helvetica';
    font-weight: 100
}

.faqs .accordion .card .card-header {
    border: 0;
    border-radius: 50px;
    margin-bottom: 20px;
    padding: 0
}

.faqs .accordion .card .card-header .btn-header-link {
    align-items: center;
    background: #f8f9fe;
    border-radius: 50px;
    color: #002843;
    color: #222;
    display: block;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    padding: 14px 22px;
    text-align: left;
    white-space: pre-wrap
}

.faqs .accordion .card .card-header .btn-header-link:after {
    background: #fafafa;
    background-image: url(https://royalyorkpropertymanagement.ca/images/select-arrow.svg);
    background-position: 12px -1px;
    background-repeat: no-repeat;
    background-size: 45%;
    border-radius: 50px;
    color: #315d80;
    content: "";
    float: right;
    height: 44px;
    margin-left: 10px;
    min-width: 44px;
    transform: rotate(180deg);
    transition: .3s ease-in;
    width: 44px
}

@media only screen and (max-width:480px) {
    .faqs .accordion .card .card-header .btn-header-link:after {
        height: 32px;
        min-width: 32px;
        width: 32px
    }
}

.faqs .accordion .card .card-header .btn-header-link.collapsed {
    background: #f8f9fe;
    color: #002843
}

.faqs .accordion .card .card-header .btn-header-link.collapsed:after {
    transform: rotate(268deg);
    transition: .3s ease-in
}

@media only screen and (max-width:480px) {
    .faqs .accordion .card .card-header .btn-header-link {
        font-size: .9rem
    }
}

.faqs #faq .card .collapsing {
    background: #f8f9fe;
    line-height: 30px
}

.faqs #faq .card .collapse {
    border: 0
}

.faqs #faq .card .collapse .video {
    box-shadow: inset 1px -1px 0 9px #0e0e0e
}

.faqs #faq .card .collapse .video iframe {
    background: #000;
    border: 8px solid #000;
    border-bottom: 0;
    max-height: 540px;
    width: 100%
}

@media only screen and (max-width:990px) {
    .faqs #faq .card .collapse .video iframe {
        max-height: 370px
    }
}

@media only screen and (max-width:767px) {
    .faqs #faq .card .collapse .video iframe {
        max-height: 280px
    }
}

@media only screen and (max-width:480px) {
    .faqs #faq .card .collapse .video iframe {
        max-height: 210px
    }
}

.faqs #faq .card .collapse .card-body {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 4px 16px #00000029
}

.faqs #faq .card .collapse .card-body p {
    text-align: left
}

.faqs #faq .card .collapse.show {
    background: #f8f9fe;
    color: #222;
    line-height: 30px;
    margin-bottom: 40px;
    transition: .2s ease-in
}

.faqs p {
    text-align: left
}

.no-deposit {
    padding: 60px 0
}

@media only screen and (max-width:767px) {
    .no-deposit {
        padding-top: 0
    }
}

.no-deposit ul {
    padding: 20px
}

.no-deposit ul li {
    padding-bottom: 10px
}

.no-deposit-calculator .form-control {
    border: 1px solid #e7edee;
    border-radius: 5px;
    padding: 10px 10px 10px 40px
}

.no-deposit-calculator .form-group {
    margin: 1.5rem 0;
    position: relative
}

.no-deposit-calculator .form-group i {
    left: 30px;
    position: absolute;
    top: 16px
}

.no-deposit-calculator .form-group select.form-control {
    padding-left: 14px !important;
    padding-top: 14px !important
}

.no-deposit-calculator .form-group select.form-control:not([size]):not([multiple]) {
    height: 3.4rem
}

.no-deposit-calculator .form-group input.form-control.last-name,
.no-deposit-calculator .form-group textarea#exampleFormControlTextarea1 {
    padding-left: 14px
}

.no-deposit-calculator .btn {
    font-family: 'Helvetica';
    font-weight: 600
}

@media only screen and (max-width:767px) {
    .no-deposit-calculator .btn {
        margin-top: 1rem;
        width: 100%
    }
}

.no-deposit-calculator .pay-only {
    background: #f8f9fe;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    padding: 14px;
    text-align: center;
}

.no-deposit-calculator .pay-only h3 {
    color: #315d80
}

.media-slider-wrap {
    border: 1px solid #eaeaea;
    padding: 44px 0;
    position: relative
}

.media-slider-wrap a img {
    filter: invert(72%) sepia(0) saturate(0) hue-rotate(121deg) brightness(95%) contrast(88%);
    margin: 0 auto;
    max-height: 18px;
    max-width: 130px;
    transition: .5s
}

.media-slider-wrap a img:hover {
    filter: grayscale(0)
}

.social-slider-wrap {
    border: 1px solid #eaeaea;
    padding: 18px 0;
    position: relative
}

.social-slider-wrap img {
    filter: grayscale(100%);
    margin: 0 auto;
    max-height: 80px;
    max-width: 90px;
    transition: .5s
}

.social-slider-wrap img:hover {
    filter: grayscale(0)
}

.testimonial {
    background-color: #fff;
    padding: 0 0 60px
}

@media only screen and (max-width:991px) {
    .testimonial {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:900px) {
    .testimonial {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media only screen and (max-width:767px) {
    .testimonial {
        padding-top: 10px
    }
}

.testimonial .carousel-caption {
    align-items: center;
    display: flex;
    position: static;
    text-align: left;
    z-index: 99
}

.testimonial .carousel-caption .image {
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 180px;
    position: relative;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:767px) {
    .testimonial .carousel-caption .image {
        margin: 0 auto 40px;
        min-height: 229px
    }
}

.testimonial .carousel-caption .image:before {
    background-image: url(https://royalyorkpropertymanagement.ca/images/dots.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 90%;
    content: "";
    height: 270px;
    left: -30px;
    position: absolute;
    top: -40px;
    width: 270px;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .testimonial .carousel-caption .image:before {
        background-size: 90%;
        left: -30px;
        top: -20px
    }
}

.testimonial .carousel-caption .image img {
    border: 8px solid #fff;
    border-radius: 10rem;
    box-shadow: 1px 1px 20px 20px #f3f3f36e;
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 11rem
}

.testimonial .carousel-caption .video {
    min-height: 248px;
    position: relative
}

.testimonial .carousel-caption .video:after {
    background-image: url(https://royalyorkpropertymanagement.ca/images/dots.png);
    background-repeat: no-repeat;
    background-size: 212px;
    bottom: -76px;
    content: "";
    height: 270px;
    left: 223px;
    position: absolute;
    width: 270px;
    z-index: -1
}

@media (max-width:767px) {
    .testimonial .carousel-caption .video {
        margin: 0 auto 20px;
        min-height: 249px
    }
}

.testimonial .carousel-caption .video iframe {
    height: 242px;
    width: 430px
}

@media only screen and (max-width:990px) and (min-width:768px) {
    .testimonial .carousel-caption .video iframe {
        height: 150px;
        width: 268px
    }
}

@media (max-width:767px) {
    .testimonial .carousel-caption .video iframe {
        display: block;
        margin: 0 auto
    }
}

@media (max-width:575px) {
    .testimonial .carousel-caption .video iframe {
        height: 242px;
        width: 100%
    }
}

.testimonial .carousel-caption .tesimonial-text {
    max-width: 600px;
    min-height: 400px;
    padding-right: 20px
}

@media (max-width:767px) {
    .testimonial .carousel-caption .tesimonial-text {
        max-width: 100%;
        min-height: 350px
    }
}

@media (max-width:575px) {
    .testimonial .carousel-caption .tesimonial-text {
        min-height: 380px
    }
}

@media (max-width:340px) {
    .testimonial .carousel-caption .tesimonial-text {
        min-height: 550px
    }
}

.testimonial .carousel-caption .tesimonial-text h6 {
    font-weight: 700;
    margin: 8px 0
}

.testimonial .carousel-caption .tesimonial-text p {
    margin-top: 20px
}

@media (max-width:767px) {
    .testimonial .carousel-caption {
        display: block
    }

    .testimonial .carousel-caption .image {
        order: 0
    }

    .testimonial .carousel-caption {
        padding-bottom: 32px
    }

    .testimonial .carousel-caption .video video {
        width: 100% !important
    }

    .testimonial .carousel-caption img {
        border-radius: 4rem;
        margin-top: 1rem;
        width: 4rem
    }
}

.testimonial .title {
    color: #315d80;
    font-weight: 700;
    margin-bottom: 16px
}

@media (max-width:767px) {
    .testimonial .title {
        font-style: normal;
        text-align: center
    }
}

.testimonial i {
    color: #cbcbcb;
    font-size: 1.5rem
}

.testimonial i:hover {
    color: #315d80
}

.testimonial .container {
    position: relative
}

.testimonial .testimonial-arrows {
    position: absolute
}

.testimonial .carousel-control-prev {
    justify-content: flex-start
}

.testimonial .carousel-control-next {
    justify-content: flex-end;
    left: 30px
}

.testimonial .carousel-control-next,
.testimonial .carousel-control-prev {
    align-items: flex-end;
    justify-content: start;
    opacity: unset;
    transition: none;
    width: 0;
    z-index: 11
}

@media (max-width:1199px) {

    .testimonial .carousel-control-next,
    .testimonial .carousel-control-prev {
        justify-content: flex-end
    }
}

@media (max-width:992px) {

    .testimonial .carousel-control-next,
    .testimonial .carousel-control-prev {
        justify-content: center
    }
}

@media (max-width:580px) {

    .testimonial .carousel-control-next,
    .testimonial .carousel-control-prev {
        justify-content: flex-start
    }
}

.counter-wrap {
    padding: 20px;
    text-align: center
}

.counter-wrap .no-js .owl-carousel,
.counter-wrap .owl-carousel.owl-loaded {
    width: 99%
}

.counter-wrap .counter-number {
    display: flex;
    justify-content: center
}

.counter-wrap .counter-number p,
.counter-wrap .counter-number span {
    font-size: 3rem;
    font-weight: 600;
    margin: 0;
    font-family: 'Helvetica Rounded Bold';
}

@media only screen and (max-width:767px) {

    .counter-wrap .counter-number p,
    .counter-wrap .counter-number span {
        font-size: 1.9rem
    }
}

.counter-wrap h4 {
    color: #315d80;
    font-size: 1rem;
    margin: 0 auto;
    max-width: 248px;
    padding-bottom: 2px;
    font-weight: normal;
}

@media only screen and (max-width:767px) {
    .counter-wrap h4 {
        font-size: 1rem;
        padding: 0 16px
    }
}

.video-section {
    overflow: hidden;
    padding: 50px 0
}

.video-section .video {
    max-width: 508px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:767px) {
    .video-section .video {
        margin: 0 auto 1rem
    }
}

.video-section iframe {
    height: 280px;
    max-width: 663px;
    width: 98%
}

@media only screen and (max-width:575px) {
    .video-section iframe {
        height: 210px
    }
}

.video-section p {
    max-width: 614px;
    padding: 10px 0
}

@media only screen and (max-width:767px) {
    .video-section p {
        max-width: 98%
    }
}

.video-section h3,
.video-section h5 {
    font-size: 1rem
}

@media only screen and (max-width:767px) {
    .video-section {
        text-align: center
    }

    .video-section .rypm-heading {
        margin-top: 1rem
    }
}

.news-and-articles {
    padding: 60px 0 0
}

@media only screen and (max-width:767px) {
    .news-and-articles {
        padding-bottom: 40px
    }
}

.news-and-articles .rypm-heading {
    text-align: center
}

.news-and-articles .rypm-heading h6 {
    color: #315d80;
    padding-top: 4px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Helvetica';
    letter-spacing: 0.5px;
}

.news-and-articles .articles-wrap {
    margin-top: 40px
}

.news-and-articles .articles-wrap .image {
    border-radius: 23px;
    overflow: hidden
}

.news-and-articles .articles-wrap .image img {
    height: 233px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    object-position: 50% 10%;
}

.news-and-articles .articles-wrap .details {
    color: #315d80;
    display: flex;
    display: -webkit-inline-box;
    font-size: .75rem;
    justify-content: space-between;
    max-width: 350px;
    overflow-x: hidden;
    padding: 14px 0 10px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .news-and-articles .articles-wrap .details {
        align-items: flex-start;
        display: flex;
        max-width: 100%
    }
}

.news-and-articles .articles-wrap .details p {
    color: #315d80;
    font-family: 'Helvetica';
    font-size: .8rem;
    margin: 0 16px 0 0
}

@media only screen and (max-width:991px) {
    .news-and-articles .articles-wrap .details p {
        font-size: .8rem;
        margin-right: 6px
    }
}

.news-and-articles .articles-wrap .details i {
    margin-right: 4px
}

@media only screen and (max-width:991px) {
    .news-and-articles .articles-wrap .details i {
        margin-right: 1px
    }
}

.news-and-articles .articles-wrap h6 {
    font-family: 'Helvetica Rounded Bold';
    line-height: 1.4;
    min-height: 50px;
    color: #315d80
}

.news-and-articles .articles-wrap h6 a {
    color: #315d80;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    .news-and-articles .articles-wrap h6 {
        min-height: auto;
        text-align: left
    }
}

.news-and-articles .articles-wrap p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .875rem;
    line-height: 1.6;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis
}

.news-and-articles-tabs {
    padding: 60px 0 0
}

.news-and-articles-tabs .tabs_wrapper {
    width: 100%
}

.news-and-articles-tabs ul.tabs {
    background: #fafafa;
    border-radius: 5px;
    display: flex;
    list-style: none;
    overflow-x: scroll;
    padding: 0;
    transition: all .3s ease
}

.news-and-articles-tabs ul.tabs::-webkit-scrollbar {
    display: none
}

.news-and-articles-tabs ul.tabs li {
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-family: 'Helvetica';
    margin: 0 20px 0 0;
    min-width: 206px;
    padding: 20px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    width: 230px
}

@media screen and (max-width:767px) {
    .news-and-articles-tabs ul.tabs li {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding: 12px 16px;
        white-space: nowrap;
        width: auto
    }
}

.news-and-articles-tabs ul.tabs li:before {
    background: #aaa;
    content: "";
    height: 26px;
    position: absolute;
    right: -14px;
    width: 1px
}

.news-and-articles-tabs ul.tabs li:last-child {
    margin-right: 0
}

.news-and-articles-tabs ul.tabs li:last-child:before {
    display: none
}

.news-and-articles-tabs ul.tabs li.active,
.news-and-articles-tabs ul.tabs li:hover {
    background-color: #315d80;
    color: #fff;
    transition: all .3s ease
}

.news-and-articles-tabs ul.tabs .rypm-heading h2 {
    font-size: 5rem;
    line-height: 1
}

.news-and-articles-tabs ul.tabs .rypm-heading h2 span {
    display: block;
    font-size: 2.875rem
}

.news-and-articles-tabs ul.tabs .rypm-heading p {
    color: #000;
    font-size: 1.25rem;
    font-weight: 100;
    margin: 18px 0 30px
}

.news-and-articles-tabs .tab_container {
    background: #fff;
    display: inline-block;
    min-width: 10px;
    position: relative;
    vertical-align: top;
    width: 100%;
    width: 98%
}

.news-and-articles-tabs .tab_content {
    display: none;
    height: 100%;
    padding: 20px 0
}

.news-and-articles-tabs .tab_content .property-tab-details {
    align-items: center;
    display: flex;
    margin-bottom: 1.3rem;
    width: 100%
}

.news-and-articles-tabs .tab_content .property-tab-details .icon-img img {
    width: 36px
}

.news-and-articles-tabs .tab_content .property-tab-details .tab-details {
    padding-left: 10px
}

.news-and-articles-tabs .tab_content .property-tab-details .tab-details h5 {
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: 0
}

.news-and-articles-tabs .tab_content .property-tab-details .tab-details h6 {
    font-size: .7rem;
    font-weight: 100;
    margin-bottom: 0
}

.news-and-articles-tabs .tab_drawer_heading {
    display: none
}

@media screen and (max-width:767px) {
    .news-and-articles-tabs .tab_container {
        border-radius: 0;
        border-top: none;
        display: block;
        left: 0;
        margin: 0 auto;
        width: 95%
    }

    .news-and-articles-tabs .tab_drawer_heading {
        -webkit-touch-callout: none;
        border: 1px solid #315d80;
        color: #315d80;
        cursor: pointer;
        display: block;
        display: none;
        font-size: 1.3rem;
        margin: 0;
        padding: 14px 12px;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .news-and-articles-tabs .d_active,
    .news-and-articles-tabs .tab_drawer_heading:hover {
        background: #315d80;
        color: #fff
    }
}

@media only screen and (max-width:480px) {
    .news-and-articles-tabs .rypm-tab .tab_content .content-wrap .image {
        width: 100%
    }
}

.featured-article .image-large img {
    border-radius: 1rem;
    max-height: 430px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    object-position: 50% 10%;
}

.featured-article .artical-details {
    color: #000;
    font-family: 'Helvetica';
    font-weight: 100;
    padding-top: 1rem
}

.featured-article .artical-details b,
.featured-article .artical-details h1,
.featured-article .artical-details h2,
.featured-article .artical-details h3,
.featured-article .artical-details h4,
.featured-article .artical-details h5,
.featured-article .artical-details h6,
.featured-article .artical-details strong {
    color: #315d80;
    margin: 20px 0 8px
}

@media only screen and (max-width:767px) {

    .featured-article .artical-details b,
    .featured-article .artical-details h2,
    .featured-article .artical-details h3,
    .featured-article .artical-details h4,
    .featured-article .artical-details h5,
    .featured-article .artical-details h6,
    .featured-article .artical-details strong {
        font-size: 1.6rem
    }
}

.featured-article .artical-details ul li {
    text-align: left
}

.featured-article .artical-details p {
    color: #000;
    font-family: 'Helvetica';
    font-size: .9rem;
    font-weight: 100;
    padding: .5rem 0
}

.featured-article .artical-details .articleBody img {
    margin: 20px 0;
    width: 100%
}

.featured-article .artical-details img {
    margin: 20px 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.featured-article .other-details {
    align-items: center;
    background: #fafafa;
    border-radius: 10px;
    display: flex;
    margin: 14px 0;
    padding: 14px 20px
}

@media only screen and (max-width:992px) {
    .featured-article .other-details {
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .featured-article .other-details {
        margin-bottom: 2rem
    }

    .featured-article .other-details.bg-white {
        margin-bottom: 0
    }
}

.featured-article .other-details .details {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media only screen and (max-width:992px) {
    .featured-article .other-details .details {
        margin-bottom: 1rem;
        text-align: center;
        width: 100%
    }
}

.featured-article .other-details .details p {
    color: #315d80;
    font-size: .75rem;
    font-weight: 600;
    margin: 0;
    min-width: 140px;
    padding-right: 28px;
    position: relative;
    text-overflow: clip;
    white-space: nowrap;
}

@media only screen and (max-width:480px) {
    .featured-article .other-details .details p {
        font-size: .6rem;
        min-width: auto
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .featured-article .other-details .details p {
        font-size: .7rem !important;
        text-overflow: clip;
        white-space: nowrap;
    }
}

.featured-article .other-details .details i {
    color: #315d80;
    left: -10px;
    margin-right: 4px;
    position: relative;
    top: 0
}

@media only screen and (max-width:480px) {
    .featured-article .other-details .details i {
        margin-right: 2px
    }
}

.featured-article .other-details .more-btn {
    text-align: right;
    width: 49%
}

@media only screen and (max-width:992px) {
    .featured-article .other-details .more-btn {
        text-align: center;
        width: 100%
    }
}

.featured-article .other-details .more-btn .btn {
    font-size: .9rem;
    min-width: 140px;
    padding: 6px 24px
}

.featured-article .search-bar .form-group .form-control {
    border: 1px solid #cecece;
    border-radius: 2.25rem;
    color: #aaa;
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 50px 1rem 1rem
}

.featured-article .search-bar .form-group .form-control::-moz-placeholder {
    color: #aaa
}

.featured-article .search-bar .form-group .form-control:-ms-input-placeholder {
    color: #aaa
}

.featured-article .search-bar .form-group .form-control::placeholder {
    color: #aaa
}

.featured-article .search-bar i {
    color: #315d80;
    font-size: 18px;
    position: absolute;
    right: 34px;
    top: 20px
}

.featured-article .heading-recent-posts {
    color: #082745;
    font-size: 1.4rem
}

.featured-article .recent-posts {
    max-height: 506px;
    overflow-y: scroll;
    padding-top: 10px
}

.featured-article .recent-posts.news-articles-details {
    max-height: 100%
}

@media only screen and (max-width:767px) {
    .featured-article .recent-posts.rypm-scroll::-webkit-scrollbar {
        display: block;
        width: 3px
    }
}

.featured-article .recent-posts .recent-posts-box {
    align-items: center;
    display: flex;
    margin: 24px 0
}

.featured-article .recent-posts .recent-posts-box:first-child {
    margin-top: 8px
}

.featured-article .recent-posts .recent-posts-box .image {
    margin-right: 20px
}

.featured-article .recent-posts .recent-posts-box .image img {
    border-radius: 7px;
    height: 78px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 78px
}

.featured-article .recent-posts .recent-posts-box .post-details h6 {
    color: #082745;
    font-size: .77rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 4px;
    text-align: left
}

.featured-article .recent-posts .recent-posts-box .post-details p {
    color: #082745;
    font-size: .6rem;
    font-weight: 600;
    margin: 0;
    text-align: left
}

.featured-article .recent-posts .recent-posts-box .post-details p i {
    color: #315d80;
    font-size: 10px;
    margin-right: 6px
}

.articles-quotes {
    background: #f8f9fe;
    border-left: 8px solid #315d80;
    border-radius: 18px;
    margin-bottom: 1rem;
    padding: 1rem 2.1rem .3rem
}

.articles-quotes p {
    color: #082745;
    font-style: italic
}

.artical-comments-heading {
    color: #315d80;
    padding: 1rem 0
}

.artical-comments {
    padding: 1.2rem 0;
    position: relative;
    z-index: 0
}

.artical-comments:before {
    background: linear-gradient(100deg, #f8f9fe, #fff);
    content: "";
    height: 100%;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-50%);
    width: 1920px;
    z-index: -1
}

.artical-comments .artical-comments-box {
    border-bottom: 1px solid #e7edee;
    display: flex;
    padding: 2rem 0
}

.artical-comments .artical-comments-box:last-child {
    border-bottom: 0
}

.artical-comments .artical-comments-box.others-reply {
    margin-left: 12%
}

.artical-comments .artical-comments-box .image {
    border: 1px solid #315d80;
    border-radius: 50%;
    height: 80px;
    min-width: 80px;
    overflow: hidden;
    padding: 4px;
    width: 80px
}

.artical-comments .artical-comments-box .image img {
    border-radius: 50%;
    width: 100%
}

.artical-comments .artical-comments-box .artical-comments-details {
    margin-left: .9rem
}

.artical-comments .artical-comments-box .artical-comments-details .artical-comments-title {
    color: #082745
}

.artical-comments .artical-comments-box .artical-comments-details .artical-comments-title span {
    color: #315d80;
    font-size: .7rem
}

.artical-comments .artical-comments-box .artical-comments-details .artical-comments-date {
    color: #002843;
    font-size: .75rem;
    font-weight: 600;
    margin: 0
}

.artical-comments .artical-comments-box .artical-comments-details .artical-comments-date i {
    color: #315d80;
    margin-right: 4px
}

.artical-comments .artical-comments-box .artical-comments-details .artical-comments-message {
    color: #082745;
    font-size: .9rem;
    font-weight: 100;
    margin-bottom: 0;
    padding-top: 1rem
}

.leave-comments {
    padding-top: 40px
}

@media only screen and (max-width:767px) {
    .leave-comments {
        margin-bottom: 2rem
    }
}

.leave-comments .heading {
    color: #002843;
    padding-bottom: 14px
}

.leave-comments .heading span {
    color: #315d80
}

.leave-comments .form-control {
    border: 1px solid #e7edee;
    border-radius: 5px;
    padding: 14px
}

.leave-comments .form-group {
    margin-bottom: 1.5rem;
    position: relative
}

.leave-comments .form-group input::-moz-placeholder,
.leave-comments .form-group textarea::-moz-placeholder {
    color: #000;
    font-family: 'Helvetica';
    font-weight: 100
}

.leave-comments .form-group input:-ms-input-placeholder,
.leave-comments .form-group textarea:-ms-input-placeholder {
    color: #000;
    font-family: 'Helvetica';
    font-weight: 100
}

.leave-comments .form-group input::placeholder,
.leave-comments .form-group textarea::placeholder {
    color: #000;
    font-family: 'Helvetica';
    font-weight: 100
}

.leave-comments .btn {
    font-weight: 500;
    min-width: 200px
}

.google-map {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%);
    height: 1050px;
    position: relative
}

@media only screen and (max-width:990px) {
    .google-map {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
        height: 1144px
    }
}

@media only screen and (max-width:767px) {
    .google-map {
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        margin-bottom: 100px
    }
}

.google-map .container {
    position: relative
}

.google-map #map {
    height: 400px;
    position: absolute;
    width: 100%
}

.google-map .map-wrap {
    height: 100%;
    position: absolute;
    width: 100%
}

.google-map .map-wrap iframe {
    height: 1062px
}

.google-map #best_property_map {
    height: 100%;
    max-height: 1050px;
    position: unset !important;
    position: absolute !important;
    width: 100%
}

@media only screen and (max-width:900px) {
    .google-map #best_property_map {
        height: 300px;
        position: relative
    }

    .google-map #best_property_map>div {
        height: 300px !important;
        position: relative !important
    }
}

@media only screen and (min-width:768px) and (max-width:899px) {
    .google-map #best_property_map {
        height: 100% !important
    }

    .google-map #best_property_map>div {
        height: 100% !important;
        position: relative !important
    }
}

@media only screen and (max-width:767px) {
    .google-map #best_property_map {
        display: none !important;
        height: 300px;
        position: relative
    }

    .google-map #best_property_map>div {
        height: 300px !important;
        position: relative !important
    }
}

.google-map .property-wrap {
    background-color: #fff;
    box-shadow: 0 0 36px #76767622;
    height: 850px;
    left: 0;
    padding: 40px 40px 20px;
    position: absolute;
    top: 50px
}

@media only screen and (max-width:900px) {
    .google-map .property-wrap {
        left: 50%;
        padding: 40px 20px;
        position: relative;
        transform: translateX(-50%);
        width: 80%;
        width: 98%
    }

    .google-map .property-wrap.curve-left-bottom {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%)
    }
}

@media only screen and (max-width:767px) {
    .google-map .property-wrap {
        box-shadow: none;
        height: auto;
        padding: 0
    }

    .google-map .property-wrap.curve-left-bottom {
        -webkit-clip-path: none;
        clip-path: none
    }
}

@media only screen and (max-width:375px) {
    .google-map .property-wrap .rypm-heading h2 {
        font-size: 1.5rem
    }
}

.google-map .property-wrap .other-properties {
    max-height: 600px;
    overflow-y: auto;
    position: relative;
    top: 14px;
    width: 540px
}

.google-map .property-wrap .other-properties::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width:767px) {
    .google-map .property-wrap .other-properties {
        max-height: 1120px;
        overflow-y: hidden;
        padding: 0 10px;
        position: relative;
        width: 100% !important;
        width: 540px
    }
}

@media only screen and (max-width:601px) {
    .google-map .property-wrap .other-properties {
        max-height: 1115px
    }
}

@media only screen and (max-width:601px) and (-webkit-min-device-pixel-ratio:2),
only screen and (max-width:601px) and (min-device-pixel-ratio:2),
only screen and (max-width:601px) and (min-resolution:192dpi),
only screen and (max-width:601px) and (min-resolution:2dppx) {
    .google-map .property-wrap .other-properties {
        max-height: 1110px
    }
}

.google-map .property-wrap .other-properties .image {
    border-radius: 8px;
    height: 138px;
    overflow: hidden;
    width: 140px
}

.google-map .property-wrap .other-properties .image img {
    height: 138px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media only screen and (max-width:767px) {
    .google-map .property-wrap .other-properties .image {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: 190px;
        width: 100%
    }

    .google-map .property-wrap .other-properties .image img {
        height: 190px
    }
}

.google-map .property-wrap .other-properties .property-box {
    display: flex;
    margin: 30px 0
}

@media only screen and (max-width:767px) {
    .google-map .property-wrap .other-properties .property-box {
        background: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0 6px 12px #00000029;
        flex-direction: column
    }
}

.google-map .property-wrap .other-properties .property-box:first-child {
    margin-top: 10px
}

.google-map .property-wrap .other-properties .property-box:last-child {
    border-bottom: 0
}

.google-map .property-wrap .other-properties .property-box .details {
    padding: 0 20px
}

@media only screen and (max-width:575px) {
    .google-map .property-wrap .other-properties .property-box .details {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .google-map .property-wrap .other-properties .property-box .details {
        display: inline-grid;
        padding: 0 0 14px;
        position: relative
    }
}

.google-map .property-wrap .other-properties .property-box .details .address {
    font-size: 1.15rem;
    font-weight: 100;
    max-width: 290px;
    min-width: 290px;
    order: 1
}

.google-map .property-wrap .other-properties .property-box .details .address a {
    color: #000
}

@media only screen and (max-width:767px) {
    .google-map .property-wrap .other-properties .property-box .details .address {
        max-width: 100%;
        order: 3;
        padding: 0 20px
    }

    .google-map .property-wrap .other-properties .property-box .details .address a {
        color: #000
    }
}

.google-map .property-wrap .other-properties .property-box .details .covered {
    display: flex;
    justify-content: space-between;
    order: 2
}

@media only screen and (max-width:767px) {
    .google-map .property-wrap .other-properties .property-box .details .covered {
        background-color: #f2f2f2;
        order: 1;
        padding: 10px
    }
}

.google-map .property-wrap .other-properties .property-box .details .covered i {
    color: #315d80;
    font-size: .875rem;
    margin-right: 4px
}

.google-map .property-wrap .other-properties .property-box .details .covered p {
    color: #000;
    font-size: 1rem;
    margin-bottom: 0
}

.google-map .property-wrap .other-properties .property-box .details .rating {
    padding-top: 6px
}

.google-map .property-wrap .other-properties .property-box .details .rating i {
    color: #ffba00;
    font-size: 14px
}

.google-map .property-wrap .other-properties .property-box .details .rating span {
    color: #315d80;
    font-size: .875rem;
    font-weight: 600;
    margin-left: 14px
}

.google-map .property-wrap .other-properties .property-box .details .price {
    order: 3
}

@media only screen and (max-width:767px) {
    .google-map .property-wrap .other-properties .property-box .details .price {
        order: 2;
        padding: 0 20px
    }
}

.google-map .property-wrap .other-properties .property-box .details .price p {
    color: #1d3968;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0;
    padding-top: 8px
}

.google-map .property-wrap .other-properties .property-box .details .price p span {
    color: #002843;
    font-size: 1rem;
    font-weight: 500
}

.google-map .property-wrap .view-all {
    position: relative;
    text-align: center;
    top: 30px
}

.google-map .property-wrap .view-all .btn {
    padding: 16px 24px
}

@media only screen and (max-width:575px) {
    .google-map .property-wrap .view-all .btn {
        padding: 12px 10px;
        top: 50px
    }
}

.rypm-tab .tabs_wrapper {
    width: 100%
}

.rypm-tab ul.tabs {
    display: inline-block;
    list-style: none;
    min-width: 202px;
    padding: 0;
    position: relative;
    transition: all .3s ease;
    vertical-align: top;
    width: auto;
    z-index: 10
}

.rypm-tab ul.tabs.month-tabs {
    width: 23%;
}

.rypm-tab ul.tabs.required-documents-tab {
    width: 23%;
}

.rypm-tab ul.tabs li {
    border: 1px solid #315d80;
    border-radius: 6px;
    color: #315d80;
    cursor: pointer;
    font-family: 'Helvetica Rounded Bold';
    margin: 0 0 20px;
    min-width: 320px;
    padding: 20px 12px;
    text-align: center;
    transition: all .3s ease;
    font-size: 1.2rem;
}

.rypm-tab ul.tabs li.active,
.rypm-tab ul.tabs li:hover {
    background-color: #F2727F;
    color: #fff;
    transition: all .3s ease;
    border: none
}

@media screen and (max-width:1130px) {
    .rypm-tab ul.tabs li {
        min-width: 220px;
        padding: 14px 12px
    }
}

.rypm-tab ul.tabs .rypm-heading h1,
.rypm-tab ul.tabs .rypm-heading h2 {
    font-size: 5rem;
    line-height: 1
}

.rypm-tab ul.tabs .rypm-heading h1 span,
.rypm-tab ul.tabs .rypm-heading h2 span {
    display: inline;
    font-size: 2.875rem
}

@media screen and (max-width:767px) {

    .rypm-tab ul.tabs .rypm-heading h1,
    .rypm-tab ul.tabs .rypm-heading h2 {
        font-size: 1.6rem
    }

    .rypm-tab ul.tabs .rypm-heading h1 span,
    .rypm-tab ul.tabs .rypm-heading h2 span {
        font-size: 1.4rem
    }
}

.rypm-tab ul.tabs .rypm-heading p {
    color: #000;
    font-size: 1.25rem;
    font-weight: 100;
    margin: 18px 0 30px
}

.rypm-tab .tab_container {
    background: #fff;
    border-radius: 12px;
    display: inline-block;
    left: 10%;
    min-width: 10px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 62%
}

@media only screen and (max-width:991px) {
    .rypm-tab .tab_container {
        min-height: auto !important
    }
}

.rypm-tab .tab_content {
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    box-shadow: 0 33px 56px #00000029;
    display: none;
    height: 100%;
    max-height: 820px;
    min-height: auto;
    overflow-y: auto;
    padding: 20px
}

@media only screen and (max-width:991px) {
    .rypm-tab .tab_content {
        box-shadow: 0 0 16px 1px #0000000f;
        margin: 20px 0;
        max-height: 420px;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        min-height: 420px
    }
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .rypm-tab .tab_content {
        margin-top: 0
    }
}

.rypm-tab .tab_content .content-wrap {
    margin: 16px 0;
    text-align: center
}

.rypm-tab .tab_content .content-wrap .image {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 -1px 9px #00000029;
    display: flex;
    height: 160px;
    justify-content: center;
    margin: 20px auto;
    overflow: hidden;
    width: 160px
}

.rypm-tab .tab_content .content-wrap .image img {
    border: 3px solid #082745;
    border-radius: 60%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150px
}

.rypm-tab .tab_content .content-wrap h5 {
    color: #082745
}

.rypm-tab .tab_content .content-wrap h6 {
    color: #315d80;
    font-size: .875rem;
    font-weight: 100
}

.rypm-tab .tab_drawer_heading {
    display: none
}

@media screen and (max-width:767px) {
    .rypm-tab ul.tabs {
        display: none
    }

    .rypm-tab .tab_container {
        border-radius: 0;
        border-top: none;
        display: block;
        left: 0;
        margin: 0 auto;
        width: 95%
    }

    .rypm-tab .tab_drawer_heading {
        -webkit-touch-callout: none;
        border: 1px solid #315d80;
        color: #315d80;
        cursor: pointer;
        display: block;
        font-size: 1rem;
        margin: 20px 0;
        padding: 14px 12px;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 10
    }

    .rypm-tab .d_active,
    .rypm-tab .tab_drawer_heading:hover {
        background: #315d80;
        color: #fff
    }
}

@media only screen and (max-width:480px) {
    .rypm-tab .tab_content .content-wrap .image {
        height: 120px;
        width: 120px
    }

    .rypm-tab .tab_content .content-wrap .image img {
        max-height: 130px;
        min-height: 106px;
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .rypm-tab .tab_content .content-wrap h5 {
        font-size: 1rem
    }
}

body {
    color: #000;
    font-family: 'Helvetica';
    font-size: 1rem;
    line-height: 1.8;
    margin: 0 auto;
    max-width: 3000px;
    overflow-wrap: anywhere;
    overflow-x: hidden;
    transition: all .2s linear
}

.cursor-pointer {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 600;
    line-height: 1.1
}

h1,
h2 {
    font-family: 'Helvetica Rounded Bold'
}

.ff-roboto,
h1,
h3,
h4,
h5 {
    font-family: 'Helvetica'
}

.ff-poppins {
    font-family: Poppins, sans-serif
}

.fs-14 {
    font-size: .9rem
}

.fs-16 {
    font-size: 1rem
}

.fs-18 {
    font-size: 1.125rem
}

.fs-20,
.fs-22 {
    font-size: 1rem
}

@media only screen and (max-width:991px) {
    .fs-22 {
        font-size: 1rem
    }
}

.fs-24 {
    font-size: 1.5rem
}

.fs-26 {
    font-size: 1rem
}

@media only screen and (max-width:767px) {
    .fs-26 {
        font-size: 1rem
    }
}

.fs-28 {
    font-size: 1.75rem
}

.fs-32 {
    font-size: 2rem
}

.fs-34 {
    font-size: 2.125rem
}

.fs-36 {
    font-size: 2.25rem
}

@media only screen and (max-width:767px) {
    .fs-36 {
        font-size: 1.6rem
    }
}

.fs-38 {
    font-size: 2.375rem
}

@media only screen and (max-width:991px) {
    .fs-38 {
        font-size: 1.9rem
    }
}

@media only screen and (max-width:767px) {
    .fs-38 {
        font-size: 1.6rem
    }
}

.fs-40 {
    font-size: 2.8rem
}

@media only screen and (max-width:767px) {
    .fs-40 {
        font-size: 1.6rem
    }
}

.fs-44 {
    font-size: 2.5rem
}

@media only screen and (max-width:767px) {
    .fs-44 {
        font-size: 1.6rem
    }
}

.fs-46 {
    font-size: 2.5rem
}

.fs-48 {
    font-size: 3rem
}

@media only screen and (max-width:991px) {
    .fs-48 {
        font-size: 2rem
    }
}

.fs-54 {
    font-size: 3.375rem
}

.fs-60 {
    font-size: 3.75rem
}

.fs-64 {
    font-size: 4rem
}

.fs-68 {
    font-size: 2.8rem
}

@media only screen and (max-width:991px) {
    .fs-68 {
        font-size: 2.3rem
    }
}

@media only screen and (max-width:767px) {
    .fs-68 {
        font-size: 1.6rem
    }
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.lh-13 {
    line-height: 1.8
}

.lh-14 {
    line-height: 1.4
}

.lh-15 {
    line-height: 1.5
}

.lh-16 {
    line-height: 1.6
}

.lh-18 {
    line-height: 1.8
}

.lh-19 {
    line-height: 1.9
}

.lh-2 {
    line-height: 2
}

.mw-166 {
    min-width: 166px
}

@media only screen and (max-width:767px) {
    .mw-320 {
        max-width: 100% !important
    }
}

.mw-440 {
    max-width: 400px
}

@media only screen and (max-width:767px) {

    .mw-480,
    .mw-550 {
        max-width: 100% !important
    }
}

p {
    color: #000;
    font-weight: 100
}

@media only screen and (max-width:767px) {
    p {
        text-align: center
    }
}

.color-blue,
a {
    color: #315d80
}

.bg-blue {
    background: #315d80
}

.color-dark-blue {
    color: #002843
}

.bg-dark-blue {
    background: #315d80
}

.color-black {
    color: #000
}

.color-light-blue {
    color: #f8f9fe
}

.bg-light-blue {
    background: #f8f9fe
}

.color-white {
    color: #fff
}

.bg-white {
    background: #fff
}

.order-1 {
    order: 1
}

.form-group .form-control {
    color: #595f64
}

.form-group .form-control:focus {
    background-color: #fff;
    border-color: #315d80;
    box-shadow: unset;
    color: #495057;
    outline: 0
}

.form-group .form-control:focus-visible {
    outline: 0 !important
}

.form-group select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(https://royalyorkpropertymanagement.ca/images/select-arrow.svg);
    background-position: right 10px top 5px;
    background-repeat: no-repeat;
    background-size: auto 50%;
    border-radius: 2px;
    color: #fff;
    outline: none;
    padding: 6px 30px 10px 10px
}

.form-group select::-ms-expand {
    display: none
}

.btn:focus {
    box-shadow: unset !important;
    outline: 0 !important
}

.btn:focus-visible {
    outline: 0 !important
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: #315d80;
    border-color: #315d80;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: transparent;
    border-color: #315d80;
    color: #315d80;
    outline: none
}

.btn-outline-primary,
.btn-primary.focus {
    box-shadow: unset !important
}

.btn-primary {
    background: #315d80;
    border: 1px solid #315d80;
    border-radius: 5px;
    font-size: 1rem;
    padding: 10px 24px;
    font-family: 'Helvetica Rounded Bold';
}

.btn-primary:hover {
    background: #fff;
    border: 1px solid #315d80;
    color: #315d80 !important
}

@media only screen and (min-width:360px) and (max-width:768px) {
    .btn-primary:hover {
        background: #315d80 !important;
        color: #fff !important
    }
}

@media only screen and (max-width:768px) {
    .btn-primary {
        padding: 10px !important
    }
}

@media only screen and (max-width:360px) {
    .btn-primary {
        font-size: .9rem
    }
}

.btn-outline-primary {
    background: #fff;
    border: 1px solid #315d80;
    border-radius: 5px;
    color: #315d80;
    font-size: 1rem;
    min-width: 160px;
    padding: 11.6px 24px
}

.btn-outline-primary:hover {
    background: #315d80;
    border: 1px solid #315d80
}

.btn-learn-more {
    color: #f2727f;
    transition: right .5s ease;
    font-weight: 900;
    font-size: 1rem;
    letter-spacing: 0.25px;
}

.btn-learn-more i {
    position: relative;
    right: 0;
    transition: right .5s ease
}

.btn-learn-more:hover {
    color: #f2727f
}

.btn-learn-more:hover i {
    right: -5px
}

.rypm-heading {
    color: #315d80
}

.rypm-heading h1,
.rypm-heading h2,
.rypm-heading h3,
.rypm-heading h4,
.rypm-heading h5,
.rypm-heading h6 {
    margin-bottom: 0
}

.rypm-heading span {
    color: #F2727F;
    font-weight: 100
}

.rypm-heading h2 {
    font-size: 2.5rem
}

@media only screen and (max-width:767px) {
    .rypm-heading {
        font-size: 1.6rem;
        text-align: center
    }

    .rypm-heading p {
        font-size: 1rem
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    span {
        text-align: center
    }

    span {
        color: #000;
        font-weight: 100
    }

    .content {
        text-align: center
    }
}

h1 {
    color: #315d80;
    font-size: 2.5rem;
    margin-bottom: 0
}

h2 {
    color: #315d80;
    font-size: 2.5rem;
    margin-bottom: 0
}

h1 span,
h2 span,
h3 span {
    color: #F2727F;
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 1.6rem;
        text-align: center
    }

    h2 {
        font-size: 1.6rem;
        text-align: center
    }

    .component-conetnt h2.text-center.my-5 {
        margin-top: 0 !important
    }
}

@media only screen and (max-width:414px) and (-webkit-min-device-pixel-ratio:2) {
    .component-conetnt ul li {
        font-size: 17px
    }
}

.component-conetnt .rypm-tab ul li {
    text-align: left
}

.component-conetnt ul {
    padding: 0px
}

.component-conetnt ul li {
    font-family: 'Helvetica';
    font-weight: 600;
    list-style-type: none;
    margin-right: 16px;
    position: relative;
    text-align: left;
    letter-spacing: 1px;
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .component-conetnt ul li {
            position: -webkit-sticky;
            position: sticky
        }
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .component-conetnt ul li {
        font-size: 12px;
        margin-right: 10px
    }
}

.component-conetnt .rypm-tab ul li:before {
    content: "•";
    display: none !important
}

.component-conetnt .rypm-tab p {
    text-align: left
}

.simple-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 36px #d4daf4;
    flex-direction: column;
    height: 300px;
    margin: 6px
}

.simple-box,
.simple-box .image {
    display: flex;
    justify-content: center
}

.simple-box .image {
    align-items: center;
    background-color: #f8f9ff;
    border-radius: 50%;
    height: 130px;
    margin: 0 auto;
    width: 130px
}

.simple-box .image img {
    max-height: 64px;
    width: 60px
}

.simple-box .title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 30px auto 0;
    max-width: 208px;
    overflow: hidden;
    text-overflow: ellipsis
}

.simple-box .title.w100 {
    max-width: 62%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .simple-box .title {
        -webkit-line-clamp: 3;
        font-size: .9rem;
        font-weight: 600;
        padding: 0 15px
    }
}

.box-wrap {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 36px #d4daf4;
    margin: 10px 10px 60px;
    padding: 20px;
    transition: all .5s ease
}

@media only screen and (max-width:767px) {
    .box-wrap {
        margin-bottom: 20px
    }
}

.box-wrap .image {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 90px;
    justify-content: center;
    margin-bottom: 16px;
    padding: 16px;
    text-align: center;
    width: 90px
}

@media only screen and (max-width:767px) {
    .box-wrap .image {
        margin: 0 auto 16px
    }
}

.box-wrap .image img {
    width: 90%
}

.box-wrap .image i {
    color: #315d80;
    font-size: 2.75rem
}

@media only screen and (max-width:767px) {
    .box-wrap .image {
        height: 80px;
        width: 80px
    }
}

.box-wrap p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .9rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.box-wrap:hover {
    background: #315d80
}

.box-wrap:hover a,
.box-wrap:hover h5,
.box-wrap:hover p,
.box-wrap:hover ul li,
.box-wrap:hover ul li:before {
    color: #fff
}

.top14 {
    top: 14px
}

.top-30,
.top14 {
    position: relative
}

.top-30 {
    top: -30px
}

.top-40 {
    top: -40px
}

.top-40,
.top-60 {
    position: relative
}

.top-60 {
    top: -60px
}

.top-160 {
    margin-top: -160px;
    position: relative
}

.rypm-bullets {
    font-family: 'Helvetica'
}

.rypm-bullets ul {
    padding-left: 20px
}

.rypm-bullets ul li {
    font-weight: 600;
    list-style-type: disc;
    position: relative
}

.curve-left-top {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%)
}

.curve-right-bottom {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
    clip-path: polygon(0 0, 100% 30%, 100% 75%, 0 100%)
}

.curve-left-bottom {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%)
}

.rypm-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-face-color: #315d80;
    scrollbar-shadow-color: #315d80;
    scrollbar-highlight-color: #315d80;
    scrollbar-3dlight-color: #315d80;
    scrollbar-darkshadow-color: #315d80;
    scrollbar-track-color: #eaeaea;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-color: #315d80 #eaeaea;
    scrollbar-width: thin
}

.rypm-scroll::-webkit-scrollbar {
    width: 3px
}

.rypm-scroll::-webkit-scrollbar-track {
    background: #eaeaea;
    border-radius: 10px
}

.rypm-scroll::-webkit-scrollbar-thumb {
    background: #315d80;
    border-radius: 10px
}

.rypm-scroll::-webkit-scrollbar-thumb:hover {
    background: #315d80
}

@-moz-document url-prefix() {
    .rypm-scroll::-moz-scrollbar {
        width: 1em
    }

    .rypm-scroll::-moz-scrollbar-track {
        background: #eaeaea;
        border-radius: 10px
    }

    .rypm-scroll::-moz-scrollbar-thumb {
        background-color: #315d80;
        border-radius: 10px
    }

    .rypm-scroll::-moz-scrollbar-thumb:hover {
        background: #315d80
    }
}

.scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-face-color: #315d80;
    scrollbar-shadow-color: #315d80;
    scrollbar-highlight-color: #315d80;
    scrollbar-3dlight-color: #315d80;
    scrollbar-darkshadow-color: #315d80;
    scrollbar-track-color: #eaeaea;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-color: #315d80 #eaeaea;
    scrollbar-width: thin
}

.scroll::-webkit-scrollbar {
    -webkit-overflow-scrolling: touch;
    display: block;
    height: 3px;
    width: 3px
}

.scroll::-webkit-scrollbar-track {
    background: #eaeaea;
    border-radius: 10px
}

.scroll::-webkit-scrollbar-thumb {
    background: #315d80;
    border-radius: 10px
}

.scroll::-webkit-scrollbar-thumb:hover {
    background: #315d80
}

@-moz-document url-prefix() {
    .scroll::-moz-scrollbar {
        -webkit-overflow-scrolling: touch;
        display: block;
        height: 3px;
        width: 1em
    }

    .scroll::-moz-scrollbar-track {
        background: #eaeaea;
        border-radius: 10px
    }

    .scroll::-moz-scrollbar-thumb {
        background: #315d80;
        border-radius: 5px
    }

    .scroll::-moz-scrollbar-thumb:hover {
        background: #315d80
    }
}

.inner-banner {
    margin-top: 76px;
    overflow: hidden;
    position: relative
}

.inner-banner img {
    max-height: 600px;
    width: 100%
}

.inner-banner .banner-text {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.inner-banner .banner-text h1 {
    color: #fff;
    font-size: 3.5rem
}

.inner-banner .banner-text h1.news-and-articles-title {
    font-size: 3vw;
    margin: 0 auto 8px;
    max-width: 1120px;
    padding: 0 29px
}

.inner-banner .banner-text h6 {
    color: #9dd2ff;
    font-size: 1.5rem;
    font-weight: 100
}

@media only screen and (max-width:991px) {
    .inner-banner {
        margin-top: 60px
    }

    .inner-banner .banner-text h1 {
        font-size: 2.5rem
    }

    .inner-banner .banner-text h6 {
        font-size: 1rem
    }
}

@media only screen and (max-width:767px) {
    .inner-banner .banner-text h1 {
        font-size: 1.5rem
    }

    .inner-banner .banner-text h6 {
        font-size: 1rem
    }
}

@media only screen and (max-width:480px) {
    .inner-banner .banner-text h1 {
        font-size: 1.3rem
    }

    .inner-banner .banner-text h6 {
        font-size: .8rem
    }
}

.footer-pages-banner {
    background: #f8f9fe;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 76px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:767px) {
    .footer-pages-banner {
        margin-top: 20px !important;
        padding-top: 40px !important;
        padding-bottom: 20px
    }
}

.footer-pages-banner .banner-text {
    left: 50%;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

@media only screen and (max-width:991px) {
    .footer-pages-banner .banner-text {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .footer-pages-banner .banner-text {
        display: none
    }
}

.footer-pages-banner .banner-text h1 {
    color: #fff !important;
    font-size: 3rem
}

@media only screen and (max-width:991px) {
    .footer-pages-banner .banner-text h1 {
        font-size: 2rem !important
    }
}

.footer-pages-banner .banner-text .btn {
    background: transparent;
    border: 1px solid #fff;
    font-weight: 500;
    margin-top: 18px;
    padding: 16px 15px;
    white-space: pre-wrap
}

.footer-pages-banner .banner-text .btn:hover {
    background-color: #fff;
    color: #315d80 !important;
    color: #fff
}

@media only screen and (max-width:991px) {
    .footer-pages-banner .banner-text {
        margin-bottom: 1.5rem
    }

    .footer-pages-banner {
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .footer-pages-banner {
        margin-top: 60px;
        padding-top: 50px
    }

    .footer-pages-banner .banner-text h1 {
        font-size: 1.5rem
    }

    .footer-pages-banner .banner-text h6 {
        font-size: 1rem
    }
}

@media only screen and (max-width:480px) {
    .footer-pages-banner .banner-text h1 {
        font-size: 1.3rem
    }

    .footer-pages-banner .banner-text h6 {
        font-size: .8rem
    }
}

.banner-form {
    background: #fff;
    border-radius: 10px;
    margin: 30px 0 20px;
    max-height: 560px;
    padding: 0 0 15px 0 !important
}

@media only screen and (max-width:991px) {
    .banner-form {
        margin-top: 110px
    }
}

@media only screen and (max-width:767px) {
    .banner-form {
        margin-top: 0;
        min-height: 900px;
        padding: 20px
    }
}

.banner-form ul li {
    margin-right: 0
}

.banner-form h2 {
    font-size: 2.3rem;
    margin: 10px 0 0;
    text-align: center
}

@media only screen and (max-width:767px) {
    .banner-form h2 {
        margin-bottom: 10px
    }
}

.banner-form .form-control {
    border: 1px solid #e7edee;
    border-radius: 5px;
    padding: 2px 10px
}

@media only screen and (max-width:767px) {
    .banner-form .form-control {
        margin-bottom: 0;
        padding: 4px 10px
    }
}

.banner-form .form-group {
    margin-bottom: .2rem;
    position: relative;
    text-align: left
}

@media only screen and (max-width:767px) {
    .banner-form .form-group {
        margin-bottom: 0
    }
}

.banner-form .form-group label {
    font-weight: 500;
    margin-bottom: .2rem;
    text-align: left;
    font-family: 'Helvetica Rounded Bold';
    color: #315d80;
    font-size: .8rem;
    text-transform: capitalize;
}

@media only screen and (max-width:991px) {
    .banner-form .form-group label {
        font-size: 9.5px !important
    }
}

.banner-form .form-group select.form-control {
    padding-left: 14px !important;
    padding-top: 0 !important
}

.banner-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #f4f4f4;
    font-size: 12px;
    font-weight: 500;
    height: calc(1.8rem + 2px)
}

.banner-form .form-group input.form-control.last-name,
.banner-form .form-group textarea#exampleFormControlTextarea1 {
    padding-left: 14px
}

@media only screen and (max-width:767px) {
    .banner-form textarea.form-control {
        height: 60px
    }

    .banner-form label {
        font-size: .9rem
    }
}

.banner-form ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.banner-form ul li:before {
    display: none
}

.banner-form .form-check label {
    color: #315d80
}

.banner-form .btn {
    font-family: 'Helvetica';
    font-weight: 500;
    margin-top: 0;
    width: 100%
}

.banner-form .zf-templateWidth form ul .zf-tempFrmWrapper label {
    font-size: 13px;
    font-weight: 500
}

@media only screen and (max-width:991px) {
    .banner-form .zf-templateWidth form ul .zf-tempFrmWrapper label {
        font-size: 10px
    }
}

.banner-form .zf-subContWrap.zf-topAlign ul li.zf-tempFrmWrapper.zf-large .zf-tempContDiv.form-group {
    display: none
}

.banner-form input.form-control {
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    font-size: 12px
}

.banner-form .zf-important {
    color: red !important;
    font-size: 13px !important;
    font-weight: 400;
    margin-left: 0;
    padding: 0
}

.footer-pages-banner .banner-form~br,
.footer-pages-banner .banner-form~p {
    display: none
}

.text-image {
    padding: 40px 0
}

.text-image .image {
    overflow: hidden;
    text-align: left
}

.text-image .image img {
    width: 90%
}

@media only screen and (max-width:767px) {
    .text-image .image {
        margin: 20px 0 40px
    }

    .text-image .image img {
        width: 75%
    }
}

.text-image .conent p {
    line-height: 1.8
}

@media only screen and (max-width:767px) {
    .text-image .conent p {
        line-height: 1.5
    }
}

.text-image .conent .text {
    line-height: 1.8;
    max-width: 425px;
    padding-bottom: 8px;
    padding-top: 16px
}

.text-image .conent .text.large {
    max-width: 500px
}

@media only screen and (max-width:767px) {

    .text-image .conent .text,
    .text-image .conent .text.large {
        max-width: 100%
    }
}

.text-image .conent h5 {
    font-size: 1rem
}

@media only screen and (max-width:767px) {
    .text-image .conent h3 span {
        font-size: 1.5rem
    }

    .text-image .conent h3.color-black.lh-13.fw-100.pt-3 {
        line-height: 1.05
    }
}

@media only screen and (max-width:768px) {
    .text-image .conent a.btn.btn-primary.open_chat_js {
        margin-bottom: 10px
    }
}

.p-wrap {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1199px) {
    .container {
        max-width: 94%
    }
}

@media only screen and (max-width:992px) {
    .container {
        max-width: 96%
    }

    .rypm-heading h2 {
        font-size: 2rem
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container {
        max-width: 97%
    }
}

@media only screen and (max-width:767px) {
    .order-1 {
        order: 0
    }
}

@media only screen and (max-width:576px) {
    .container {
        max-width: 100%
    }

    .rypm-heading h2 {
        font-size: 1.6rem
    }
}

.column-2 {
    -moz-column-count: 2;
    column-count: 2
}

.column-3 {
    -moz-column-count: 3;
    column-count: 3
}

.mw-100 {
    max-width: 100px
}

.mw-101 {
    max-width: 101px
}

.mw-102 {
    max-width: 102px
}

.mw-103 {
    max-width: 103px
}

.mw-104 {
    max-width: 104px
}

.mw-105 {
    max-width: 105px
}

.mw-106 {
    max-width: 106px
}

.mw-107 {
    max-width: 107px
}

.mw-108 {
    max-width: 108px
}

.mw-109 {
    max-width: 109px
}

.mw-110 {
    max-width: 110px
}

.mw-111 {
    max-width: 111px
}

.mw-112 {
    max-width: 112px
}

.mw-113 {
    max-width: 113px
}

.mw-114 {
    max-width: 114px
}

.mw-115 {
    max-width: 115px
}

.mw-116 {
    max-width: 116px
}

.mw-117 {
    max-width: 117px
}

.mw-118 {
    max-width: 118px
}

.mw-119 {
    max-width: 119px
}

.mw-120 {
    max-width: 120px
}

.mw-121 {
    max-width: 121px
}

.mw-122 {
    max-width: 122px
}

.mw-123 {
    max-width: 123px
}

.mw-124 {
    max-width: 124px
}

.mw-125 {
    max-width: 125px
}

.mw-126 {
    max-width: 126px
}

.mw-127 {
    max-width: 127px
}

.mw-128 {
    max-width: 128px
}

.mw-129 {
    max-width: 129px
}

.mw-130 {
    max-width: 130px
}

.mw-131 {
    max-width: 131px
}

.mw-132 {
    max-width: 132px
}

.mw-133 {
    max-width: 133px
}

.mw-134 {
    max-width: 134px
}

.mw-135 {
    max-width: 135px
}

.mw-136 {
    max-width: 136px
}

.mw-137 {
    max-width: 137px
}

.mw-138 {
    max-width: 138px
}

.mw-139 {
    max-width: 139px
}

.mw-140 {
    max-width: 140px
}

.mw-141 {
    max-width: 141px
}

.mw-142 {
    max-width: 142px
}

.mw-143 {
    max-width: 143px
}

.mw-144 {
    max-width: 144px
}

.mw-145 {
    max-width: 145px
}

.mw-146 {
    max-width: 146px
}

.mw-147 {
    max-width: 147px
}

.mw-148 {
    max-width: 148px
}

.mw-149 {
    max-width: 149px
}

.mw-150 {
    max-width: 150px
}

.mw-151 {
    max-width: 151px
}

.mw-152 {
    max-width: 152px
}

.mw-153 {
    max-width: 153px
}

.mw-154 {
    max-width: 154px
}

.mw-155 {
    max-width: 155px
}

.mw-156 {
    max-width: 156px
}

.mw-157 {
    max-width: 157px
}

.mw-158 {
    max-width: 158px
}

.mw-159 {
    max-width: 159px
}

.mw-160 {
    max-width: 160px
}

.mw-161 {
    max-width: 161px
}

.mw-162 {
    max-width: 162px
}

.mw-163 {
    max-width: 163px
}

.mw-164 {
    max-width: 164px
}

.mw-165 {
    max-width: 165px
}

.mw-166 {
    max-width: 166px
}

.mw-167 {
    max-width: 167px
}

.mw-168 {
    max-width: 168px
}

.mw-169 {
    max-width: 169px
}

.mw-170 {
    max-width: 170px
}

.mw-171 {
    max-width: 171px
}

.mw-172 {
    max-width: 172px
}

.mw-173 {
    max-width: 173px
}

.mw-174 {
    max-width: 174px
}

.mw-175 {
    max-width: 175px
}

.mw-176 {
    max-width: 176px
}

.mw-177 {
    max-width: 177px
}

.mw-178 {
    max-width: 178px
}

.mw-179 {
    max-width: 179px
}

.mw-180 {
    max-width: 180px
}

.mw-181 {
    max-width: 181px
}

.mw-182 {
    max-width: 182px
}

.mw-183 {
    max-width: 183px
}

.mw-184 {
    max-width: 184px
}

.mw-185 {
    max-width: 185px
}

.mw-186 {
    max-width: 186px
}

.mw-187 {
    max-width: 187px
}

.mw-188 {
    max-width: 188px
}

.mw-189 {
    max-width: 189px
}

.mw-190 {
    max-width: 190px
}

.mw-191 {
    max-width: 191px
}

.mw-192 {
    max-width: 192px
}

.mw-193 {
    max-width: 193px
}

.mw-194 {
    max-width: 194px
}

.mw-195 {
    max-width: 195px
}

.mw-196 {
    max-width: 196px
}

.mw-197 {
    max-width: 197px
}

.mw-198 {
    max-width: 198px
}

.mw-199 {
    max-width: 199px
}

.mw-200 {
    max-width: 200px
}

.mw-201 {
    max-width: 201px
}

.mw-202 {
    max-width: 202px
}

.mw-203 {
    max-width: 203px
}

.mw-204 {
    max-width: 204px
}

.mw-205 {
    max-width: 205px
}

.mw-206 {
    max-width: 206px
}

.mw-207 {
    max-width: 207px
}

.mw-208 {
    max-width: 208px
}

.mw-209 {
    max-width: 209px
}

.mw-210 {
    max-width: 210px
}

.mw-211 {
    max-width: 211px
}

.mw-212 {
    max-width: 212px
}

.mw-213 {
    max-width: 213px
}

.mw-214 {
    max-width: 214px
}

.mw-215 {
    max-width: 215px
}

.mw-216 {
    max-width: 216px
}

.mw-217 {
    max-width: 217px
}

.mw-218 {
    max-width: 218px
}

.mw-219 {
    max-width: 219px
}

.mw-220 {
    max-width: 220px
}

.mw-221 {
    max-width: 221px
}

.mw-222 {
    max-width: 222px
}

.mw-223 {
    max-width: 223px
}

.mw-224 {
    max-width: 224px
}

.mw-225 {
    max-width: 225px
}

.mw-226 {
    max-width: 226px
}

.mw-227 {
    max-width: 227px
}

.mw-228 {
    max-width: 228px
}

.mw-229 {
    max-width: 229px
}

.mw-230 {
    max-width: 230px
}

.mw-231 {
    max-width: 231px
}

.mw-232 {
    max-width: 232px
}

.mw-233 {
    max-width: 233px
}

.mw-234 {
    max-width: 234px
}

.mw-235 {
    max-width: 235px
}

.mw-236 {
    max-width: 236px
}

.mw-237 {
    max-width: 237px
}

.mw-238 {
    max-width: 238px
}

.mw-239 {
    max-width: 239px
}

.mw-240 {
    max-width: 240px
}

.mw-241 {
    max-width: 241px
}

.mw-242 {
    max-width: 242px
}

.mw-243 {
    max-width: 243px
}

.mw-244 {
    max-width: 244px
}

.mw-245 {
    max-width: 245px
}

.mw-246 {
    max-width: 246px
}

.mw-247 {
    max-width: 247px
}

.mw-248 {
    max-width: 248px
}

.mw-249 {
    max-width: 249px
}

.mw-250 {
    max-width: 250px
}

.mw-251 {
    max-width: 251px
}

.mw-252 {
    max-width: 252px
}

.mw-253 {
    max-width: 253px
}

.mw-254 {
    max-width: 254px
}

.mw-255 {
    max-width: 255px
}

.mw-256 {
    max-width: 256px
}

.mw-257 {
    max-width: 257px
}

.mw-258 {
    max-width: 258px
}

.mw-259 {
    max-width: 259px
}

.mw-260 {
    max-width: 260px
}

.mw-261 {
    max-width: 261px
}

.mw-262 {
    max-width: 262px
}

.mw-263 {
    max-width: 263px
}

.mw-264 {
    max-width: 264px
}

.mw-265 {
    max-width: 265px
}

.mw-266 {
    max-width: 266px
}

.mw-267 {
    max-width: 267px
}

.mw-268 {
    max-width: 268px
}

.mw-269 {
    max-width: 269px
}

.mw-270 {
    max-width: 270px
}

.mw-271 {
    max-width: 271px
}

.mw-272 {
    max-width: 272px
}

.mw-273 {
    max-width: 273px
}

.mw-274 {
    max-width: 274px
}

.mw-275 {
    max-width: 275px
}

.mw-276 {
    max-width: 276px
}

.mw-277 {
    max-width: 277px
}

.mw-278 {
    max-width: 278px
}

.mw-279 {
    max-width: 279px
}

.mw-280 {
    max-width: 280px
}

.mw-281 {
    max-width: 281px
}

.mw-282 {
    max-width: 282px
}

.mw-283 {
    max-width: 283px
}

.mw-284 {
    max-width: 284px
}

.mw-285 {
    max-width: 285px
}

.mw-286 {
    max-width: 286px
}

.mw-287 {
    max-width: 287px
}

.mw-288 {
    max-width: 288px
}

.mw-289 {
    max-width: 289px
}

.mw-290 {
    max-width: 290px
}

.mw-291 {
    max-width: 291px
}

.mw-292 {
    max-width: 292px
}

.mw-293 {
    max-width: 293px
}

.mw-294 {
    max-width: 294px
}

.mw-295 {
    max-width: 295px
}

.mw-296 {
    max-width: 296px
}

.mw-297 {
    max-width: 297px
}

.mw-298 {
    max-width: 298px
}

.mw-299 {
    max-width: 299px
}

.mw-300 {
    max-width: 300px
}

.mw-301 {
    max-width: 301px
}

.mw-302 {
    max-width: 302px
}

.mw-303 {
    max-width: 303px
}

.mw-304 {
    max-width: 304px
}

.mw-305 {
    max-width: 305px
}

.mw-306 {
    max-width: 306px
}

.mw-307 {
    max-width: 307px
}

.mw-308 {
    max-width: 308px
}

.mw-309 {
    max-width: 309px
}

.mw-310 {
    max-width: 310px
}

.mw-311 {
    max-width: 311px
}

.mw-312 {
    max-width: 312px
}

.mw-313 {
    max-width: 313px
}

.mw-314 {
    max-width: 314px
}

.mw-315 {
    max-width: 315px
}

.mw-316 {
    max-width: 316px
}

.mw-317 {
    max-width: 317px
}

.mw-318 {
    max-width: 318px
}

.mw-319 {
    max-width: 319px
}

.mw-320 {
    max-width: 320px
}

.mw-321 {
    max-width: 321px
}

.mw-322 {
    max-width: 322px
}

.mw-323 {
    max-width: 323px
}

.mw-324 {
    max-width: 324px
}

.mw-325 {
    max-width: 325px
}

.mw-326 {
    max-width: 326px
}

.mw-327 {
    max-width: 327px
}

.mw-328 {
    max-width: 328px
}

.mw-329 {
    max-width: 329px
}

.mw-330 {
    max-width: 330px
}

.mw-331 {
    max-width: 331px
}

.mw-332 {
    max-width: 332px
}

.mw-333 {
    max-width: 333px
}

.mw-334 {
    max-width: 334px
}

.mw-335 {
    max-width: 335px
}

.mw-336 {
    max-width: 336px
}

.mw-337 {
    max-width: 337px
}

.mw-338 {
    max-width: 338px
}

.mw-339 {
    max-width: 339px
}

.mw-340 {
    max-width: 340px
}

.mw-341 {
    max-width: 341px
}

.mw-342 {
    max-width: 342px
}

.mw-343 {
    max-width: 343px
}

.mw-344 {
    max-width: 344px
}

.mw-345 {
    max-width: 345px
}

.mw-346 {
    max-width: 346px
}

.mw-347 {
    max-width: 347px
}

.mw-348 {
    max-width: 348px
}

.mw-349 {
    max-width: 349px
}

.mw-350 {
    max-width: 350px
}

.mw-351 {
    max-width: 351px
}

.mw-352 {
    max-width: 352px
}

.mw-353 {
    max-width: 353px
}

.mw-354 {
    max-width: 354px
}

.mw-355 {
    max-width: 355px
}

.mw-356 {
    max-width: 356px
}

.mw-357 {
    max-width: 357px
}

.mw-358 {
    max-width: 358px
}

.mw-359 {
    max-width: 359px
}

.mw-360 {
    max-width: 360px
}

.mw-361 {
    max-width: 361px
}

.mw-362 {
    max-width: 362px
}

.mw-363 {
    max-width: 363px
}

.mw-364 {
    max-width: 364px
}

.mw-365 {
    max-width: 365px
}

.mw-366 {
    max-width: 366px
}

.mw-367 {
    max-width: 367px
}

.mw-368 {
    max-width: 368px
}

.mw-369 {
    max-width: 369px
}

.mw-370 {
    max-width: 370px
}

.mw-371 {
    max-width: 371px
}

.mw-372 {
    max-width: 372px
}

.mw-373 {
    max-width: 373px
}

.mw-374 {
    max-width: 374px
}

.mw-375 {
    max-width: 375px
}

.mw-376 {
    max-width: 376px
}

.mw-377 {
    max-width: 377px
}

.mw-378 {
    max-width: 378px
}

.mw-379 {
    max-width: 379px
}

.mw-380 {
    max-width: 380px
}

.mw-381 {
    max-width: 381px
}

.mw-382 {
    max-width: 382px
}

.mw-383 {
    max-width: 383px
}

.mw-384 {
    max-width: 384px
}

.mw-385 {
    max-width: 385px
}

.mw-386 {
    max-width: 386px
}

.mw-387 {
    max-width: 387px
}

.mw-388 {
    max-width: 388px
}

.mw-389 {
    max-width: 389px
}

.mw-390 {
    max-width: 390px
}

.mw-391 {
    max-width: 391px
}

.mw-392 {
    max-width: 392px
}

.mw-393 {
    max-width: 393px
}

.mw-394 {
    max-width: 394px
}

.mw-395 {
    max-width: 395px
}

.mw-396 {
    max-width: 396px
}

.mw-397 {
    max-width: 397px
}

.mw-398 {
    max-width: 398px
}

.mw-399 {
    max-width: 399px
}

.mw-400 {
    max-width: 400px
}

.mw-401 {
    max-width: 401px
}

.mw-402 {
    max-width: 402px
}

.mw-403 {
    max-width: 403px
}

.mw-404 {
    max-width: 404px
}

.mw-405 {
    max-width: 405px
}

.mw-406 {
    max-width: 406px
}

.mw-407 {
    max-width: 407px
}

.mw-408 {
    max-width: 408px
}

.mw-409 {
    max-width: 409px
}

.mw-410 {
    max-width: 410px
}

.mw-411 {
    max-width: 411px
}

.mw-412 {
    max-width: 412px
}

.mw-413 {
    max-width: 413px
}

.mw-414 {
    max-width: 414px
}

.mw-415 {
    max-width: 415px
}

.mw-416 {
    max-width: 416px
}

.mw-417 {
    max-width: 417px
}

.mw-418 {
    max-width: 418px
}

.mw-419 {
    max-width: 419px
}

.mw-420 {
    max-width: 420px
}

.mw-421 {
    max-width: 421px
}

.mw-422 {
    max-width: 422px
}

.mw-423 {
    max-width: 423px
}

.mw-424 {
    max-width: 424px
}

.mw-425 {
    max-width: 425px
}

.mw-426 {
    max-width: 426px
}

.mw-427 {
    max-width: 427px
}

.mw-428 {
    max-width: 428px
}

.mw-429 {
    max-width: 429px
}

.mw-430 {
    max-width: 430px
}

.mw-431 {
    max-width: 431px
}

.mw-432 {
    max-width: 432px
}

.mw-433 {
    max-width: 433px
}

.mw-434 {
    max-width: 434px
}

.mw-435 {
    max-width: 435px
}

.mw-436 {
    max-width: 436px
}

.mw-437 {
    max-width: 437px
}

.mw-438 {
    max-width: 438px
}

.mw-439 {
    max-width: 439px
}

.mw-440 {
    max-width: 440px
}

.mw-441 {
    max-width: 441px
}

.mw-442 {
    max-width: 442px
}

.mw-443 {
    max-width: 443px
}

.mw-444 {
    max-width: 444px
}

.mw-445 {
    max-width: 445px
}

.mw-446 {
    max-width: 446px
}

.mw-447 {
    max-width: 447px
}

.mw-448 {
    max-width: 448px
}

.mw-449 {
    max-width: 449px
}

.mw-450 {
    max-width: 450px
}

.mw-451 {
    max-width: 451px
}

.mw-452 {
    max-width: 452px
}

.mw-453 {
    max-width: 453px
}

.mw-454 {
    max-width: 454px
}

.mw-455 {
    max-width: 455px
}

.mw-456 {
    max-width: 456px
}

.mw-457 {
    max-width: 457px
}

.mw-458 {
    max-width: 458px
}

.mw-459 {
    max-width: 459px
}

.mw-460 {
    max-width: 460px
}

.mw-461 {
    max-width: 461px
}

.mw-462 {
    max-width: 462px
}

.mw-463 {
    max-width: 463px
}

.mw-464 {
    max-width: 464px
}

.mw-465 {
    max-width: 465px
}

.mw-466 {
    max-width: 466px
}

.mw-467 {
    max-width: 467px
}

.mw-468 {
    max-width: 468px
}

.mw-469 {
    max-width: 469px
}

.mw-470 {
    max-width: 470px
}

.mw-471 {
    max-width: 471px
}

.mw-472 {
    max-width: 472px
}

.mw-473 {
    max-width: 473px
}

.mw-474 {
    max-width: 474px
}

.mw-475 {
    max-width: 475px
}

.mw-476 {
    max-width: 476px
}

.mw-477 {
    max-width: 477px
}

.mw-478 {
    max-width: 478px
}

.mw-479 {
    max-width: 479px
}

.mw-480 {
    max-width: 480px
}

.mw-481 {
    max-width: 481px
}

.mw-482 {
    max-width: 482px
}

.mw-483 {
    max-width: 483px
}

.mw-484 {
    max-width: 484px
}

.mw-485 {
    max-width: 485px
}

.mw-486 {
    max-width: 486px
}

.mw-487 {
    max-width: 487px
}

.mw-488 {
    max-width: 488px
}

.mw-489 {
    max-width: 489px
}

.mw-490 {
    max-width: 490px
}

.mw-491 {
    max-width: 491px
}

.mw-492 {
    max-width: 492px
}

.mw-493 {
    max-width: 493px
}

.mw-494 {
    max-width: 494px
}

.mw-495 {
    max-width: 495px
}

.mw-496 {
    max-width: 496px
}

.mw-497 {
    max-width: 497px
}

.mw-498 {
    max-width: 498px
}

.mw-499 {
    max-width: 499px
}

.mw-500 {
    max-width: 500px
}

.mw-501 {
    max-width: 501px
}

.mw-502 {
    max-width: 502px
}

.mw-503 {
    max-width: 503px
}

.mw-504 {
    max-width: 504px
}

.mw-505 {
    max-width: 505px
}

.mw-506 {
    max-width: 506px
}

.mw-507 {
    max-width: 507px
}

.mw-508 {
    max-width: 508px
}

.mw-509 {
    max-width: 509px
}

.mw-510 {
    max-width: 510px
}

.mw-511 {
    max-width: 511px
}

.mw-512 {
    max-width: 512px
}

.mw-513 {
    max-width: 513px
}

.mw-514 {
    max-width: 514px
}

.mw-515 {
    max-width: 515px
}

.mw-516 {
    max-width: 516px
}

.mw-517 {
    max-width: 517px
}

.mw-518 {
    max-width: 518px
}

.mw-519 {
    max-width: 519px
}

.mw-520 {
    max-width: 520px
}

.mw-521 {
    max-width: 521px
}

.mw-522 {
    max-width: 522px
}

.mw-523 {
    max-width: 523px
}

.mw-524 {
    max-width: 524px
}

.mw-525 {
    max-width: 525px
}

.mw-526 {
    max-width: 526px
}

.mw-527 {
    max-width: 527px
}

.mw-528 {
    max-width: 528px
}

.mw-529 {
    max-width: 529px
}

.mw-530 {
    max-width: 530px
}

.mw-531 {
    max-width: 531px
}

.mw-532 {
    max-width: 532px
}

.mw-533 {
    max-width: 533px
}

.mw-534 {
    max-width: 534px
}

.mw-535 {
    max-width: 535px
}

.mw-536 {
    max-width: 536px
}

.mw-537 {
    max-width: 537px
}

.mw-538 {
    max-width: 538px
}

.mw-539 {
    max-width: 539px
}

.mw-540 {
    max-width: 540px
}

.mw-541 {
    max-width: 541px
}

.mw-542 {
    max-width: 542px
}

.mw-543 {
    max-width: 543px
}

.mw-544 {
    max-width: 544px
}

.mw-545 {
    max-width: 545px
}

.mw-546 {
    max-width: 546px
}

.mw-547 {
    max-width: 547px
}

.mw-548 {
    max-width: 548px
}

.mw-549 {
    max-width: 549px
}

.mw-550 {
    max-width: 550px
}

.mw-551 {
    max-width: 551px
}

.mw-552 {
    max-width: 552px
}

.mw-553 {
    max-width: 553px
}

.mw-554 {
    max-width: 554px
}

.mw-555 {
    max-width: 555px
}

.mw-556 {
    max-width: 556px
}

.mw-557 {
    max-width: 557px
}

.mw-558 {
    max-width: 558px
}

.mw-559 {
    max-width: 559px
}

.mw-560 {
    max-width: 560px
}

.mw-561 {
    max-width: 561px
}

.mw-562 {
    max-width: 562px
}

.mw-563 {
    max-width: 563px
}

.mw-564 {
    max-width: 564px
}

.mw-565 {
    max-width: 565px
}

.mw-566 {
    max-width: 566px
}

.mw-567 {
    max-width: 567px
}

.mw-568 {
    max-width: 568px
}

.mw-569 {
    max-width: 569px
}

.mw-570 {
    max-width: 570px
}

.mw-571 {
    max-width: 571px
}

.mw-572 {
    max-width: 572px
}

.mw-573 {
    max-width: 573px
}

.mw-574 {
    max-width: 574px
}

.mw-575 {
    max-width: 575px
}

.mw-576 {
    max-width: 576px
}

.mw-577 {
    max-width: 577px
}

.mw-578 {
    max-width: 578px
}

.mw-579 {
    max-width: 579px
}

.mw-580 {
    max-width: 580px
}

.mw-581 {
    max-width: 581px
}

.mw-582 {
    max-width: 582px
}

.mw-583 {
    max-width: 583px
}

.mw-584 {
    max-width: 584px
}

.mw-585 {
    max-width: 585px
}

.mw-586 {
    max-width: 586px
}

.mw-587 {
    max-width: 587px
}

.mw-588 {
    max-width: 588px
}

.mw-589 {
    max-width: 589px
}

.mw-590 {
    max-width: 590px
}

.mw-591 {
    max-width: 591px
}

.mw-592 {
    max-width: 592px
}

.mw-593 {
    max-width: 593px
}

.mw-594 {
    max-width: 594px
}

.mw-595 {
    max-width: 595px
}

.mw-596 {
    max-width: 596px
}

.mw-597 {
    max-width: 597px
}

.mw-598 {
    max-width: 598px
}

.mw-599 {
    max-width: 599px
}

.mw-600 {
    max-width: 600px
}

.mw-601 {
    max-width: 601px
}

.mw-602 {
    max-width: 602px
}

.mw-603 {
    max-width: 603px
}

.mw-604 {
    max-width: 604px
}

.mw-605 {
    max-width: 605px
}

.mw-606 {
    max-width: 606px
}

.mw-607 {
    max-width: 607px
}

.mw-608 {
    max-width: 608px
}

.mw-609 {
    max-width: 609px
}

.mw-610 {
    max-width: 610px
}

.mw-611 {
    max-width: 611px
}

.mw-612 {
    max-width: 612px
}

.mw-613 {
    max-width: 613px
}

.mw-614 {
    max-width: 614px
}

.mw-615 {
    max-width: 615px
}

.mw-616 {
    max-width: 616px
}

.mw-617 {
    max-width: 617px
}

.mw-618 {
    max-width: 618px
}

.mw-619 {
    max-width: 619px
}

.mw-620 {
    max-width: 620px
}

.mw-621 {
    max-width: 621px
}

.mw-622 {
    max-width: 622px
}

.mw-623 {
    max-width: 623px
}

.mw-624 {
    max-width: 624px
}

.mw-625 {
    max-width: 625px
}

.mw-626 {
    max-width: 626px
}

.mw-627 {
    max-width: 627px
}

.mw-628 {
    max-width: 628px
}

.mw-629 {
    max-width: 629px
}

.mw-630 {
    max-width: 630px
}

.mw-631 {
    max-width: 631px
}

.mw-632 {
    max-width: 632px
}

.mw-633 {
    max-width: 633px
}

.mw-634 {
    max-width: 634px
}

.mw-635 {
    max-width: 635px
}

.mw-636 {
    max-width: 636px
}

.mw-637 {
    max-width: 637px
}

.mw-638 {
    max-width: 638px
}

.mw-639 {
    max-width: 639px
}

.mw-640 {
    max-width: 640px
}

.mw-641 {
    max-width: 641px
}

.mw-642 {
    max-width: 642px
}

.mw-643 {
    max-width: 643px
}

.mw-644 {
    max-width: 644px
}

.mw-645 {
    max-width: 645px
}

.mw-646 {
    max-width: 646px
}

.mw-647 {
    max-width: 647px
}

.mw-648 {
    max-width: 648px
}

.mw-649 {
    max-width: 649px
}

.mw-650 {
    max-width: 650px
}

.mw-651 {
    max-width: 651px
}

.mw-652 {
    max-width: 652px
}

.mw-653 {
    max-width: 653px
}

.mw-654 {
    max-width: 654px
}

.mw-655 {
    max-width: 655px
}

.mw-656 {
    max-width: 656px
}

.mw-657 {
    max-width: 657px
}

.mw-658 {
    max-width: 658px
}

.mw-659 {
    max-width: 659px
}

.mw-660 {
    max-width: 660px
}

.mw-661 {
    max-width: 661px
}

.mw-662 {
    max-width: 662px
}

.mw-663 {
    max-width: 663px
}

.mw-664 {
    max-width: 664px
}

.mw-665 {
    max-width: 665px
}

.mw-666 {
    max-width: 666px
}

.mw-667 {
    max-width: 667px
}

.mw-668 {
    max-width: 668px
}

.mw-669 {
    max-width: 669px
}

.mw-670 {
    max-width: 670px
}

.mw-671 {
    max-width: 671px
}

.mw-672 {
    max-width: 672px
}

.mw-673 {
    max-width: 673px
}

.mw-674 {
    max-width: 674px
}

.mw-675 {
    max-width: 675px
}

.mw-676 {
    max-width: 676px
}

.mw-677 {
    max-width: 677px
}

.mw-678 {
    max-width: 678px
}

.mw-679 {
    max-width: 679px
}

.mw-680 {
    max-width: 680px
}

.mw-681 {
    max-width: 681px
}

.mw-682 {
    max-width: 682px
}

.mw-683 {
    max-width: 683px
}

.mw-684 {
    max-width: 684px
}

.mw-685 {
    max-width: 685px
}

.mw-686 {
    max-width: 686px
}

.mw-687 {
    max-width: 687px
}

.mw-688 {
    max-width: 688px
}

.mw-689 {
    max-width: 689px
}

.mw-690 {
    max-width: 690px
}

.mw-691 {
    max-width: 691px
}

.mw-692 {
    max-width: 692px
}

.mw-693 {
    max-width: 693px
}

.mw-694 {
    max-width: 694px
}

.mw-695 {
    max-width: 695px
}

.mw-696 {
    max-width: 696px
}

.mw-697 {
    max-width: 697px
}

.mw-698 {
    max-width: 698px
}

.mw-699 {
    max-width: 699px
}

.mw-700 {
    max-width: 700px
}

.mw-701 {
    max-width: 701px
}

.mw-702 {
    max-width: 702px
}

.mw-703 {
    max-width: 703px
}

.mw-704 {
    max-width: 704px
}

.mw-705 {
    max-width: 705px
}

.mw-706 {
    max-width: 706px
}

.mw-707 {
    max-width: 707px
}

.mw-708 {
    max-width: 708px
}

.mw-709 {
    max-width: 709px
}

.mw-710 {
    max-width: 710px
}

.mw-711 {
    max-width: 711px
}

.mw-712 {
    max-width: 712px
}

.mw-713 {
    max-width: 713px
}

.mw-714 {
    max-width: 714px
}

.mw-715 {
    max-width: 715px
}

.mw-716 {
    max-width: 716px
}

.mw-717 {
    max-width: 717px
}

.mw-718 {
    max-width: 718px
}

.mw-719 {
    max-width: 719px
}

.mw-720 {
    max-width: 720px
}

.mw-721 {
    max-width: 721px
}

.mw-722 {
    max-width: 722px
}

.mw-723 {
    max-width: 723px
}

.mw-724 {
    max-width: 724px
}

.mw-725 {
    max-width: 725px
}

.mw-726 {
    max-width: 726px
}

.mw-727 {
    max-width: 727px
}

.mw-728 {
    max-width: 728px
}

.mw-729 {
    max-width: 729px
}

.mw-730 {
    max-width: 730px
}

.mw-731 {
    max-width: 731px
}

.mw-732 {
    max-width: 732px
}

.mw-733 {
    max-width: 733px
}

.mw-734 {
    max-width: 734px
}

.mw-735 {
    max-width: 735px
}

.mw-736 {
    max-width: 736px
}

.mw-737 {
    max-width: 737px
}

.mw-738 {
    max-width: 738px
}

.mw-739 {
    max-width: 739px
}

.mw-740 {
    max-width: 740px
}

.mw-741 {
    max-width: 741px
}

.mw-742 {
    max-width: 742px
}

.mw-743 {
    max-width: 743px
}

.mw-744 {
    max-width: 744px
}

.mw-745 {
    max-width: 745px
}

.mw-746 {
    max-width: 746px
}

.mw-747 {
    max-width: 747px
}

.mw-748 {
    max-width: 748px
}

.mw-749 {
    max-width: 749px
}

.mw-750 {
    max-width: 750px
}

.mw-751 {
    max-width: 751px
}

.mw-752 {
    max-width: 752px
}

.mw-753 {
    max-width: 753px
}

.mw-754 {
    max-width: 754px
}

.mw-755 {
    max-width: 755px
}

.mw-756 {
    max-width: 756px
}

.mw-757 {
    max-width: 757px
}

.mw-758 {
    max-width: 758px
}

.mw-759 {
    max-width: 759px
}

.mw-760 {
    max-width: 760px
}

.mw-761 {
    max-width: 761px
}

.mw-762 {
    max-width: 762px
}

.mw-763 {
    max-width: 763px
}

.mw-764 {
    max-width: 764px
}

.mw-765 {
    max-width: 765px
}

.mw-766 {
    max-width: 766px
}

.mw-767 {
    max-width: 767px
}

.mw-768 {
    max-width: 768px
}

.mw-769 {
    max-width: 769px
}

.mw-770 {
    max-width: 770px
}

.mw-771 {
    max-width: 771px
}

.mw-772 {
    max-width: 772px
}

.mw-773 {
    max-width: 773px
}

.mw-774 {
    max-width: 774px
}

.mw-775 {
    max-width: 775px
}

.mw-776 {
    max-width: 776px
}

.mw-777 {
    max-width: 777px
}

.mw-778 {
    max-width: 778px
}

.mw-779 {
    max-width: 779px
}

.mw-780 {
    max-width: 780px
}

.mw-781 {
    max-width: 781px
}

.mw-782 {
    max-width: 782px
}

.mw-783 {
    max-width: 783px
}

.mw-784 {
    max-width: 784px
}

.mw-785 {
    max-width: 785px
}

.mw-786 {
    max-width: 786px
}

.mw-787 {
    max-width: 787px
}

.mw-788 {
    max-width: 788px
}

.mw-789 {
    max-width: 789px
}

.mw-790 {
    max-width: 790px
}

.mw-791 {
    max-width: 791px
}

.mw-792 {
    max-width: 792px
}

.mw-793 {
    max-width: 793px
}

.mw-794 {
    max-width: 794px
}

.mw-795 {
    max-width: 795px
}

.mw-796 {
    max-width: 796px
}

.mw-797 {
    max-width: 797px
}

.mw-798 {
    max-width: 798px
}

.mw-799 {
    max-width: 799px
}

.mw-800 {
    max-width: 800px
}

.mw-801 {
    max-width: 801px
}

.mw-802 {
    max-width: 802px
}

.mw-803 {
    max-width: 803px
}

.mw-804 {
    max-width: 804px
}

.mw-805 {
    max-width: 805px
}

.mw-806 {
    max-width: 806px
}

.mw-807 {
    max-width: 807px
}

.mw-808 {
    max-width: 808px
}

.mw-809 {
    max-width: 809px
}

.mw-810 {
    max-width: 810px
}

.mw-811 {
    max-width: 811px
}

.mw-812 {
    max-width: 812px
}

.mw-813 {
    max-width: 813px
}

.mw-814 {
    max-width: 814px
}

.mw-815 {
    max-width: 815px
}

.mw-816 {
    max-width: 816px
}

.mw-817 {
    max-width: 817px
}

.mw-818 {
    max-width: 818px
}

.mw-819 {
    max-width: 819px
}

.mw-820 {
    max-width: 820px
}

.mw-821 {
    max-width: 821px
}

.mw-822 {
    max-width: 822px
}

.mw-823 {
    max-width: 823px
}

.mw-824 {
    max-width: 824px
}

.mw-825 {
    max-width: 825px
}

.mw-826 {
    max-width: 826px
}

.mw-827 {
    max-width: 827px
}

.mw-828 {
    max-width: 828px
}

.mw-829 {
    max-width: 829px
}

.mw-830 {
    max-width: 830px
}

.mw-831 {
    max-width: 831px
}

.mw-832 {
    max-width: 832px
}

.mw-833 {
    max-width: 833px
}

.mw-834 {
    max-width: 834px
}

.mw-835 {
    max-width: 835px
}

.mw-836 {
    max-width: 836px
}

.mw-837 {
    max-width: 837px
}

.mw-838 {
    max-width: 838px
}

.mw-839 {
    max-width: 839px
}

.mw-840 {
    max-width: 840px
}

.mw-841 {
    max-width: 841px
}

.mw-842 {
    max-width: 842px
}

.mw-843 {
    max-width: 843px
}

.mw-844 {
    max-width: 844px
}

.mw-845 {
    max-width: 845px
}

.mw-846 {
    max-width: 846px
}

.mw-847 {
    max-width: 847px
}

.mw-848 {
    max-width: 848px
}

.mw-849 {
    max-width: 849px
}

.mw-850 {
    max-width: 850px
}

.mw-851 {
    max-width: 851px
}

.mw-852 {
    max-width: 852px
}

.mw-853 {
    max-width: 853px
}

.mw-854 {
    max-width: 854px
}

.mw-855 {
    max-width: 855px
}

.mw-856 {
    max-width: 856px
}

.mw-857 {
    max-width: 857px
}

.mw-858 {
    max-width: 858px
}

.mw-859 {
    max-width: 859px
}

.mw-860 {
    max-width: 860px
}

.mw-861 {
    max-width: 861px
}

.mw-862 {
    max-width: 862px
}

.mw-863 {
    max-width: 863px
}

.mw-864 {
    max-width: 864px
}

.mw-865 {
    max-width: 865px
}

.mw-866 {
    max-width: 866px
}

.mw-867 {
    max-width: 867px
}

.mw-868 {
    max-width: 868px
}

.mw-869 {
    max-width: 869px
}

.mw-870 {
    max-width: 870px
}

.mw-871 {
    max-width: 871px
}

.mw-872 {
    max-width: 872px
}

.mw-873 {
    max-width: 873px
}

.mw-874 {
    max-width: 874px
}

.mw-875 {
    max-width: 875px
}

.mw-876 {
    max-width: 876px
}

.mw-877 {
    max-width: 877px
}

.mw-878 {
    max-width: 878px
}

.mw-879 {
    max-width: 879px
}

.mw-880 {
    max-width: 880px
}

.mw-881 {
    max-width: 881px
}

.mw-882 {
    max-width: 882px
}

.mw-883 {
    max-width: 883px
}

.mw-884 {
    max-width: 884px
}

.mw-885 {
    max-width: 885px
}

.mw-886 {
    max-width: 886px
}

.mw-887 {
    max-width: 887px
}

.mw-888 {
    max-width: 888px
}

.mw-889 {
    max-width: 889px
}

.mw-890 {
    max-width: 890px
}

.mw-891 {
    max-width: 891px
}

.mw-892 {
    max-width: 892px
}

.mw-893 {
    max-width: 893px
}

.mw-894 {
    max-width: 894px
}

.mw-895 {
    max-width: 895px
}

.mw-896 {
    max-width: 896px
}

.mw-897 {
    max-width: 897px
}

.mw-898 {
    max-width: 898px
}

.mw-899 {
    max-width: 899px
}

.mw-900 {
    max-width: 900px
}

.mw-901 {
    max-width: 901px
}

.mw-902 {
    max-width: 902px
}

.mw-903 {
    max-width: 903px
}

.mw-904 {
    max-width: 904px
}

.mw-905 {
    max-width: 905px
}

.mw-906 {
    max-width: 906px
}

.mw-907 {
    max-width: 907px
}

.mw-908 {
    max-width: 908px
}

.mw-909 {
    max-width: 909px
}

.mw-910 {
    max-width: 910px
}

.mw-911 {
    max-width: 911px
}

.mw-912 {
    max-width: 912px
}

.mw-913 {
    max-width: 913px
}

.mw-914 {
    max-width: 914px
}

.mw-915 {
    max-width: 915px
}

.mw-916 {
    max-width: 916px
}

.mw-917 {
    max-width: 917px
}

.mw-918 {
    max-width: 918px
}

.mw-919 {
    max-width: 919px
}

.mw-920 {
    max-width: 920px
}

.mw-921 {
    max-width: 921px
}

.mw-922 {
    max-width: 922px
}

.mw-923 {
    max-width: 923px
}

.mw-924 {
    max-width: 924px
}

.mw-925 {
    max-width: 925px
}

.mw-926 {
    max-width: 926px
}

.mw-927 {
    max-width: 927px
}

.mw-928 {
    max-width: 928px
}

.mw-929 {
    max-width: 929px
}

.mw-930 {
    max-width: 930px
}

.mw-931 {
    max-width: 931px
}

.mw-932 {
    max-width: 932px
}

.mw-933 {
    max-width: 933px
}

.mw-934 {
    max-width: 934px
}

.mw-935 {
    max-width: 935px
}

.mw-936 {
    max-width: 936px
}

.mw-937 {
    max-width: 937px
}

.mw-938 {
    max-width: 938px
}

.mw-939 {
    max-width: 939px
}

.mw-940 {
    max-width: 940px
}

.mw-941 {
    max-width: 941px
}

.mw-942 {
    max-width: 942px
}

.mw-943 {
    max-width: 943px
}

.mw-944 {
    max-width: 944px
}

.mw-945 {
    max-width: 945px
}

.mw-946 {
    max-width: 946px
}

.mw-947 {
    max-width: 947px
}

.mw-948 {
    max-width: 948px
}

.mw-949 {
    max-width: 949px
}

.mw-950 {
    max-width: 950px
}

.mw-951 {
    max-width: 951px
}

.mw-952 {
    max-width: 952px
}

.mw-953 {
    max-width: 953px
}

.mw-954 {
    max-width: 954px
}

.mw-955 {
    max-width: 955px
}

.mw-956 {
    max-width: 956px
}

.mw-957 {
    max-width: 957px
}

.mw-958 {
    max-width: 958px
}

.mw-959 {
    max-width: 959px
}

.mw-960 {
    max-width: 960px
}

.mw-961 {
    max-width: 961px
}

.mw-962 {
    max-width: 962px
}

.mw-963 {
    max-width: 963px
}

.mw-964 {
    max-width: 964px
}

.mw-965 {
    max-width: 965px
}

.mw-966 {
    max-width: 966px
}

.mw-967 {
    max-width: 967px
}

.mw-968 {
    max-width: 968px
}

.mw-969 {
    max-width: 969px
}

.mw-970 {
    max-width: 970px
}

.mw-971 {
    max-width: 971px
}

.mw-972 {
    max-width: 972px
}

.mw-973 {
    max-width: 973px
}

.mw-974 {
    max-width: 974px
}

.mw-975 {
    max-width: 975px
}

.mw-976 {
    max-width: 976px
}

.mw-977 {
    max-width: 977px
}

.mw-978 {
    max-width: 978px
}

.mw-979 {
    max-width: 979px
}

.mw-980 {
    max-width: 980px
}

.mw-981 {
    max-width: 981px
}

.mw-982 {
    max-width: 982px
}

.mw-983 {
    max-width: 983px
}

.mw-984 {
    max-width: 984px
}

.mw-985 {
    max-width: 985px
}

.mw-986 {
    max-width: 986px
}

.mw-987 {
    max-width: 987px
}

.mw-988 {
    max-width: 988px
}

.mw-989 {
    max-width: 989px
}

.mw-990 {
    max-width: 990px
}

.mw-991 {
    max-width: 991px
}

.mw-992 {
    max-width: 992px
}

.mw-993 {
    max-width: 993px
}

.mw-994 {
    max-width: 994px
}

.mw-995 {
    max-width: 995px
}

.mw-996 {
    max-width: 996px
}

.mw-997 {
    max-width: 997px
}

.mw-998 {
    max-width: 998px
}

.mw-999 {
    max-width: 999px
}

.mw-1000 {
    max-width: 1000px
}

.video-modal .modal-content {
    border-radius: 14px
}

.video-modal .rypm-heading {
    color: #315d80;
    position: relative;
    text-align: center;
    top: -20px
}

.video-modal button {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .overflow-y-hidden {
        overflow-y: hidden !important
    }
}

.rypm-tab .d_active a {
    color: #fff !important;
    text-decoration: none
}

#tab_scroll {
    position: relative;
    top: -62px
}

.tab_scroll_link .tabs a:hover {
    text-decoration: none
}

@media only screen and (min-width:320px) and (max-width:480px) {
    .royal-york-benefits .companies-logos .image {
        height: 50px;
        width: 115px
    }

    div#top_scroll {
        position: relative;
        top: -60px
    }

    .required-documents-tabs .tab-text {
        max-height: 410px;
        min-height: -webkit-max-content;
        min-height: -moz-max-content;
        min-height: max-content
    }

    #required-documents #tab_active,
    .about-us-tabs #tab_active {
        margin-top: -70px;
        padding-top: 50px
    }

    .current-vacancies-tabs #tab_active {
        margin-top: -61px;
        padding-top: 61px
    }

    #tab_active {
        margin-top: -90px;
        padding-top: 70px
    }

    .tabs_details a:hover {
        text-decoration: none
    }

    .property-description-tabs #tab_active {
        margin-top: -59px;
        padding-top: 60px
    }

    .monthly-price .tab_container {
        background: none !important
    }

    .monthly-price #tab_active {
        margin-top: -70px;
        padding-top: 50px
    }
}

.mCustomScrollbar {
    -webkit-overflow-scrolling: touch;
    padding-right: 0 !important
}

.mCustomScrollbar .mCSB_scrollTools {
    -webkit-overflow-scrolling: touch;
    left: auto;
    position: absolute;
    right: -11px;
    text-align: right
}

.mCustomScrollbar .mCSB_draggerContainer {
    background-color: #eaeaea !important;
    width: 5px !important
}

.mCustomScrollbar .mCSB_draggerRail {
    background-color: transparent !important
}

.mCustomScrollbar .mCSB_dragger_bar {
    background-color: #315d80 !important;
    width: 3px !important
}

.mCustomScrollbar,
.mCustomScrollbar.mCS_touch_action,
.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
    touch-action: auto
}

.mCustomScrollBox {
    touch-action: pan-x
}

.mCustomScrollBox.mCSB_vertical_horizontal {
    touch-action: auto
}

.mCustomScrollBox.mCSB_horizontal {
    touch-action: pan-y
}

.component-conetnt .text-image .container .col-md-6 .conent h2 span {
    display: block
}

.google-map~.component-conetnt .our-process:before {
    display: none
}

@media only screen and (min-width:768px) and (max-width:900px) {
    .find-properties~.component-conetnt .our-process {
        margin-top: -128px
    }
}

.z-9999 {
    z-index: 9999
}

.z-99 {
    z-index: 99 !important
}

.z-0 {
    z-index: 0 !important
}

.z-m-1 {
    z-index: -1
}

.iti-flag {
    background-image: url(https://static.zohocdn.com/forms/images/flags.ae33acae404631e997ef8d91dae08ccd.png)
}

.formSubInfoText {
    color: #7c7c7c;
    display: block;
    font-size: 13px !important;
    margin-left: 2px;
    padding-top: 3px;
    text-align: left
}

.zf-currency .zf-tempContDiv .symbolBefore {
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 4px;
    width: auto
}

.zf-medium .zf-phonefld input[type=text],
.zf-small .zf-phonefld input[type=text] {
    width: 100%
}

.zf-tempFrmWrapper.zf-phone span {
    margin: inherit;
    width: auto
}

.flag-container {
    bottom: 0;
    height: 24px;
    left: 0;
    padding: 1px;
    position: absolute;
    right: auto;
    right: 0;
    top: 0;
    width: 75px
}

.selected-flag {
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    display: table !important;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;
    padding: 0 0 0 8px;
    position: relative;
    width: 78px;
    width: 75px !important;
    width: 100%;
    z-index: 1
}

.selected-flag .iti-flag {
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0
}

.iti-flag.pk {
    height: 14px !important
}

.selected-dial-code {
    box-sizing: border-box;
    display: table-cell;
    font-size: 13px;
    padding-left: 28px;
    vertical-align: middle
}

.selected-flag .iti-arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
    height: 0;
    margin-top: -2px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 0
}

.intl-tel-input {
    display: block
}

.zf-phwrapper label {
    color: #888;
    display: block;
    font-size: 11px;
    margin-top: 2px
}

.cluster.cluster-0 div {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 48px
}

@media only screen and (max-width:767px) {
    .cluster.cluster-0 div {
        left: 50%;
        right: auto
    }
}

.intl-tel-input {
    display: table-cell;
    width: 100%
}

.intl-tel-input .selected-flag {
    z-index: 4
}

.intl-tel-input .country-list {
    z-index: 5
}

ul.country-list li.country .country-name {
    display: inline-block;
    font-size: 10px;
    max-width: 125px !important;
    white-space: pre-wrap;
    word-break: break-word
}

.intl-tel-input {
    display: inline-block;
    position: relative
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input,
.intl-tel-input input[type=tel],
.intl-tel-input input[type=text] {
    margin-bottom: 0 !important;
    margin-right: 0;
    margin-top: 0 !important;
    padding-right: 36px;
    position: relative;
    z-index: 0
}

.intl-tel-input .flag-container {
    bottom: 0;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.intl-tel-input .selected-flag {
    height: 100%;
    padding: 0 0 0 8px;
    position: relative;
    width: 36px;
    z-index: 1
}

.intl-tel-input .selected-flag .iti-flag {
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0
}

.intl-tel-input .selected-flag .iti-arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
    height: 0;
    margin-top: -2px;
    position: absolute;
    right: 3px;
    top: 50%;
    width: 0
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-bottom: 4px solid #555;
    border-top: none
}

.intl-tel-input .country-list {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    list-style: none;
    margin: 0 0 0 -1px;
    max-height: 200px;
    max-width: 240px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    z-index: 2
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}

@media (max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.intl-tel-input .country-list .country {
    display: block;
    min-width: 200px;
    padding: 5px 10px;
    width: auto
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
    margin-left: 0;
    padding-left: 52px;
    padding-right: 6px
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    left: 0;
    right: auto
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, .05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    padding-left: 28px;
    vertical-align: middle
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    left: -1000px;
    padding: 1px;
    position: absolute;
    top: -1000px;
    z-index: 1060
}

.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
    bottom: 30px;
    left: 30px;
    position: fixed;
    right: 30px;
    top: 30px
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
    line-height: 1.5em;
    padding: 10px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    background-position: 0 0;
    height: 10px
}

.iti-flag.ad {
    background-position: -22px 0;
    height: 14px
}

.iti-flag.ae {
    background-position: -44px 0;
    height: 10px
}

.iti-flag.af {
    background-position: -66px 0;
    height: 14px
}

.iti-flag.ag {
    background-position: -88px 0;
    height: 14px
}

.iti-flag.ai {
    background-position: -110px 0;
    height: 10px
}

.iti-flag.al {
    background-position: -132px 0;
    height: 15px
}

.iti-flag.am {
    background-position: -154px 0;
    height: 10px
}

.iti-flag.ao {
    background-position: -176px 0;
    height: 14px
}

.iti-flag.aq {
    background-position: -198px 0;
    height: 14px
}

.iti-flag.ar {
    background-position: -220px 0;
    height: 13px
}

.iti-flag.as {
    background-position: -242px 0;
    height: 10px
}

.iti-flag.at {
    background-position: -264px 0;
    height: 14px
}

.iti-flag.au {
    background-position: -286px 0;
    height: 10px
}

.iti-flag.aw {
    background-position: -308px 0;
    height: 14px
}

.iti-flag.ax {
    background-position: -330px 0;
    height: 13px
}

.iti-flag.az {
    background-position: -352px 0;
    height: 10px
}

.iti-flag.ba {
    background-position: -374px 0;
    height: 10px
}

.iti-flag.bb {
    background-position: -396px 0;
    height: 14px
}

.iti-flag.bd {
    background-position: -418px 0;
    height: 12px
}

.iti-flag.be {
    background-position: -440px 0;
    height: 15px
}

.iti-flag.bf {
    background-position: -460px 0;
    height: 14px
}

.iti-flag.bg {
    background-position: -482px 0;
    height: 12px
}

.iti-flag.bh {
    background-position: -504px 0;
    height: 12px
}

.iti-flag.bi {
    background-position: -526px 0;
    height: 12px
}

.iti-flag.bj {
    background-position: -548px 0;
    height: 14px
}

.iti-flag.bl {
    background-position: -570px 0;
    height: 14px
}

.iti-flag.bm {
    background-position: -592px 0;
    height: 10px
}

.iti-flag.bn {
    background-position: -614px 0;
    height: 10px
}

.iti-flag.bo {
    background-position: -636px 0;
    height: 14px
}

.iti-flag.bq {
    background-position: -658px 0;
    height: 14px
}

.iti-flag.br {
    background-position: -680px 0;
    height: 14px
}

.iti-flag.bs {
    background-position: -702px 0;
    height: 10px
}

.iti-flag.bt {
    background-position: -724px 0;
    height: 14px
}

.iti-flag.bv {
    background-position: -746px 0;
    height: 15px
}

.iti-flag.bw {
    background-position: -768px 0;
    height: 14px
}

.iti-flag.by {
    background-position: -790px 0;
    height: 10px
}

.iti-flag.bz {
    background-position: -812px 0;
    height: 14px
}

.iti-flag.ca {
    background-position: -834px 0;
    height: 10px
}

.iti-flag.cc {
    background-position: -856px 0;
    height: 10px
}

.iti-flag.cd {
    background-position: -878px 0;
    height: 15px
}

.iti-flag.cf {
    background-position: -900px 0;
    height: 14px
}

.iti-flag.cg {
    background-position: -922px 0;
    height: 14px
}

.iti-flag.ch {
    background-position: -944px 0;
    height: 15px
}

.iti-flag.ci {
    background-position: -961px 0;
    height: 14px
}

.iti-flag.ck {
    background-position: -983px 0;
    height: 10px
}

.iti-flag.cl {
    background-position: -1005px 0;
    height: 14px
}

.iti-flag.cm {
    background-position: -1027px 0;
    height: 14px
}

.iti-flag.cn {
    background-position: -1049px 0;
    height: 14px
}

.iti-flag.co {
    background-position: -1071px 0;
    height: 14px
}

.iti-flag.cp {
    background-position: -1093px 0;
    height: 14px
}

.iti-flag.cr {
    background-position: -1115px 0;
    height: 12px
}

.iti-flag.cu {
    background-position: -1137px 0;
    height: 10px
}

.iti-flag.cv {
    background-position: -1159px 0;
    height: 12px
}

.iti-flag.cw {
    background-position: -1181px 0;
    height: 14px
}

.iti-flag.cx {
    background-position: -1203px 0;
    height: 10px
}

.iti-flag.cy {
    background-position: -1225px 0;
    height: 13px
}

.iti-flag.cz {
    background-position: -1247px 0;
    height: 14px
}

.iti-flag.de {
    background-position: -1269px 0;
    height: 12px
}

.iti-flag.dg {
    background-position: -1291px 0;
    height: 10px
}

.iti-flag.dj {
    background-position: -1313px 0;
    height: 14px
}

.iti-flag.dk {
    background-position: -1335px 0;
    height: 15px
}

.iti-flag.dm {
    background-position: -1357px 0;
    height: 10px
}

.iti-flag.do {
    background-position: -1379px 0;
    height: 13px
}

.iti-flag.dz {
    background-position: -1401px 0;
    height: 14px
}

.iti-flag.ea {
    background-position: -1423px 0;
    height: 14px
}

.iti-flag.ec {
    background-position: -1445px 0;
    height: 14px
}

.iti-flag.ee {
    background-position: -1467px 0;
    height: 13px
}

.iti-flag.eg {
    background-position: -1489px 0;
    height: 14px
}

.iti-flag.eh {
    background-position: -1511px 0;
    height: 10px
}

.iti-flag.er {
    background-position: -1533px 0;
    height: 10px
}

.iti-flag.es {
    background-position: -1555px 0;
    height: 14px
}

.iti-flag.et {
    background-position: -1577px 0;
    height: 10px
}

.iti-flag.eu {
    background-position: -1599px 0;
    height: 14px
}

.iti-flag.fi {
    background-position: -1621px 0;
    height: 12px
}

.iti-flag.fj {
    background-position: -1643px 0;
    height: 10px
}

.iti-flag.fk {
    background-position: -1665px 0;
    height: 10px
}

.iti-flag.fm {
    background-position: -1687px 0;
    height: 11px
}

.iti-flag.fo {
    background-position: -1709px 0;
    height: 15px
}

.iti-flag.fr {
    background-position: -1731px 0;
    height: 14px
}

.iti-flag.ga {
    background-position: -1753px 0;
    height: 15px
}

.iti-flag.gb {
    background-position: -1775px 0;
    height: 10px
}

.iti-flag.gd {
    background-position: -1797px 0;
    height: 12px
}

.iti-flag.ge {
    background-position: -1819px 0;
    height: 14px
}

.iti-flag.gf {
    background-position: -1841px 0;
    height: 14px
}

.iti-flag.gg {
    background-position: -1863px 0;
    height: 14px
}

.iti-flag.gh {
    background-position: -1885px 0;
    height: 14px
}

.iti-flag.gi {
    background-position: -1907px 0;
    height: 10px
}

.iti-flag.gl {
    background-position: -1929px 0;
    height: 14px
}

.iti-flag.gm {
    background-position: -1951px 0;
    height: 14px
}

.iti-flag.gn {
    background-position: -1973px 0;
    height: 14px
}

.iti-flag.gp {
    background-position: -1995px 0;
    height: 14px
}

.iti-flag.gq {
    background-position: -2017px 0;
    height: 14px
}

.iti-flag.gr {
    background-position: -2039px 0;
    height: 14px
}

.iti-flag.gs {
    background-position: -2061px 0;
    height: 10px
}

.iti-flag.gt {
    background-position: -2083px 0;
    height: 13px
}

.iti-flag.gu {
    background-position: -2105px 0;
    height: 11px
}

.iti-flag.gw {
    background-position: -2127px 0;
    height: 10px
}

.iti-flag.gy {
    background-position: -2149px 0;
    height: 12px
}

.iti-flag.hk {
    background-position: -2171px 0;
    height: 14px
}

.iti-flag.hm {
    background-position: -2193px 0;
    height: 10px
}

.iti-flag.hn {
    background-position: -2215px 0;
    height: 10px
}

.iti-flag.hr {
    background-position: -2237px 0;
    height: 10px
}

.iti-flag.ht {
    background-position: -2259px 0;
    height: 12px
}

.iti-flag.hu {
    background-position: -2281px 0;
    height: 10px
}

.iti-flag.ic {
    background-position: -2303px 0;
    height: 14px
}

.iti-flag.id {
    background-position: -2325px 0;
    height: 14px
}

.iti-flag.ie {
    background-position: -2347px 0;
    height: 10px
}

.iti-flag.il {
    background-position: -2369px 0;
    height: 15px
}

.iti-flag.im {
    background-position: -2391px 0;
    height: 10px
}

.iti-flag.in {
    background-position: -2413px 0;
    height: 14px
}

.iti-flag.io {
    background-position: -2435px 0;
    height: 10px
}

.iti-flag.iq {
    background-position: -2457px 0;
    height: 14px
}

.iti-flag.ir {
    background-position: -2479px 0;
    height: 12px
}

.iti-flag.is {
    background-position: -2501px 0;
    height: 15px
}

.iti-flag.it {
    background-position: -2523px 0;
    height: 14px
}

.iti-flag.je {
    background-position: -2545px 0;
    height: 12px
}

.iti-flag.jm {
    background-position: -2567px 0;
    height: 10px
}

.iti-flag.jo {
    background-position: -2589px 0;
    height: 10px
}

.iti-flag.jp {
    background-position: -2611px 0;
    height: 14px
}

.iti-flag.ke {
    background-position: -2633px 0;
    height: 14px
}

.iti-flag.kg {
    background-position: -2655px 0;
    height: 12px
}

.iti-flag.kh {
    background-position: -2677px 0;
    height: 13px
}

.iti-flag.ki {
    background-position: -2699px 0;
    height: 10px
}

.iti-flag.km {
    background-position: -2721px 0;
    height: 12px
}

.iti-flag.kn {
    background-position: -2743px 0;
    height: 14px
}

.iti-flag.kp {
    background-position: -2765px 0;
    height: 10px
}

.iti-flag.kr {
    background-position: -2787px 0;
    height: 14px
}

.iti-flag.kw {
    background-position: -2809px 0;
    height: 10px
}

.iti-flag.ky {
    background-position: -2831px 0;
    height: 10px
}

.iti-flag.kz {
    background-position: -2853px 0;
    height: 10px
}

.iti-flag.la {
    background-position: -2875px 0;
    height: 14px
}

.iti-flag.lb {
    background-position: -2897px 0;
    height: 14px
}

.iti-flag.lc {
    background-position: -2919px 0;
    height: 10px
}

.iti-flag.li {
    background-position: -2941px 0;
    height: 12px
}

.iti-flag.lk {
    background-position: -2963px 0;
    height: 10px
}

.iti-flag.lr {
    background-position: -2985px 0;
    height: 11px
}

.iti-flag.ls {
    background-position: -3007px 0;
    height: 14px
}

.iti-flag.lt {
    background-position: -3029px 0;
    height: 12px
}

.iti-flag.lu {
    background-position: -3051px 0;
    height: 12px
}

.iti-flag.lv {
    background-position: -3073px 0;
    height: 10px
}

.iti-flag.ly {
    background-position: -3095px 0;
    height: 10px
}

.iti-flag.ma {
    background-position: -3117px 0;
    height: 14px
}

.iti-flag.mc {
    background-position: -3139px 0;
    height: 15px
}

.iti-flag.md {
    background-position: -3160px 0;
    height: 10px
}

.iti-flag.me {
    background-position: -3182px 0;
    height: 10px
}

.iti-flag.mf {
    background-position: -3204px 0;
    height: 14px
}

.iti-flag.mg {
    background-position: -3226px 0;
    height: 14px
}

.iti-flag.mh {
    background-position: -3248px 0;
    height: 11px
}

.iti-flag.mk {
    background-position: -3270px 0;
    height: 10px
}

.iti-flag.ml {
    background-position: -3292px 0;
    height: 14px
}

.iti-flag.mm {
    background-position: -3314px 0;
    height: 14px
}

.iti-flag.mn {
    background-position: -3336px 0;
    height: 10px
}

.iti-flag.mo {
    background-position: -3358px 0;
    height: 14px
}

.iti-flag.mp {
    background-position: -3380px 0;
    height: 10px
}

.iti-flag.mq {
    background-position: -3402px 0;
    height: 14px
}

.iti-flag.mr {
    background-position: -3424px 0;
    height: 14px
}

.iti-flag.ms {
    background-position: -3446px 0;
    height: 10px
}

.iti-flag.mt {
    background-position: -3468px 0;
    height: 14px
}

.iti-flag.mu {
    background-position: -3490px 0;
    height: 14px
}

.iti-flag.mv {
    background-position: -3512px 0;
    height: 14px
}

.iti-flag.mw {
    background-position: -3534px 0;
    height: 14px
}

.iti-flag.mx {
    background-position: -3556px 0;
    height: 12px
}

.iti-flag.my {
    background-position: -3578px 0;
    height: 10px
}

.iti-flag.mz {
    background-position: -3600px 0;
    height: 14px
}

.iti-flag.na {
    background-position: -3622px 0;
    height: 14px
}

.iti-flag.nc {
    background-position: -3644px 0;
    height: 10px
}

.iti-flag.ne {
    background-position: -3666px 0;
    height: 15px
}

.iti-flag.nf {
    background-position: -3686px 0;
    height: 10px
}

.iti-flag.ng {
    background-position: -3708px 0;
    height: 10px
}

.iti-flag.ni {
    background-position: -3730px 0;
    height: 12px
}

.iti-flag.nl {
    background-position: -3752px 0;
    height: 14px
}

.iti-flag.no {
    background-position: -3774px 0;
    height: 15px
}

.iti-flag.np {
    background-position: -3796px 0;
    height: 15px
}

.iti-flag.nr {
    background-position: -3811px 0;
    height: 10px
}

.iti-flag.nu {
    background-position: -3833px 0;
    height: 10px
}

.iti-flag.nz {
    background-position: -3855px 0;
    height: 10px
}

.iti-flag.om {
    background-position: -3877px 0;
    height: 10px
}

.iti-flag.pa {
    background-position: -3899px 0;
    height: 14px
}

.iti-flag.pe {
    background-position: -3921px 0;
    height: 14px
}

.iti-flag.pf {
    background-position: -3943px 0;
    height: 14px
}

.iti-flag.pg {
    background-position: -3965px 0;
    height: 15px
}

.iti-flag.ph {
    background-position: -3987px 0;
    height: 10px
}

.iti-flag.pk {
    background-position: -4009px 0;
    height: 14px
}

.iti-flag.pl {
    background-position: -4031px 0;
    height: 13px
}

.iti-flag.pm {
    background-position: -4053px 0;
    height: 14px
}

.iti-flag.pn {
    background-position: -4075px 0;
    height: 10px
}

.iti-flag.pr {
    background-position: -4097px 0;
    height: 14px
}

.iti-flag.ps {
    background-position: -4119px 0;
    height: 10px
}

.iti-flag.pt {
    background-position: -4141px 0;
    height: 14px
}

.iti-flag.pw {
    background-position: -4163px 0;
    height: 13px
}

.iti-flag.py {
    background-position: -4185px 0;
    height: 11px
}

.iti-flag.qa {
    background-position: -4207px 0;
    height: 8px
}

.iti-flag.re {
    background-position: -4229px 0;
    height: 14px
}

.iti-flag.ro {
    background-position: -4251px 0;
    height: 14px
}

.iti-flag.rs {
    background-position: -4273px 0;
    height: 14px
}

.iti-flag.ru {
    background-position: -4295px 0;
    height: 14px
}

.iti-flag.rw {
    background-position: -4317px 0;
    height: 14px
}

.iti-flag.sa {
    background-position: -4339px 0;
    height: 14px
}

.iti-flag.sb {
    background-position: -4361px 0;
    height: 10px
}

.iti-flag.sc {
    background-position: -4383px 0;
    height: 10px
}

.iti-flag.sd {
    background-position: -4405px 0;
    height: 10px
}

.iti-flag.se {
    background-position: -4427px 0;
    height: 13px
}

.iti-flag.sg {
    background-position: -4449px 0;
    height: 14px
}

.iti-flag.sh {
    background-position: -4471px 0;
    height: 10px
}

.iti-flag.si {
    background-position: -4493px 0;
    height: 10px
}

.iti-flag.sj {
    background-position: -4515px 0;
    height: 15px
}

.iti-flag.sk {
    background-position: -4537px 0;
    height: 14px
}

.iti-flag.sl {
    background-position: -4559px 0;
    height: 14px
}

.iti-flag.sm {
    background-position: -4581px 0;
    height: 15px
}

.iti-flag.sn {
    background-position: -4603px 0;
    height: 14px
}

.iti-flag.so {
    background-position: -4625px 0;
    height: 14px
}

.iti-flag.sr {
    background-position: -4647px 0;
    height: 14px
}

.iti-flag.ss {
    background-position: -4669px 0;
    height: 10px
}

.iti-flag.st {
    background-position: -4691px 0;
    height: 10px
}

.iti-flag.sv {
    background-position: -4713px 0;
    height: 12px
}

.iti-flag.sx {
    background-position: -4735px 0;
    height: 14px
}

.iti-flag.sy {
    background-position: -4757px 0;
    height: 14px
}

.iti-flag.sz {
    background-position: -4779px 0;
    height: 14px
}

.iti-flag.ta {
    background-position: -4801px 0;
    height: 10px
}

.iti-flag.tc {
    background-position: -4823px 0;
    height: 10px
}

.iti-flag.td {
    background-position: -4845px 0;
    height: 14px
}

.iti-flag.tf {
    background-position: -4867px 0;
    height: 14px
}

.iti-flag.tg {
    background-position: -4889px 0;
    height: 13px
}

.iti-flag.th {
    background-position: -4911px 0;
    height: 14px
}

.iti-flag.tj {
    background-position: -4933px 0;
    height: 10px
}

.iti-flag.tk {
    background-position: -4955px 0;
    height: 10px
}

.iti-flag.tl {
    background-position: -4977px 0;
    height: 10px
}

.iti-flag.tm {
    background-position: -4999px 0;
    height: 14px
}

.iti-flag.tn {
    background-position: -5021px 0;
    height: 14px
}

.iti-flag.to {
    background-position: -5043px 0;
    height: 10px
}

.iti-flag.tr {
    background-position: -5065px 0;
    height: 14px
}

.iti-flag.tt {
    background-position: -5087px 0;
    height: 12px
}

.iti-flag.tv {
    background-position: -5109px 0;
    height: 10px
}

.iti-flag.tw {
    background-position: -5131px 0;
    height: 14px
}

.iti-flag.tz {
    background-position: -5153px 0;
    height: 14px
}

.iti-flag.ua {
    background-position: -5175px 0;
    height: 14px
}

.iti-flag.ug {
    background-position: -5197px 0;
    height: 14px
}

.iti-flag.um {
    background-position: -5219px 0;
    height: 11px
}

.iti-flag.us {
    background-position: -5241px 0;
    height: 11px
}

.iti-flag.uy {
    background-position: -5263px 0;
    height: 14px
}

.iti-flag.uz {
    background-position: -5285px 0;
    height: 10px
}

.iti-flag.va {
    background-position: -5307px 0;
    height: 15px
}

.iti-flag.vc {
    background-position: -5324px 0;
    height: 14px
}

.iti-flag.ve {
    background-position: -5346px 0;
    height: 14px
}

.iti-flag.vg {
    background-position: -5368px 0;
    height: 10px
}

.iti-flag.vi {
    background-position: -5390px 0;
    height: 14px
}

.iti-flag.vn {
    background-position: -5412px 0;
    height: 14px
}

.iti-flag.vu {
    background-position: -5434px 0;
    height: 12px
}

.iti-flag.wf {
    background-position: -5456px 0;
    height: 14px
}

.iti-flag.ws {
    background-position: -5478px 0;
    height: 10px
}

.iti-flag.xk {
    background-position: -5500px 0;
    height: 15px
}

.iti-flag.ye {
    background-position: -5522px 0;
    height: 14px
}

.iti-flag.yt {
    background-position: -5544px 0;
    height: 14px
}

.iti-flag.za {
    background-position: -5566px 0;
    height: 14px
}

.iti-flag.zm {
    background-position: -5588px 0;
    height: 14px
}

.iti-flag.zw {
    background-position: -5610px 0;
    height: 10px
}

.iti-flag {
    background-color: #dbdbdb;
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags.png);
    background-position: 20px 0;
    background-repeat: no-repeat;
    box-shadow: 0 0 1px 0 #888;
    height: 15px;
    width: 20px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags@2x.png)
    }
}

.iti-flag.np {
    background-color: transparent
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.hide {
    display: none
}

pre {
    display: inline-block;
    margin: 0 !important
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url,
.token.variable {
    background: none
}

button[disabled],
input[disabled] {
    background-color: #eee
}

::-webkit-input-placeholder {
    color: #bbb
}

::-moz-placeholder {
    color: #bbb;
    opacity: 1
}

:-ms-input-placeholder {
    color: #bbb
}

button {
    background-color: #428bca;
    border: 1px solid #357ebd;
    color: #fff
}

button:hover {
    background-color: #3276b1;
    border-color: #285e8e;
    cursor: pointer
}

#result {
    margin-bottom: 100px
}

ul.country-list li.country .dial-code {
    font-size: 10px;
    font-weight: 400
}

.calendarCont .calIconWrapper {
    padding-left: 8px;
    width: 16px
}

.calendarIcon {
    background: url(https://static.zohocdn.com/forms/images/sprite.cd4883ae8361398aaa9b97908d7c82ae.gif) no-repeat scroll 0 -22px transparent;
    height: 16px;
    width: 16px
}

.visibility-hidden {
    visibility: hidden
}

#my_date_picker::-moz-placeholder,
.phCodeWrapper input::-moz-placeholder {
    color: #a6afb6
}

#my_date_picker:-ms-input-placeholder,
.phCodeWrapper input:-ms-input-placeholder {
    color: #a6afb6
}

#my_date_picker::placeholder,
.phCodeWrapper input::placeholder {
    color: #a6afb6
}

p.footer-contact-heading+p,
p.footer-contact-heading+p a {
    padding-bottom: 0 !important
}

.mini-loader-container {
    border: 1px solid #ccc;
    border-collapse: collapse;
    display: inline-block;
    font-size: 10px;
    height: 100px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 100px
}

.loader-1 {
    -webkit-animation: loader-1 1.5s linear infinite;
    animation: loader-1 1.5s linear infinite;
    background: #fff;
    background: linear-gradient(90deg, #fff 10%, hsla(0, 0%, 100%, 0) 50%);
    border-radius: 50%;
    height: 50px;
    margin: -25px auto 0;
    position: absolute;
    position: relative;
    top: 50%;
    transform: translateZ(0);
    width: 50px
}

.loader-1:before {
    background: #fff;
    border-radius: 100% 0 0 0;
    height: 25px;
    width: 25px
}

.loader-1:after,
.loader-1:before {
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.loader-1:after {
    background: #315d80;
    border-radius: 50%;
    bottom: 0;
    height: 40px;
    margin: auto;
    right: 0;
    width: 40px
}

@-webkit-keyframes loader-1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loader-1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.modal-header button.close:hover {
    background-color: transparent
}

.modal-open .modal {
    z-index: 10000
}

.modal-backdrop.show {
    position: fixed;
    z-index: 9999 !important
}

.bio_content-js.about-us-team-modal>.row>.col-md-6 img {
    width: 100%
}

iframe#ps-nvm-frame {
    display: none !important
}

@media only screen and (min-width:1200px) {
    iframe#ps-nvm-frame {
        width: 80% !important
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    iframe#ps-nvm-frame .ps-nvm-inner-wrapper {
        max-width: 75%
    }
}

@media only screen and (min-width:769px) and (max-width:991px) {
    iframe#ps-nvm-frame .ps-nvm-inner-wrapper {
        max-width: 75%
    }
}

@media only screen and (max-width:767px) {
    iframe#ps-nvm-frame {
        bottom: 10% !important
    }
}

@media only screen and (max-width:768px) {
    iframe#ps-nvm-frame {
        bottom: 7% !important
    }
}

@media only screen and (min-width:1366px) {
    #videoTour.modal.video-modal .modal-dialog {
        max-width: 800px
    }
}

@media only screen and (min-width:1600px) {
    #videoTour.modal.video-modal .modal-dialog {
        max-width: 1000px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    #videoTour.modal.video-modal .modal-dialog {
        max-width: 700px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    #videoTour.modal.video-modal .modal-dialog {
        max-width: 600px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #videoTour.modal.video-modal .modal-dialog {
        max-width: 600px
    }
}

@media only screen and (min-width:602px) and (max-width:767px) {
    #videoTour.modal.video-modal .modal-dialog {
        max-width: 550px
    }
}

@media only screen and (min-width:667px) and (max-width:767px) {
    #videoTour.modal.video-modal .modal-dialo g {
        max-width: 500px
    }
}

@media only screen and (min-width:360px) and (max-width:601px) {
    #videoTour.modal.video-modal .modal-dialog {
        margin: 0 auto;
        max-width: 90%
    }
}

ul#ui-id-1.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    display: block !important;
    padding: 3px;
    width: 350px !important
}

.all-jobs .pagination nav .page-item .page-link {
    width: 46px important
}

.properties-details .property-container .property-inner-detials .covered p img {
    width: auto;
}

.walk-score {
    display: none;
}

.color-blue-0 {
    color: #9bb997;
}

.color-blue-1 {
    color: #f27681;
}

.color-blue-2 {
    color: #315d80;
}

.color-blue-3 {
    color: #6b5e7a;
}

.placement-services p.py-2.mw-320 {
    max-width: 640px !important;
    text-transform: capitalize;
    font-size: 1.2rem;
    line-height: 1.5;
}

.placement-services ul li {
    list-style-type: disc;
    margin-left: 2.5rem;
}

.placement-services ul li::marker {
    color: #925A79;
    font-size: 3rem;
    line-height: 0;
}

.placement-services ul li span {
    top: -10px !important;
    position: relative;
    font-weight: normal;
}

.placement-services a.btn.btn-primary {
    margin-bottom: 2rem
}

.footer-contact-heading {
    font-family: 'Helvetica Rounded Bold';
    font-size: 1.6rem;
}

.footimglinks_bottom {
    background-image: url(../images/foot_bottombg.svg);
    background-size: cover;
    height: auto;
    padding: 3.7em 0 1.5em 0;
}

.cp_txt p {
    font-family: 'Helvetica';
    font-size: 1rem;
    text-transform: capitalize;
    color: #315D80;
    margin: 0;
    float: right;
    margin-top: 0.25rem
}

.social_links {
    display: flex;
    justify-content: left;
    align-items: center;
}

.social_links h4 {
    font-family: 'Helvetica Rounded Bold';
    font-size: 1.25rem;
    text-transform: capitalize;
    color: #315D80;
    margin: 0 28px 0 0;
}

.socialurl_links i {
    font-size: 35px;
    margin: 0 12px 0 0;
    color: #315d80;
}

@media only screen and (max-width:768px) {
    .placement-services .column-3 {
        -moz-column-count: 1;
        column-count: 1;
    }
}

option,
.zf-tempContDiv input,
.zf-tempContDiv select {
    font-size: .8rem !important;
}

.footer .services .footer-contact-wrap a {
    color: #315d80;
    display: block;
    padding: 6px 0;
    text-decoration: none;
    font-weight: normal;
}

.footer .services .footer-contact-wrap p {
    margin: 0
}

.desktop-grid-map-view i img {
    width: 19.5px;
}

.resp-grid-map-view i img {
    width: 13.5px;
}

.properties-wrap.grid-view .property-cart .property-details-wrap .covered img {
    vertical-align: sub !important
}

.property-specialist h2 span,
.property-specialist h3 span {
    color: black;
}

.text-image .order-1 .image {
    text-align: right !important;
}

.featured-article .artical-details h1 {
    font-size: 1.5rem;
}

.rypm-heading h1 {
    font-family: 'Helvetica Rounded Bold';
}