	@charset "utf-8";

/* CSS Document */

/* ========== Do Not Touch In Css Strat ========== */

/* ========== Commn Css Strat ========== */







@font-face {

  font-family: 'cera_problack_italic';

  src: url('../fonts/cera_pro_black_italic.woff2') format('woff2'),

       url('../fonts/cera_pro_black_italic.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}

@font-face {

  font-family: 'cera_problack';

  src: url('../fonts/cera_pro_black.woff2') format('woff2'),

       url('../fonts/cera_pro_black.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}



@font-face {

  font-family: 'cera_probold';

  src: url('../fonts/cera_pro_bold.woff2') format('woff2'),

       url('../fonts/cera_pro_bold.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}



@font-face {

  font-family: 'cera_prolight';

  src: url('../fonts/cera_pro_light.woff2') format('woff2'),

       url('../fonts/cera_pro_light.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}

@font-face {

  font-family: 'cera_promedium';

  src: url('../fonts/cera_pro_medium.woff2') format('woff2'),

       url('../fonts/cera_pro_medium.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}



@font-face {

  font-family: 'cera_proitalic';

  src: url('../fonts/cera_pro_regular_italic.woff2') format('woff2'),

       url('../fonts/cera_pro_regular_italic.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}









@font-face {

  font-family: 'lemonmilkregular';

  src: url('../fonts/lemonmilk.woff2') format('woff2'),

       url('../fonts/lemonmilk.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}









@font-face {

  font-family: 'lemonmilkbold';

  src: url('../fonts/lemonmilkbold.woff2') format('woff2'),

       url('../fonts/lemonmilkbold.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}









@font-face {

  font-family: 'lemonmilk_lightregular';

  src: url('../fonts/lemonmilklight.woff2') format('woff2'),

       url('../fonts/lemonmilklight.woff') format('woff');

  font-weight: normal;

  font-style: normal;



}





body{overflow-x: hidden;}

h1{  font-family: 'cera_probold', 'sans-serif'!important;}

h2,h3,h4,h5,p, div, span, input,select,a{

  font-family: 'cera_promedium', 'sans-serif';

}



body{ border-top: 2px solid #fe5900; } 

.info2, .success, .warning2, .failure, .validation2 {

  border: 1px solid;

  margin: 10px 0px;

  padding: 15px 10px 15px 50px;

  background-repeat: no-repeat;

  background-position: 10px center;

}



.info2 {

  color: #00529B;

  background-color: #BDE5F8;

  background-image: url(../../assets/images/info.png);

}



.success {

  color: #4F8A10;

  background-color: #DFF2BF;

  background-image: url(../../assets/images/success.png);

}



.warning2 {

  color: #9F6000;

  background-color: #FEEFB3;

  background-image: url(../../assets/images/warning.png);

}



.failure {

  color: #D8000C;

  background-color: #FFBABA;

  background-image: url(../../assets/images/error.png);

}



p {margin:0px; padding:0px 0px 18px 0px; line-height:20px;}

.floatleft {float:left;}

.floatright {float:right;}

.clear {clear:both;}

.bold {font-weight:bold;}

a {text-decoration:none; color:#fe5900; outline:none;}

a:active, a:focus{ outline:none; text-decoration:none!important; color:#333333;}

a:hover, a.selected {text-decoration:none; color:#333333;}

ul {list-style:none;}

li {list-style:none;}

.nonebox_shadow{box-shadow:0 0px 0px rgba(0, 0, 0, 0.05)!important;}

h1{ font-size:50px; color:#2a007c; font-weight:400; margin-bottom:18px; margin-top:70px; 

    text-align: center;}

h1 span{ color:#000000; font-weight:200;}

h3{ font-size:20px; color:#2a007c; font-weight:400; margin-bottom:18px; margin-top:20px; 

   text-align: center;}

h3 span{ color:#000000; font-weight:200;}

h4{ font-size:18px; color:#2a007c; font-weight:400; margin-bottom:18px; margin-top:20px; 

    }

h4 span{ color:#000000; font-weight:200;}

.textjustify{text-align: justify;}

.textleft{text-align:left;}

.textcenter{text-align:center;}

.textright{text-align:right;}

.floatleft{float: left;}

#loader{z-index:999999;  display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/loader.gif) 50% 50% no-repeat #ffffff; background-size:80px; }

#buttontop {display: inline-block;background-color:#fe5900; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px;

 transition: background-color .3s,   opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;}

#buttontop::after { content: "\f077";

  font-family: FontAwesome;  font-weight: 100;  font-style: normal;  font-size: 15px;  line-height: 50px;  color: #fff;}

#buttontop:hover {  cursor: pointer;  background-color: #333;}

#buttontop:active {  background-color: #555;}

#buttontop.show { opacity: 1; visibility: visible;}

/* ========== Commn Css End ========== */

/* ========== Do Not Touch In Css End ========== */

/* ========== Style Css Strat ========== */

/* ------- Header Area Strat ------- */

.loginpageform h1{font-size:40px;}

header{ margin:2px 0px 15px 0px;  background: #ffffff; min-height:75px;}

.logo {

  display: block; padding-top: 5px;

}

.logo img{ max-width:250px; padding-top: 10px;}

.header_call{ background:url(../images/call.png) left center no-repeat; padding:10px 20px 10px 35px; margin: 0px 20px 0px 0px; font-size:18px; font-weight:500; color:#114478; text-align:right; line-height:16px; font-family: 'Muli', sans-serif; display:inline-block; vertical-align:top;}

img.divider_size{padding:0px 10px; display:inline-block; vertical-align:top;}

/* ------- Header Area End ------- */



/* ------- Navigation Area Strat ------- */

.navigation{ background:#ffffff; margin-top: 10px; padding-left:0px;}

.navbar-nav{ float:none!important;}

.navbar{ margin-bottom:0px!important; min-height:4px!important;}

.navbar-inverse{ background:none!important; border:none!important;

-webkit-border-radius: 0px!important;

-moz-border-radius: 0px!important;

border-radius: 0px!important;}

.navbar-inverse .navbar-nav > li > a{ color:#004059!important; padding:17px 20px 18px 20px;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background-color:#009BD7!important; color:#ffffff!important;}

.navbar-inverse .navbar-nav > li:hover > a{ color:#775900!important; background:#FDBE00;}

.nav > li{font-weight:300; font-size:13px; line-height:14px; color:#775900; text-transform:uppercase;}

.navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:focus, .navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > .active:hover, .navbar-inverse .navbar-nav > .active:focus{ background:none;}

.nav > li:last-child, .nav > li:last-child:hover{}

.navbar-nav > li > a{ display:block; padding:5px 10px;}

.navibgend{ background:#fff; height:55px; position:absolute; right:0px; bottom:20px; z-index:1; width:50%;}

.navigationbg{ position:relative; z-index:3}

/* ------- Navigation Area End ------- */



/* ------- Home Banner Area Strat ------- */

.bannerarea {padding-top:20px;}

.banner_cntimg{ padding:0px 0px;}

.banner_title{font-family: 'Poppins', sans-serif; font-weight:200; font-size:50px; color:#fff; }

.banner_text{font-family: 'Poppins', sans-serif; font-weight:300; font-size:18px; line-height:24px; color:#fff;}



.hm_banner{ position:relative; overflow: hidden;}

.hm_banner .firstselectbanner{background-color:#ffffff; border-radius: 5px 0px 0px 5px; padding: 10px 0px!important;}

.hm_banner .firstselectbanner .form-control{border: none; width: 95%;}

.hm_banner .firstselectbanner select{margin-right:10px;}

.hm_banner .secoundselectbanner{background-color:#ffffff; padding: 10px 0px!important;}

.hm_banner .secoundselectbanner .form-control{border: none; width: 95%;}

.hm_banner .thirdinputbanner{background: #ffffff; padding: 10px 0px!important;}

.hm_banner .thirdinputbanner input[type=text] { width: 100%; padding: 10px 20px; margin: 2px 0; box-sizing: border-box;

  border: none; -webkit-transition: 0.5s; transition: 0.5s; outline: none;}

.hm_banner .thirdinputbanner input[type=text]:focus { border: none;}

.hm_banner .fourthbtnbanner{padding:20px 0px!important; margin-top: 11px;}

.hm_banner .fourthbtnbanner a{background-color:#fe5900; border-radius: 0px; color:#ffffff; font-size:16px; padding:21px 30px 20px 30px; border-radius: 0px 5px 5px 0px;}

.hm_banner .fourthbtnbanner a:hover{background:#2a007c; color:#ffffff; font-weight:normal;}

.hm_banner .bannertextbig h1{font-family: 'lemonmilkbold', sans-serif; color: #ffffff; text-transform: uppercase; text-align: center;}

.hm_banner .bannertextbig h1 span{color: #fe5900; font-weight: 700;}

.inner_banner{ margin-bottom:40px; position:relative; margin: 0px auto; text-align: center;}

.hm_banner .videobanner{

  position:absolute; top:0px; left:0px; width:100%; height:75%; display: flex; flex-direction: column; justify-content: center;

  align-items: center;

}

.inner_banner img{width: 100%;}

@-moz-document url-prefix() {

.banner_title{ top:33%!important;}	

}

/* ------- Home Banner Area End ------- */



/* ------- Inner Banner Area Strat ------- */

/* ------- Inner Banner Area End ------- */



/* ------- Pages Contener Area Strat ------- */

/* ..... Home Page Contener Area Strat ..... */



#priceslider{ padding: 10px 0px 80px 0px; background:url(../images/bg_price_slider.jpg) top center fixed;}

#priceslider h1{font-size:50px; color:#ffffff; font-weight:400; margin:60px 0px 25px 0px; padding: 0px 0px 25px 0px; font-family: 'LEMON MILK', sans-serif; text-align: center; line-height: 20px;}

#priceslider h4{font-size:18px; text-transform: none; color:#ffffff; 

  font-weight:300; margin:20px 0px 45px 0px; padding: 0px 0px 25px 0px;  text-align: center; line-height: 20px;}

#priceslider .searchbutton{display: flex; justify-content: center; margin-top: 50px;}

#priceslider .buttonsearchflex a {background: #ffffff; color: #000; padding: 15px 40px; text-align: center; display: block; font-family: 'Cera Pro', sans-serif; text-transform: uppercase;}

#priceslider a.buttonsearchflex a:hover {background: #2a007c; color: #fff;}

#priceslider .slidecontainer p{text-align: center; color: #fff; font-weight: bold; font-family: 'Cera Pro', sans-serif; 

  font-size: 18px; margin-top: 30px;}



  #priceslider .slidecontainer #myRange{background: #ffffff;}



.propertyspace{margin: 80px 0px;}

.propertyspace h1{ font-size:35px; color:#000000; font-weight:400; margin:0px 0px 50px 0px; font-family: 'lemonmilkregular', sans-serif!important; text-align: center;}

.propertyspace h1 span{ color:#2A007C; font-weight:200; text-decoration: underline; font-family: 'lemonmilkregular', sans-serif!important; font-size: 35px;}

.propertyspace h4{ font-size:20px; color:#2a007c; font-weight:500; margin:20px 0px 10px 0px; 

    text-align: left;}

.propertyspace .mainarea{margin: 10px 0px 20px 0px;}

.propertyspace .imgrounded img{border-radius: 8px; width: 100%; max-height:225px; height: 225px;}

.propertyspace .locationproperty{font-size:15px; padding: 0px 0px 0px 20px; background:url(../images/location_icon_property.jpg) left 3px  no-repeat; color:#5f5e5e; font-weight:400;}

#pontisian_list .propertyspace .imgrounded img{width: 95%;

  border-radius: 50%;

  border: #e1e1e1 5px solid;

  max-width: 100%;

  height: auto;}

/*--------new css-----------*/

.propertyspace .mailproperty{font-size:15px; padding: 0px 0px 0px 20px; background:url(../images/btm_email.png) left 3px  no-repeat; font-family: 'Cera Pro', sans-serif; color:#5f5e5e; font-weight:400;}

.propertyspace .areapartcall{font-weight: 700; font-size:15px; 

  padding: 20px 20px 20px 50px; margin: 20px 0px 30px 0px;  display: flex; flex-direction: row; justify-content: space-between;

  background:url(../images/btm_call.png) 22px 20px  no-repeat #f7f7f7;}

/*-------------------*/



.propertyspace .leftpartproperty{padding: 0px 0px 0px 0px; float: left;}

.propertyspace .rightpartproperty{ display: none; margin-top:20px; padding: 0px 20px 0px 20px; float: right; border-left: 1px solid #969696;}

.propertyspace .rightpartproperty .thumbsupcount{font-family: 'Raleway', sans-serif; font-size: 15px; margin-top:2px; padding: 2px 0px 0px 0px; text-align: center;}

.propertyspace .areapart{background-color:#f7f7f7; padding: 25px 20px; margin: 20px 0px 0px 0px;}



.propertyspace .areapart ul li{ float: left; padding-right: 25px; font-weight: 200; color: #5f5e5e; font-size:15px; font-family: 'Cera Pro', sans-serif;}

.propertyspace .areapart ul li .titleproperty{color:#373737; font-weight: 500; display: block; padding-bottom:15px ;}



.propertyspace .transportation{background-color:#f1f1f1; padding: 15px 20px; margin:0px;}

.propertyspace .transportation .partleft{float: left; padding-right: 25px; padding-top: 5px; font-weight: 300; 

  color: #1b1b1b; font-size:14px;  }

.propertyspace .transportation .partright{float: right;}

.propertyspace .transportation .partright ul li{float: left; padding: 0px 10px;}



.propertyspace .viewallbutton{display: flex; justify-content: center; margin-top: 50px;}

.propertyspace .buttonflex {background: #fe5900; color: #fff; padding: 20px 40px; text-align: center; display: block;}

.propertyspace .buttonflex:hover {background: #2a007c; color: #fff;}

.propertyspace .buttonflex a {color: #fff;  text-transform: uppercase; font-size: 15px;}



.careersubmit {background: #fe5900;

    color: #fff;

    padding: 20px 40px;

    text-align: center;

    display: block;

    font-size: 16px;

    font-weight: 400;

	transition: all 0.5s;

}



.form-submit input:hover {

    background: #2a007c;

    color: #fff;

}



#pontisians {margin: 100px 0px 0px;}

#pontisians h1{font-size: 35px;

    color: #000000;

    font-weight: 400;

    margin: 0px 0px 50px 0px;

    font-family: 'lemonmilkregular', sans-serif!important;

    text-align: center;}



#pontisians .middle { transition: .5s ease; opacity: 0; position: relative; top: 50%; left: 48%;

  transform: translate(-50%, -110%); -ms-transform: translate(-50%, -110%); text-align: center;}

#pontisians .container1:hover .image {opacity: 0.3;}

#pontisians .container1:hover .middle { opacity: 1;}

#pontisians .container1  .middle  a{margin: 0px 5px;

  padding: 8px 4px; display: flex; flex-direction: row; justify-content: center; align-items: center;}

#pontisians .text {background-color: #fe5900; width: 120px; margin:0px auto; color: white; font-size: 16px; padding:3px 10px; 

  border-radius: 5px; display: flex; flex-direction: row; justify-content: center; align-items: center;}

#pontisians .pontisiansimg{padding-bottom: 30px; position: relative;}

#pontisians .pontisiansimg img{border-radius:5px;}

#pontisians .pontisiansimg .cntimg{ width: 100%;}

#pontisians .pontisiansimg .cntimg img{ width: 95%; border-radius: 50%;

  border: #e1e1e1 5px solid;

  max-width: 100%;

  height: auto;}

#pontisians .pontisiansimg  .text-center{ display: flex; flex-direction: row; justify-content: center; align-items: center;}



#pontisians .pontisiansname{font-size:18px; color:#fe5900; 

  font-weight:400; margin:0px 0px 0px 0px; padding: 0px 0px 10px 0px; 

  text-align: center;}

#pontisians .pontisianslocation{font-size:13px; color:#000000; font-weight:400; padding: 0px 0px 0px 10px;

   text-align: center;}

#pontisians .search-container{display: block; margin: 0 auto; text-align: center;}

#pontisians .ormiddle{font-size:18px; color:#000000; font-weight:700; margin:50px 0px 20px 0px;

  text-align: center;}

#pontisians .nopad{ padding:0px!important;}

#pontisians input#search-bar{  margin: 0 auto;  width: 100%;  height: 55px;  padding: 0 20px;  font-size: 1rem; border-radius:5px 0px 0px 5px ; 

  border: 1px solid #D0CFCE;  outline: none;

 

 }



 #pontisians input#search-bar:focus{border: 1px solid #008ABF; transition: 0.35s ease; color: #008ABF; }

  #pontisians input#search-bar::-webkit-input-placeholder{  transition: opacity 0.45s ease; opacity: 0; }

  #pontisians input#search-bar::-moz-placeholder { transition: opacity 0.45s ease; opacity: 0}

  #pontisians input#search-bar:-ms-placeholder { transition: opacity 0.45s ease; opacity: 0;}    



 #pontisians .search-container a{border-radius:0px 5px 5px 0px; padding: 20px 40px; color: #ffffff; float: left; background-color: #fe5900; }

 #pontisians .search-container a:hover{ color: #fff; background-color: #2a007c; }

 #pontisians .search-icon{ position: relative; float: right; width: 75px; height: 75px; top: -62px; right: -45px;}







.blogsnupdates{ padding: 10px 0px 50px 0px; background:#f1f1f1;}

.blogsnupdates h1{font-size:50px; color:#2a007c; font-weight:600; margin:60px 0px 15px 0px; padding: 0px 0px 25px 0px; font-family: 'lemonmilkbold', sans-serif; text-align: center;}

.blogsnupdates h1 span{color:#000000; font-weight: 300;}

.blogsnupdates h4{font-size:20px; color:#2a007c; font-weight:400; margin:20px 0px 2px 0px; 

  padding: 0px 0px 3px 0px; 

   text-align: left; line-height: 25px;}

.blogsnupdates h4 span{font-size:11px; color:#000000; font-weight: 300;}

.blogsnupdates .smalltext{font-size:11px; color:#7a7a7a; font-weight:200; padding: 0px 0px 10px 0px; font-family: 'Cera Pro', sans-serif; text-align: left; line-height: 25px;}

.blogsnupdates .smalltext span{font-size:11px; color:#000000; font-weight: 500;}





.testimonials{ padding: 20px 0px 90px 0px; background:#ffffff;}

.testimonials h1{font-size: 35px;

    color: #000000;

    font-weight: 400;

    margin: 0px 0px 50px 0px;

    font-family: 'lemonmilkregular', sans-serif!important;

    text-align: center;}

.testimonials h1 span{color:#000000; font-weight: 300; text-transform: uppercase; font-family: 'lemonmilkregular', sans-serif!important;}

.testimonials .testimonailsimg{ text-align: center;}

.testimonials .testimonailsimg img{ border-radius: 100px; border: #e1e1e1 5px solid; max-width: 100%; height: auto;}

.testimonials .maintexttestimonials{font-size:22px; color:#676767; font-weight:200; 

  font-style: italic; margin:0px 0px 2px 0px; padding: 0px 0px 3px 0px; 

   text-align: left; line-height: 30px;}

.testimonials .smalltext{font-size:15px; color:#202020; font-weight:400; padding: 20px 0px 10px 0px; 

   text-align: center; line-height: 20px; display: block;}

.textimoniquote img{float: right;}



.newsletter{background:#fe5900;  padding:30px 0px;}

.newsletter h1{font-family: 'lemonmilkregular', sans-serif;  font-size: 26px; font-weight: 400; color: #ffffff; padding: 0px; margin: 0px 0px 15px;}

.newsletter h2{font-family: 'Poppins', sans-serif; text-transform: none; font-size: 11px; font-weight: 400; color: #ffffff; padding: 0px 0px 10px 0px;}

.newsletter .search-container{width: 60%; display: block; margin: 0 auto;}

.newsletter input#search-bar{  margin: 20px auto 0px auto;  width: 100%;  height: 45px;  padding: 0 20px;  

  font-size: 1rem; border-radius: 10px;

  border: 1px solid #000000;  outline: none; 

 }



 .newsletter input#search-bar:focus{    border: 1px solid #008ABF;    transition: 0.35s ease;    color: #008ABF;}

 .newsletter input#search-bar::-webkit-input-placeholder{

  transition: opacity 0.45s ease;   	  opacity: 0; }

 .newsletter input#search-bar::-moz-placeholder { transition: opacity 0.45s ease; opacity: 0   }

 .newsletter input#search-bar:-ms-placeholder {     transition: opacity 0.45s ease;   	 opacity: 0;     }    

 

 

.newsletter .search-icon{ position: relative; float: right; width: 26px; height: 26px; top: -37px; right: 2%;}





.hiringnetc{background:url(../images/bg_hiringnetc.jpg) top center repeat-y #f8f8f8; padding: 60px 0px 60px 0px;}

.hiringnetc .hiring{ text-align: center;   font-size: 25px; color: #292929;}

.hiringnetc .joinfamily{padding: 0px 80px;}

.hiringnetc h3{   font-size: 25px; color: #292929; padding: 0px 0px 20px 0px;}

.hiringnetc p{   font-size: 15px; color: #292929; line-height: 25px; font-weight: 200;}



.pontisgreen{padding: 25px 0px 60px 0px; margin: 50px 0px 20px 0px;} 

.pontisgreen h2{ font-size: 25px; color: #2a007c; padding: 0px 0px 10px 0px;} 

.pontisgreen .smalltextgreen{ font-size: 14px; color: #010101; padding: 0px 0px 10px 0px;} 

.pontisgreen .pontisgreenimg{text-align: center;}

.pontisgreen .pontisgreenimg img{width: 100%;}

.pontisgreen p{  font-size: 16px; font-weight: 200; color: #6e6e6e; line-height: 25px; padding: 0px 0px 10px 0px;} 

.pontisgreen a{  font-size: 14px; color: #2a007c; text-decoration: underline;}

.pontisgreen a:hover{color: #000000;}



/* ..... Inner Page Contener Area End ..... */

/* ------- Pages Contener Area End ------- */



/* ------- Footer Area Strat ------- */

/* ------- Footer Area Strat ------- */

footer{ background:#2a007c; padding:50px 0px 50px 0px; color:#444444; font-family: 'Poppins', sans-serif;}

footer h3{   font-size:18px; color:#ffffff; font-weight:300; margin-bottom:25px;}

footer .linksbottom{padding-left: 0px!important;}

footer ul li{padding:0px 0px 10px 0px;}

footer a{   font-size:16px; color:#fdfaf5!important; font-weight:200;  font-family: 'cera_promedium', sans-serif;  }

footer a:hover{ color:#fe5900;}

footer .footercontact h3{color:#dd4210; margin:0px 0px 10px; padding:0px; text-align: left;}

/*footer .footercontact li a{font-weight: bold;}*/

.connect{ text-align: left; color: #FFFFFF; font-size: 18px; font-family: 'Poppins', sans-serif; margin: 0px auto 20px auto; padding: 0px 0px 0px 0px; }

.connect ul{ text-align:center; margin:0px auto; }

.connect ul li{ float: left; display: block; margin: 20px 10px;}

footer .ftrlogo{max-width: 190px;}

footer .ftrlogo img{max-width: 200px;}

.ftrsociallinks{display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}

.ftrsociallinks li{margin-right: 10px;}

.ftrsociallinks li img{max-width: 80%;

  

}

.locationicon{background:url(../images/btm_location_icon.png) top left no-repeat; padding: 0px 0px 0px 30px;}

.phoneicon{background:url(../images/btm_call.png) top left no-repeat; padding: 0px 0px 0px 30px;}

.mailicon{background:url(../images/btm_email.png) left 5px no-repeat; padding: 0px 0px 0px 30px; margin-top: 10px;}

.mailicon a{color: #fe5900;}



.footer_bottom .textcenter{text-align:center;}

.footer_bottom{background:#330194; font-family: 'Cera Pro', sans-serif; font-weight: 200; margin:0px; padding: 14px 0px 14px 0px; text-align:center; font-size:12px; color:#ffffff;}

/* ------- Footer Area End ------- */



.filtr-item { display: none;}

.filtr-item.active { display: block;}



.menu_filter .item a { color: #3c3c3c; padding: 2px 22px;   font-size: 15px;}

.menu_filter .item.active a { display: block;   background:none; padding: 10px 22px; color: #ffffff; font-size: 15px; border-radius: 10px; background-color: #2a007c;}

#menu_items { height: 100%; padding-bottom: 0px; margin-top: 30px;}



#toTop { background:#FFCB30; text-align:center; padding:8px 12px; border-radius:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}





.accordion {

  padding-left: 0px;

}



.accordion > li {

  font-size: 16px;

  padding: 0px;

  list-style: none;

}



.accordion > li.active a,

.accordion > li:hover a {

  color: #fe5900 !important;

}



.accordion > li > a {

  font-size: 16px;

  line-height: 24px;

  color: #ffffff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-weight: normal;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 5px 0px;

}



.accordion > li > a .fa-minus {

  display: none;

}



.accordion > li > a:hover {

  color: #fe5900;

}



.accordion > li > a i {

  font-size: 10px;

}



.accordion > li.active > a .fa-plus {

  display: none;

}



.accordion > li.active > a .fa-minus {

  display: block;

}



.accordion > li .sub-menu {

  margin-top: 10px;

  margin-bottom: 30px;

}



.accordion > li .sub-menu li {

  padding: 0px;

  list-style: none;

  margin-bottom: 0;

}



.accordion > li .sub-menu li a {

  font-size: 14px;

  line-height: 21px;

  color: #000;

}



.accordion > li label {

  font-size: 16px;

  line-height: 24px;

  color: #FFFFFF !important;

  margin-bottom: 0;

  position: relative;

}



.accordion > li.checkbox {

  position: relative;

}



.accordion > li.checkbox input {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;

}



.accordion > li.checkbox label:before {

  content: "";

  -webkit-appearance: none;

  background-color: transparent;

  border: 1px solid #b0b0b0;

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer; left: 0px;

  margin-right: 12px;

}



.accordion > li.checkbox input:checked + label:after {

  content: "";

  display: block;

  position: absolute;

  top: 2px;

  left: 9px;

  width: 6px;

  height: 14px;

  border: solid #fe5900;

  border-width: 0 2px 2px 0;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}



/*--- Login Page CSS Start---*/

.loginpageare {

  position: relative;

}



.loginpageare::after {

  content: '';

  position: absolute;

  top: 0px;

  right: 0px;

  height: 100%;

  width: 100%;

  background: url(../images/login_img.jpg) top center no-repeat;

  background-size: cover;

  z-index: -1;

  position: fixed;

}



.loginpageare .containerfull {

  max-width: 1366px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

}



.loginpageare .containerfull .logincontabox {

  max-width: 50%;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

}



.loginpageare .containerfull .loginbox {

  max-width: 50%;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

}



.logindropdown .dropdown-toggle {

  padding: 7px 15px;

  border: 0px;

}

.logindropdown:hover .dropdown-menu{ display: block!important;

  left: -20px!important;

  opacity: 1!important;



}

.logindropdown .dropdown-toggle img {

  height: 18px;

}



.logindropdown .dropdown-menu {

  width: 100%;

  margin-top: -1px;

}



.mainHeader header .btnarea .btnlogin {

  text-transform: uppercase;

  padding: 3px 20px 1px;

  margin: 10px 0px;

  font-size: 14px;

}



.mainHeader header .btnarea .btnlogin.Be_a_Member {

  padding: 7px 20px 5px;

  background: #2a007c;

  color: #fff;

}



.loginmain {

  padding: 20px 70px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  background: rgba(245, 245, 245, 0.6);

  

}



.loginmain h1 {

  font-size: 50px;

  font-weight: 300;

  color: #2a007c;

  margin-bottom: 20px;

}



.loginmain .loginpagelogo a {

  display: inline-block;

  margin-bottom: 30px;

}



.loginmain .loginpagelogo a img {

  -webkit-box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2);

          box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2);

}



.loginmain .loginpageform {

  width: 100%;

}



.loginmain .loginpageform .formlogin {

  position: relative;

}



.loginmain .loginpageform .formlogin .icon_box {

  position: absolute;

  left: 30px;

  top: 18px;

}



.loginmain .loginpageform .formlogin .textbtn {

  position: absolute;

  right: 30px;

  top: 20px;

}



.loginmain .loginpageform .formlogin .textbtn .fa-fw {

  font-size: 20px;

}



.loginmain .loginpageform .formlogin .form-control {

  padding: 10px 60px;

  height: 63px;

}



.loginmain .loginpageform .formlogin .form-control img {

  height: 18px;

  width: 18px;

  -o-object-fit: contain;

     object-fit: contain;

}



.loginmain .loginpageform .linklogin {

  display: block;

  text-align: center;

  font-size: 16px;

  text-decoration: underline;

  color: #565454;

  margin-bottom: 10px;

}



.loginmain .loginpageform .btnlogin {

  margin-bottom: 20px;

}



.loginmain .loginpageform .btnlogin .btn_main {

  display: block;

  text-align: center;

  font-size: 25px;

  font-weight: 600;

  padding: 13px 20px 10px;

  width: 100%;

}



.loginmain .loginpageform .btnlogin .btn_main.bgprimary {

  background: #2a007c;

}



.btn_main {

  padding: 9px 25px;

  display: inline-block;

  background: #fe5900;

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  text-transform: uppercase;

  border-radius: 5px;

  border: 0px;

  -webkit-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}



.btn_main:hover {

  -webkit-filter: contrast(150%);

          filter: contrast(150%);

  color: #fff;

}



/* --- Login Page CSS End--- */



/* --- Myaccount Page CSS Start--- */

.innermyaccountleftmenu{padding: 20px;     background: #f3f3f3;}

.innermyaccountpage .innermyaccountleftmenu ul {

  list-style-type: none;

}



.innermyaccountpage .innermyaccountleftmenu ul li {

  margin-bottom: 5px;

}



.innermyaccountpage .innermyaccountleftmenu ul li a {

  padding: 10px 20px;

  font-size: 16px;

  display: inline-block;

  font-weight: 600;

  color: #2a007c;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

  border-radius: 5px;

}



.innermyaccountpage .innermyaccountleftmenu ul li a:hover {

  color: #fff;

  background: #2a007c;

}



.innermyaccountpage .innermyaccountleftmenu ul li.active a {

  color: #fff;

  background: #2a007c;

}



/* --- Myaccount Page CSS End--- */



.hm_banner .tp-bullets {bottom: 0px!important;}

#career ul.careerul {

  list-style-type: circle;

}





/* ========== Style Css End ========== */



/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width :2101px) {
  .hm_banner .videobanner{height:0%;}
  }
@media screen and (min-width :1901px) and (max-width :2100px) {
  .hm_banner .videobanner{height:30%;}
  }
@media screen and (min-width :1600px) and (max-width :1900px) {
.hm_banner .videobanner{height:50%;}
}
@media screen and (min-width : 990px) and (max-width : 1980px) {

.navbar-nav > li:hover > .dropdown-menu {display: block;}

.navbar-inverse .navbar-brand{ display:none; }

.navbar-collapse{ padding-left:0px; padding-right:0px;}

.dropdown-menu > li{ border-bottom:#dddddd solid 0px;}

.dropdown-menu > li:last-child{ border-bottom:none;}

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

  color: #ffffff!important;

  text-decoration: none;

  background-color: #5b5b5b;

}

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

  color: #ffffff!important;

  text-decoration: none;

  background-color: #5b5b5b;

  outline: 0;

}

}

@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1024px) {

.owl-carousel .owl-item .owl-item{ float:none; width:95%;}

.nav > li{ font-size:12px;}

.navbar-inverse .navbar-nav > li > a { padding: 17px 10px;}

.linkedin a{ margin:0px;}

.banner_btn{ margin-top:5px;}

.true_arrow li{ margin-bottom:15px;}

footer input[type="text"]{ width:64%;}

.footer_bottom ul.app_btn li { display: inline-block;  width: 47%;}

.footer_bottom ul.app_btn{ margin-top:10px;}

.footer_social{ margin-top:10px;}

.footer_bottom .payment{ margin-top:17px;}

.banner_btn{top:285px!important;}



}

@media (max-width: 990px) {

.navbar-header {float: none;}

.navbar-toggle {display: block;}

.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}

.navbar-collapse.collapse {display: none!important;}

.navbar-nav {float: none!important; margin: 7.5px -15px;}

.navbar-nav>li {float: none;}

.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}

.navbar-text {float: none; margin: 15px 0;}

.navbar-collapse.collapse.in { display: block!important;}

.collapsing {overflow: hidden!important;}

.navbar-inverse .navbar-brand{ color:#121213;}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:transparent;}

}

@media only screen and (max-width:1000px) {

.banner_text{ font-size:22px; margin-bottom:25px; line-height:26px;}

.banner_btn{ top:231px!important;}

.work_flow_bg{ display:none;}

.header_call{ display: none;}

.header_mail{display: none;}

.linkedin{display: none;}

.navigation{background:#2a007c;}

.width100small{width: 100%}

.tab_space{ margin-top:50px;}

.footer_social{ text-align:center;}

.footer_bottom .payment{ margin-top:30px;}

.footer_bottom .copy_msg{ text-align:center; margin-top:33px;}

.footer_social li {display: inline-block;  float: none;}

.footer_bottom ul.app_btn li { display: inline-block; float:none; width:auto;}

.footer_bottom ul.app_btn{ text-align:center;}

.video_cnt_block{ margin-top:0px;}

.linkedin a, .blog a{ padding:15px 10px;}



}

@media screen and (min-width : 980px) and (max-width : 1024px) {



}

@media screen and (min-width : 400px) and (max-width : 1024px) {

}

@media screen and (min-width : 768px) and (max-width : 990px) {



}

@media screen and (min-width : 700px) and (max-width : 800px) {



}

@media only screen and (max-width:900px) {

}

@media only screen and (max-width:800px) {



}

@media only screen and (max-width:768px) {

	

}

@media screen and (min-width : 700px) and (max-width : 800px) {

	

}

@media screen and (min-width : 600px) and (max-width : 640px) {

	

}

@media only screen and (max-width:760px) {



  .menu_filter .item a { color: #2a007c; padding: 2px 32px; font-family: 'Cera Pro', sans-serif;  display: block; font-size: 22px;}

  .menu_filter .item.active a { background-color:#fff; display: block; font-family: 'Cera Pro', sans-serif;  padding: 2px 32px; color: #000; font-size: 22px;}

  .menu_filter .lineright{ border-bottom: 1px solid #ccc; padding: 10px 0px; }

  .menu_filter .list-inline > li{ width: 100%; }

  #menu_items { height: 100%; padding-bottom: 0px; margin-top: 60px;}



  #priceslider h1{font-size:25px; color:#ffffff; font-weight:400; margin:60px 0px 25px 0px;}

 .propertyspace h1{ font-size:35px; margin:0px 0px 50px 0px;}

 #pontisians h1{font-size:30px; }

 .blogsnupdates h1{font-size:30px;}

 .testimonials h1{font-size:30px;}

 .hiddenthings{display: none;}

 .tp-bullets {right: 19%;}

 .logo{text-align: center;}



.img100{width: 100%;}

.owl-carousel .owl-item .owl-item{ width:100%;}

.navigation{ padding-top:0px; padding-right: 0px;}

.navigation ul li .dropdown-menu li a{

  font-size: 14px!important;

    padding: 20px 10px 11px 25px!important; text-transform: uppercase;

}



.navbar-inverse .navbar-brand{ color:#fff;}

.navbar-nav { float: none!important; margin-top:0px!important; margin-bottom:0px!important;}

.navbar-toggle{ background:#FFCB30!important; border:#000 solid 1px!important;}

.navbar-inverse{ background:#FFCB30 !important; -webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;}

.nav > li{-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;}

.nav > li , .nav > li:last-child , .nav > li:first-child { margin-left:0px!important; background:none; font-size:14px;}

.nav > li a, .nav > li:last-child a, .nav > li:first-child a,.navbar-inverse .navbar-nav > li:first-child >  a, .navbar-inverse .navbar-nav > li:last-child >  a{ padding:12px 14px!important; display:block;}



.nav > li{ border-bottom:#364655 solid 1px;}

.nav > li:last-child{ border-bottom:#4b4a4a solid 0px;}

.navbar-inverse .navbar-nav > li > a{ color:#fff!important;}

.navbar-inverse .navbar-nav > li:hover a, .navbar-inverse .navbar-nav > li.active a{ background:#092782;}

.navbar-inverse .navbar-nav > li:hover a{ color:#fabb06 ;} 

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fabb06;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background:#092782!important;}



.menubtom ul li a{float: none;}

.inner .appoint input { width: 100%;}

.strength input { width: 100%;  margin-right: 15px; margin-bottom: 15px;}

.newsletter .search-container{width: 100%; display: block; margin: 0 auto;}



.dropdown-menu li{ font-size:14px;}

.dropdown-menu li li{ font-size:12px;background:url(../images/line_divder.jpg) no-repeat 10px 16px;}

#cssmenu > ul > li.active > a {background: none; color:#fe5900; }

.navbar-nav > li > .dropdown-menu li ul li a{ padding:8px 20px;}

.navbar-nav > li.dropdown a{ background:none;}

.navbar-inverse .navbar-nav > li:hover li a, .navbar-inverse .navbar-nav > li.active li a{ background:none!important;}

.dropdown-menu li ul{ display:block; position:relative; right:0px;}

.dropdown-menu li ul{ background:none!important;}

.work_flow .col-sm-3{ margin-bottom:30px;}

.video_block_title{ display:block;}

.video_block{ text-align:center; margin-top:30px;}

.video_block .img-responsive{ display:inline-block;}

footer .col-sm-4{ margin-bottom:30px;}

.tab_space { margin-top: 30px;}

.footer_social li a{ padding:5px 0px;}

.footer_social{ margin-bottom:30px;}

.footer_bottom{ text-align:center;}

.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}

.certificate .imggap img{width: 100%;}



.footer_bottom .textleft{text-align:center;}

.footer_bottom .textright{text-align:center;}



.topheadercontact .leftpart{background:url(../images/icon_top_mail.png) 15px 14px no-repeat; padding: 9px 0px 10px 35px;}

.topheadercontact .rightpart{background:url(../images/icon_top_phone.png) left 14px no-repeat; padding: 10px 15px 10px 25px; float: right;}

header { margin: 2px 0px 0px 0px;}

}

@media only screen and (max-width:680px) {

.banner_btn { top: 70%!important;}

.banner_btn a{ font-size:13px;}

.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}

.certificate .imggap img{width: 100%;}

}

@media only screen and (max-width:640px) {

h1{ font-size:24px;}

.video_block_title{ font-size:24px;}

.track_input_box { max-width: 300px;}

.track_input_box button{ font-size:16px;}

.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}

.certificate .imggap img{width: 100%;}

}

@media (max-width: 480px) {

.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}

.certificate .imggap img{width: 100%;}

}

@media (max-width: 470px) {

	.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}

  .certificate .imggap img{width: 100%;}

}

@media (max-width: 450px) {

.banner_btn { top: 80%!important;}

.banner_btn a{ font-size:10px; padding:7px;}

.banner_text{ font-size:30px; line-height:35px; width:100%; white-space:nowrap;}

.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}	

.certificate .imggap img{width: 100%;}

}

@media (max-width: 400px) {

.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}

.certificate .imggap img{width: 100%;}

}

@media (max-width: 360px) {

.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}

.certificate .imggap img{width: 100%;}

}

@media (max-width: 320px) {

.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}

.certificate .imggap img{width: 100%;}

}

.clearfix{clear: both;}

.mb3{

  margin-bottom: 20px;

}

#aa-properties .aa-properties-content .aa-properties-content-head{

  margin-bottom: 15px;

}

#aa-properties .aa-properties-content .aa-properties-content-head .select2-container{

  margin-right: 15px;



}

.radio label, .checkbox label{

  padding-left:0px;

}

.tp-banner-container{

  position: relative;

}

.searchmainarea{

    position: absolute; top:0; left: 0px; z-index: 99999; top:82%;

    width: 100%; display: flex; flex-direction: row; justify-self:center; align-items: center;

}

 

.searchboxabnner{

  display: flex; flex-direction: row; justify-content: space-between; align-items: center;

  max-width: 700px;  background: rgba(255,255,255,0.5); margin:0px auto; padding:15px 15px; border-radius:10px;

}

.searchboxabnner .box{margin:0px 5px }

.searchboxabnner .box:first-child select{

  width:200px; height: 50px; font-size: 15px;;

}

.searchboxabnner .box:nth-child(2) select{

  width: 100px;height: 50px;font-size: 15px;;

}

.searchboxabnner .box .form-control{

  width: 520px;height: 50px; padding-left:20px;  padding-right:10px;font-size: 15px;;

}

.searchboxabnner .box .btn{

  padding:13px 20px; background: #fe5900; border-color:#fe5900;

}



@media screen and (max-width:800px){

  .searchmainarea{

    top:28%

  }

}



@media screen and (max-width:767px){

  .searchmainarea{

    top:0; position: relative; display: flex; flex-direction: column;

  }

  .searchboxabnner{

    display: flex; flex-direction: column; width: 90%;

  }

  .searchboxabnner .box{

    width: 100%; margin:5px;

  }

  .searchboxabnner .box:first-child select, .searchboxabnner .box:nth-child(2) select{width: 100%;}

  .searchboxabnner  .box .form-control{width: 100%;}

  .searchboxabnner .box .btn{width: 100%;}

}



.rowlist .leftpartproperty{ float: none; width: 100%;



}

.rowlist .leftpartproperty h4{margin-top: 0px;}

.rowlist.propertyspace .areapart ul{display: flex; flex-direction: row; justify-content: flex-start;}

.rowlist.propertyspace .areapart ul li{float: none;}

.rowlist .transportation{display: flex; flex-direction: row; justify-content: space-between;}

.rowlist .transportation .partleft, .rowlist .transportation .partright{float: none;}

.agentbox{

  margin-bottom: 15px; border-bottom: 1px solid #d2b7a8;

}

.aa-properties-sidebar h3{text-align: left; font-weight: bold;}

.agentpic{

  display: flex; flex-direction: row; justify-content: flex-start; align-items: center;

}

.agentpic img{

  width: 50px; margin-right:15px;

}

.nametext{font-size:16px;}

.buttonbox{margin-top: 10px; margin-bottom: 15px;}

.phoneiconc{

  display: flex; flex-direction: row; justify-content: flex-start; font-size:18px; font-weight: normal;

}

.phoneiconc img{width: 20px; margin-right: 12px;}



.logindropdown.has-sub.open ul.dropdown-menu{ display: block!important; left:-20px!important;opacity:1!important;}

.aboutsection{

  background: url(../images/img_home.png) no-repeat left top; padding:40px 0px; background-size: cover;

}

.aboutcnt{

  background: #FDFAF5; padding:30px; border-radius: 27px; max-width:350px;

}

.aboutcnt a{

  background: #2a007c;

  border-radius: 50px;

  padding: 13px 30px;

  font-size: 14px;

  color: #ffffff;

  text-align: center;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  max-width: 160px;

  

}

.aboutcnt p{font-family: 'cera_prolight',sans-serif; font-size: 14px; color:#000000}

.aboutcnt h1{margin:0px; padding:0px; font-size: 44px; font-family: 'lemonmilkregular', sans-serif!important; text-align: left; margin-top:25px; margin-bottom: 20px;}

.cntlogo img{max-width: 100px;}



.joinfamily{

  background: #fdfaf5; padding:80px 0px;

}

.joinfamily h1{

  margin:0px; color:#2a007c;  text-align: center; padding:0px; font-size:35px; font-family: 'lemonmilkregular', sans-serif!important; text-align: left; margin-top:0px; margin-bottom: 40px;

  text-align: center!important;

}

.joinfamily .familybox{

  position: relative;

}

.joinfamily .familybox img{max-width: 100%;}

.joinfamily .familybox .cntbox{

  background: #ffffff;

  padding: 20px;

  position: ABSOLUTE;

  bottom: 15px; min-height: 215px;

  left: 15px;

  right: 15px;

}

.joinfamily .familybox .cntbox h3{ margin-top: 0px; text-align: left; font-size:35px; font-family: 'lemonmilkregular', sans-serif!important; color:#2a007c }

.joinfamily .familybox .cntbox h3 span{

  display: block;

    font-family: 'cera_promedium',sans-serif;

    font-size: 16px;

    color: #ff5c21;

    text-align: left;

    font-weight: bold;

}

.joinfamily .familybox .cntbox p{

  font-family: 'cera_promedium',sans-serif; font-size: 13px; color:#000000;

}

.testimonialsbox .slick-dots, .servicessection{

  margin-bottom:45px;

}

.testimonialsbox .slick-dots, .servicessection .slick-dots{ display: flex; flex-direction: row; justify-content: center; align-items: center;}

.testimonialsbox .slick-dots li button, .servicessection .slick-dots li button{ width: 15px; margin:0px 3px; height: 15px; border:0px; border-radius: 50px; font-size: 0px;}

.testimonialsbox .slick-dots li.slick-active button, .servicessection .slick-dots li.slick-active button{background: #fe5900;}

.testimonialsbox .testimonailsimg img, .servicessection .testimonailsimg img{ margin:0px auto;}

.maintexttestimonials{text-align: center!important; padding:20px!important;}

.maintexttestimonials .smalltext{text-align: center;}

.joinfamily a{

  background: #fe5900;

  border-radius: 50px;

  padding: 13px 30px;

  font-size: 20px;

  color: #ffffff;

  text-align: center;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  /* max-width: 160px; */

}



@media screen and (max-width:830px){

  footer .linksbottom{

    padding-left: 15px!important;

  }

  .pontisgreen .hiring{margin-bottom: 25px;}

}

.innermyaccountleftmenu {margin-bottom: 20px;}

.innermyaccountleftmenu ul{ display:flex; flex-direction: row; justify-content: flex-start; align-items: center;

  

}

 

.innermyaccountleftmenu ul li{margin-right: 20px;}





@media screen and (max-width:830px){

  footer .ftrlogo{margin-top:20px;}

  .ftrsociallinks li img{max-width: 40px;}

  .joinfamily .familybox{

    position: relative;

    max-width: 400px;

    margin: 0px auto 35px;

  }

}

@media screen and (max-width:767px){

  

  .innermyaccountleftmenu ul {

    display: flex; flex-direction: column;

  }

  .innermyaccountleftmenu ul li{ width: 100%;  }

  .innermyaccountleftmenu ul li a{width: 100%;}

  .hiringnetc .joinfamily{padding:0px 20px!important;}

  footer .ftrlogo{margin:20px 0px;}

  .footercontact{margin-top:15px;}

  .margintop20{margin-top: 15px;}

  .logindropdown.has-sub.open ul.dropdown-menu,.logindropdown:hover .dropdown-menu{left:0px!important; font-family: 'cera_promedium', 'sans-serif';}

  .logindropdown.has-sub.open ul.dropdown-menu li{padding-left:20px!important; font-family: 'cera_promedium', 'sans-serif';}



.logincontabox{display: none;}

.loginpageare .containerfull .loginbox{max-width: 100%; flex:0 0 100%; padding:20px;}

.propertyspace.rowlist .imgrounded { margin-left: 30px;}

.aa-properties-content-head-left{margin-bottom: 15px!important;}

.propertyspace{margin:20px 0px!important;}

}

 

.select2-container .select2-choice{height: 40px!important; background-image: none!important;    border: 1px solid #ddd!important;}

.select2-container .select2-choice > .select2-chosen{height: 40px!important; line-height:40px;}

.select2-container-multi .select2-choices{min-height: 40px!important; background-image: none!important;  border: 1px solid #ddd!important;}

.customfileupload input[type="file"]{ position: absolute; top:0px; opacity: 0;

 

}

.form-control, .formarea textarea, select, .select-wrapper .holder{font-size: 16px;}

#cssmenu ul ul{background: #2a007c;}



.mySlides img{max-height: 500px!important;}

.disclaimer ul li{list-style-type: none; font-family: 'Cera Pro', sans-serif; margin-bottom: 10px;

  font-size: 16px; font-weight: 200; color: #6e6e6e; line-height: 25px; padding: 0px 0px 10px 0px; }

  .discalinerlink{color:#ffffff!important;}





.careerpage ul li{list-style-type: none; font-family: 'Cera Pro', sans-serif; margin-bottom: 10px;

  background: url(../images/img_dot.png) no-repeat left 6px;

  font-size: 16px; font-weight: 200; color: #6e6e6e; line-height: 25px; padding: 0px 0px 10px 20px; }

.careerpage{color:#ffffff!important;}

  

/*USE CSS for Slider*/



.vehicle-detail-banner .car-slider-desc {

  max-width: 180px;

  margin: 0 auto;

}

.banner-slider .slider.slider-for {

  max-width: 100%;

  padding-right:0px; height: 500px;

}

.banner-slider .slider.slider-nav {

  max-width: 100%; height: 150px;

}

.banner-slider .slider.slider-for,

.banner-slider .slider.slider-nav {

  width: 100%;

  float: none;

}

.banner-slider {

  height: 650px;

}

.banner-slider .slider.slider-nav {  

  overflow: hidden;  

}

.slider-banner-image {

  height: 610px;

}

.banner-slider .slider.slider-nav {

  padding: 5px 0 0;

}

.slider-nav .slick-slide.thumbnail-image .thumbImg{

  max-width: 178px;

  height: 110px;

  margin: 0 auto;

  border: 3px solid #EBEBEB;

}

.slider-banner-image img,

.slider-nav .slick-slide.thumbnail-image .thumbImg img {

  height: 100%;

  width:100%;

  object-fit: cover;

}

.slick-vertical .slick-slide:active,

.slick-vertical .slick-slide:focus,

.slick-arrow:hover,

.slick-arrow:focus {

  border: 0;

  outline: 0;

}

.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {

  border: 3px solid #196DB6;

}

.slider-nav .slick-slide.slick-current span {

  color: #196DB6;

}

.slider-nav .slick-slide {

  text-align: center;

}

.slider-nav .slick-slide span {

  font-size: 14px;

  display: block;

  padding: 5px 0 15px;

}

.slick-arrow {

  width: 45px;

  background-color: transparent;

  border: 0;

  background-position: center;

  background-repeat: no-repeat;

  font-size: 0;

  height:45px;

  position: absolute;

  z-index: 99;

}

.slick-prev {

  top:45%; left:10px!important;

}

.slick-next {

 top:45%; right:10px!important;

 

}

.slick-prev.slick-arrow {

  background-image: url(../images/img_arrowright.png); background-size: 35px;

}

.slick-next.slick-arrow {

  background-image: url(../images/img_arrowleft.png);background-size: 35px;

}

/*End USE CSS for Slider*/



@media screen and (max-width : 991px) {



.banner-slider .slider.slider-for,

.banner-slider .slider.slider-nav {

    max-width: 100%;

   

}

.banner-slider .slider.slider-for {

  padding-right: 0;

}

.banner-slider .slider.slider-nav {

  height: auto;

}

.slider-banner-image {

    height: 500px;

} 

.slider.slider-nav.thumb-image {

      padding: 10px 30px 0;

}

.slider-nav .slick-slide span {

  padding: 5px 0;

}

.slick-arrow {

  padding: 0;

    width: 30px;

    height: 30px;

    top: 50%;

    bottom: 0; 

}

.slick-prev {

    left: 0;

    right: unset;

}

.slick-next {

    left: unset;

    right: 0;

     background-color: transparent;

}

.vehicle-detail-banner .car-slider-desc {

    max-width: 340px;

}

.bid-tag {

    padding: 10px 0 15px;

}

.slider.slider-nav.thumb-image {

   white-space: nowrap;

}

.thumbnail-image.slick-slide {

  padding: 0px 5px;

  min-width: 75px;

  display: inline-block; 

}

}



@media screen and (max-width : 767px) {

.slider-banner-image {

    height: 400px;

}

.slider.slider-nav.thumb-image {

    padding: 0px 20px 0;

    margin: 10px 0px 0;

}

.slider-nav .slick-slide.thumbnail-image .thumbImg {

  max-width: 140px;

  height: 80px;

}

.slick-prev.slick-arrow {

    background-position: center 10px;

}

.slick-next.slick-arrow {

    background-position: center 10px, center;

}

.slider-nav .slick-slide span {

    font-size: 12px;

    white-space: normal;

}

}



@media screen and (max-width: 580px) {

.slider-banner-image {

    height:340px;

}

}



@media screen and (max-width : 480px) {

.slider-banner-image {

    height:280px;

}

}



.newdetails{margin-top:0px; background: #f7f8f9;}

.newdetails h1{ margin-top:0px; text-align: left;}

.newdetails .banner-slider{margin-top: 20px;}

.newdetails h3{font-size: 30px;}





.pontis-wrap {

  padding: 40px;

  background-color: #fff;

  margin-top: 30px;

}

.pontis-titlebox {

  border-bottom: 1px solid #ccc;

  margin-bottom: 25px;

  padding-bottom: 20px;

}

.pontis-titlebox.mbzero { margin-bottom: 0px!important;}

.pontis-titlebox.padbzero { padding-bottom: 0px!important;}

.justify-content-between{

  -ms-flex-pack: justify!important;

  justify-content: space-between!important;

}

.d-flex {

  display: -ms-flexbox!important;

  display: flex!important;

}

.align-items-center {

  -ms-flex-align: center!important;

  align-items: center!important;

}

.pontis-titlebox h2 {

  font-size: 18px;

}

.pontis-titlebox.subtitlebox{ margin: 50px 0px 15px!important; display: block;

  padding-bottom: 20px!important;}

 

.pontis-container p:last-of-type, .pontis-container ul:last-of-type {

  margin-bottom: 0;

}

.list-2-cols {

  -webkit-columns: 2;

  -moz-columns: 2;

  columns: 2;

}

.list-unstyled {

  padding-left: 0;

  list-style: none;

}



.pontis-container p:last-of-type, .pontis-container ul:last-of-type {

  margin-bottom: 0;

}

.list-2-cols {

  -webkit-columns: 2;

  -moz-columns: 2;

  columns: 2;

}

.list-unstyled {

  padding-left: 0;

  list-style: none;

}



.block-content-wrap p{

  font-size: 15px;

}

.property-overview-data ul li{ font-size: 15px;}



.pontis-container .list-3-cols li, .pontis-container .list-2-cols li, .pontis-container .list-1-cols li {

  display: -webkit-box; font-size: 15px;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  border-bottom: 1px solid;

  border-color: #ccc;

  padding: 10px;

  -webkit-column-break-inside: avoid;

  page-break-inside: avoid;

  -moz-column-break-inside: avoid;

  break-inside: avoid;

}



.detail-wrap {

  background-color: #ffd3bb;

  border-color: #f89662!important;

}

.detail-wrap {

  background-color: #ffd3bb;

  border-color: #f89662;

}

.detail-wrap {

  border: 1px solid;

  padding: 30px;

}

.property-form-wrap {

  padding: 30px; margin-bottom:15px!important;

  background-color: #fff!important;

}

.property-form {

  margin-top: 15px;

}

.property-form-wrap .agent-details, .pontis-container .agent-details {

  margin-bottom: 10px;

}

.align-items-center {

  -ms-flex-align: center!important;

  align-items: center!important;

}

.d-flex {

  display: -ms-flexbox!important;

  display: flex!important;

}

.agent-information {

  padding-left: 15px;

  line-height: 25px;

}

.rounded {

  border-radius: 0.25rem!important;

}



.agent-information .agent-link {

  font-weight: 500;

}



.detailslider .btn-primary{width: 100%;}

.detailsslider .btn{width: 100%!important;}

@media screen and (max-width:767px){

  .list-2-cols{

    display: flex!important; flex-direction: column!important;

  }

  .list-2-cols, .list-2-cols li{

    width: 100%; flex:0 0 100%; max-width: 100%;

  }

  .detail-wrap .btn{width: 100%!important;}

  .sticky {

    position: sticky;

    position: -webkit-sticky;

    top: 20px;

    color: #000;

    text-align: left;

    box-sizing: border-box;

}

}

.clear{clear: both;}

.pontisiandetails {margin-bottom: 70px;}

.pontisiandetails h1{text-align: left;}

.pontisiandetails .userpic img{width: 95%;

  border-radius: 50%;

  border: #e1e1e1 5px solid;

  max-width: 100%;

  height: auto;}

.pontisiandetails .userpic{margin-top: 70px;}

.pontisiandetails .profession{font-size: 16px;}

.pontisiandetails p.contact{ margin-top: 15px;

  font-size: 18px; font-style: italic;

}

.pontisiandetails p {font-size: 16px;

  line-height: 25px;

  font-weight: 500;}

  .pontisiandetails .userpic {

    display: flex; flex-direction: column; justify-content: center; align-items: center;

  }

  .pontisiandetails .userpic a.btnwork{

    padding:15px 25px; background: #000000; color: #ffffff; margin-top: 20px;

  }

  .pontisiandetails .userpic .instabox{margin-top: 15px; display: flex; flex-direction: row; justify-content: center;}

  .pontisiandetails .userpic .instabox img{width: 50px;}