/********************************** home page New **********************************/
.TopBanner .slick-list{height:100%}
.TopBanner .slick-track{height:100%}
.TopBanner .Items{
    /*height: 965px;*/
}
.image-icon{
max-width:13%;
padding:15px;
}

.image-icon-visite{
max-width:26%;
padding:15px;
border-radius:15%;
}
.autoLoader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(255,255,255,.95);}
.autoLoader .autoSpinner{width:100px;height:100px;border:3px solid #e30613;border-radius:50%;border-left-color:transparent;border-right-color:transparent;margin-top:-50px;
	margin-left:-50px;position:absolute;top:50%;left:50%;
    -webkit-animation:helloSpin 1s linear infinite;
    -moz-animation:helloSpin 1s linear infinite;
    animation:helloSpin 1s linear infinite;
}
.autoBrand{text-align:center;position:relative;top:50.0%;margin-top:-40px;}
.autoBrand span{width:100px;height:80px;display:inline-block;background:url(../images/logo-entreprises-de-la-region-spinner.png) no-repeat center center;background-size:contain;}



@-webkit-keyframes
helloSpin {
    100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes
helloSpin {
    100%{-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}



@media(max-width:767px){
	
	.image-icon{
max-width:40%;
padding:15px;
}

.image-icon-visite{
max-width:70%;
padding:15px;
}
}
.TopBanner .Items .Item{
    position: relative;
    text-align: center;
    height: 100%;
}
.TopBanner .Items .Item img{
    width: 100%;
    /*height: 100%;*/
}
.TopBanner .Items .Item video{
    width: 100%;
    /*height: 100%;*/
}
.TopBanner .Items .Item .OnBanner{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 60%;
    display: inline-block;
}
.Item .OnBanner .title{text-decoration: none;color: #115e8c;font-size: 76px;-webkit-transition: opacity .5s linear;-o-transition: opacity .5s linear;transition: opacity .5s linear;}
.Item .OnBanner .title:hover{text-shadow: #aaa 1px 1px;}
.property-link:visited ,.property-link:focus{outline:none}
.Item .OnBanner .Intro{margin-bottom: 20px;font-weight: bold;/* font-size: 16px; */font-size: 38px;color: #333;}
.Item .OnBanner .ReadMore{}
.Item .OnBanner .ReadMore a{position:relative;background:rgba(235, 241, 245, 0.8);}
.Item .OnBanner .ReadMore a:before{position: absolute;left: -70px;width: 50px;height: 1px;background: #115e8c;content:'';top: 50%;}
.Item .OnBanner .ReadMore a:after{position: absolute;right: -70px;width: 50px;height: 1px;background: #115e8c;top: 50%;content: '';}
.TopBanner .slick-arrow{
    color: #663399;
    width: 70px;
    cursor: pointer;
    text-align: center;
    height: 80px;
    background-color: rgba(242, 237, 227, 0.7);
    padding-top: 17px;
    color: #3c3c3b;
    overflow: hidden;
    border-radius: 50%;
}
.TopBanner .slick-next{
    right: -25px;
}
.TopBanner .slick-prev{
    left: -25px;
    z-index: 99;
}
.TopBanner .slick-next:before{
    font-family:  FontAwesome;
    content: '\f105';
    color: #663399;
    font-size: 33px;
    z-index: 99;
    opacity: 1;
    position: relative;
    top: -9px;
    right: 6px;
}
.TopBanner .slick-prev:before{
    font-family:  FontAwesome;
    content: '\f104';
    color: #663399;
    font-size: 33px;
    opacity: 1;
    position: relative;
    top: -9px;
    left: 6px;
}
.ForBack{
    background: radial-gradient( circle, rgba(255,255,255,1), rgba(255,255,255,0) );
    padding: 15px 30px;
    display: inline-block;
}

.ForBack-black{
    background: radial-gradient( circle, rgba(68, 68, 68, 1), rgba(255,255,255,0) );
    
  width: 40%;
}

.slick-slide:focus { outline: none; }
#news-carousel-container  .slick-arrow{
    color: #b2985a;
    cursor: pointer;
    color: #3c3c3b;
     
}
#news-carousel-container  .slick-next{
    right: -25px;
}
#news-carousel-container  .slick-prev{
    left: -25px;
    z-index: 99;
}
#news-carousel-container  .slick-next:before{
    font-family:  FontAwesome;
    content: '\f105';
    color: #b2985a;
  font-size:33px;
    z-index: 99;
    opacity: 1;
    position: relative;
}
#news-carousel-container  .slick-prev:before{
    font-family:  FontAwesome;
    content: '\f104';
    color: #b2985a;
    font-size: 33px;
    opacity: 1;
    position: relative;

}
.cstmHeight .owl-item img{min-height:266px}
.slick-slider{margin-bottom: 0px!important}

#carousel-propertiesX .slick-arrow{
    color: #663399;
    cursor: pointer;
    text-align: center;
    padding-top: 17px;
    color: #3c3c3b;
    /* overflow: hidden; */
}
#carousel-propertiesX .slick-next{
    right: auto;
    left: 35px;
    top: -41px;
}
#carousel-propertiesX .slick-prev{
    left: 8px;
    z-index: 99;
    top: -50px;
}
#carousel-propertiesX .slick-next:before{
    font-family:  FontAwesome;
    content: '\f105';
    color: white;
    font-size: 33px;
    z-index: 99;
    opacity: 1;
    position: relative;
    top: -9px;
    right: 6px;
}
#carousel-propertiesX .slick-prev:before{
    font-family:  FontAwesome;
    content: '\f104';
    color: white;
    font-size: 33px;
    opacity: 1;
    position: relative;
}


/** last slider **/
.islands-box .slick-arrow{
    color: #663399;
    cursor: pointer;
    text-align: center;
    padding-top: 17px;
    color: #3c3c3b;
    /* overflow: hidden; */
}
.islands-box.slick-slider{margin-top:20px}
.islands-box .slick-next{
    right: auto;
    left: 35px;
    top: -41px;
}
.islands-box .slick-prev{
    left: 8px;
    z-index: 99;
    top: -50px;
}
.islands-box .slick-next:before{
    font-family:  FontAwesome;
    content: '\f105';
    color: white;
    font-size: 33px;
    z-index: 99;
    opacity: 1;
    position: relative;
    top: -9px;
    right: 6px;
}
.islands-box .slick-prev:before{
    font-family:  FontAwesome;
    content: '\f104';
    color: white;
    font-size: 33px;
    opacity: 1;
    position: relative;
}
ul.static li{position:relative}

.SearchBtnn{width:20px;height:20px;position:relative;position: absolute;top: 7px;cursor: pointer;}
.SearchBtnn:before{content:'\f061';font-family: FontAwesome;color: white;font-size: 17px;}
.search-active{    padding-top: 14px!important;position: relative;top: -8px;padding-bottom: 15px!important;}
    .search-active .fa-times{display:block!important;}
    .search-active .fa-search{display:none!important}


    
 
@media(min-width:767px){
    li.dynamic-children:hover ul.dynamic{    display: block!important;
        left: 0;
        top: 20px;}
}

@media(max-width:1300px){
    li.dynamic-children ul.dynamic{right:0!important;left:auto!important;    z-index: 99999999999;}
}


@media(min-width:1980px){
 .TopBanner .Items .Item{height: 100% !important;
width: 100% !important;}
 
    .Item .OnBanner .title{font-size:38px}
    
    .TopBanner .Items{height:auto!important}
	}
@media(max-width:1200px){
    /*.Item .OnBanner{top:0!important;}*/
    .ForBack{display:block!important}
.ForBack-black{display:block!important}
}
@media(max-width:992px){
    #news-carousel-container  .slick-prev{left:15px}
    #news-carousel-container  .slick-next{right:15px}
    li.dynamic-children:hover ul.dynamic{top:30px}
}


@media(max-width:767px){
    li.dynamic-children:hover ul.dynamic{top:0pxpx!important}
    .activated{background: #ab935e}
    .glyphicon-search:before{content:"\f002"!important;font-family: FontAwesome}
    .TopBanner .Items .Item{height:auto!important}
    .TopBanner .Items .Item .OnBanner{position:static}
    .Item .OnBanner .title{font-size:30px}
    .TopBanner .slick-arrow{width:50px;height:50px;    top: 34%;}
    .TopBanner .Items{height:auto!important}
    .mobile-nav .ms-core-listMenu-horizontalBox a.dynamic-children:after{content:'\f107'!important;font-family:FontAwesome;
        font-size: 20px!important;
        margin-left: 5px;
        color: #fff!important;
        cursor: pointer;
        top: 2px;
        position: relative;}
}



/**********************************home page neww **********************************/



/** shopping **/
.swiper-wrapper{display:block!important}
.item.featured-item img{width:100%}
@media(min-width:1300px){
 
   .swiper-dining .slider-gradient{display:block!important;background-size:contain;width:100px!important}
   .swiper-dining .slider-gradient-start{display:block!important;right:inherit;background-size:contain;width:100px!important}
}
@media(max-width:1300px){
    .swiper-dining .slider-gradient{display:none!important}
    .swiper-dining .slider-gradient-start{display:none!important}
}
@media(max-width:768px){
  .TopBanner .slick-arrow{width:50px!important;height:50px!important}  
}

.TopBanner .slick-arrow{
    color: #663399;
    width: 70px;
    cursor: pointer;
    text-align: center;
    height: 80px;
    background-color: rgba(242, 237, 227, 0.7);
    padding-top: 17px;
    color: #3c3c3b;
    overflow: hidden;
    border-radius: 50%;
}
	
#single_img_carousel .slick-next{
    right: 0;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
}
#single_img_carousel .slick-prev{
    left: 0;
    z-index: 99;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}
#single_img_carousel .slick-next:before{
    font-family:  FontAwesome;
    content: '\f105';
    color: #af9967;
    font-size: 33px;
    z-index: 99;
    opacity: 1;
    position: relative;
    top: 0px;
    right: 0px;
}
#single_img_carousel .slick-prev:before{
    font-family:  FontAwesome;
    content: '\f104';
    color: #af9967;
    font-size: 33px;
    opacity: 1;
    position: relative;
    top: 0px;
    left: 0px;
}
.map-overlay.activeMap{display:block;opacity: 1}

.mrgnBttton{margin-bottom:40px}


/** shopping **/

.horizontal-refiner-form-control{background: url(images/event-down-arrow.png) no-repeat right 11px;
    overflow: hidden;
    width: calc(100% - 78px);
    min-width: 100px;
    background-size: 15px;
}

.ms-ref-refiner{padding-right:20px}
.cstmMarggn{margin-top: 20px}
.all-fields .ItemImage{margin-bottom: 30px}
.all-fields .ItemImage img{width:100%}
.TppTitle{color:#23527c;font-size: 24px;font-weight: 700;margin-bottom:15px}
.featured-news-item img{width:100%;}
.featured-news-item a:focus{outline:none!important}
.NewNewsJHG .white-cntnt{
	background: linear-gradient(#af9967 5%, #fff 0%)!important;
}
.NewNewsJHG .featured-news-item img{border-color:white!important}

.CustomLinks{}
.CustomLinks .col-sm-6{}
.CustomLinks .col-sm-6 .ItemLinks{
    vertical-align: top;
    padding: 5px 15px;
    margin-top: 34px;
    overflow: hidden;
    position: relative;
    min-height: 40px;
    margin-bottom: 6px;
    clear: both;
}
.CustomLinks .col-sm-6 .TopTitle{
    background: #f9f9f9;
    z-index: 4;
    padding-right: 10px;
    padding-left: 10px;
    color: #333333;
    font-size: 1.75em;
    text-transform: capitalize;
}
.CustomLinks .col-sm-6 ul{
    height: 214px;
    background: #f9f9f9;
    padding-left: 10px;
    padding-right: 10px;
    overflow-y: auto;
}
.CustomLinks .col-sm-6 ul li{
    list-style: none;
    background-image: none;
    padding: 5px 0;
    margin-bottom: 0;
    line-height: 20px;
}
.CustomLinks .col-sm-6 ul li a{
    white-space: normal;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    font-family: "optima";
}

.slickNews .featured-news-item.swiper-slide{margin:0 15px}




/** Css For News Letter Module **/
.CstomNewsLetter label {
    display: none
}

.CstomNewsLetter input[type='text'] {
    margin-bottom: 15px
}

.CstomNewsLetter input[type='email'] {
    width: 65.266667%;
    float: left;
    margin-right: 15px;
}

.CstomNewsLetter input[type='submit'] {
    width: 30.333333%;
    float: left;
    min-width: inherit;
    margin-left: 0;
}

.CstomNewsLetter input[type='submit'], footer input[type='button']:hover {
    background-color: #0d4c77 !important;
    color: #fff !important;
    border-color: #1e82ba !important;
    padding: 0
}
/** Css For News Letter Module **/


.item.shuffle-item img{width:100%}

#RequestCallBack{width:95%!important;    overflow: visible;}
@media(max-width:767px){
	#single_img_carousel .owl-item img{min-height:inherit!important}
	.island-details-noedit img{max-width:100%;height:auto!important}
	.mobile-hdr-logo a img{width:100%!important}
	.search-icon-container{display:none!important}
	.align-center{margin:0 auto;max-width: 90%;}
	.toc-layout-main ul{padding-left:0}
	.island-details-noedit{margin:0!important}
	.addedForMobile{text-align:center}
	.tpq-footer .footer-text{margin-top:20px}
	.quick-links-container ul:nth-child(3n+1){clear:right}
	.footer-title.text-capitalize{clear:both}
	.ms-srch-sbLarge{position:relative;}
	#txtSearchBoxModile{width:100%!important;padding-right:32px!important}
	#btnSearch{position:absolute;top:0;right:0}
}

@media(max-width:600px){
     .island-details-noedit .title-line{display:none!important} 
}

a:focus{outline:none}


#xPortalForm .fancy-form-btn{color: #fff;border: none;background-color: #ab935e;margin-top: 10px;}
.CustomFilterBack .hz-filter-item-sel a{color:white;text-decoration:none!important}
.CustomFilterBack .hz-filter-item-sel{background-color:#aa935f}
#xPortalForm{overflow:visible}
.CustomForm-P{background-color: #ab935e!important;color: #fff;}
.CustomForm-P .control-label{padding-left:0!important}
.fancybox-inner .CustomForm-P{width:40%!important}
.CustomForm-P .fancy-form-btn{background: #145897!important;}
.CustomForm-P form{text-align:center}
.fancybox-close-small:active{background-color:transparent;}
.fancybox-close-small:hover{background-color:transparent;}
.fancybox-close-small{background: black!important;width: 30px!important;height: 30px!important;color: white;font-size: 4px;border-radius: 50px!important;top: -14px!important;right: -8px!important;border: 2px solid white!important;}
.fancybox-close-small:after{color:white!important;top: -1px!important;right: -2px!important;}
.fancybox-close-small:hover:after{background:transparent!important}
.other-precinct-logo img{margin:auto!important}
.other-precinct-logo .item-summary-js{font-size:17px!important}
.fancybox-inner .success{overflow:visible}
.contactus-container .row{margin:0px!important}
.IslandSubpages .slick-arrow{color: #663399;cursor: pointer;text-align: center;padding-top: 17px;color: #3c3c3b;}
.iIslandSubpages.slick-slider{margin-top:20px}
.IslandSubpages .slick-next{right: -25px;top: 30px;}
.IslandSubpages .slick-prev{left: -25px;z-index: 99;top: 25px;}
.IslandSubpages .slick-next:before{font-family:  FontAwesome;content: '\f105';color: #ab935e;font-size: 33px;z-index: 99;opacity: 1;position: relative;top: -9px;left: 6px;}
.IslandSubpages .slick-prev:before{font-family:  FontAwesome;content: '\f104';color: #ab935e;font-size: 33px;opacity: 1;position: relative;}
.other-precinct-logo img{margin:auto}

#NewSucceededMessage{display: inline-block;background-color: #ab935e;color: #fff;padding: 40px 40px;margin: 0!important;border-radius: 9px;}

#Allproduct .property-item:nth-child(3n+1){clear:left}


@media(min-width:767px){
	
.khadamatiImg {padding: 50px 150px;}


}


@media(max-width:767px){
	.fancybox-inner .CustomForm-P{width:90%!important}
	.khadamatiImg{padding: 42px 25px;}
	
}

@media(max-width:500px){
	
	.island-details-noedit img{width:100%!important}
}
/** added by ahmad tawbi ***/
#myIframe #BotChatElement .wc-card.wc-adaptive-card.hero{
	
	/**border:1px solid red !important;**/
}
#chatControl{cursor:pointer;display: inline-block;width: 70px;height: 70px;border-radius: 100%;border: 5px solid white;position: fixed;bottom: 1%;right:0px;z-index: 999999;}
#chatControl .chatIcon{position:relative;}
#chatControl .chatIcon i{color: white;text-align: center;position: absolute;top: 13px;font-size: 33px;left: 0;right: 0;}
#chatArea{position: fixed;right: 0;bottom: 5%;z-index: 99999999;width: 460px;border: 3px solid #15549a;visibility:hidden}
#chatArea .TopHead{background: #15549a;padding: 10px 10px;color: white;}
#chatArea .TopHead span:first-child{font-size: 15px;}
#chatArea .TopHead span:last-child{text-align: right;float: right;cursor: pointer;}
#chatArea .TopHead span:last-child i{font-size: 19px;position: relative;top: 0px;}
#chatArea .bodyChatArea{height: 560px;background: white;}
#myIframe{width: 100%;height: 100%;opacity: 1;}
#myIframe #BotChatElement .wc-app .wc-chatview-panel .wc-header{display:none!important}
.chatIcon img{width: 100%!important;max-width: inherit;}
#chatControl {    transition: NONE;}
#chatControl * {    transition: NONE;}
#chatArea{transition:none}
#chatArea *{transition:none}
.ActiveBot{visibility:visible!important}
/** added by ahmad tawbi ***/
#XXowl-content .featured-item a{display:inline-block;height:100%}
.field-validation-error{display:block}


@media(max-width:767px){
.news-main-content em{font-size:30px!important}		
.white-cntnt-bg .layout-container{width:100%!important}	
.news-main-content .row{margin:0}
.NewNewsJHG .white-cntnt{   background: linear-gradient(#af9967 2%, #fff 0%)!important	}
}

/** added by amir **/

#Paging li a{color:black!important}

.slick-list{padding:0px!important}


.brand img {
    height: 106%!important;
    width: 71%!important;
}


#RequestCallBack{
	
	width:500px!important;
	background-color:#ab935e;
}

#RequestCallBack label {
	padding-left:0px!important;
	color:white;
	padding-bottom:10px;
}

#RequestCallBack .form-control {
	border-radius:0!important;
	padding-bottom:15px;
}

#RequestCallBack input[type=submit]{
	background-color:#145897!important;
	font-weight:bold;
	font-size:12px;
}

@media(max-width:550px){
	
	#RequestCallBack{
	
	width:300px!important;
	}
}

#xPortalForm{
	
	width:500px!important;
	background-color:#ab935e;
}

#xPortalForm label {
	padding-left:0px!important;
	color:white;
	padding-bottom:10px;
	
}

#xPortalForm .form-control {
	border-radius:0!important;
	padding-bottom:15px;
	
}
#xPortalForm > form .form-group:last-child{
	text-align:center!important;
}
#xPortalForm input[type=submit]{
	background-color:#145897!important;
	font-weight:bold;
	font-size:12px;
}

@media(max-width:550px){
	
	#xPortalForm{
	
	width:300px!important;
	}
}


.ms-srch-result #Paging, #Paging{padding-left:0!important;text-align:center!important;width:auto!important}
#box-listing .row .album-item:nth-child(3n+1){clear:left}

.tpq-footer .col-sm-12{
	
	position:static !important;
}




.TopBanner .Items {
    overflow: hidden !important;
}

@media(max-width:550px) {
#chatArea {
    width: 360px;
}
}