.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}
.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: 35%;
    text-align: center;
    margin: 0 auto;
}
.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;
    width: 35%;
    text-align: center;
    margin: 0 auto;
}
.projects_moreinfo{font-size:16px;color:#d0021b;position:relative;z-index:0;padding:10px 30px;margin-right:0;font-family:Gotham-Bold;background:#fff;border:1px solid #d0021b;text-transform:uppercase;width:85%;margin-top:20px}
.projects_moreinfo:focus,.projects_moreinfo:hover{font-size:16px;color:#fff;position:relative;z-index:0;padding:10px 30px;margin-right:0;font-family:Gotham-Bold;background:#d0021b;border:1px solid #d0021b;text-transform:uppercase;width:85%;margin-top:20px}
.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: #EEEEEE;
}
.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:#222!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 !important}
.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-Medium;color:#4a4a4a;margin-bottom:5px}
.panel_content p strong{font-family:Gotham-Bold;font-size:18px}
.panel_content hr{border-top:2px solid #d7d7d7;width:60%}
.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: 10px auto 15px auto;
    width: 85%;
}
.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: #fff;
    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: #fff;
    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: 75%;
    margin: 0 auto;
}

.usp{
    position: relative;
}

.usp p{
    font-size: 18px;
    color: #fff;
    line-height: 1.3;
    font-family: 'Gotham-Medium';
    width: 60%;
    margin: 0 auto;
    position: absolute;
    top: 65%;
    text-align: center;
    left: 20%;
}

.get_in_tauch_area{
    background-image: url("../img/q2/registerbg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top;
}

.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: #6A3E3E;
}

.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;
    z-index: 5;
    background: #fff;
    padding: 15px 30px;
    top: 0px;
    border-radius: 70px;
}

.nav-item{
    margin-right: 30px;
}

.nav-item.last-menu{
    margin-right: 0;
    padding: 0px 20px;
    background-color: #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;
}

.nav-item span, .nav-item span a {
    display: inline-block;
    font-weight: 400;
}

.language-active {
    font-weight: 900;
    color: #d0021b !important;
}
.modal-dialog.modal-dialog-slideout {
    margin: auto !important;
    margin-left: auto !important;
    box-shadow: 0px 0px 20px 0px #0000004d;
    min-height: 95%;
    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;
}