body{ background-color:#fff; }


/* General */
.mTop60{ margin-top:60px; }
.mTop20{ margin-top:20px; }
.padding0{ padding:0px; }
.dNone{ display:none; }
.dBlock{ display:block; }
.colorOrange{ color:#fa7a44; }

/* Header */
header{ width:100%; float:left; position:absolute; top:25px; left:0; z-index:99; transition:background-color 0.5s; }

.sabit{ background-color:#fff; position:fixed; top:0px; box-shadow:0px 0px 24px 0px #bebcb8; padding:20px 0px; }
.sabit .mainMenu ul li a{ color:#484848; }

.logo{ float:left; }
.mainMenu{ float:right; }
.mainMenu ul{ margin:20px 0px 0px 0px; padding:0px; list-style-type:none; }
.mainMenu ul li{ float:left; margin:0px 15px; }
.mainMenu ul li:first-child{ margin-left:0px; }
.mainMenu ul li:last-child{ margin-right:0px; }
.mainMenu ul li a{ color:#fff; text-decoration:none; }
.mainMenu ul li i{ font-size:12px; }

.mainMenu .second{ visibility:hidden; margin:24px 0px; padding:10px 20px; list-style-type:none; position:absolute; width:260px; background-color:#fff; border-radius:4px; opacity:0; transition: visibility 0s, opacity 0.9s; box-shadow:0px 0px 10px 0px #bebcb8; }
.mainMenu .second li{ width:100%; border-bottom:1px solid #dedede; margin:0px; padding:10px 0px; }
.mainMenu .second li a{ color:#484848; text-decoration:none; transition:padding-left 0.5s, color 0.5s; }
.mainMenu .second li a:hover{ padding-left:10px; color:#fd7e14; }
.upper{ color:#fff; font-size:52px !important; position:absolute; top:-34px; left:10px; line-height:0px; width:100%; }
.mainMenu ul li:hover .second{ visibility:visible; opacity:1; }
.mainMenu .second i{ float:right; line-height:24px;}

.mainMenu .third{ visibility:hidden; margin:-44px 0px 0px 220px; padding:10px 20px; list-style-type:none; position:absolute; width:260px; background-color:#fff; border-radius:4px; opacity:0; transition: visibility 0s, opacity 0.9s; box-shadow:0px 0px 10px 0px #bebcb8; }
.mainMenu .second li:hover .third{ visibility:visible; opacity:1; }

.mobileHeader{ display:none; width:100%; position:absolute; top:0; left:0; background-color:#fff; padding:10px; }
.mobileHeader .mobileLogo{ width:70%; float:left; }
.mobileHeader .mobileMenu{ max-width:25%; float:right; }
.mobileHeader .mobileMenu i{ font-size:40px; color:#212529; }

/* Slider */
.slider{ width:100%; min-height:860px; float:left; background-image:url(../img/homeSliderBg.jpg); background-size:cover; background-position:top center; }
.slider:before{ content:""; background-color:rgb(24, 38, 78); opacity:0.6; position:absolute; width: 100%; height:100%; }
.sliderContent{ position:relative; color:#fff; margin-top:278px; }
.sliderContent h1{ font-size:52px; }

.sliderType{ background-color:rgba(255, 255, 255, 0.3); border-radius:3px; text-align:center; }
.sliderType i{ font-size:40px; }
.sliderType a{ float:left; width:100%; height:100%; color:#fff; text-decoration:none; transition:color 0.5s; }
.sliderType a:hover{ color:#fa7b42; }

.mainSearch{ width:90%; float:right; background-color:#fff; padding:20px; border-radius:8px; box-shadow:0px 0px 0px 10px #ffffff8c; }
.mainSearch ul{ margin:0px; padding:0px; list-style-type:none; }
.mainSearch ul li{ width:100%; float:left; }
.mainSearch select{ font-weight:600; }
.mainSearch .button{ width:100%; padding:10px 0px; text-align:center; border-radius:6px; background-color:#fa7b41; color:#fff; font-weight:600; }

/* Main Cities */
.mainCities{ width:100%; float:left; text-align:center; }
.mainCities .wrapper{ width:100%; height:350px; float:left; position:relative; border-radius:8px; overflow:hidden; }
.mainCities img{ width:100%; transition: width 1s; }
.mainCities a, .mainCities a:hover{ color:#636363; }
.mainCities .wrapper:hover img{ width:105%; }
.mainCities .title{ border-radius:10px; background-color:#fff; font-weight:600; position:absolute; bottom:20px; left:20px; padding:6px 18px; box-shadow:0px 0px 0px 4px #ffffff8c; }
.mainCities .calc{ position:absolute; bottom:20px; right:20px; color:#fff; }
.mainCities .overlay {
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.01)), color-stop(100%, rgba(29,41,62,1)));
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,1) 100%);
    background: -o-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,1) 100%);
    background: -ms-linear-gradient(270deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0.01) 0%, rgba(29,41,62,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1d293e',GradientType=0 );
    position:absolute;
    bottom:0;
    left:0;
    height:260px;
    width:100%;
}
.onlineProperty{ background-image:url(../img/onlineProperty.jpg); height:455px; color:#fff; text-align:left; border-radius:8px; padding:20px; }
.onlinePropertyTitle{ max-width:500px; border-radius:10px; background-color:#fff; font-weight:600; position:absolute; top:120px; left:20px; padding:6px 18px; box-shadow:0px 0px 0px 4px #ffffff8c; text-align:center; }
.onlinePropertyTitle h3{ color:#212529; }
.onlineProperty .girl{ position:absolute; bottom:0px; right:10px; max-width:400px; }

/* Main Featured Properties */
.mainProperties{ width:100%; float:left; text-align:center; background-image:url(../img/featuredProperties.png); background-size:cover; padding-bottom:80px; }
.mainProperties img{ max-width:100%; height:300px; }
.mainProperties .card{ transition: box-shadow 0.5s; }
.mainProperties .card:hover{ box-shadow:0px 0px 24px 0px #bebcb8; }
.mainProperties ul{ margin:0px; padding:0px; list-style-type:none; }
.mainProperties ul li{ float:left; }
.mainProperties .price{ float:right; padding-top:12px;}
.mainProperties .card-body a, .mainProperties .card-body a:hover { color:#212529; text-decoration:none; }

/* Main Choose Us */
.mainChooseUs{ width:100%; float:left; text-align:center; padding-bottom:80px; }
.mainChooseUs .rounded{ width:130px; height:130px; border-radius:50% !important; background-color:#f7f7f7; line-height:130px; margin:0 auto; transition: background-color 0.5s; }
.mainChooseUs i{ color: #ff5a5f; font-size:58px; line-height: 130px; transition: color 0.5s; }
.mainChooseUs .card{ transition: box-shadow 0.5s; }
.mainChooseUs .card-footer{ border:0px; background-color:transparent; transition: background-color 0.5s; }
.mainChooseUs .col:hover .card{ box-shadow:0px 0px 24px 0px #bebcb8; }
.mainChooseUs .col:hover .rounded{ background-color:#ff5a5f; }
.mainChooseUs .col:hover i{ color:#fff; }
.mainChooseUs .col:hover .card-footer{ background-color:#ff5a5f; }

/* Main Blog */
.mainBlog{ width:100%; float:left; text-align:center; padding-bottom:80px; background-image:url(../img/2.png); background-size:cover; }
.mainBlog .card{ transition: box-shadow 0.5s; }
.mainBlog .card-body a, .mainBlog .card-body a:hover { color:#212529; text-decoration:none; }
.mainBlog .card:hover{ box-shadow:0px 0px 24px 0px #bebcb8; }
.mainBlog img{ max-width:100%; height:300px; }
.mainBlogButton{ border-radius:8px; border:0px; background-color:#fa7a44; color:#fff; padding:10px; width:200px; height:60px; font-weight:600; transition: background-color 0.5s; }

/* Main About */
.mainAbout{ width:100%; float:left; text-align:center; padding-bottom:80px; }
.mainAbout img{ max-width:100%; }

/* Main Contact Bar */
.mainContact{ width:100%; float:left; background-image: -webkit-linear-gradient( 0deg, rgb(250,124,65) 0%, rgb(255,101,101) 100%); color:#fff; }
.mainContact button{ border-radius:8px; border:0px; background-color: #fff; color:#fa7a44; padding:10px; width:200px; height:60px; font-weight:600; float:right; transition: background-color 0.5s; }
.mainContact button:hover{ background-color:#fa7a44; color:#fff; border:1px solid #fff; }

/* Footer */
footer{ width:100%; float:left; background-color:#232733; color:#98a2aa; font-size:14px; }
footer h5{ color:#fff; margin-bottom:20px; }
footer img{ max-width:70%; }
footer ul{ margin:0px; padding:0px; list-style-type:none; }
footer ul li{ width:100%; float:left; margin-bottom:10px; }
footer a{ color:#98a2aa; text-decoration:none; transition:margin-left 0.5s; }
footer a:hover{ color:#fff; margin-left:10px; transition:margin-left 0.5s; }
.footerTopWrapper{ width:100%; float:left; }
.footerEndWrapper{ width:100%; float:left; border-top:1px solid rgba(255,255,255, 0.102); }

/* Fixed Language */
.fixLang{ width:50px; position:fixed; top:30%; right:0px; background:#fff; border-radius:10px 0px 0px 10px; padding:6px; z-index:99; border:1px solid #ccc; }
.fixLang ul{ margin:0px; padding:0px; list-style-type:none; }
.fixLang ul li{ width:100%; float:left; margin:4px 0px; text-align:center; }
.fixLang img{ width:100%; }

/* Mobile Menu */
.nav-drill { margin-top:0px; transform: translateX(-100%); }
.nav-is-toggled .nav-drill { transform: translateX(0); }
.nav-is-toggled::after { opacity: 1; visibility: visible; }
.nav-drill { display: flex; position: fixed; z-index: 100; top: 0; left: 0; width: 80%; height: 100vh; background-color: #f7f7f7; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition: 0.45s; }
.nav-items { margin:0px; padding:0px; list-style-type:none; width:100%; }
.nav-link { display: block; padding: 0.875em 1em; color: #484848; font-size: 1rem; line-height: 1.5em; font-weight: 600; width:100%; border-bottom:solid 1px #daf9f4; }
.nav-link i{ float:right; }
.nav-expand-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(100%); background-color: #f7f7f7; transition: 0.3s; visibility: hidden; }
.nav-expand-content .nav-link { background-color: #daf9f4; }
.nav-expand-content .nav-back-link { display: flex; align-items: center; background-color: #20b49c !important; color: #fff; }
.nav-expand-content .nav-back-link::before { margin-right: 0.5em; font-family: 'Material Icons'; }
.nav-expand-link { display: flex; justify-content: space-between; }
.nav-expand-link::after { content: 'chevron_right'; flex: 0 1 auto; font-family: 'Material Icons'; }
.nav-expand.active > .nav-expand-content { transform: translateX(0); visibility: visible; }
.nav-expand .nav-expand-content { background-color: #f7f7f7; }
.nav-expand .nav-expand-content .nav-link { background-color: #f7f7f7; }
.nav-expand .nav-expand-content .nav-expand-content { background-color: #f7f7f7; }
.nav-expand .nav-expand-content .nav-expand-content .nav-link { background-color: #f7f7f7; }
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content { background-color: #f7f7f7; }
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color: #f7f7f7; }
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content { background-color: #f7f7f7; }
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color: #f7f7f7; }
.mobileFlagHeader{ width:100%; float:left; text-align:center; margin-top:20px; }
.mobileFlagIcon{ max-width:100%; }

/* About Page */
.aboutPageSlider{ width:100%; min-height:440px; float:left; background-image: url(../img/about-us.jpg); background-size:cover; margin:80px 0px; position:relative; }
.aboutPageSlider::before{ background-color: rgb(29, 41, 62); bottom: 0; content: ""; left: 0; opacity: 0.6; position: absolute; right: 0; top: 0; }
.aboutPageContent{ width:100%; float:left; }
.aboutPageContent img{ max-width:100%; }
.aboutPageContent h1{ font-size:26px; color:#484848; margin-bottom:20px; }
.aboutPageContent p{ margin-bottom:24px; }
.aboutPageSlider .container{ margin-top:180px; color:#fff; position:relative; }
.breadcrumb-item.active{ color:#fff !important; }
.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:active{ color:#fff !important; text-decoration:none; }
.breadcrumb-item+.breadcrumb-item::before { color:#fff; }
.img-thumbnail:hover{ opacity:0.7; transition: opacity 0.5s; }
/* About Page End */

/* Contact Page */
.contactPageSlider{ width:100%; min-height:440px; float:left; background-image: url(../img/contact-us.jpg); background-size:cover; margin:80px 0px 0px 0px; position:relative; }
.contactPageSlider::before{ background-color: rgb(29, 41, 62); bottom: 0; content: ""; left: 0; opacity: 0.6; position: absolute; right: 0; top: 0; }
.contactPageSlider .container{ margin-top:180px; color:#fff; position:relative; }
.contactPageContent{ width:100%; float:left; background-color:#f7f7f7; }
.contactFormTitle{ width:100%; float:left; }
.contactFormTitle h1, .contactFormTitle h2{ font-size:20px; color:#484848; margin-bottom:20px; }
.contactForm{ width:100%; float:left; background-color:#fff; border-radius:8px; padding:40px; }
.contactForm button{ border-radius:8px; border:0px; background-color:#fa7a44; color:#fff; padding:10px; width:200px; height:60px; font-weight:600; float:right; transition: background-color 0.5s; }
.contactForm button:hover{ opacity:0.8; transition: opacity 0.5s; }
.contactInfo{ width:100%; float:left; background-color:#fff; border-radius:8px; padding:40px; }
.contactInfo ul{ margin:0px; padding:0px; list-style-type:none; }
.contactInfo ul li{ width:100%; float:left; margin-bottom:20px; border-bottom:2px solid #f7f7f7; padding-bottom:6px; }
.contactInfo ul li a{ padding:8px; float:left; font-size:20px; background-color:#f7f7f7; color:#232733; border-radius:4px; margin-top:10px; }
/* Contact Page End */

/* City Page */
.cityPageContent{ width:100%; float:left; margin:80px 0px 0px 0px; background-color:#f7f7f7; color:#777777; }
.cityPageContent h1{ font-size:26px; color:#484848; margin-bottom:20px; }
.cityPageContent .breadcrumb{ margin-top:48px; }
.cityPageContent .breadcrumb-item{ color: #fa7a44 !important; }
.cityPageContent .breadcrumb a{ color:#212529 !important; text-decoration:none; }
.cityPageContent .breadcrumb-item+.breadcrumb-item::before { color:#212529; }
#text{ width:100%; float:left; height:200px; overflow:hidden; transition:height 0.5s; }
#textLink{ width:100%; float:left; margin:20px 0px; }
#textLink a{ float:left; background-color: #fa7a44; color:#fff; padding:10px 20px; border-radius:4px; text-decoration:none; font-weight:600;}
/* City Page End */

/* All Page Property List */
.propertyList{ width:100%; float:left; background-color:#f7f7f7; padding-bottom:60px; }
.propertyList img{ max-width:100%; height:300px; }
.propertyList .card{ transition: box-shadow 0.5s; }
.propertyList .card:hover{ box-shadow:0px 0px 24px 0px #bebcb8; }
.propertyList ul{ margin:0px; padding:0px; list-style-type:none; }
.propertyList ul li{ float:left; }
.propertyList .price{ float:right; padding-top:12px;}
.propertyList .card-body a, .mainProperties .card-body a:hover { color:#212529; text-decoration:none; }
.propertyList .col-md-9{ padding-bottom:20px; }
/* All Page Property List End */

/* Property Page */
.propertyPageContent{ width:100%; float:left; background-color:#f7f7f7; padding-bottom:60px; }
.propertyPagePrice{ float:left; background-color: #fa7a44; color:#fff; padding:10px 20px; border-radius:4px; text-decoration:none; font-weight:600; font-size:20px; }
.propertyPageContent img{ max-width:100%; }
.propertyPageContent .card .badge{ padding:10px 14px; font-size:16px; font-weight:400; }
.propertyPageContent .card .badge i{ font-size:20px; font-weight:400; }
.features{ margin:0px; padding:0px; list-style-type:none; }
.features li{ width:30%; float:left; margin:10px 1%; font-weight:600; }
.features li i{ font-weight:600; color:#fa7a44; }
/* Property Page End */

/* Guide Page */
.guidePageContent{ width:100%; float:left; background-color:#f7f7f7; padding-bottom:60px; }
.guidePageContent .image{ width:100%; float:left; }
.guidePageContent img{ width:100%; }

/* Guide Page End */

/* Aside */
.asideCategories{ font-weight:600; width:100%; float:left; }
.asideCategories a{ color:#212529; text-decoration:none; }
.asideCategories a:hover{ color:#fa7a44; transition: color 0.5s; }


.asideContact{ width:100%; float:left; position:relative; }
.asideContact img{ border-radius:8px; }
.asideContact .title{ position:absolute; width:80%; top:140px; left:10%; color:#fff; text-align:center; border-bottom:1px solid #ccc; }
.asideContact .title h3{ font-size:26px; }
.asideContact .phone{ position:absolute; width:80%; top:200px; left:10%; color:#fff; text-align:center; }
.asideContact .phone a{ color:#fff; }

.asideForm{ width:100%; float:left; }
.asideForm .card-header{ background-image: -webkit-linear-gradient( 0deg, rgb(250,124,65) 0%, rgb(255,101,101) 100%); font-weight:600; text-align:left; position:relative;  }
.asideForm .title{ width:70%; float:left; font-size:20px; }
.asideForm .callCenter{ width:30%; float:right; }
.asideForm .callCenter img{ height:auto; }
/* Aside End */

.whatsapp{ position:fixed; bottom:10px; right:10px; }

/* Responsive */
@media only screen and (min-width: 300px) and (max-width: 1000px) {
    .mainMenu{ display:none; }
     header{ display:none; }
    .mobileHeader{ display:block; }
    .fixLang{ display:none; }
    .sliderContent{ margin-top:100px; }
    .sliderContent h1{ font-size:30px; }
    .mainSearch{ margin:40px 2%; width:96%; }
    .imgH200{ width:200% !important; }
    .mainCities .col-md-4, .mainCities .col-md-8{ margin:10px 0px !important; }
    .mainCities .overlay{ height:130px; }
    .mainContact .col-md-8{ text-align:center; }
    .mainContact button{ width:90%; margin:0px 5%; }
    .footerTopWrapper .col-md-3{ padding:10px !important; }
    .footerEndWrapper .col-md-6{ text-align:center !important; padding:10px; }
    .contactForm{ padding:20px; }
    .contactForm button{ width:90%; margin:0px 5%; }
    .features li{ width:40%; margin:10px 5%; }
    .mainBlog img{ height:auto; }
    .mainProperties img{ height:auto; }
    .propertyList img{ height:auto; }
    .onlinePropertyTitle{ width:90%; top:20px; left:5%; }
    .onlinePropertyTitle h3{ font-size:20px; }
}