/* Copyrights @Digital Interaction Srl, commercial use not allowed */

:root { 
    --primary-color: #F3F4F5;
    --secondary-color: red;
    --third-color: #28272F;
    --fourth-color: #FF385C;

    --text-primary: #2F2F2F;
    --text-inactive: #676767;
    --font-h: 'Montserrat';
    --font-p: 'Lato';

    --fifth-color: rgb(16, 24, 29);
    --sixth-color: rgb(100, 116, 139);
    --bg_light_grey:#f2f2f2;
    --bg_dark_grey:#212121;
    --bg_black_8:rgba(0,0,0,0.8);
    --grey-border-clr: #dee0e3;
    --text-description: #60687a;
}

* {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.k_slider_active{border-bottom: 2px solid #000;}

body{font-family: 'Raleway', sans-serif; background-color: var(--primary-color);}
.row{margin-right:0; margin-left:0;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-right:0; padding-left:0;}

/*  sizing */
.dip_size_40px{height:40px; width:40px;}
.dip_size_50px{height:50px; width:50px;}
.dip_max_w_80px{max-width:80px;}
.dip_max_w_100px{max-width:100px;}
.dip_max_w_120px{max-width:120px;}
.dip_max_h_20vh{max-height:20vh;}
@keyframes rotateLeftRight{
    0% {transform: rotate(0deg);}
    25% {transform: rotate(-30deg);}
    50% {transform: rotate(0deg);}
    75% {transform: rotate(30deg);}
    100% {transform: rotate(0deg);}
}
.dip_icon_play{background-image:url('/img/icons/play_arrow_b.svg');}
.dip_icon_pause{background-image:url('/img/icons/pause_b.svg');}
.dip_popup_menu_btn{ color: #000; background-color: transparent; border: 1px solid #000; border-radius: 3px; margin-top: 0.3125rem; margin-bottom: 0.3125rem;  padding: 0.3125rem 0.6rem; }
.dip_popup_menu_btn_active{color: #fff; background-color: #000;}
.dip_descr_t{font-size:14px;}

.dip_max_h_60vh{max-height:60vh;}

.rc_h_search_pg{max-height: calc(100vh - 120px);}
.rc_h_100vw-50px{height: calc(100vh - 50px);}

/* ! sizing ! */


/* padding & margin */
.dip_p_0_10px{padding: 0 10px!important;}

.dip_m_0_5px{margin: 0 5px;}

.dip_m_l_-10px{margin-left:-10px;}
.dip_m_r_5px{margin-right: 5px;}
/* ! padding & margin ! */

/*  positioning  */
.rc_center_break{flex-basis: 100%; height: 0;}
.rc_center_horiz{display: flex; justify-content: center; flex-wrap:wrap;}
.rc_center_vert{display: flex; align-items: center; flex-wrap:wrap;}
.rc_center_both{display: flex; justify-content: center; align-items: center; flex-wrap:wrap;}
/* ! positioning ! */

/* borders */
.dip_b_b_b_3{border-bottom: 1px solid rgba(0,0,0,0.3);}
/* ! borders ! */

/*  colors  */
a{ color:#000; }
.rc_highlight{ color: var(--secondary-color); }
.rc_text_descr, .rc_text_descr_cont p{ color: var(--text-description); }
.dip_bg_b_3{ background-color: rgba(0,0,0,0.03); }
.keys_primary_bg{ background-color: var(--primary-color); }
.keys_secondary_bg{ background-color: var(--secondary-color); }
.keys_fourth_bg{ background-color: var(--fourth-color);}
.keys_grad_b{ background: linear-gradient(180deg, #1A1920 0%, #69686D 100%), linear-gradient(180deg, #084791 0%, rgba(76, 133, 200, 0) 100%, rgba(76, 133, 200, 0.5) 100%), #4C85C8; }
.keys_grad_orange{ background: linear-gradient(180deg, #1B65A6 0%, #A7D5F2 100%); }

.keys_card_padding{ padding: 10%; }

.lock_orange{background-color:#fde79c!important;}
.lock_green{background-color:#b7e5ba!important;}
.lock_purple{background-color:#ead3ff!important;}
.lock_lightgrey{background-color:#e0e0e0!important;}

.rc_third_bg{ background-color: var(--third-color); }
.rc_fourth_bg{ background-color: var(--fourth-color); }
.rc_fifth_bg{ background-color: var(--fifth-color); }
.rc_sixth_bg{ background-color: var(--sixth-color); }
.rc_clr_secondary{color: var(--secondary-color);}
.rc_clr_sixth{color: var(--sixth-color);}
.rc_bg_light_grey{background-color:var(--bg_light_grey);}
.rc_bg_dark_grey{background-color:var(--bg_dark_grey);}
.rc_bg_black_8{background-color:var(--bg_black_8);}
.rc_footer{background-color:var(--bg_dark_grey);}
.rc_price_highlight.activehighlight {
    animation-name: highlight;
}
.rc_price_highlight{ 
    display: inline;
    position: relative;
    background-size: 200% auto;
    background-image: linear-gradient(to right, rgba(255,0,0,0) 50%,var(--secondary-color) 50%);
    background-position: 0% 0;
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    padding-left: 0.15em;
    margin-left: -0.15em;
    white-space: pre-wrap;
    padding-right: 0.15em;
    margin-right: -0.15em;
}
@keyframes highlight {
    from {background-position: 0% 0;}
    to {background-position: -100% 0; color: #fff; font-weight: inherit}
}

.owl-carousel-home-1{ display: block; min-height: 615px; overflow: hidden;}
.they-trust{display: block; min-height: 138px; overflow: hidden;}
/* ! colors ! */

/*   gallery   */
.fancybox__container{z-index:10050!important;}
/* ! gallery ! */

/* text */
.dipPropScrollH{padding:0 7px 10px 7px; color:#000; border-bottom:1px solid rgba(0,0,0,0.3); float:left;}
.dipPropScrollHSelected, .dipPropScrollH:hover{font-weight:600; text-decoration:none; color:var(--blue); border-bottom:3px solid var(--blue);}
.dipAnchor{height:50px; margin-top:-50px; position:relative; z-index: -1;}
.dip_c_pointer, .dip_popup_menu_btn{cursor:pointer;}
.dip_break_all{word-break: break-all;}
.dip_cursor_pointer{cursor: pointer;}

.searchGridInput, .searchGridInput:focus-visible, .searchGridInput:focus-within{border: 0; font-size: 18px; outline:0px;}
.searchSubmitIcon{height: 40px; width: 40px; border: 0; background-color: var(--primary);}
/* ! text ! */

/* grids */
.lock_grid_2{grid-column: 1 / -1;}

.categAttrGrid{ display:grid; grid-template-columns: [start] 60% [line1] auto [line2] auto  [line3] auto [end]; 
    grid-template-rows: [row-start] auto [row-middle] auto [row-end];}
.categAttrDescr{ grid-column-start: 1; grid-column-end: 2; align-self: center; grid-row-start: 1; grid-row-end: 3; }
.categAttrRooms, .categAttrBaths, .categAttrArea, .categTitleRooms, .categTitleBaths, .categTitleArea{ align-self: center; justify-self: center; font-size:14px;}
.categAttrRooms, .categAttrBaths, .categAttrArea{ grid-row-start: 1; grid-row-end: 2; font-weight:600; }
.categTitleRooms, .categTitleBaths, .categTitleArea{ grid-row-start: 2; grid-row-end: 3; }
.categAttrRooms, .categTitleRooms{ grid-column-start: 2; grid-column-end: 3; }
.categAttrBaths, .categTitleBaths{ grid-column-start: 3; grid-column-end: 4; }
.categAttrArea, .categTitleArea{ grid-column-start: 4; grid-column-end: 5; }

.categAttrSearchGrid{ width: 50%; display:grid; grid-template-columns: [start] auto [line2] auto  [line3] auto [end]; grid-template-rows: [row-start] auto [row-middle] auto [row-end];}
.categAttrSearchRooms, .categAttrSearchBaths, .categAttrSearchArea, .categTitleSearchRooms, .categTitleSearchBaths, .categTitleSearchArea{ align-self: center; justify-self: left; font-size:14px;}
.categAttrSearchRooms, .categAttrSearchBaths, .categAttrSearchArea{ grid-row-start: 1; grid-row-end: 2; font-weight:600; }
.categTitleSearchRooms, .categTitleSearchBaths, .categTitleSearchArea{ grid-row-start: 2; grid-row-end: 3; }
.categAttrSearchRooms, .categTitleSearchRooms{ grid-column-start: 1; grid-column-end: 2; }
.categAttrSearchBaths, .categTitleSearchBaths{ grid-column-start: 2; grid-column-end: 3; }
.categAttrSearchArea, .categTitleSearchArea{ grid-column-start: 3; grid-column-end: 4; }

.propMainAttrGrid{ display:grid; grid-template-columns: [start] 40% [line1] auto [line2] auto  [line3] auto  [line4] auto [end];  grid-template-rows: [row-start] auto [row-1] auto [row-2] 10px [row-3] auto [row-4] auto [row-5] auto [row-6] auto [row-end]; }
.propMainAttrGrid50{ display:grid; grid-template-columns: [start] 50% [line1] auto [line2] auto  [line3] auto  [line4] auto [end];  grid-template-rows: [row-start] auto [row-1] auto [row-2] 10px [row-3] auto [row-4] auto [row-5] auto [row-6] auto [row-end]; }
.propMainPrice, .propMainTitle, .propMainLocation, .propMainCTA{ align-self: center;}
.propMainRooms, .propMainBaths, .propMainSqm, .propMainRoomsDescr, .propMainBathsDescr, .propMainSqmDescr{ align-self: center; justify-self: center;}
.propMainType, .propMainTypeDescr{ align-self: center; justify-self: right;}
.propMainRoomsDescr, .propMainBathsDescr, .propMainSqmDescr{font-size:14px;}
.propMainPrice, .propMainPriceDescr { grid-column-start: 1; grid-column-end: 2; }
.propMainPriceInitial{text-decoration: line-through;}
.propMainDiscountText{position: fixed; display: flex; justify-content: center; flex-direction: column; z-index: 100000; background: #0000007d; height: 100vh; top: 0; left: 0; width: 100vw; padding: 10px;}
.propMainDiscountTextDiv{background: white; border-radius: 6px; padding: 10px;}
.propMainRooms, .propMainRoomsDescr { grid-column-start: 2; grid-column-end: 3; }
.propMainBaths, .propMainBathsDescr { grid-column-start: 3; grid-column-end: 4; }
.propMainSqm, .propMainSqmDescr { grid-column-start: 4; grid-column-end: 5; }
.propMainType, .propMainTypeDescr{ grid-column-start: 2; grid-column-end: 5; }
.propMainPrice, .propMainRooms, .propMainBaths, .propMainSqm, .propMainType{ grid-row-start: 1; grid-row-end: 2; font-weight:500; }
.propMainPriceDescr, .propMainRoomsDescr, .propMainBathsDescr, .propMainSqmDescr, .propMainTypeDescr{ grid-row-start: 2; grid-row-end: 3; }
.propMainTitle, .propMainLocation, .propMainCTA{ grid-column-start: 1; grid-column-end: 5; }
.propMainTitle{ grid-row-start: 4; grid-row-end: 5; font-weight:500; } 
.propMainLocation{ grid-row-start: 5; grid-row-end: 6; } 
.propMainCTA{ grid-row-start: 6; grid-row-end: 7; } 

.propMainAttrGridNoPrice{grid-template-columns: [start] 0 [line1] auto [line2] auto  [line3] auto  [line4] auto  [line5] auto [end];}
.propMainAttrGridNoPrice .propMainBathsDescr { padding:0 20px; }
.propMainAttrGridNoPrice .propMainTitle, .propMainAttrGridNoPrice .propMainLocation, .propMainAttrGridNoPrice .propMainCTA{ grid-column-start: 2; grid-column-end: 6; }

.ensamblePropGrid{ display:inline-grid; grid-auto-columns: 250px;}
.ensamblePropCard{grid-row-start: 1; grid-row-end: 2; }

.featAttrGrid{ display:grid; grid-template-columns: [start] 40% [line1] 60% [end];  grid-template-rows: auto; }
/* .featAttrFull, .featAttrDef, .featAttrVal{ align-self: center; } */
.featAttrDef, .featAttrVal{ border-bottom: 1px solid rgba(0,0,0,0.3); margin-top:10px; font-size:14px; }
.featAttrFull{ grid-column-start: 1; grid-column-end: 3; }
.featAttrDef{ grid-column-start: 1; grid-column-end: 2; }
.featAttrVal{ grid-column-start: 2; grid-column-end: 3; }

.propMedImgGrid{ margin-left:2vw; display: grid; column-gap: 1.5vw; row-gap: 1.5vw; grid-template-columns: [start] 31vw [col-1] 31vw [col-2] 31vw [end]; grid-auto-rows: 31vw;}

.qualifPopGrid{ display:grid; grid-template-columns: [start] 100% [end];  grid-template-rows: 50px [start] auto [row-1] 80px [end]; }
.qualifPopHead, .qualifPopFoot{ align-self: center; }
.qualifPopHead{ grid-row-start: 1; grid-row-end: 2; position: sticky; top: 0; background: #fff; z-index: 1; justify-self: end;}
.qualifPopFormDiv{ grid-row-start: 2; grid-row-end: 3;}
.qualifPopFoot{ grid-column-start: 1; grid-column-end: 2;  grid-row-start: 3; grid-row-end: 4; justify-self: center; }

.qualifPopFormInner{  display:grid; grid-template-columns: [start] 100% [end];  grid-template-rows: [start] min-content [row-2] auto [row-1] min-content [row-2] min-content [row-3] auto [end]; }
.qualifPopFormTitle{ grid-row-start: 1; grid-row-end: 2; }
.qualifPopFormQuestion{ grid-row-start: 3; grid-row-end: 4; }
.qualifPopFormAnswer{ grid-row-start: 4; grid-row-end: 5; }
.qualifPopFormAnswer button { width: 100%; }

.offerBtnDD{mask-image: url(/img/icons/chevron_left.svg); -webkit-mask-image: url(/img/icons/chevron_left.svg); -webkit-mask-size: 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background: #fff; transform: rotate(-90deg); margin-top: 1px;}
.offerBtnDDup{transform: rotate(90deg);}
.offerPriceGrid{  display:flex; flex-direction: column; min-width:650px; }
.offerPriceItem{  display:flex; justify-content: space-between; align-items: center;}
.offerPriceSecond{ display:flex; justify-content: space-between; align-items: center; }
.offerPriceFirst, .offerPriceSecond, .offerPriceSecond div{ width: 100%; }
.offerPriceSecond div{ flex-grow: 1; text-align: center;}
.offerPriceFirst{ max-width:240px; }

#btn_3D_menu_fullpage{ display:grid; grid-template-columns: [start] auto [c1] 300px [c2] auto [end]; grid-template-rows: [start] auto [row-2] 40px [row-1] 20px [row-2] 40px [row-3] auto [end];}
#load3D, #load_melon_360{ grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 3; }
#load_melon_3D{ grid-row-start: 4; grid-row-end: 5; grid-column-start: 2; grid-column-end: 3; }

.dipHomeHeaderMenuGrid{ display:grid; grid-template-columns: [start] 10px [line1] auto [line2] 30px [line3] 10px [line4] 30px [line5] 10px [end]; }
.dipHomeHMLogo{ grid-column-start: 2; grid-column-end: 3; align-self: center; }
.dipHomeHMBurgerMenu{ grid-column-start: 3; grid-column-end: 4;}
.dipHomeCallIcon{ grid-column-start: 5; grid-column-end: 6;}

.dipMainSpecsGrid{ display:grid; grid-template-columns: [start] 50% [line1] auto [line2] auto [end]; grid-template-rows: [row1-start] auto [line1] 10px [line2] auto [line3] auto [last-line]; }
.dipMainSpecsPrice{ grid-column-start: 1; grid-column-end: 2;}
.dipMainTitle{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: line2;
    grid-row-end: line3;
}
.dipMainLoc{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: line3;
    grid-row-end: last-line;
}

.dipHeaderMenuGrid{
    display:grid;
    grid-template-columns: [start] 30px [line1] 10px [line2] auto [line3] auto [line4] 30px [end];
    grid-template-rows: [row1-start] 50px [last-line];
}
.dipHMBackBtn{
    grid-column-start: 1;
    grid-column-end: 2;
    justify-self: center;
    align-self: center;
}
.dipHMClientLogo{
    grid-column-start: 3;
    grid-column-end: 4;
    align-self: center;
}
.dipHMLogoTop, .dipHMNavTop{
    grid-column-start: line3;
    grid-column-end: end;
    align-self: center;
}

.dipHMChangeContentInner, .dipHMNoChangeInner{
    display:grid;
    grid-template-columns: [start] auto [line1] 30px [line2] 10px [end];
}
.dipHMDiLogo{
    grid-column-start: 1;
    grid-column-end: 2;
    align-self: center;
}
.dipHMNavBurger{ grid-column-start: 2; grid-column-end: 3;  align-self: center; }

.di_conv_clicks_table td{padding: 0 10px;}

.dipFooterMenuGrid{
    display:grid;
    grid-template-columns: [start] auto [line1] 5px [line2] auto [end];
}
.dipFMMainBtn{
    grid-column-start: 1;
    grid-column-end: 2;
}
.dipFMSecBtn{
    grid-column-start: 3;
    grid-column-end: 4;
}

.rc_pricing_cont{display:flex; flex-flow: row wrap; justify-content: space-between; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px;}
.rc_pricing_card{display:flex; flex-direction: column; width: 100%; border: 1px solid var(--grey-border-clr); border-radius: 12px; padding: 20px; }
.rc_div_line{ background-color: var(--grey-border-clr); height: 1px; }
.rc_pricing_ul{ list-style-type: none; padding: 0; }
.rc_pricing_ul li{ position:relative;}
.rc_pricing_ul li::before{ width: 20px; height: 20px; background-image: url('/img/icons/check_circle_FILL0_wght400_GRAD0_opsz48.svg'); content: " "; position: absolute; background-size: contain; top: 2px; opacity: 0.6;}
.rc_pricing_ul li span.text_content{ margin-left: 25px; }

.cookieConsent {
    position: fixed;
    bottom: -500px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    color: white;
    z-index: 1030;
    padding: 10px;
    transition-property: bottom;
    transition-duration: 1s;
}

.cookieConsent .textContainer {
    padding: 0 10px;
    height: 85px;
    overflow-y: auto;
}

.cookieConsent .cookieAccept {
    padding: 10px;
}

.cookieConsent .cookieAccept button {
    width: 100%;
    padding: 5px;
    background-color: #005eb8;
    color: white;
    border: none;
    border-radius: 3px;
    margin-bottom: 10px;
}

.cookieConsent .cookieAccept{
    text-align: center;
}
.cookieConsent .cookieAccept a {
    color: white;
}

.rc_layout_grid{
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 5rem;
    grid-row-gap: 4rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.rc_grup{
    -ms-grid-columns: 0.75fr 1.25fr;
    grid-template-columns: 0.75fr 1.25fr;
}

/* ! grids ! */

/*   carousel   */
#diPropCarousel .carousel__slide{width: var(--carousel-slide-width, 100%); padding:0; overflow:hidden;}
/* ! carousel ! */

/*   blog   */
.rc_blog_categ_cont{display: grid; grid-template-columns: 1fr;}
.rc_blog_categ_cont a:hover{ text-decoration: none;}
.rc_blog_categ{ border: 2px solid transparent; text-decoration: none; }
.rc_blog_categ:hover{ border: 2px solid var(--secondary-color); }
.rc_blog_cal_icon{ mask-image: url(/img/icons/today_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/today_FILL0_wght400_GRAD0_opsz48.svg); }
.rc_blog_clock_icon{ mask-image: url(/img/icons/timer_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/timer_FILL0_wght400_GRAD0_opsz48.svg); }
/* ! blog ! */

/*  elements  */

.keys_a_non_active:active, .keys_a_non_active:hover{ color:#000; }

#bottomFixed{  }
.keysBtnBlink{
    animation-name: pulseCall;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
@keyframes pulseCall {
    0% {background-color: red;}
    50% {background-color: transparent;}
    100% {background-color: red;}
}

.rc_mask_icon{ mask-size: cover; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.rc_mbl_menu_icon{ height: 30px; mask-image: url(/img/icons/menu_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/menu_FILL0_wght400_GRAD0_opsz48.svg); }
.btn-third{ background-color: var(--secondary-color); color: #fff;}

.row.rc_timeline::before{ content: ''; position: absolute; top: 0; left: calc(50% - 1.5px); transform: translateX(calc(50% - 1.5px)); height: 100%; border-right: 3px dashed var(--primary-color);}
.rc_timeline_bullet_l, .rc_timeline_bullet_r{ width: 30px; height: 30px; position: absolute; top: -3px; background-color: var(--primary-color); border-radius: 50%; }
.rc_timeline_bullet_l{ left: -15px; }
.rc_timeline_bullet_r{ right: -15px; }

.row.rc_timeline_mbl::before{ left: 25px; }
.rc_timeline_mbl .rc_timeline_bullet_l{ left: 12px; }
.rc_timeline_mbl .rc_timeline_col_mbl{ position: relative; padding-left: 55px; padding-right: 15px; margin-top: 40px;}


.grecaptcha-badge{display:none!important;}
#dipNavMenuDD{top:60px; right:10px;}
.joinUsForm{ border-radius: 6px; }
#threeDLinkInput{top:45%; left:45%;}
#threeDLinkInputBtn{top:45%; left:65%;}

.gm-style .gm-style-iw-c{ max-width: calc(100vw - 30px)!important; }
.rc_map_marker_cont{ width: 100vw; }
.rc_map_marker_row{ width: calc(100vw - 24px); margin-top: 5px; }
.rc_prop_form_mbl{ width: calc(100vw - 20px); }
#mblContactForm{ bottom: 70px; }
/* ! elements ! */


/*  animations  */
@keyframes wipe-enter {
	0% { transform: scale(0, .025); }
	50% { transform: scale(1, .025); }
}

@media (prefers-reduced-motion: no-preference) {
    .rc_fade_in_to_top {
      animation-name: wipe-enter;
      animation-duration: 1s;
      animation-iteration-count: infinite;
    }
  }

/* ! animations ! */

/* SM */
@media (min-width: 720px){
    .rc_p_sm_0{ padding: 0!important; }
}
/* ! SM ! */

/* MD */
@media (min-width: 720px){
    .rc_t_md_left{text-align: left;}
    .rc_h_search_pg{max-height: calc(100vh - 50px);}
    .rc_p_md_0{ padding: 0!important; }
    .rc_m_md_0{ margin: 0!important; }

    .rc_w_md_50P{ width: 50%!important; }

    .rc_blog_categ_cont{grid-template-columns: 1fr 1fr;}


    .offerPriceFirst{ max-width:320px; }

    .searchGrid{ grid-template-columns: [start] auto [line1] 500px [line2] auto [end];}
    .searchGridSearchLP .searchGridBar{ grid-column-start: 1; grid-column-end: 2;}
    .searchGridSearchLP .searchGridFilters{ grid-column-start: 2; grid-column-end: 3;}
    .rc_pricing_card{ width: calc(50% - 15px); }
}
/* ! MD ! */

/* LG */
@media (min-width: 992px){
    .keys_card_padding{ padding: 5% 10%; }

    .lock_lg_grid_2_col{grid-template-columns: 1fr 1fr;}

    .dip_w_lg_50P{width:50%!important;}
    .di_m_lg_t_80px{margin-top:80px!important;}
    .rc_p_lg_r_10px{ padding: 10px!important; }
    .rc_p_lg_l_10px{ padding-left: 10px!important; }
    .dipHeaderMenuGrid_lg{
        display:grid!important;
        grid-template-columns: [start] 30px [line1] 10px [line2] auto [line3] auto [line4] auto [end];
        grid-template-rows: [row1-start] 50px [last-line];
        background-color: rgba(0,0,0,0.1);
    }
    .dipHMDiLogo_lg{ grid-column-start: 4; grid-column-end: 5; align-self: center; }
    .dipHMDiLogoHome_lg{ grid-column-start: 3; grid-column-end: 5; align-self: center; }
    .dipHMLinks_lg{ grid-column-start: 5; grid-column-end: 6; align-self: center; display:grid!important; grid-template-columns: auto auto auto auto auto auto auto auto; }
    .dipHMLinks_lg a{ align-self: center; }
    .dip_center_vert{position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}

    .propMainDiscountTextDiv{ width: 1140px; left: unset; margin-left: auto; margin-right: auto;  }

    .offerPriceFirst{ max-width:520px; }


    .gm-style .gm-style-iw-c{ max-width: 25vw!important; }
    .rc_map_marker_cont{ width: 25vw; }
    .rc_map_marker_row{ width: calc(25vw - 24px); margin-top: 5px; }

    .rc_pricing_card{ width: calc(33% - 15px); }

    .rc_blog_categ_cont{grid-template-columns: 1fr 1fr 1fr;}
}
/* ! LG ! */


/* XL */
@media (min-width: 1200px){
    .rc_pricing_card{ width: calc(25% - 15px); }
    .rc_pricing_card_3{ width: calc(33% - 15px); }
}
/* ! XL ! */

/* loading.io loader */
.lds-spinner {
    color: white;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/* loading.io loader */

.threeDSpinner, .threeDProgressbar {
    z-index: 1;
    position: absolute;
    top: 40vh;
    left: calc(50vw - 70px);
    background-color: rgba(0,0,0,0.7);
    border-radius: 10px;
    padding: 20px;
    transform: scale(0.5);
}

.threeDSpinner {
    transform: scale(0.8);
    top: 45vh;
    left: calc(50vw - 35px);
}



/* circular progress start */

.circle-wrap {
    margin: auto;
    width: 150px;
    height: 150px;
    background: gray;
    border-radius: 50%;
    border: 1px solid #cdcbd0;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
}

.circle-wrap .circle .mask {
    clip: rect(0px, 150px, 150px, 75px);
}

.circle-wrap .inside-circle {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background: #333;
    line-height: 120px;
    text-align: center;
    margin-top: 14px;
    margin-left: 14px;
    color: white;
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 2em;
}

/* color animation */

/* 3rd progress bar */
.mask .fill {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: whitesmoke;
}

.mask.full,
.circle .fill {
    animation: fill ease-in-out 3s;
    transform: rotate(120deg);
}


/* circular progress end */