.width_10{width:10%!important}

.width_20{width:20%!important}

.width_30{width:30%!important}

.width_40{width:40%!important}

.width_50{width:50%!important}

.width_60{width:60%!important}

.width_70{width:70%!important}

.width_80{width:80%!important}

.width_85{width:85%!important}

.width_90{width:90%!important}

.width_100{width:100%!important}

.eric_desktop {

    bottom: 0;

    width: 230px;

    right: 20px;

    position: absolute;

}

/*.masthead{max-width:300px}*/

.masthead {

    max-width: 250px;

}

.slider_text{margin-bottom:0;text-align: center;}

.slider_text h1{    color: #fff;

    margin: 0 0 30px;

    font-size: 3em;

    width: 80%;

    font-family: Gotham-Medium;}

.slider_text h5{color:#000;margin:0 0 30px;font-size:2em;width:70%;font-family:Gotham-Bold;margin:0 auto;}



.slider_text p {

    color: #fff;

    font-size: 14px !important;

    line-height: 20px;

    padding-top: 0;

    margin-bottom: 35px;

	width: 70%;

}

.slider_text hr{border-color:#d0021b;width:20%;margin-left:0;border-width:6px}

.container_80{max-width:80%;width:80%;margin:0 auto; padding: 100px 0;}

.img_logo{max-width:140px;width:140px}

/*.main-header-area.sticky .masthead{max-width:285px}*/

.main-header-area.sticky .masthead {

    max-width: 215px;

}

.header-area .main-header-area.sticky{padding:10px 200px}

.floating_circle_left{position:absolute;left:-2%;width:10%;top:15%}

.floating_circle_right_bot{position:absolute;right:0;width:5%;bottom:15%}

/*.icon img{max-width:45%;margin:0 auto 35px}*/



.icon img {

    max-width: 35%;

    margin: 0 auto 35px;

}



.ms_btn.btn_howitworks  { 

    display: inline; 

}



header .ms_btn {

    width: 100%;

    margin-top: 0;

}

.ms_btn {

    font-size: 20px;

    color: #fff!important;

    position: relative;

    z-index: 0;

    padding: 12px 15px;

    margin-right: 0;

    font-family: Gotham-Bold;

    background: #d0021b;

    border: 1px solid #d0021b;

    cursor: pointer;

    display: block;

    width: 18%;

    text-align: center;

    border-radius: 10px;

}

.ms_btn:focus,.ms_btn:hover{

    font-size:20px;

    color:#d0021b!important;

    position:relative;

    z-index:0;

    padding:12px 15px;

    margin-right:0;

    font-family:Gotham-Bold;

    background:#fff;

    border:1px solid #d0021b;

    text-align: center;

}

.projects_moreinfo{    font-size: 16px;

    color: #4a4a4a;

    position: relative;

    z-index: 0;

    padding: 10px 5px;

    margin-right: 0;

    font-family: Gotham-Bold;

    background: #fff;

    border: 1px solid #4a4a4a;

    /* text-transform: uppercase; */

    width: 100%;

    border-radius: 5px;}

.projects_moreinfo:focus,.projects_moreinfo:hover{    

    color: black;

    font-family: Gotham-Bold;

    background: #d0021b;

    border: 1px solid #d0021b;

    cursor: pointer;

}

.steps_panel{border-radius:15px;padding:15px 0}

.steps_panel img{margin:0 auto;width:20%;display:block;position:relative}

.steps_panel h6.first{left:35%}

.steps_panel h6{margin-top:0!important;color:#fff!important;letter-spacing:1px!important;font-size:150px!important;text-transform:uppercase!important;margin-bottom:0!important;font-family:Gotham-Bold;font-weight:800!important;opacity:.5;position:absolute;left:25%;top:-25%;z-index:0;margin-left:0!important}

.steps_panel h5{color:#4a4a4a;letter-spacing:1px;font-size:20px;margin-bottom:5px;font-family:Gotham-Medium;font-weight:600;line-height:1.35}

.steps_panel p{

    color: #fff;

    font-size: 17px;

    font-weight: 400;

    line-height: 20px;

    font-family: Gotham-Medium;

    width: 60%;

    margin: 15px auto 0;

    text-align: center;

}

.card.card-body{border:none;padding:100px 0;margin-top:50px;background:#fff;background-image:url(../img/howitworks_v2.jpg);position:relative;background-size:cover;background-position:top center;border-radius:0}

.width_100{width:100%}

.no_pad_lr{padding-left:0!important;padding-right:0!important}

.get_in_tauch_area .touch_form .single_input input,

.get_in_tauch_area .touch_form .single_input select,

.get_in_tauch_area .touch_form .single_input textarea{

    width:100%;

    border-top:none;

    border-left:none;

    border-right:none;

    border-bottom:none;

    height:60px;

    -webkit-border-radius:30px;

    -moz-border-radius:30px;

    border-radius:30px;

    padding:20px;

    margin-bottom:25px;

    font-family:Gotham-Medium;

    font-size:16px;

    color:#000;

    font-weight:400;

    background-color: white;

}

.get_in_tauch_area .touch_form .single_input label{

    width:100%;

    border-top:none;

    border-left:none;

    border-right:none;

    height:40px;

    -webkit-border-radius:30px;

    -moz-border-radius:30px;

    border-radius:0;

    padding:20px 0 0;

    margin-bottom:0;

    font-family:Gotham-Medium;

    font-size:16px;

    color:#000;

    font-weight:400;

    vertical-align:text-top

}

.get_in_tauch_area .touch_form .single_input input[type=radio]{

    width:20%;

    border-top:none;

    border-left:none;

    border-right:none;

    border-bottom:1px solid #c9c9c9;

    height:20px;

    -webkit-border-radius:30px;

    -moz-border-radius:30px;

    border-radius:0;

    padding:20px 0;

    margin-bottom:0;

    font-family:Gotham-Medium;

    font-size:16px;

    color:#d0021b;

    font-weight:400;

    display:inline;

    margin-right:10px

}

.get_in_tauch_area .touch_form .single_input input:focus, .get_in_tauch_area .touch_form .single_input select:focus, .get_in_tauch_area .touch_form .single_input textarea:focus {

    outline: none;

    border-bottom: none;

    box-shadow: none;

}

.default-select .nice-select{width:100%;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #c9c9c9;height:60px;border-radius:0;padding:20px 0;margin-bottom:25px;font-family:Gotham-Medium;font-size:16px;color:#000;font-weight:400;background-color:#fff}

.default-select .nice-select .list .option.selected{color:#d0051b;background:0 0}

.default-select .nice-select .list .option{font-weight:300;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;line-height:30px;min-height:36px;font-size:16px;padding-left:20px}

.nice-select:after{color:#000}

.bg-dark{background-color:black!important}

.section.footer-top{padding-top:40px;padding-bottom:0}

.desktop-size-footer{width:229px}

.footer-top .h3,.footer-top h3{font-size:40px}

.footer-top .h5,.footer-top h5{font-size:20px}

.font-secondary{font-family:Gotham-Medium}

.font-bold{font-family:Gotham-Bold}

.footer-section a{color:#fff}

.footer-social{list-style-type:none;margin:0;padding:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}

.footer-social-img{padding:10px;width:60px}

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

@-webkit-keyframes loader {

0%{width:0}

20%{width:10%}

25%{width:24%}

43%{width:41%}

56%{width:50%}

66%{width:52%}

71%{width:60%}

75%{width:76%}

94%{width:86%}

100%{width:100%}

}

@keyframes loader {

0%{width:0}

20%{width:10%}

25%{width:24%}

43%{width:41%}

56%{width:50%}

66%{width:52%}

71%{width:60%}

75%{width:76%}

94%{width:86%}

100%{width:100%}

}

.progress-bar{

    width:95%;

    max-width:95%;

    left:50%;

    top: 22px;

    width:100%;

    max-width:100%;

    border-radius:0;

}

.progress{

    margin-top:0px!important;

    margin-bottom:0!important

}

.bar{

    margin-top:0px!important;

    margin-bottom:0!important

}

.progress-bar{

    border-radius:0;

    overflow:hidden;

    width:100%;

    padding:0 15px;

    display:none;

}

.progress-bar span{

    display:block}

.bar{

    background:0 0}

.progress{

    -webkit-animation:loader 8s ease infinite;

    animation:loader 8s ease infinite;

    background:#d0051b;

    color:#fff;

    padding:5px;

    width:0;

    margin-top:25px;

    margin-bottom:25px

}

.progress-bar{

    position:relative;

    -webkit-transform:translate3d(-50%,-50%,0);

    transform:translate3d(-50%,-50%,0);

    background-color:transparent

}

.projects_area .single_service{background:#fff;margin:0 auto 50px}

.projects_area .single_service .icon img{margin-bottom:0;width:100%;max-width:100%}

.mini_icon{width:15px;margin-right:5px}

.panel_content{padding:10px 0px ;min-height:285px}

.panel_content span{

    font-family: Gotham-Book;

    color: #7b7b7b;

    width: 85%;

    margin: 15px auto;

    display: block;

    font-size: 14px;

    min-height: 45px;

}

.panel_content h3{color:#172b43;font-family:Gotham-Bold;font-size: 22px;}

.panel_content p{font-family:Gotham-Book;color:#4a4a4a;margin-bottom:0px;line-height: 25px;}

.panel_content p strong{font-family:Gotham-Bold;font-size:20px}

.panel_content hr{border-top:2px solid #d7d7d7;width:100%}

.get_in_tauch_area .touch_form .single_input label.radio-inline{

    width:15%;

    display:inline-flex;

    padding-top:0;

    vertical-align:text-top;

    margin-top:20px

}

.btn_howitworks::after{content:"\f107";color:#fff;top:5px;right:-10px;position:relative;font-family:FontAwesome;font-size:40px}

.btn_howitworks:focus::after,.btn_howitworks:hover::after{color:#d0021b}

.btn_howitworks[aria-expanded=true]::after{content:"\f106"}

.btn_howitworks[aria-expanded=true]:focus::after,.btn_howitworks[aria-expanded=true]:hover::after{color:#d0021b}

#howitworkssteps_section{width:100%}

.houzkey_logo_img {

    max-width: 150px;

    position: absolute;

    right: 40px;

    bottom: 40px;

}

.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:relative;background-color:#f1f1f1;color:#666;top:-4px;height:20px!important;width:25px!important;border:0;border-radius:50px!important;cursor:pointer;margin-right:7px;outline:0;padding:15px!important;box-shadow:none!important}

.form-radio:checked::before{position:absolute;font:20px/1 'Open Sans',sans-serif;left:10px;top:3px;content:'\02143';transform:rotate(40deg)}

.form-radio:hover{background-color:#f7f7f7}

.form-radio:checked{background-color:#f1f1f1}

.projects_area .single_service .icon{position:relative}

.ribbon_projects{position:absolute;right:-1%;top:-6px;width:100px!important}

.hoc_icon {

    position: absolute;

    left: 1%;

    top: 1%;

    width: 70px!important;

}

.modal-dialog-slideout{min-height:100%;margin:0 0 0 auto;background:#fff;width:50%!important;max-width:50%}

.modal.fade .modal-dialog.modal-dialog-slideout{-webkit-transform:translate(100%,0)scale(1);transform:translate(100%,0)scale(1)}

.modal.fade.show .modal-dialog.modal-dialog-slideout{-webkit-transform:translate(0,0);transform:translate(0,0);display:flex;align-items:stretch;-webkit-box-align:stretch;height:100%}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y:auto;overflow-x:hidden;padding:0}

.modal-dialog-slideout .modal-content{border:0}

.modal-dialog-slideout .modal-header,.modal-dialog-slideout .modal-footer{display:block;border:none}

.modal-dialog-slideout .modal-header h5{float:left}

.modal-backdrop{z-index:99}

.modal-open .modal{padding:0!important}

.modal_form .touch_form .single_input input,.modal_form .touch_form .single_input select,.modal_form .touch_form .single_input textarea{width:100%;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #c9c9c9;height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:0;padding:20px 0;margin-bottom:25px;font-family:Gotham-Medium;font-size:16px;color:#000;font-weight:400}

.modal_form .touch_form .single_input input:focus,.modal_form .touch_form .single_input select:focus,.modal_form .touch_form .single_input textarea:focus{outline:0}

.modal_form .touch_form .single_input label{width:100%;border-top:none;border-left:none;border-right:none;height:40px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:0;padding:20px 0 0;margin-bottom:0;font-family:Gotham-Medium;font-size:16px;color:#000;font-weight:400;vertical-align:text-top}

.modal_form .touch_form .single_input input[type=radio]{width:20%;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #c9c9c9;height:20px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:0;padding:20px 0;margin-bottom:0;font-family:Gotham-Medium;font-size:16px;color:#d0021b;font-weight:400;display:inline;margin-right:10px}

.modal_form .touch_form .single_input label.radio-inline{width:15%;display:inline-flex;padding-top:0;vertical-align:text-top;margin-top:20px}

.registration_image{border:none;background:#fff;background-image:url(../img/registration_image.jpg);position:relative;background-size:cover;background-position:top center;border-radius:0}

.registration_space{padding:50px 0}

.registration_space .close{float:right;font-size:2.5rem;font-weight:700;line-height:1;color:#4a4a4a;opacity:1;z-index:9999999;position:absolute;right:2%;top:2%}

.registration_space .section_title p{font-size:18px;line-height:26px;margin-top:50px;width:100%}

#btn_project_general{top:30px!important}

.card-container{-webkit-perspective:800px;-moz-perspective:800px;-o-perspective:800px;perspective:800px;margin-bottom:30px}

.card-container:not(.manual-flip):hover .card,.card-container.hover.manual-flip .card{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}

.card-container.static:hover .card,.card-container.static.hover .card{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}

.card{-webkit-transition:-webkit-transform .15s;-moz-transition:-moz-transform .15s;-o-transition:-o-transform .15s;transition:transform .15s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}

.front,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;background-color:#FFF;box-shadow:0 1px 3px 0 rgba(0,0,0,0.14)}

.front{z-index:2}

.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);z-index:3}

.back .btn-simple{position:absolute;right:0;top:4px}

.card{background:none repeat scroll 0 0 #FFF;border-radius:4px;color:#444}

.card-container,.front,.back{width:100%;height:765px;border-radius:4px;-webkit-box-shadow:0 0 19px 0 rgba(0,0,0,0.16);-moz-box-shadow:0 0 19px 0 rgba(0,0,0,0.16);box-shadow:0 0 19px 0 rgba(0,0,0,0.16)}

.card .cover{overflow:hidden}

.card .cover img{width:100%}

.card .content{background-color:rgba(0,0,0,0);box-shadow:none;padding:10px 10px 20px}

.card .content .main{min-height:160px;text-align:center}

.card .back .content .main{height:100%}

.card .name{font-size:22px;line-height:28px;margin:10px 0 0;text-align:center;text-transform:capitalize}

.card h5{margin:5px 0;font-weight:400;line-height:20px}

.card .profession{color:#999;text-align:center;margin-bottom:20px}

.card .footer{text-align:center}

.card .footer .social-links{font-size:18px}

.card .footer .social-links a{margin:0 7px}

.card .footer .btn-simple{margin-top:-6px}

.card .header{padding:15px 20px}

.card .header h3{color:#4a4a4a;font-family:Gotham-Bold;text-align:center;margin-bottom:0;margin-top:25px}

.card .stats-container{width:100%;margin-top:25px;min-height:325px;}

.card .stats-container ul{list-style:none;width:90%;margin:0 auto}

.card .stats-container ul li {margin: 0 auto 7%; font-size: 17px; color: #4a4a4a; width: 100%; padding: 0; text-align: left; font-family: Gotham-Medium; line-height: 1.25; }

.card .stats-container ul li strong{font-size:22px}

.card .stats-container ul li.buildsize_icon{background:url(../img/size.png) no-repeat left 15%;padding-left:45px!important;background-size:20px!important}

.card .stats-container ul li.room_icon{background:url(../img/bed.png)no-repeat left 15%;padding-left:45px!important;background-size:25px!important}

.card .stats-container ul li.fac_icon{background:url(../img/facilities.png)no-repeat left 15%;padding-left:45px!important;background-size:25px!important}

.card .stats-container ul li.others_icon{background:url(../img/building.png)no-repeat left 15%;padding-left:45px!important;background-size:20px!important}

.card .stats-container ul li.repayment_icon{background:url(../img/money.png)no-repeat left 15%;padding-left:45px!important;background-size:25px!important}

.title{color:#506A85;text-align:center;font-weight:300;font-size:44px;margin-bottom:90px;line-height:90%}

.title small{font-size:17px;color:#999;text-transform:uppercase;margin:0}

.atv,.str{color:#05AE0E}

.tag,.pln,.kwd{color:#3472F7}

.atn{color:#2C93FF}

.pln{color:#333}

.com{color:#999}

.btn-simple{opacity:.8;color:#666;background-color:transparent}

.btn-simple:hover,.btn-simple:focus{background-color:transparent;box-shadow:none;opacity:1}

.btn-simple i{font-size:25px}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {

.front,.back{-ms-backface-visibility:visible;backface-visibility:visible}

.back{visibility:hidden;-ms-transition:all .2s cubic-bezier(.92,.01,.83,.67)}

.front{z-index:4}

.card-container:not(.manual-flip):hover .back,.card-container.manual-flip.hover .back{z-index:5;visibility:visible}

}



/* syaf-card.css */

.card .footer a {

    display: block;

    margin: 20px auto !important;

    width: 60% !important;

    font-size: 20px;

}

.vtour_btn{

	font-size: 18px;

	color:#d0021b !important;

	position:relative;

	z-index:0;

	padding: 10px 15px;

	margin-right:0;

	font-family:Gotham-Bold;

	background:#fff;

	border:1px solid #d0021b;

	text-transform:uppercase;

	width:85%;

	margin-top:20px!important;

}

.vtour_btn:focus,.vtour_btn:hover{

	font-size: 18px;

	color:#fff !important;

	position:relative;

	z-index:0;

	padding: 10px 15px;

	margin-right:0;

	font-family:Gotham-Bold;

	background:#d0021b;

	border:1px solid #d0021b;

	text-transform:uppercase;

	width:85%;

	margin-top:20px!important;

}





.modal-dialog-slideout .close {

    font-size: 3.5rem;

    color: #000;

    opacity: 1;

    right: 5%;

    position: absolute;

	top: 1%;

}



.vt_tour_content {

    height: 70vh;

    text-align: center;

    padding: 10% 0;

    -webkit-box-align: center!important;

    -ms-flex-align: center!important;

    align-items: center!important;

    width: 90%;

    margin: auto;

}



.vt_tour_content .ms_btn {

	display: block;

	width: 50%;

	margin: 0 auto 30px auto;

}



.filter-button {

    margin-top: 35px;

    width: 20%;

    outline: 0; 

    font-family: Gotham-Medium;

    background: #fff;

    border-radius: 0;

    border: 1px solid #cccccc;

    padding: 10px;

    font-size: 18px;

    outline: 0;

    box-shadow: none;

}



.filter-button.active {

    margin-top: 35px;

    width: 20%;

    outline: 0; 

    font-family: Gotham-Medium;

    background: #fff;

    border-radius: 0;

    border: 1px solid #d0051b;

    padding: 10px;

    font-size: 18px;

    outline: 0;

    box-shadow: none;

}



.filter-button:hover {

    color: #d0021b;

    border: 1px solid #d0051b;

}



.terms_form {

	font-size: 12px;

}





.learnmore_section {

    padding: 130px 0 60px;

    background: #4a4a4a;

    position: relative;

    background-image:url(../img/q2/project_desktop.jpg); 

    background-size: 101%;

    background-position: bottom;

    background-repeat: no-repeat;

    background-color: #fff;

}



.learnmore_section h3 {

    font-size: 40px;

    line-height: 52px;

    font-weight: 400;

    color: #fff;

    position: relative;

    z-index: 0;

    padding-bottom: 15px;

    font-family: 'Gotham-Bold';

}



.learnmore_section .ms_btn, .learnmore_section .ms_btn:hover, .learnmore_section .ms_btn:focus {

    width: 300px;

    text-align: center;

    text-transform: uppercase;

    padding: 15px 20px;

    margin: auto;

    border-radius: 30px;

}



.back .header h3 {

    font-size: 24px;

}



.submit_btn .ms_btn {

    margin: 0 auto;

}



.breaker_text {

    padding-top: 50px;

    padding-bottom: 50px !important;

    position: relative;

}



.breaker_text .section_title h3 {

    font-size: 45px;

    line-height: 52px;

    font-weight: 400;

    color: black;

    position: relative;

    z-index: 0;

    padding-bottom: 15px;

    font-family: 'Gotham-Book';

}



.breaker_text .section_title h3 strong {

    font-family: 'Gotham-Bold';

}



.breaker_text .section_title h3:before {

    display: none;

}



.breaker_text .section_title p{

    font-size: 17px;

    color: black;

    line-height: 1.3;

    width: 60%;

    margin: 0 auto;

}





/* Center the loader */

#loader {

  position: absolute;

  z-index: 1;

  border: 10px solid #ddd;

  border-radius: 50%;

  border-top: 10px solid #d0051b;

  width: 80px;

  height: 80px;

  -webkit-animation: spin 2s linear infinite;

  animation: spin 2s linear infinite;

}



@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



.animate-bottom {

  position: relative;

  -webkit-animation-name: animatebottom;

  -webkit-animation-duration: 1s;

  animation-name: animatebottom;

  animation-duration: 1s

}



@-webkit-keyframes animatebottom {

  from { bottom:-100px; opacity:0 } 

  to { bottom:0px; opacity:1 }

}



@keyframes animatebottom { 

  from{ bottom:-100px; opacity:0 } 

  to{ bottom:0; opacity:1 }

}



#content_body {

  display: none; 

}



/*Q2*/



.invest_area{

    background-image: url("../img/q2/uspbg_desktop.jpg");

    background-size: cover;

    background-position: center;

}



.owl-carousel .owl-item img.img-usp{

    width: 35%;

    margin: 0 auto;

}



.usp{

    position: relative;

}



.usp p{

    font-size: 18px;

    color: black;

    line-height: 1.3;

    font-family: 'Gotham-Bold';

    width: 55%;

    margin: 0 auto;

    text-align: center;

    padding-top: 20px;

}



.get_in_tauch_area{

/*     background-image: url("../img/q2/registerbg.jpg");

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: top; */

    background-color: transparent !important;

}



.border-reg{

    position: absolute;

    width: 74%;

}



.comehome-img{

    width: 70%;

}



.hoc-cb-img{

    width: 80%;

}



.hoc-reg-img{

    width: 60%;

}



.projects_area .section_title h3{

    color: black;

}



.color-q2{

    color: #6A3E3E;

}



.pt-custom{

    padding-top: 165px;

}



.sp-img{

    position: absolute;

    right: 0;

    bottom: -60px;

}



.navbar{

    padding: 0;

}



.navbar-light .navbar-nav .nav-link{

    font-size: 18px;

    font-family: "Gotham-Bold";

    color: #000;

}



.navbar-brand.font-tertiary.h3{

    position: absolute;

    padding: 15px 30px;

}



.nav-item{

    margin-right: 30px;

}



.nav-item.last-menu{

    margin-right: 0;

    padding: 0px 30px;

    background-color: #d0021b;

    border-radius: 10px;

    border: 1px solid #d0021b;

}



.listing-header{

    padding: 80px 0;

    background-image: url("../img/q2/project_desktop.jpg");

    background-size: cover;

    background-position: center;

}



.btn-show{

    font-size: 18px;

    font-family: "Gotham-Bold";

    color: #d0021b;

    padding-bottom: 6px;

    border-bottom: 3px solid #979797;

}



.btn-show:hover, .btn-show:focus{

    text-decoration: none;

    outline: 0;

    color: #000;

    border-bottom: 3px solid #d0021b;

}



.full-loader{

    width: 100%;

    height: 100vh;

    display: flex;

}



.page-item.active .page-link {

    z-index: 1;

    color: #fff;

    background-color: #d0021b;

    border-color: #d0021b;

}



.page-link{

    color: #d0021b;

    font-size: 18px;

}



.headline-listing{

    font-family: "Gotham-Medium";

}



.owl-carousel .owl-nav div{

    background-color: #d0021b;

    border: 1px solid #d0021b;

}



.owl-carousel:hover .owl-nav div:hover, .owl-carousel .owl-nav div:hover, .owl-carousel .owl-nav div:focus{

    background-color: #fff;

    color: #d0021b;

    border: 1px solid #d0021b;

}

/*:>*/

#hero_banner{

    background-image: url(../Assets/Hero_desktop2.jpg);

    position:relative;

    z-index:0;

    height:110vh;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

    display: flex;

    /* justify-content: center; */

    align-items: center;

    flex-direction: column;

}

/* #hero_banner .container{

    max-width: 89% !important;

} */

.projects_area {

    padding-bottom: 60px !important;

    padding-top: 0px;

}

.row.price-details{

    position: relative;

    margin: 20px 0;

}

.line-center{

    border-left: 2px solid #d7d7d7;

    height: 101%;

    position: absolute;

    left: 50%;

    margin-left: -3px;

    bottom: -2px;

    background: #d7d7d7;

}

.line-top{

    position: absolute;

    width: 106%;

    height: 2px;

    content: "";

    left: -3%;

    top: -5%;

    border: 1px solid #d7d7d7;

    outline: 0;

    background: #d7d7d7;

}

.line-bottom{

    position: absolute;

    width: 106%;

    height: 2px;

    content: "";

    left: -3%;

    bottom: -5%;

    border: 1px solid #d7d7d7;

    outline: 0;

    background: #d7d7d7;

}

.projects_moreinfo img{

    width: 20px;

}

.text-black{

    color: black;

    font-family: 'Gotham-Book';

}

#info{

    background-image: url(../Assets/bg-mobile.jpg);

    position:relative;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

}

#register{

    background-color: rgb(245 243 243);

}

.submit_form{

    font-size: 20px;

    color: #fff!important;

    position: relative;

    z-index: 0;

    padding: 12px 15px;

    margin-right: 0;

    font-family: Gotham-Bold;

    background: #d0021b;

    border: 1px solid #d0021b;

    cursor: pointer;

    display: block;

    width: 37%;

    text-align: center;

    border-radius: 10px;

    margin: 0 auto;

}



.submit_form:focus,.submit_form:hover{

    color:#d0021b!important;

    background:#fff;

    border:1px solid #d0021b;

}

.section_title h3{

    color: black !important;

}



#floorplan{

    background-color: rgb(245 243 243);

    margin-top: -80px;

    

}

.floor_plan  h3{

    font-family: 'Gotham-Bold';

    margin-bottom: 20px;

}

.floor_plan p{

    font-family: 'Gotham-Book';

    margin-bottom: 0px;

}

/* .floor_plan{

    padding: 100px 0 0;

    position: relative;

    margin-top: -150px;

} */

.swiper2 .swiper-slide{

    background-color: white !important;

}

.swiper1 .swiper-slide{

    background-color: white !important;

/*     height: 95vh; */

}

/* .slide-box{

    padding-top: 50px;

} */

.img-box img{

    width: 60%;

    padding-top: 20px;

    max-height: 800px;

    object-fit: contain;

}

.type-fp{

    color: #4c4c4c;

    background: #d2bdbd;

    width: 35%;

    padding: 7px 10px;

    text-align: center;

    border-radius: 5px;

    margin: 0 auto 20px;

}

.text-box .mini_icon{

    margin-right: 20px;

}

.swiper-button-prev{

    color: #d0021b !important;

    background-color: white!important;

    border: 1px solid #d0021b;

    border-radius: 50% !important;

    width: 40px !important;

    height: 40px !important;

    font-size: 10px !important;

    left: -1% !important;

    top: 55% !important;

    position: absolute;

}

.swiper-button-next{

    color: #d0021b !important;

    background-color: white!important;

    border: 1px solid #d0021b;

    border-radius: 50% !important;

    width: 40px !important;

    height: 40px !important;

    font-size: 10px !important;

    right: -1% !important;

    top: 55% !important;

    position: absolute;

}

.swiper-button-next:after, .swiper-button-prev:after {

    font-size: 16px !important;

}

.thankyou_text{

    text-align: left !important;

    margin-top: 70px;

}

.thankyou_text h1{

    margin-bottom: 0px;

}

.swiper-pagination{

    right: 50% !important;

    padding: 20px 0 !important;

    display: none;

}

.swiper-pagination-bullet {

    margin: 0 4px !important;

    background-color: #7d2323 !important;

}

.hero-title{

    text-align: inherit;

}

.hero-title h1{

    color: white !important;

    font-size: 80px;

    font-family:'Gotham-Bold' ;

}

.hero-title h3{

    color: white !important;

    font-size: 30px;

    font-family: 'Gotham-Medium';

    padding: 20px 0;

    border: 2px solid white;

    border-radius: 25px;

    padding: 5px 15px;

    width: fit-content;

}

.hero-title span{

    font-size: 20px;

    margin-right: 10px;

}

.owl-carousel {

    padding: 50px 0px !important;

}

.get_in_tauch_area {

    padding: 0px !important;

}

.footer-top .container_80, .footer-bottom .container_80{

    padding: 0px;

}

.left-arro {

    width: 28px;

    margin-right: 3px;

    -ms-transform: rotate(180deg);

    transform: rotate(

180deg

);

    cursor: pointer;

}

.projects_moreinfo-variant{

    cursor: pointer;

}

.section_title p {

    padding-top: 10px;

    font-size: 20px;

}

.slide-box.centura-box{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.slide-box.centura-box .type-fp{

    width: 100%;

}

.centura-img{

    max-width: 50%;

}

.nav-item.last-menu:hover {

    border: 1px solid #d0021b;

    background: #fff;

}

.nav-link.text-white.font-bold:hover{

    color: #d0021b !important;

}





.modal-dialog.modal-dialog-slideout {

    margin: auto !important;

    margin-left: auto !important;

    box-shadow: 0px 0px 20px 0px #0000004d;

    min-height: 90%;

    margin-top: 25px !important; 

}



.modal { 

    background: #0000004d;

}



.modal-dialog-slideout .get_in_tauch_area {

    padding-bottom: 0 !important; 

}



.modal-dialog-slideout .close {  

    z-index: 999;

    top: -35px;

}



.modal-dialog-slideout .get_in_tauch_area .touch_form .single_input input, 

.modal-dialog-slideout .get_in_tauch_area .touch_form .single_input select, 

.modal-dialog-slideout .get_in_tauch_area .touch_form .single_input textarea {

    width: 100%;

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 1px solid #999;

    height: 60px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 0;

    padding: 20px 0;

    margin-bottom: 25px;

    font-family: Gotham-Medium;

    font-size: 16px;

    color: #000;

    font-weight: 400;

    background-color: white;

}

.fpmodal .modal-dialog{

    max-width: 100% !important;

    width: 60% !important;

}

.fpmodal .modal-dialog .close {

    font-size: 2.5rem;

    color: #000;

    opacity: 1;

}

.float-button{

    padding: 10px;

    color: white !important;

    background-color: #d0021b;

    border-radius: 8px;

    font-family: 'Gotham-Bold';

}