/*--------------------------------------------------
BODY
--------------------------------------------------*/
*{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
 }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; }
audio, canvas, video {display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) {display:none; }
[hidden] {display:none; }
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height: 100% }
html, button, input, select, textarea {  font-family:'FbMetropoliSans'; color:#3a3a3c; letter-spacing: -.035em; }


body {margin:0; padding:0; background:#fff; font-size:16px; line-height:1;height: 100%; font-weight: 300; direction: rtl; }
::-moz-selection {background:#72a9bd; color:inherit; text-shadow:none;}
::selection {background:#72a9bd; color:inherit; text-shadow:none; }
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
a{outline: none; }
a{ color: #3a3a3c; text-decoration: none;  }
a:hover{ color: #BEAF87; }
img {border: none;}
.f-left{float: left;}
.f-right{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.clear{ clear: both;}
.ib{display: inline-block;}
.rtl{direction:rtl;}
body{
	-webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;

}

input, select{ font-size: 100%; }

.btn{
 display: block; background-color: #CCBE96; border-radius:3px; padding:10px; color: #3A3A3C; text-decoration: none; font-size: 1.125rem; font-weight: 300;
cursor: pointer;
-webkit-transition: all 0.3s;	-moz-transition: all 0.3s; 	transition: all 0.3s; border:2px solid #CCBE96;
 }
 .btn:hover{ background-color: #3A3A3C; color: #CCBE96;  }

/*--------------------------------------------------
Non-Semantic Helper Classes
--------------------------------------------------*/
.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}
.ir br {display:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after, .cf:before, .cf:after  {content:""; display:table;}
.clearfix:after, .cf:after {clear:both;}
.clearfix, .cf {*zoom:1;}
::-webkit-input-placeholder {   color: #3a3a3c;}
:-moz-placeholder { /* Firefox 18- */   color: #3a3a3c;}
::-moz-placeholder {  /* Firefox 19+ */    color: #3a3a3c;}
:-ms-input-placeholder {   color: #3a3a3c;}



:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding:0; font-size: 4em; font-weight: 400;}
h2{font-size:2em;   font-style:normal;  margin: 0; font-weight: 400; }
h3{	margin: 0;	padding: 0; font-size: 1.75em; font-weight: 400; }
h4{	font-size: 2.5em;font-weight:  700;  margin: 0;   }
h5{	font-size: 1.2em; font-weight: 700;  margin: 0; padding:0 }
.red{ color: #C7050D; }
.eng{ font-family: 'TypoldCondensedBook'; }
.dblock{ display: block; }
input[type="text"],textarea,input[type="password"]{  width: 100%; padding:7px; border:none; border-radius: 3px;
   font-weight: 300;}

/*--------------------------------------------------
Basic
--------------------------------------------------*/


 nagishli#NagishLiTag>div#NagishLiBar>div#NagishLiBarStrip{width:51px!important;height:51px!important;-webkit-box-shadow:none!important;box-shadow:none!important;background:url(pics/dispos.png)!important; background-color: #3A3A3C!important;}nagishli#NagishLiTag>div#NagishLiBar>div#NagishLiBarStrip>#NagishLiLogo{margin-left:-5px!important;display:none!important}nagishli#NagishLiTag>div#NagishLiBar>div#NagishLiBarStrip>#NagishLiMove,nagishli#NagishLiTag>div#NagishLiBar>div#NagishLiBarStrip>#NagishLiTitle{display:none!important}
#wrapper{
    width: 100%;
    margin:0 auto;
    position: relative;
	height: 100vh;

}
.width-wrapper{ width: 90%; margin:0 auto;  position: relative; }
.top_image{ position: relative; }
 #logo{ position: absolute; left:5%; top:30px; width: 12%; }
 #ongrey_title{  position: absolute; right:5%; top:25px;  text-align: right; color: #BEAF87; }
 #ongrey_title h3{ font-weight: 200; font-size: 1.125em; }
 #ongrey_title h2{font-size: 2.33em; }
 #logo img{  width: 100%; }


  .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#holder{direction: rtl;}
#holder > .width-wrapper{  padding:60px 0; }
header a:hover{ color:  #4B4B4E; }

 .nomob{ display: block; }
 .mob{ display: none; }


#example{ display: block; background-color: #BEAF87; text-align: center; position: relative; }
#main_menu_mob{ display: none; }
.top_info{ position: absolute; left:5%;top:7px;  z-index: 99999; }
#top_phone{ position: absolute;right:5%;top:18px; font-size: 1.5em; font-weight: 700; z-index: 99999; direction: ltr; }

#global_site{ display: inline-block; padding-right:20px; position: relative; top:3px; }
#google_translate_element{  display: inline-block;}

.slogan{ position: absolute; top:10%; right:5%; font-weight: 500; color: #fff;
text-shadow:1px 1px 10px #000, 1px 1px 10px #000;
}
.slogan div:nth-child(1){ font-size: 2.688em; }
.slogan div:nth-child(2){ font-size: 3.750em; }

.slogan div:nth-child(3){ color: #ccbe96; font-size:3.125em }
.slogan div:nth-child(4){ color: #ccbe96; font-size: 4.063em; font-weight: 700; }

.col-3 input{ width: calc(100%/3 - 10px);  margin:10px 3px; display: inline-block; }
.col-6 input{  width: calc(100%/6 - 10px);  margin:10px 3px; display: inline-block;  }
.col-1 input{  width: calc(100% - 10px);  margin:10px 3px; display: inline-block;  }

#main_pic{ position: relative; }
.mainpic{ width: 100%; }
.search_result_page{ height: 100px; background-color: #F7F7F7; }
.search_result_page #search_holder{ top:15%; }
.search_position_fixer{ position: relative; }
#search{  border-radius: 5px; background-color: rgba(255,255,255,.6); height: 70px;  }
#search input[type="text"]{
	border:none;
	background: #fff;
	border-radius: 3px;
	padding:0 12px;
	line-height: 50px;
	font-size: 1.125em; font-weight: 300;
	width: 89.5%;
	position: absolute;
	left:10px;top:10px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
 }
 #search button,.md-close{ height: 50px; border:none; border-radius: 3px; font-weight: 300; color: #BEAF87;  font-size: 2em;
 cursor: pointer;
background: #3a3a3c; /* Old browsers */
background: -moz-linear-gradient(top, #3a3a3c 0%, #2c2c2e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3a3a3c 0%,#2c2c2e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3a3a3c 0%,#2c2c2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3c', endColorstr='#2c2c2e',GradientType=0 ); /* IE6-9 */  }
  #search button.md-trigger{ width: 7%; border-radius: 3px;  position: absolute; right:10px; top:10px;     line-height: 40px; }
  #search button.search_button{ width: 18%; position: absolute; left:10px; top:10px;  z-index: 1; border-radius: 3px 0 0 3px; font-size: 150%; }
  #search button.search_button img{ height: 25px; position: relative; top:5px; right:10px; }
 .md-close{ position: absolute; top:-70px; right:10px;width: 7%; }
.md-close.contact_modal{ position: absolute; top:10px; right:10px; width: initial; padding:5px; height: 45px; background: #CCBE96; }
.contact_modal form{ padding:7.5% 5%; }


 #combobox-results{ position: absolute; top:70px; right:9%; background-color: #fff; border:1px solid #E8E8E8; border-radius: 3px; padding:25px; width: 72%; line-height: 1.5; z-index: 9999; }
.searchResultCat{font-weight: bold; }
 #combobox-results a{ display: block; }

 .extended_search_button{ border:none; border-radius: 3px; font-weight: 300; color: #BEAF87;  font-size: 1.8em;
 cursor: pointer;
 width: 30%; margin:15px auto 0;
 padding: 6px 0 12px;
 text-align: center;
background: #3a3a3c; /* Old browsers */
background: -moz-linear-gradient(top, #3a3a3c 0%, #2c2c2e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3a3a3c 0%,#2c2c2e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3a3a3c 0%,#2c2c2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3c', endColorstr='#2c2c2e',GradientType=0 ); /* IE6-9 */   }
 .extended_search_button img{ width: 40px; position: relative; top:7px; padding-right:12px; }
  #modal-2 input[type="text"], #modal-2 select.styled{

   	border:none;
	background: #fff;
	border-radius: 3px;
	padding:9px;
	line-height: none;
	font-size: 1.125em; font-weight: 300;
	position:  relative;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);

   }
    select:invalid { color: gray; }
	.hidden{ display: none; }
#modal-2 select.styled{ width: calc(100%/4 - 10px);
    margin: 10px 3px;
    display: inline-block; }
#search_holder{ position: absolute; width:40%; margin:0 auto; left:0; right:0; top:38%; }
#social_icons{ position: fixed; top:200px; left:0; z-index: 999;  }
#social_icons a{ display: block; width: 50px; height: 50px; background-color: #3A3A3C; margin-bottom:2px; -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 	transition: all 0.3s; }
#social_icons a img{ width: 100%; }
#social_icons a:hover:nth-child(1){ background-color: #3399CC; }
#social_icons a:hover:nth-child(2){ background-color: #ea4335; }
#social_icons a:hover:nth-child(3){ background-color: #3F51B5; }
#social_icons a:hover:nth-child(4){ background-color: #000;  }

#global_site{ font-family:'TypoldExtended'; font-size: 0.875em; direction: ltr;}
#global_site span{ position: relative; top:7px; }

.main_title{ text-align: right;padding-bottom:40px; }
.main_title h2{ font-size: 2.250em; position: relative; padding-right:42px; font-weight: 300; }
.main_title h2 span{ color: #BEAF87; }
.main_title h2:before{
 content: "";
  display: block;
 position: absolute;
 width: 55px; height: 60px;
 right:0; top:-15px;
 background-image: url(pics/21icon.png);
 background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: .32;
 }

 .grid {
	margin: 0;
    direction: rtl;
	list-style: none;
	text-align: center;
}
.gird-cell{ 	display: inline-block;  width:33.333%; text-align: center;  position: relative; margin-left: -5px; margin-top:-5px;padding:.7% .5%;   }
.gird-cell h2{ position: relative;  color: #3598DB; font-size: 1.66em; font-weight: 600; }
.gird-cell:nth-child(6) h2{font-family: 'TypoldCondensedBook'; font-size: 2.250rem; padding-top:115px;  }
.gird-cell h2 span{ display: block; font-family: 'Typold';  color: #BEAF87; font-size: 90%; padding:15px 0; }
.gird-cell h2 span span{ display: block; font-family: 'TypoldCondensedBook'; color: #fff; font-size: 75%; }



.gird-cell{ width: 25%; padding:15px; overflow: hidden; vertical-align: bottom; margin-bottom:0;}
.gird-cell:nth-child(3){ width: 50%;  }
 .gird-cell:nth-child(4){ width: 50%; }



/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin:0;
	width:100%;
	background: #000;
	text-align: center;
	cursor: pointer;

      -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
     height: inherit;

}

.grid figure:nth-child(5){ margin-right:0; }
.grid figure a {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;


	background: #000;
	text-align: center;
	cursor: pointer;

}
.grid figure img {
	position: relative;
	display: block;
    width: 100%;
	opacity: 1;
}

.grid figure figcaption {

	color: #fff;
	font-size: 1.25em;
    opacity: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
 .grid figure:hover figcaption{ opacity: 1; }
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption{
  position: absolute;

	left: 0;
	right:0;
	top:0;
	width: 100%;
   height:100%;


 }

.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	width: 100%;
	height: 100%;
}
.grid figure a {
	z-index: 100;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: normal;


}


.grid figure h2,
.grid figure p {
	margin: 0;
}


.cat_icon{ display: inline-block; position: relative; top:120px; padding:7px 10px; z-index: 99; width: 100px;  }
figcaption> .cat_icon img{ width: 100%;  opacity: 0;}
figcaption:hover> .cat_icon img{ opacity: 1!important; }

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico:hover img {
	opacity: .8;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico figcaption {

}


/*figure.effect-chico figcaption::before{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
*/
figure.effect-chico h2 {


    width: 100%;
    text-align: center;
    font-size: 2.66em;
	font-weight: 300;
    color: #fff;
	padding-top:150px;
	text-shadow:1px 1px 10px #000, 1px 1px 10px #000;

}

figure.effect-chico p {
	margin: 0 auto;

   	position: relative;
	text-align: right;
	font-size: 1em; font-weight: 300;

}
 figure.effect-chico figcaption
{
 opacity:1
}
figure.effect-chico:hover figcaption
{
 opacity:1
}
 #minisites_holder{padding:35px 0;
 display: -webkit-flex; /* Safari */
  display: flex;
  margin:0 auto;
  }
  #minisites_holder.ipad{ padding:35px 5%; }
 .minisite_square{
    width: 25%;
    text-align: center;
    position: relative;

    padding: 15px;
    vertical-align: bottom;
    margin-bottom: 0;
  }
   .minisite_square img{ display: block; width: 100%; position: relative; }
#quick_contact{  background-color: #3A3A3C; height: 100%;}
#quick_contact:after{

content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
   background-image: url(pics/pattern.png);
    width: 100%;
    height: 100%;
    opacity : .5;
	z-index: 0;

 }
 .square_title{ position: absolute; background-color:  rgba(58, 58, 60, .75); background-image: url(pics/pattern.png); }
 .square_title a{ width: 86%; margin:40px auto 0; }
.square_title a:hover{}
 #carreer .square_title { top:15px; right:15px; width: 30%;  height:calc(100% - 30px);  font-size: 2.250em; color: #fff; font-weight: 400; padding-top:15%;}
#franchisee .square_title{ top:15px; left:15px; width: 30%;  height:calc(100% - 30px);  font-size: 2.250em; color: #fff; font-weight: 400; padding-top:15%; }
#courses .square_title,#sale .square_title{ width: calc(100% - 30px); left:15px; bottom:15px;font-size: 2.250em; color:  #CCBE96; font-weight: 400; padding:10px; }
#courses  .square_title span{ color: #FFFFFF; font-size: 175%; }
#sale  .square_title span{ color: #FFFFFF; font-size: 135%; }
#courses a,#sale a{ width: 28%; display: inline-block; margin-left:-4px;  vertical-align: top; margin-top:10%;}
#courses .square_title div,#sale .square_title div{display: inline-block; width: 70%; text-align: right; margin-left:-4px;}
#carreer .square_title span,#franchisee .square_title span{ color:  #CCBE96;}
#quick_contact h2,.mod_contact h2{  font-size: 2.250em; color: #fff; }
#quick_contact h2 span{color: #CCBE96; }
.mod_contact h2 span{color: #3A3A3C; }
.mod_contact h2{ text-align: center; }
#quick_contact { padding:7.5% 15%; }
#quick_contact form{ position: relative; z-index: 1;padding:10% 0; }
#quick_contact input[type="text"],.footer_newsletter input[type="text"],.branch_contact_form input[type="text"],.mod_contact input[type="text"]{

  margin:15px 0; font-size: 1.5em;
 }
 .footer_newsletter input[type="text"]{ font-size: 1.125em;padding:12px; }
 .footer_newsletter h2{ font-weight: 300;padding-bottom:25px; }
 .footer_newsletter h2 span{  color: #CCBE96;}
 .footer_newsletter input[type="submit"]{ float:left; width: 25%; }
 .footer_newsletter input[type="checkbox"] { font-size: 1.125em; margin-top:10px; }
 #quick_contact input[type="submit"] {
   float: left;

  }
 .mod_contact input[type="submit"]{ background-color: #3A3A3C; border-radius: 3px; color: #CCBE96; }
 .mod_contact textarea{ font-size: 1.5em;padding:12px; }
  #quick_contact input[type="submit"]:hover{   border:2px solid #CCBE96;  }
 .bottom_squares{ direction: ltr; }
  .b_square{ display: inline-block; margin-left:-4px; padding:15px; width: 33.333%; }
   .b_square img{ width: 100%; }

 #main_agents{ margin-top:0px; padding-top: 5%; background-color: #f7f7f7; counter-reset: section;  }
 #main_agents .width-wrapper{ padding:0; }
 #main_agents .main_title{ text-align: center; padding-bottom:0; }
 #main_agents .main_title h2{ display: inline-block; position: relative; z-index: 2; }
 #main_agents .main_title h2 span{font-family: 'TypoldCondensedBook'; font-size: 76%;}
 #main_agents .main_title h2:before{ z-index: 1; }
 .main_agent{ position: relative; display: inline-block; width: 33.333%; vertical-align: top; margin-left:-4px; padding:5%; text-align: center; }
 .main_agent img{ width: 100%; padding:0 15%; border-radius: 50%; overflow: hidden;  }
 .main_agent:before{
  font-family: 'Typold';
  font-weight: bold;
 font-size: 18em;
 color: #CCBE96;
 position: absolute;
  counter-increment: section;
  content: counter(section);
  }
 .main_agent h3{ font-size: 1.5em; font-weight: 700; }
 .main_agent h4{font-family: 'Typold';  font-size: 1.125em; color: #BEAF87;  }
 .main_agent h4 span{ display: block; color: #3A3A3C; font-family:'FbMetropoliSans'; font-weight: 300; font-size: 1.5em; }

 /*--------------------------------------------------
Branch
--------------------------------------------------*/

#branch_menu{ background-color: #BEAF87; font-size: 1.125em; color: #fff; padding:15px 0; position: relative; z-index: 2; height: 60px; }
#branch_menu a{ color: #fff; }
.branch_agents, .branch_assets,.branch_name,#branch_menu ul{ display: inline-block; margin-left:-4px; }
#branch_menu ul{ text-align: left; }
 .branch_agents, .branch_assets{ float:right; position: relative; z-index: 1; padding-left:25px; }
 .branch_name{ position: absolute; left:0; right:0; margin:0 auto; z-index: 0; }
 #branch_menu ul{ float:left; position: relative;  z-index: 1; }
 .branch_name{ text-align: center; font-size: 1.5em; }
 #branch_menu li img{ position: relative; max-width: 30px; padding-left:5px; top:6px;}
 #branch_menu li{  padding-right:15px; display: inline-block; margin-left:-4px; font-weight: 400;  }
 #branch_menu ul { text-align: left;margin:0; padding:0; padding-bottom:10px; list-style-type: none;}
 .branch_agents img{ position: relative; top:5px; }
 .branch_assets img { position: relative; top:7px; }

 #branch_info{ padding:3% 5%; background-color: #3A3A3C; color:  #CCBE96; position: relative; }
 #branch_info:before{
  content: "";
  position: absolute;
  display: block;
  width: 9%;
  height: 100%;
  left:0; top:0;
  background-image: url(pics/branch_pattern.png);
  background-position: right;
  }
   #branch_info:after{
  content: "";
  position: absolute;
  display: block;
  width: 9%;
  height: 100%;
  right:0; top:0;
  background-image: url(pics/branch_pattern.png);
   background-position: right;
  }
  .branch_franch{ position: relative; z-index: 1; text-align: center; padding-left:1.5%; padding-top:1%;}
  .branch_franch, .branch_information, .branch_contact_form,.branch_contacts{ display: inline-block; margin-left:-4px; vertical-align:top; }
  .branch_franch{ width: 26%; }
  .branch_information{ width: 25%; padding:0 1%; }
  .branch_contact_form{ width: 23%; }
  .branch_contacts{ width: 26%; }
  .franchiser{ display: inline-block; padding:10px; max-width: 50%; margin-left:-4px; vertical-align: top; }
  .franchiser span{ display: block; padding:5px 0; background-color: #3A3A3C; width: 100%; }
  .franchiser img{ width: 100%; border-radius: 50%; }
  .branch_information h3{ text-align: center;  font-size: 1.875em; font-weight: 300; padding:0 1%; }
  .branch_information h3 strong{ font-weight: 400; }
  .branch_information h3 span{ font-weight: 400; font-size: 2.563rem; }
  .branch_contact_form{ padding: 0 2%; text-align:  center; }
  .branch_contact_form h2{ font-weight: 300; padding-bottom:15px; }
  .branch_contact_form input[type="submit"]{ display: inline-block; padding:7px 25px; margin-top:10px; }
  .branch_contact_form input[type="text"] { margin:10px 0; }
  .branch_social{ text-align: center;padding-top:16%; }
  .branch_social img{ width: 35px; }
  .branch_social a{ padding: 5px; }
  .branch_contacts{ padding:2.5% 2.5% 0 0; }
  .branch_contacts div{ position: relative; font-size: 1.125em;padding:5px 0; min-height: 30px; }
  .branch_contacts div:before{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:#BEAF87;
    padding-left: 0.5em;
    position: absolute;
    right: -20px;
    z-index: 1;


    }
  .fr:before, .br_boss:before{ content: "\f007";font-size: 90%; }
  .fr_mob:before{ content: "\f10b"; font-size: 110%; }
  .br_phone:before{ content: "\f095"; }
  .br_mail:before{ content: "\f0e0"; font-size: 80%; }
  .br_fax:before{ content: "\f1ac"; font-size: 80%;  }
/* .br_address:before{ content: "\f83f"; } */
.br_address{ margin-right:-20px; }
.br_address i{ padding-left:5px; }


  #branch_agents_holder.nomob{ display: inline-block; width: 70%; margin-left:-4px; position: relative; margin-right:5%; vertical-align: top;}
  .branch_square{ display: inline-block; margin-left:-4px; }

  .branch-holder .main_title{ text-align: center; padding-bottom:0;}
  .admin .main_title{ text-align: center;}
  .branch-holder .main_title h2, .admin .main_title h2{ display: inline-block;}
  a.more{ font-weight: 400; font-size: 1.125em; }

  .grid2 {
	overflow: hidden;
	margin: 0;
	padding:10px 0 0 0;
	width: 100%;
	list-style: none;
	text-align: left;
	direction: ltr;

}
.grid2 figure {
	position: relative;
	overflow: hidden;

	width: 100%;
	background:  #3A3A3C;
	text-align: center;
	cursor: pointer;
}

.grid2 figure img {
	position: relative;
	display: block;

	opacity: 1;
}

.grid2 figure figcaption {
	padding: 2.5%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid2 figure figcaption::before,
.grid2 figure figcaption::after {
	pointer-events: none;
}

.grid2 figure figcaption,
.grid2 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid2 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid2 figure{ padding:0; margin:0; }
.grid2 figure h2 {

	font-weight: 300;
}



.grid2 figure h2,
.grid2 figure p {
	margin: 0;
}

.grid2 figure p {
	font-size: 86%;
	direction: rtl;
	color: #CCBE96;
}

.gird-cell2{ 	display: inline-block;  width:33.333%; text-align: center;  position: relative; margin-left:-4px;padding:15px; vertical-align: top; margin-bottom:30px;}
#all_branch_holder .gird-cell2{ width: 25%; margin-bottom:0; }
figure.effect-ruby {
	background-color:  #3A3A3C;
	 overflow: hidden;

	 position: relative;
}
figure.effect-ruby:before{
 content: '';
 display: block;
 position: absolute;
 right:0; top:0;
 width: 100px; height: 120px;
 background-image: url(pics/watermark.png);
 background-size: 100%;
 background-repeat: no-repeat;
 z-index: 1;

 }
 figure.effect-ruby:hover:before{ z-index: -1; }
figure.effect-ruby img {
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.15;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-ruby:hover figcaption img{ opacity: 1; }
figure.effect-ruby h2 {
	opacity: 0;
	position: absolute;
	width: 50%;
	padding:15px 0;
	margin:0 auto;
	left:0; right:0; bottom:20%;
	font-size: 1.313em;
	background-color: #BEAF87;
	border-radius:3px;
	color: #3A3A3C;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-ruby p {
  position: absolute;
  text-align: center;
  width: 100%;
  left:0; right:0; margin:0 auto;
  top:20%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
}
figure.effect-ruby p span{ display: inline-block; padding:10px 10%; }
figure.effect-ruby p span img{ width: 100%; margin-bottom:10px; }

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
figure.effect-ruby:hover h2 a{ color: #3A3A3C; }
figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
.asset_name{ float:right; font-size: 1.33em; font-weight: 400; direction: rtl; }
.asset_price{ float:left; font-size:1.688em; font-weight: 400; direction: rtl; color: #BEAF87; }
.asset_title { padding-top:15px; }

/* Common style */
.item_main {
	position: relative;
	z-index: 1;
	display: inline-block;

	margin:0;
	width: 100%;
    padding:12%;
    margin-top:10px;

	text-align: center;
	cursor: pointer;





}
.item_main a{ text-decoration: none; }
.item_main img{ 	border-radius: 50%; 	width: 100%;   }
.item_main h2{ font-size: 1.5em; font-weight: bold;padding-top:15px; }
.item_main h3{ font-size: 1.125em; font-weight: 400; color: #BEAF87; }
 .add_to_fav{ position: absolute; bottom:15px; right:15px; width: 44px; height: 44px; background-image: url(pics/fav.png); z-index: 1; }
 .add_to_fav.added{ background-image: url(pics/fav_added.png); }
 .sold:after{
 content: "";
 display: block;
 position: absolute;
 width: 30%; height: 40%;
 background-image: url(pics/sold.png);
 background-repeat: no-repeat;
 background-size: contain;
 left:0; top:0;
 z-index: 1;

  }

.courses_image{ border-bottom:5px solid #BEAF87 }

 /*--------------------------------------------------
SEARCH RESULT PAGE
--------------------------------------------------*/
 .search-res-holder{
display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
   width: 100%;


  }
 #assets_search_res_holder{
   width: 50%;
    height: 80vh;
  overflow: auto;
  }
 #assets_info_search_res_holder{
   width: 50%;
     height: 80vh;
  overflow:  auto;
  padding-bottom:5%;
  }
 #assets_search_res_holder .gird-cell2 { width: 50%; }
 .asset_header { display: -webkit-flex; /* Safari */
  display: flex; -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;  border-bottom:1px solid  #CCCCCC; margin-bottom:-12px;}
  .asset_left{ text-align: left; }
  .asset_right{ text-align: right; }
  .asset_header{ padding:2.5% 2.5% 2.5% 75px; }
  .asset_gallery{ width: calc(100% - 300px)}
  .contact_asset_agent{ width: 300px;padding:10px 30px; }
  .asset_gallery_holder{ background-color: #F7F7F7; direction: ltr;display: -webkit-inline-flex; /* Safari */
  display: inline-flex;  width: 100% }

   .contact_asset_agent input[type=text],.contact_asset_agent textarea{ border:1px solid #dadada; font-size: 1.125em; text-align: right; margin:5px 0; }
    .contact_asset_agent .btn{ width: 100%; padding:7px; margin-top:8px; }
	.s_agent_info{ padding:20px 0; }
   .s_agent_info img{ float:right; width: 30%; margin-left:10px; }
   .s_agent_info span{ display: block; text-align: right;padding:2px 0; }
  .s_asset_name{ font-size: 1.66em; font-weight: 400; padding-bottom:7px; }
  .s_asset_info{ padding-top:20px; }
   .s_asset_info span{ display: inline-block; border-left:1px solid #dadada;padding-left:7px; font-weight: 400; }
   .s_asset_info span:last-child{ border-left:none; }
   .s_asset_price{ font-size: 2em; color: #BEAF87; padding-bottom:10px; font-weight: 400; }
   .s_asset_type{ font-size: 1.33em; font-weight: 700; }
   .s_asset_text,.s_asset_table { display: -webkit-flex; /* Safari */
  display: flex; padding:2.5% 7.5% 2.5% 75px;  }
  .s_asset_text{ padding:7.5% 2.5% 7.5% 75px; }
  .s_asset_text h2{ white-space: nowrap; }
   .s_asset_text p{ padding:0 15px; margin:0; font-size: 1.125em; line-height: 1.3; }
   .s_asset_table div{ flex: 0 0 auto; font-size: 1.33em; border-bottom:1px solid #dadada; padding:7px 0;
    margin-right: 0; margin-left:24px;
    width: calc(99.9% * 1/3 - (24px)); line-height: 18px; }

	.s_asset_table{flex-flow: row wrap;  }
	.s_asset_table i{ padding-left:10px; font-size: 74%; color: #808080; }


/*--------------------------------------------------
INFO-PAGE
--------------------------------------------------*/
 .info-page-holder{ max-width: 1200px; margin:0 auto; }
 .info_text{ font-size: 1.25em; line-height: 1.3; }
 .info_pic{ float: left;  max-width: 450px; width: 100%; margin:0 30px 30px 0; }



 /*--------------------------------------------------
ADMIN
--------------------------------------------------*/
#enter_form{ width: 100%; max-width:400px; margin:30px auto; background-color: #BEAF87; background-image: url(pics/pattern.png); padding:2.5%; }
#enter_form label{ display: block; padding:5px 0; }
#enter_form .btn{ background-color: #3A3A3C; color: #BEAF87; margin-top:15px; float:left; }
#cookie{ direction: rtl; padding-top:10px; }
#forgot a{ padding-top:10px; padding-right:22px; display: inline-block; }
#forgot a:hover{ color: #4B4B4E; text-decoration: underline; }
#cookie input[type=checkbox]{ transform: scale(1.2); position: relative; top:2px; cursor: pointer; }

 #header_admin{ }
 #holder_admin{  width: 80%; margin: 0 auto; }
 #nav_admin{
  text-align: center;
  width: 100%; background-color: #BEAF87;
}

#nav_admin ul{
   margin: 0;
   padding: 0;
   list-style: none;
   direction: rtl;

}
#nav_admin li{
    display: inline-block; margin-left:-4px;
	padding:20px 0;
	text-align: center;


}

#nav_admin a{
     color: #FFFFFF;
	 text-decoration: none;
	 font-size:1.25em;
	 font-weight:400;
	  border-left:1px solid #FFFFFF;  padding:0 20px;
}
#nav_admin a:hover{
     color:#ece8dc;
}
#nav_admin li:last-child a{ border-left:none; }
#login_name{ padding-top:2%; font-size: 1.3em; font-weight: bold;text-align: right;padding-right: 13%; }

#squares{ margin:3% 0;  width: 100%;
display: -webkit-inline-flex; /_ Safari _/
  display: inline-flex;
  -webkit-flex-wrap: wrap; /_ Safari _/
  flex-wrap:         wrap;
  }
.sq{
	position: relative;
	color: #FFFFFF;
	 width: 31.333%;
	 margin:1%;

	 text-align: right;
	 background-color: #BEAF87;


 }

 .sq_image{ }
 .sq_image img{ width: 100%;}
 .sq_name{ font-size: 2em; font-weight: 400; display: inline-block; width: 50%; margin-left:-4px; vertical-align: top;padding-top:2.5%;padding-right:5%; }

.sq_nav{ padding:2.5% 5% 2.5%; text-align: right; display: inline-block; width: 50%; margin-left:-4px;}
.sq_nav ul{margin:0; padding: 0; list-style-type: none;}
.sq_nav ul li{
  direction: rtl;
  position: relative;

  }


.sq_nav ul li:before{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #3A3A3C;
    padding-left: 0.5em;
    position: absolute;
    right: -18px; top:8px;
    z-index: 1;
	font-size: 1em;


    }
  .afn1:before{ content: "\f021";  }
  .afn2:before{ content: "\f07c";  }
  .neh1:before{ content: "\f090";  }
  .neh2:before{ content: "\f013";  }
  .irua1:before{ content: "\f040";  }
  .irua2:before{ content: "\f0ca";  }
  .dfus1:before{ content: "\f03a";  }
  .dfus2:before{ content: "\f07a";  }
  .snif1:before{ content: "\f024";  }
  .snif2:before{ content: "\f0c0";  }
  .snif3:before{ content: "\f041";  }
  .snif4:before{ content: "\f129";  }
  .log1:before{ content: "\f0f6";  }
  .log2:before{ content: "\f03e";  }

  .sq.sq_nav ul li{
  border-bottom: 1px solid #d85156;
  list-style-image: url(assets/pics/arr_white.png);
  list-style-position: inside;
  direction: rtl;
  padding-right:2%;

  }

  .sq_nav ul li a{ display: inline-block; color: #3A3A3C; text-decoration: none;padding:3% 2%; font-size: 120%; font-weight: 200;}
  .sq_nav ul li a:hover{ color: #3A3A3C; text-decoration: underline;}
  .sq.sq_nav ul li a{ display: block; color: #fff; text-decoration: none; width:96%;padding:10px 0;; font-size: 120%;}
  .sq.sq_nav ul li a:hover{  text-decoration: none; color: #3A3A3C;}

#page{ padding:3% 1%; }
.assets_holder{ text-align: center; }
.agent_cont_icons{ text-align: right; padding-top:7px; font-size: 1.33em;  direction: rtl;}
.agent_cont_icons.agentb{ text-align: right; padding-top:7px; font-size: 2.66em;  direction: rtl;}
.agent_cont_icons a{ padding-left:5px; }

.agent_cont_icons a:nth-child(1){ color:  #3598DB; }
.agent_cont_icons a:nth-child(2){ color: #1FA21F; }
.agent_cont_icons a:nth-child(3){ color:  #FF6600; }

#right_side_admin{ width:26%; float: right; text-align: right; }
#left_side_admin{ width:72.5%; float: left; padding-right:1.5%; }

.title_admin{ background-color:  #BEAF87; padding:15px; }
.title_admin h2{ color: #FFFFFF;}
.grey{ background-color: #ECE8DC;}
.light_grey{ background-color: #E1DAC7;}
.admin_form { padding: 3% 0; text-align: right; direction: rtl; }
.admin_form input{ width: 100%;padding:8px; margin-bottom: 8px; font-size: 1.125em;}
.admin_form input[type="checkbox"]{ width: 7%; margin-right: 3%; padding:1%; margin-bottom: 3%; margin-top:7%;}
.admin_form label{ display: block; padding:10px 0 5px; font-weight: 400;}
.admin_form div.a100{ width: 100%; padding:12px; clear: both;}
.admin_form div.a50{ width: 45.5%; margin-right: 3%; float: right; min-height: 50px;}
.admin_form div.a30{ width: 29%; margin-right: 3%; float: right;}
.admin_form div.a20{ width: 16.1%; margin-right: 3%; float: right;}
.white_line{ border-bottom: 1px solid #fff; clear: both; padding-top: 5%; margin-bottom: -3%; }
#gallery_block  label{ display:inline-block; padding:10px; font-weight: 400;}
.gallery_new_img_container{ direction: rtl; }

.haed1{
	font-weight:bold;
	text-decoration:underline;
	color:red;
	margin-right:1cm;
}

.agent_pic_admin {width: 40%; margin: 0 auto; }
.agent_pic_admin img{
	width: 100%;
	border:5px solid white;
    -webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.75);
	 }

.property_pic_admin {width: 60%; margin: 0 auto; }
.property_pic_admin img{
	width: 100%;
	border:5px solid white;
    -webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.75);
	 }

	 .browse{ text-align: right;
	 width: 100%;
    padding:12px;
	border-bottom:1px solid #fff;

	 }

.prop_video{

	margin-top: 15px;
}
	.admin_form  .display_order{
     display: inline-block; max-width: 100px;
	}
   .admin_form	input[type="text"]:disabled{ background-color: #E1DAC7; }
 	.admin_form label.display_order { width: 40%; max-width: none; text-align: left; }
	.add_button{ padding:12px; }
	.add_button button{
      position: relative;
	width: 100%;
	text-align:center;
	padding: 15px 0; border-radius:3px;
	border:none;
	cursor: pointer;
	background-color:    #3A3A3C;
	 color: #BEAF87;
	font-size: 1.66em;
	transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; -webkit-transition:all 0.1s linear;
	 }
    .add_button button:after{
    	content: "\f00c";
     font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #3A3A3C;
    padding-left: 0.5em;
    position: absolute;
    left: 20%;
    z-index: 1;
	transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; -webkit-transition:all 0.1s linear;
	 }
	 .add_button button:hover:after{   color:  #BEAF87; }
    .admin_button:hover{
    background-color:  #3A3A3C;

	 }

	.admin_button.green_button{
		background-color: #22BB22 !important;
	}
	.admin_button.green_button:hover{
		background-color: #1FA21F !important;
	 }
	.admin_button.gray_button{
		background-color: #645959 !important;
	}
	.admin_button.gray_button:hover{
		background-color: #444 !important;
	}
	.admin_button img{ vertical-align: middle; padding-right:5%; }
	.admin_button a,.admin_button a:hover{ text-decoration: none; color: #FFFFFF; font-size: 1.2em; font-weight: bold; }

	.admin_button button{
		background: none;
		border: none;
		color: #fff;
		font-weight: bold;
	}

	#admin_search{
		background-color: #BEAF87;
		padding: 12px;
		direction: rtl;
		text-align: right;
	}

	#admin_search label{ display: block; }
	#admin_search form{ display: inline-block; width: 33.33%; margin-left:-4px; text-align:left; }
	.admin_table_title{  display: inline-block; width: 66.666%;  margin-left:-4px; }
   #admin_search #search_prop{ width: 100%; text-align: right;  }
   .col1{ display: inline-block; margin-left:-4px; width: 33.333%;padding:5px; }
   .col2{ display: inline-block; margin-left:-4px; width: 50%; padding:5px; vertical-align: bottom;}
   .w50 { display: inline-block; margin-left:-4px; width: 50%;padding:5px; }
  #admin_search #search_prop input[type='text']{ width: 100%; }
  #search_prop button{  background-color: #3A3A3C;
		color: #BEAF87;
		border: none;
		padding:8px 10%;
		display: inline-block;
         font-size: 1.125em;
		 border-radius: 3px;
		 margin-bottom:5px;
		 cursor: pointer;
		 }
.admin_btn .btn{ background-color: #3A3A3C; color: #BEAF87; border:none; }
.admin_btn .btn a{ color: #BEAF87;  }
.admin_table_title h2{ font-size: 2.250em; position: relative; padding-right:42px; font-weight: 300; z-index: 2; }
.admin_table_title h2 span{ color: #BEAF87; }
.a_button{ padding:7px 12px; border-radius: 3px; background-color: #3A3A3C; color: #BEAF87; display: block;}
.admin_table_title h2:before{

 content: "";
  display: block;
 position: absolute;

 width: 55px; height: 60px;
 right:0; top:-15px;
 background-image: url(pics/21icon_w.png);
 background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: .32;

 }


	#admin_search input[type='text']{
		width: 75%;
		padding:8px;
		border:none;
		font-size: 1.125em;
	}

	#admin_search input[type='submit']{
	    background-color: #3A3A3C;
		color: #BEAF87;
		border: none;
		padding:8px 15px;
		display: inline-block;
	}


select.styled{
     width: 100%;
   	border:none;
	background: #fff;
	border-radius: 3px;
	padding:8px;
	line-height: none;
	font-size: 1.125em; font-weight: 300;
	position:  relative;


   }

#support{ padding:3%; text-align: right; direction: rtl; }
.bordered {
  border-collapse: collapse;
  width: 100%;
   text-align: right;

}

.bordered td, .bordered th {
  border: 1px solid  #E3E3E3;
  padding: 8px;
}

.bordered tr{background-color: #FFF;}

/*.bordered tr:hover {background-color: #E3E3E3;} */
.bordered tr:nth-child(even){ background-color: #F7F7F7; }
.bordered th {
  padding-top: 12px;
  padding-bottom: 12px;

  background-color:#ECE8DC;
  color:  #3A3A3C;
}
.bordered button,.file_upload_label{ background-color: #BEAF87; border-radius: 3px; border:none; padding:8px 12px; font-size: 1em; cursor: pointer; }
.file_upload_label{ max-width: 120px; margin:0 auto; text-align: center; }
.bordered button a:hover{ color: #fff; }
.agent_table .search_result_row img{ width: 100%; max-width: 120px; }


.b_info{ padding-bottom: 10px;  font-weight: 500; display: inline-block;  color: #BEAF87;}
.more{ padding-bottom:30px; text-align: center; }
.more a{ color: #BEAF87; font-weight: 500; display: inline-block; position: relative;}
.more a:after{
	content: "\f104";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: transparent;
    position: absolute;
    left:-20px;
	top:0;
    z-index: 1;
    transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; -webkit-transition:all 0.1s linear;
	}

	.more a:hover:after{
	content: "\f104";
    color: #BEAF87;
    left:-10px;
   }


#all_agents_holder{  display: -webkit-inline-flex;
  display: inline-flex;-webkit-flex-wrap: wrap;
  flex-wrap:         wrap; }
  .item_main.all_agents{ width: 16.666%; padding:2.5%;}

  .goback{ text-align: center;padding:15px ; }
  .goback button{ direction: ltr; cursor: pointer; padding:12px 12%; font-size: 1.66em; color: #fff; border:none; border-radius: 5px; background-color: #BEAF87; }
.goback button i{ position: relative; top: 3px; }

.more_btn a { direction: rtl;padding:12px; font-size: 1.33em; color: #fff; border:none; border-radius: 5px; background-color: #BEAF87;  }
.more_btn{ text-align: center; padding-top:25px }
.main_agent a{ line-height: 1.5; }

/*--------------------------------------------------
FOOTER
--------------------------------------------------*/

 footer{ background-color: #3A3A3C; border-top:5px solid #BEAF87; color: #fff; }
 footer .width-wrapper{ padding:60px 10% 20px; }
 footer a{ color: #fff;}
 footer a:hover{ text-decoration: underline; color: #CCBE96; }
 .footer_links li:first-child{ color: #CCBE96; font-weight: 400; padding-bottom:15px;  }
 .footer_links ul{ list-style-type: none; display: inline-block; width: 25%; margin-left:-4px; vertical-align: top; }
 .footer_links li{ padding:3px 0; }

 #footer_bottom{ background-color: #BEAF87; font-size: 1.125em;font-weight: 400; padding-top:15px;}
 #footer_bottom .width-wrapper{ padding:15px 10%; }

 .footer_logo{ width: 13%; display: inline-block; margin-left:-4px; }
 .footer_logo img{ width: 100%; }

 .footer_address{ width: 55%; padding:0 8%; text-align: right; display: inline-block; margin-left:-4px; padding-bottom:25px; vertical-align: top;   padding-top:4%;}
 .footer_address span:not(.eng){ display: block;  }
 .small{ font-size: .86em; }
 .footer_newsletter{ width: 32%; display: inline-block; margin-left:-4px; vertical-align: top; }
 .bottom_menu{ width: 60%; display: inline-block; margin-left:-4px; text-align: right; }
 .bottom_menu ul{ list-style-type: none; margin:0; padding:0;}
 .bottom_menu li{ float:right; padding:5px 10px;}
 .bottom_menu li a{ text-decoration: none; color: #3A3A3C; }
 .franch_login,.social_bottom { width: 20%; display: inline-block; margin-left:-4px; vertical-align: top;  }
 .franch_login{ text-align: right; }
 .franch_login a{ text-decoration: none; color: #3A3A3C; }
 .franch_login a:hover{ color: #3A3A3C; }
 .franch_login span{ position: relative; top:-8px; }
 .social_bottom{ text-align: left; }
 .social_bottom img{ width: 30px; }
 .social_bottom a{ padding-right:7px; }
 .snif .asset_name{ text-align: center; display: block; float:none; font-size: 1.66em; color: #BEAF87; }
 .snif figure.effect-ruby:before { display: none; }
 .branch_top_info{ padding:0 10px 10px 0; }
 .branch_top_info_name{ font-weight: bold; font-size: 110%; padding:10px 10px 0 0; }
 .branch_social .agent_cont_icons{ text-align: center; padding-bottom:25px; }
/*--------------------------------------------------
media query
--------------------------------------------------*/
@media screen and (max-width: 600px) {
  .bordered thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .bordered tr {
    border-bottom: 3px solid #ddd;
    display: block;
  }

  .bordered td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: left;
  }

  .bordered td::before {
    content: attr(data-label);
    float: right;
	font-weight: bold;
  }
}

@media screen and (min-width:100px) and (max-width:759px) {
.nomob{ display: none; }
.mob{ display: block; }
body{ font-size: 12px; }
.agent_cont_icons{ font-size: 2em; }
#example{ display: none; }
#main_menu_mob{ display: block; }
header{ background-color:  #BEAF87; }
#logo{ width: 35%; top:10px; }
.top_info{ left:15px; top:0; }
#top_phone{ right:17%; top:15px; }
#global_site{ text-align: center; top:15px; }
#global_site span{ display: block; top:0; }
#social_icons a{ width: 30px; height: 30px; }
#social_icons{top:250px; }
#search_holder{ width: 90%; bottom:10%; top: initial; }
#search{ height: 50px; }
#search input[type="text"]{ line-height: 30px; width: 85%; }
#search button.search_button img{ height: 15px; right:3px; top:4px; }
#search button, .md-close{ height: 30px; }
#search button.md-trigger{ line-height: 25px; width: 10%; }
.md-close{ top:-50px; width: 8%; }
#modal-2 select.styled,.col-1 input,.extended_search_button{ width:calc(100% - 6px); }
.col-6 input{  width: calc(100%/3 - 8px); }
.top_info{ top:-10px; }
.slogan{ font-size: 50%; }
#holder > .width-wrapper{ padding:40px 0; }
.main_title h2:before{ width: 39px; height: 42px; }
.main_title{ padding-bottom:20px; }
.gird-cell{ width: 50%; padding:10px; }
figure.effect-chico h2{ padding-top:10%; font-size: 1.66em; }
.gird-cell:nth-child(6) h2{ font-size: 1rem; padding-top:20px; }
.gird-cell h2 span{ padding:5px 0; }
.gird-cell h2 span span{ font-size: 90%; }
#minisites_holder{ padding:30px 0; display: block; }
.minisite_square{ width: 100%; }
#franchisee .square_title, #carreer .square_title{ width: 35%; padding-top:5%; }
.btn{ font-size: .86rem; padding:10px; }
#courses a{ width: 33%; }  #courses .square_title div{ width: 67%; }
.b_square{ width: 100%; }
#main_agents{ margin-top:0; }
.main_agent:before{ font-size: 4em; }
.main_agent{ font-size: 80%; }
footer .width-wrapper{ padding:20px; }
.footer_links ul{ padding:0 0 0 10px; }
.footer_logo{ width: 25%; vertical-align: top; }
.footer_address{ width: 75%;padding:0; padding-right:3%; }
.footer_info{ padding-top:20px; border-top:1px solid #808080; }
.footer_newsletter{ width: 100%;  padding-top:20px; border-top:1px solid #808080; margin-top:20px;}
#footer_bottom .width-wrapper{ padding:0;  }
.bottom_menu{ width: 100%;padding-bottom:20px; }
.franch_login{ width: 30%; }
.social_bottom{ width: 70%; }
.mainpic{ width: 100%; }
/* #main_pic{ overflow: hidden; } */
figure.effect-ruby{ height: initial; }
#footer_bottom{ padding:15px 0 25px; }
#branch_menu ul{ width: 100%; text-align: center; padding-top:10px; }
#branch_menu li{ padding:5px; }
.branch_agents, .branch_assets{padding-bottom:10px; float:left; padding-left:0; display: none;}

 .branch_assets{ top:-3px; }
 #ongrey_title h2{ font-size: 2em; padding-top:15px; }
.branch_name{ width: 100%; text-align: center; padding-bottom:10px; position: relative; }
.branch_franch,.branch_information,.branch_contact_form,.branch_contacts{ width: 100%; }
#branch_info{ padding:3% 12%; }
.branch_contacts div{ font-size: 1.5em; }
.branch_contacts{ padding:5% 10%; }
.search-res-holder,.asset_gallery_holder{ display: block; }
#assets_search_res_holder{ width: 100%; height: 100%; overflow: auto; }
.search_result_page #search_holder{ top:50% }
#assets_search_res_holder .gird-cell2,.asset_gallery,.contact_asset_agent{ width: 100%; }
#assets_info_search_res_holder{  width: 100%; height: 100%; overflow: auto; }
.s_asset_text, .s_asset_table{ padding:7.5% 2.5%; }
.search_result_page{}
#login_name{ padding:4% 4% 0 0; }
#nav_admin li{ padding:10px 0; }
#holder_admin{ width: 96%; }
.sq_image img{ display: none; }
.sq_name{ width: 100%; font-size: 1.33em; }
.sq_nav{ width: 100%; padding-right:25%; }
#right_side_admin, #left_side_admin { width: 100%; }
.admin_table_title, #admin_search form{ width: 100%; }
.col1{ width: 100%; }
.s_asset_address,.s_asset_info{ font-size: 1.33em; }
.s_asset_info{ padding-bottom:15px; }
.contact_asset_agent { font-size: 1.33em; }
#ongrey_title{ position: relative; top:0; }
.item_main.all_agents{ width: 33.3333%; }
#all_branch_holder .gird-cell2{ width: 50%; margin-bottom:0; padding:10px;}
#all_branch_holder .asset_title{ padding-top:10px;}
.gird-cell2{ width: 100%; }
.branch_social{ padding:20px 0; }
#branch_agents_holder.nomob{ display: none; }
#branch_agents_holder.mob .item_main{ width: 33.333%; display: inline-block; padding:0; margin-left:-4px; vertical-align: top; }
.franchiser span{ font-size: 1.66em; }
.branch_social .agent_cont_icons{ text-align: center; padding-bottom:25px; }
.width-wrapper.agent_wrapper{ width: 100%; }
.branch-holder .width-wrapper{ width: 100%; }
.assets_holder .gird-cell2{ padding:0; }
.asset_title{ padding:15px; }
 .social_bottom{ text-align: right; }
 }


@media screen and (min-width:760px) and (max-width:959px) {
  .nomob{ display: none; }
.mob{ display: block; }
body{ font-size: 14px; }
#example{ display: none; }
#main_menu_mob{ display: block; }
header{ background-color:  #BEAF87; }
#logo{ width: 20%; top:10px; }
.top_info{ left:15px; top:0; }
#top_phone{ right:17%; top:10px; }
.slogan{ font-size: 80%; }
#social_icons a{ width: 45px; height: 45px; }
#social_icons{top:250px; }
#search_holder{ width: 70%; top:55%; }
figure.effect-chico h2{ padding-top:45px; font-size: 2em; }
.gird-cell{ padding:10px; }
.gird-cell:nth-child(6) h2{ padding-top:25px; font-size: 1em; }
.grid figure{}
#minisites_holder{ display:block; padding:20px 0;  }
.minisite_square{ width: 33.333%; display: inline-block; margin-left:-4px;}
.minisite_square:nth-child(4){ width: 100%; }
#franchisee .square_title,#carreer .square_title{ padding-top:2%; font-size: 1.33em; }
.btn{ font-size: .86rem; padding:5px; }
#courses .square_title div{ width: 62%; font-size: 60%; }
#courses a{ width: 37%; }

#quick_contact{ padding:10px; }
#quick_contact input[type="text"]{ width: 27%; }
#quick_contact form{ padding:0; }
#quick_contact input[type="submit"]{ padding: 7px;   width: 16%;  font-size: 1.5em;    margin: 15px 0;
    border: none;    border-radius: 3px;      font-weight: 300; }
.main_agent:before{ font-size: 7em; }
footer .width-wrapper{ padding:50px 0 20px; }
#footer_bottom .width-wrapper{ padding:15px 0; }
.social_bottom{ width: 22%; }.franch_login{ width: 18%; }
figure.effect-ruby{ height: initial; }
.minisite_square{ padding:10px; }
.ipad .minisite_square{ width: 50%; font-size: 135%; }
#franchisee .square_title{height: calc(100% - 20px); top:10px; left:10px;}
#courses .square_title, #sale .square_title {width: calc(100% - 20px); bottom:10px; left:10px;}
#carreer .square_title{height: calc(100% - 20px); top:10px; right:10px;}
.ipad .minisite_square> #franchisee .square_title,.ipad .minisite_square> #carreer .square_title{ font-size: 2em;  }
#main_agents{ margin-top:0;}
.main_agent h4 span{ font-size: 1.33em; }
.footer_newsletter h2{ font-size: 1.66em; }
#branch_agents_holder.nomob{ display: none; }
#branch_agents_holder.mob .item_main{ width: 25%; display: inline-block; padding:0; margin-left:-4px; vertical-align: top; }
.branch_agents, .branch_assets{padding-bottom:10px; float:left; padding-left:0; display: none;}
#branch_menu ul,.branch_name{ width: 100%; text-align: center; }
.branch_information{ width: 65%; padding-top:20px;}
.branch_information h3 {  font-size: 1em; text-align: justify; }
.branch_social{ padding-top:2%; }
.branch_name{ position:relative; padding-bottom:25px; }
.branch_contact_form{ width: 58%; padding: 5% 10%; }
.branch_contacts{ width: 38%; padding-top:14%; }
.branch_franch{ width: 30%; }
.search_result_page{ height: 150px; }
.search_result_page #search_holder{ top:44%; }
#ongrey_title{ top:10px; }
.asset_gallery{ width: 100%; }
.s_asset_text{ padding:2.5%; }
.contact_asset_agent{ width: 100%; }
.item_main.all_agents{ width: 33.333%; }
 .franchiser.ag{ width: 100%; max-width: 100%; }

}


@media screen and (min-width:960px) and (max-width:1024px) {
 .nomob{ display: none; }
.mob{ display: block; }
body{ font-size: 14px; }
#wrapper{ }
#example{ display: none; }
#main_menu_mob{ display: block; }
header{ background-color:  #BEAF87; }
#logo{ width: 15%; top:10px; }
.top_info{ left:15px; top:0; }
#top_phone{ right:17%; top:10px; }
.slogan{ font-size: 80%; }
#social_icons a{ width: 45px; height: 45px; }
#social_icons{top:250px; }
#search_holder{ width: 70%; top:55%; }
figure.effect-chico h2{ padding-top:80px; font-size: 2em; }
.gird-cell{ padding:10px; }
.gird-cell:nth-child(6) h2{ padding-top:40px; font-size: 1.33em; }
.grid figure{}
#minisites_holder{ display:block; padding:50px 0;  }
.minisite_square{ width: 33.333%; display: inline-block; margin-left:-4px;}
#franchisee .square_title,#carreer .square_title{ padding-top:2%; }
.btn{ font-size: .86rem; padding:5px; }
#courses .square_title div{ width: 65%; font-size: 80%; }
#courses a{ width: 33%; }
.minisite_square:nth-child(4){ width: 100%; }
#quick_contact{ padding:10px; }
#quick_contact input[type="text"]{ width: 27%; }
#quick_contact form{ padding:0; }
#quick_contact input[type="submit"]{ padding: 7px;   width: 16%;  font-size: 1.5em;    margin: 15px 0;
    border: none;    border-radius: 3px;      font-weight: 300; }
.main_agent:before{ font-size: 12em; }
footer .width-wrapper{ padding:50px 0 20px; }
#footer_bottom .width-wrapper{ padding:15px 0; }
.social_bottom{ width: 22%; }.franch_login{ width: 18%; }
figure.effect-ruby{ height: initial; }
}
@media screen and (min-width:1025px) and (max-width:1200px) {
body{ font-size: 12px; }
#example{ text-align: right; padding-right:15%; }
#search_holder{ width: 50%; }
figure.effect-chico h2{ padding-top:90px; }
.gird-cell:nth-child(6) h2 {

    font-size: 1.33rem;
    padding-top: 53px;
}
#minisites_holder{ padding:20px 0; font-size: 80%; }
#franchisee .square_titlem,#carreer .square_title{ padding-top:0; }
.square_title a{ margin-top:10px; font-size: 12px; padding:5px; }
#courses a, #sale a{ width: 31%; }
#quick_contact input[type="text"], .footer_newsletter input[type="text"], .branch_contact_form input[type="text"]{ margin:8px 0; }
.btn{ font-size: 12px; padding:5px; }
#holder > .width-wrapper{ padding:30px 0; }
#main_agents{ margin-top:0; }
.main_agent:before{ font-size: 12em; }
.bottom_menu{ width: 50%; }
.franch_login, .social_bottom { width: 25%; }
.info_pic{ max-width: 300px; }

}
@media screen and (min-width:1200px) and (max-width:1400px) {
	body{ font-size: 14px; }
#example{ text-align: right; padding-right:15%; }
#search_holder{ width: 50%; }
figure.effect-chico h2{ padding-top:90px; }
.gird-cell:nth-child(6) h2 {

    font-size: 1.33rem;
    padding-top: 53px;
}
#minisites_holder{ padding:20px 0; font-size: 80%; }
#franchisee .square_titlem,#carreer .square_title{ padding-top:0; }
.square_title a{ margin-top:10px; font-size: 12px; padding:5px; }
#courses a, #sale a{ width: 31%; }
#quick_contact input[type="text"], .footer_newsletter input[type="text"], .branch_contact_form input[type="text"]{ margin:8px 0; }
.btn{ font-size: 12px; padding:5px; }
#holder > .width-wrapper{ padding:30px 0; }
#main_agents{ margin-top:0; }
.main_agent:before{ font-size: 12em; }
.bottom_menu{ width: 50%; }
.franch_login, .social_bottom { width: 25%; }
.info_pic{ max-width: 300px; }

}
@media screen and (min-width:1401px)  and (max-width:1600px){
 	body{ font-size: 14px; }
    #minisites_holder{ padding:20px 0; font-size: 80%; }
	.square_title a{ padding:5px; font-size: 60% }
	.gird-cell:nth-child(6) h2 {

    font-size: 1.66em;
    padding-top:75px;
}
 }
@media screen and (min-width:1601px)  and (max-width:1699px){

}