/**************************************************************************************
Default classes
Copyright  2015  rights reserved
**************************************************************************************/

/* ################################################ */
/* ################# Default Page ################# */
/* ################################################ */





html {
	min-height: 100%;
	height: auto;
	font-family: 'Brown-Regular';
}


body {
	font-size:11px;
	color:#000;
	margin:0;
	padding:0;

}


br {
	line-height:18px;
}


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

div {
	margin:0;
	padding:0;
}

table {
	margin:0;
	padding:0;
}

img {
	margin:0;
	border:0;
}

p {
	margin:0;
	padding:0;
	font-family: 'Brown-Regular';
	font-size: 13px;
}
 
h1, h2, h3, h4, h5, h6 {font-family: 'Tajawal'; margin:0; padding:0}
strong{font-family: 'Tajawal';}

form {
	margin:0;
	padding:0;
}
a{ text-decoration:none; font-family: 'Brown-Regular';}
a:hover{ text-decoration:none; color:#E55A7A}

button:active {
outline: none;
border: none;
}

button:focus {outline:0;}
.clear{ clear:both}
.clear-margin{ clear:both; margin:10px 0}

@font-face {
    font-family: 'Brown-Regular';
    src: url('../webfonts/Brown-Regular.eot');
    src: url('../webfonts/Brown-Regular.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Brown-Regular.woff') format('woff'),
         url('../webfonts/Brown-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BROWN-LIGHT';
    src: url('../webfonts/BROWN-LIGHT.eot');
    src: url('../webfonts/BROWN-LIGHT.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/BROWN-LIGHT.woff') format('woff'),
         url('../webfonts/BROWN-LIGHT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BROWN-BOLD';
    src: url('../webfonts/BROWN-BOLD.eot');
    src: url('../webfonts/BROWN-BOLD.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/BROWN-BOLD.woff') format('woff'),
         url('../webfonts/BROWN-BOLD.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Tajawal ExtraBold'), local('Tajawal-ExtraBold'), url('../webfonts/tajawal-ar.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Tajawal ExtraBold'), local('Tajawal-ExtraBold'), url('../webfonts/tajawal-lat.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* ################################################ */
/* ############### End Default Page ############### */
/* ################################################ */


/* ############### Site Css ############### */

.nav-container{ background: rgba(0, 0, 0, 0.68); border-bottom: 5px solid rgba(255, 255, 255, 0.76); }
.registration{  background-size:cover !important; position:relative; height: 100vh; }
.fullimage{  background-size:cover !important; }
.dec-style{ position:absolute; z-index:1; bottom:0; width:100%}
.form-block{background: rgba(0, 0, 0, 0.56);
    width: 700px;
    position: absolute;
    z-index: 5;
    top: 75px;
    right: 10%;
    padding: 20px;}
.form-block h1{ color:#fff; font-size:18px ;    margin-bottom: 15px;}


.form-block-down {background: rgba(0, 0, 0, 0.46);
    width: 300px;
    
    z-index: 9;
    top: -5px;
    right: 10%;
    padding: 20px;}




.navbar-collapse{ display: flex;
  justify-content: flex-end; }
.validation_error {
    color: #ffffff
}
.nav-link{color: #fff !important;
    font-size: 12px;
	font-family: 'Tajawal';
    line-height: 40px;
    text-transform: uppercase;}

.validation_message {
    color: #F3CC00
}
#input_1_1_6, #input_1_1_3{
    display: inline-block;
    width: 45%;
    
 }
input{
	
	font-size: 14px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    margin-bottom: 10px;
    padding: 7px 27px;
    line-height: 1.1;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	
	} 
#input_1_1_6_container label{ display:none} 
.gfield_label{ color:#fff }
.ginput_container input {
    width: 100%;
    border: 0;
    padding: 8px 10px;
	margin-bottom:0
}

.gform_wrapper {
    text-align: center;
}

.gfield_label {
    margin-top: 8px;
    margin-bottom: 0.1rem;
}

.gfield {
    text-align: left
}

.gform_button {
    margin-top: 14px;
    border: 0;
    background: #fff;
    padding: 10px 15px;
    font-size: 14px;
    cursor: pointer;
}

.gform_button:hover {
    background: #fff;
    color: #000
}
.numbers{ background:#333d4c; padding:25px 0; text-align:center; margin-top:20px }

.welcome { padding:40px 0; text-align:center; color:#000}
.welcome p{}
.welcome h1{font-size: 20px;
    margin-bottom: 15px;}
.owl-nav{
    position: absolute;
    z-index: 2;
    top: 50%;
	margin-top:-100px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    }
.owl-nav span{color:#fff;font-size: 115px;}	
.mostakbal-city{ padding:40px 0}
.content-block h1 {
    font-size: 20px;
    margin-bottom: 15px;
    font-family: 'BROWN-Light';
}
.content-block{display: flex;
  align-items: center;}
 .guide{ position:relative} 
.caption{
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.71);
    width: 30%;
    right: 60%;
    padding: 65px 25px;
    height: 100%;
    font-weight: 700;
    }
.caption h1{font-size: 20px; margin-bottom: 15px;font-family: 'BROWN-LIGHT';}
.caption h1 span{ display:block;  font-family: 'BROWN-BOLD'; }

.caption p{}  


.captionmodified{
    position: relative;
    top: 0;
    padding: 65px 25px;
    height: 100%;
    font-weight: 700;
    }
.captionmodified h1{font-size: 20px; margin-bottom: 15px;font-family: 'BROWN-LIGHT';}
.captionmodified h1 span{ display:block;  font-family: 'BROWN-BOLD'; }

.captionmodified p{}  






.section-content{ padding:30px 0; text-align:center}
.section-content p{}
.section-content h1{font-size: 20px;
    margin-bottom: 15px; text-transform:uppercase;   }
	.location .section-content h1{font-size: 20px;
    margin-bottom: 15px; text-transform:uppercase;    font-family: 'BROWN-light';}

.block-item h2{    font-size: 18px;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-top: 10px;text-transform: uppercase;}

.products{ padding:20px 0 }
.products img{ width:100%}
.block-item{ margin-bottom:20px }	
.location{ padding: 0 0 30px 0}
.location img{ width:100%}
.realestate4c{ padding:60px 0;background: url('../images/footer-background.png') no-repeat top center; background-size:cover; text-align:center; color:#fff}
.realestate4c h1{    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'BROWN-light';}
.realestate4c p{}
.footer{padding:20px 0;background: url('../images/footer-bg.jpg') no-repeat top center; background-size:cover }
.footer p{ color:#fff; margin-top:10px}
.footer p a{ color:#E4BF00 }
.footer-logo{ text-align:right}
.modal-img{ cursor:pointer }
.modal-backdrop.show{ opacity:1 !important}
.modal-content{ border:0 !important }
.modal-body { text-align: center;}
.modal-backdrop{ background:#fff !important}
/* ############### End of Site Css ############## */