* { margin:0px; padding:0px; }

h1,h2,h3,h4 { margin-top:0px; }

ul li { list-style:none; }


body {
	font-family:Proxima Nova Light, Helvetica, Arial;
	font-size:15px;
	color:#464646;
	width:100%; 
	height:100%; 
 
}

h1 { font-family:Proxima Nova Light, Helvetica, Arial; }

h3 {
	font-family:Proxima Nova Light, Helvetica, Arial;
	color:#4a4786;
	font-size:19px;
	padding-bottom:7px;
	border-bottom:7px solid #4a4786;
	display:inline-block;
}

h4 {
	font-family:Proxima Nova Semi-bold, Helvetica, Arial;
	font-size:16px;
}

a { 
	color:#81be32;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
     -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

a:hover { color:#9dd356; text-decoration:none; }

.divider {
	background-color:#d7d7d7;
	max-width:100%;
	height:2px;
	margin-top:-14px;
	margin-bottom:30px;
}
.forpop{
   margin-left : 4%;
    /*margin-right : 30%;*/
    width : 40%;
    height: 300px;
    background-color : white;
    margin-top: 50px;

    /*border:1px solid #c9c9c9;*/
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    

}

.imagepop{
   margin-left : 45%;
   /*margin-right : 45%;*/
   margin-top: 10px;
        width : 90px;
        height : 90px;
    /*border:  red solid 1px;*/
float : left;    
 
    }



.forcancel{
   /*margin-left : 45%;*/
   margin-right : 10px;
   margin-top: 10px;
   font-size : 22PX;
        width : 40px;
        height : 40px;
        color: #595959;
    /*border:  red solid 1px;*/
    font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight : bolder;
  
 float : right;
    }

.forimagepop{
    width: 80px;
    height : 80px;
}

.poppara{
   display: block;
   margin-top: 110px;
   color: #595959;
    font-size : 14px;
    margin-left: 25%;
    margin-right : 25%;
    text-align : center ;
    font-weight : bolder;
}

.csitemname{
   display: block;
   margin-top: 10px;
   color: black;
    font-size : 26px;
    margin-left: 25%;
    margin-right : 25%;
    text-align : center ;
    font-weight : bolder;
}

.csitemprice{
   display: block;
   margin-top: 10px;
   color: black;
    font-size : 16px;
    margin-left: 25%;
    margin-right : 25%;
    text-align : center ;
    font-weight : bolder;
}

.b1{
  
   margin-top: 30px;
   color:  black;
   color: black;
   background-color:  #bfbfbf;
   cursor: pointer; 
    font-size : 14px;
    margin-left: 25px;
 width: 200px;
    text-align : center ;
    float : left;
      border:2px solid #c9c9c9;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}

.b2{
  
     margin-top: 30px;
   color:  white;
   cursor: pointer ;
   background-color:  red;
   float: right;
    font-size : 14px;
    margin-right: 30px;
 width: 200px;
    text-align : center ;
    
      border:2px solid #c9c9c9;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}

.catbox{
    width: 35px;
    height : 20px;
    background-color : #ffb84d;
    float : left ;
    color: red;
    margin-left: 5px;
    margin-top: 10px;
    text-align : center;
    font-weight : bolder;
    font-size : 13px;
    font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    /*padding:1px;*/

    /*border: 1px solid #b3b3b3;*/
   border-radius : 10px 10px ; 
}

.divider.thin {
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
    
}

.genericSection { padding:70px 0px 70px 0px; }

/* BUTTONS */
.buttonColor {
	font-family:Open Sans;
	font-size:13px;
	letter-spacing:0.2px;
	padding:10px 35px 10px 35px !important;
	color:white;
	border-radius:5px;
	border:1px solid #69992c;
	box-shadow: inset 0 1px 1px white;
	text-shadow:0px -1px 3px #0e4562;
	background-color:#81be32;
	background: -webkit-linear-gradient(#81be32, #76ae2e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#81be32, #76ae2e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#81be32, #76ae2e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#81be32, #76ae2e); /* Standard syntax */
}

.buttonColor:hover {
	color:white;
	text-decoration:none;
	background: -webkit-linear-gradient(#81be32, #8fc34c); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#81be32, #8fc34c); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#81be32, #8fc34c); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#81be32, #8fc34c); /* Standard syntax */
}

.buttonGrey {
	font-family:Open Sans;
	font-size:11.4px;
	letter-spacing:0.2px;
	padding:6px 27px 6px 27px !important;
	color:#868686;
	border-radius:5px;
	border:1px solid #cfcfcf;
	background-color:#f6f6f6;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #f2f2f2); /* Standard syntax */
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.buttonGrey:hover {
	text-decoration:none;
	color:#393939;
	background: linear-gradient(#f2f2f2, #ffffff); /* Standard syntax */
}

.buttonGrey.large {
	font-size:14px;
	padding:10px 30px 10px 12px !important;
	color:#868686;
}

.buttonGrey.large:hover { 
	color:#393939;
	background: linear-gradient(#f2f2f2, #ffffff); /* Standard syntax */
}

/** FORM ELEMENTS **/

.formDropdown, input {
	padding:8px;

	border-radius:3px;
	border:none;
	border:1px solid #c9c9c9;
	box-shadow: 0 1px 1px white;
}

input[type="file"] {
	background:white;
	border:none;
	padding:5px 0px 5px 0px;
}

select {
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; 
    text-indent: 0.01px;
 	text-overflow: "";
 	background: url('../images/dropdown-button.png') no-repeat;
 	background-position: right -1px;
 	background-color:white;
 	cursor:pointer;
}

select::-ms-expand {
display: none;
}

label {
	font-family:Open Sans;
	color:#787878;
	font-size:13px;
}

textarea {
}

.icon {
	float:left;
	margin-right:10px;
	padding-top:0px;
}

/*====================================================================================*/
 /* 03 HEADER 
/*====================================================================================*/

/* TOP BAR */
/***********************/
.topBar {
	padding:7px 0px 7px 0px;
	border-bottom:1px solid #e8e8e8;
	background-color:#f6f6f6;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8f8f8, #f2f2f2); /* Standard syntax */
}

.topBarText { 
	font-family:Open Sans;
	color:#8e8e8e;
	font-size:11px;
	float:left; 
	margin-top:3px;
	margin-right:20px; 
	margin-bottom:0; 
}

.socialIcons { float:right; margin-bottom:0; }
.socialIcons li {
	display:inline;
	padding-left:10px;
	padding-right:6px;
	border-left:1px solid #e2e2e2;
}

.socialIcons li a {
	-webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.socialIcons li a:hover { opacity:0.6; }


/* MAIN HEADER */
/***********************/
.dropdown:hover .dropdown-menu {
    display: block;
 }

 .navbar.navbar-default.navbar-fixed-top { 
 	background-color:white;
	border:none; 
	box-shadow: 0px 0px 3px #9c9c9c;
	z-index:9999;
}

.navbar-toggle { margin-top:17px; }

.navbar-brand { margin-top:6px; font-size:21px; }
.navbar-brand span { font-family:Open Sans; color:#81be32; }
.navbar-brand img { margin-right:15px; padding-bottom:3px; }

.nav.navbar-nav { float:right; }

.nav.navbar-nav li a {
	font-family:Proxima Nova Reg;
	color:#686868;
	font-size:12.5px;
	letter-spacing:0.4px;
	padding-top:26px;
	padding-bottom:26px;
	margin-right:8px;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.nav.navbar-nav li a:hover {
	background-color:transparent;
	color:#81be32;
}

.nav.navbar-nav .current { box-shadow: inset 0 -4px 0px #4a4786; }
.nav.navbar-nav .current-sub { background-color:#f4f4f4; color:#868686; }

.nav.navbar-nav .dropdown .dropdown-menu {
	box-shadow: 0px 2px 3px #9c9c9c;
	background-color:white;
	border:none;
	border-radius:0px;
	padding:0px;
	margin-top:0px;
}

.nav.navbar-nav .dropdown .dropdown-menu li a {
	font-family:Proxima Nova Semi-bold;
	margin:0px 0px 0px 0px;
	padding:10px;
	color:#868686;
	font-size:12px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#efefef;
}

.nav.navbar-nav .dropdown .dropdown-menu li a:hover { background-color:#f4f4f4; color:#868686; }

/** DROPDOWN SUB-MENU **/
.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu {
        position:relative;
        overflow: visible;
    }

    .nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
        left:161px;
        margin-top:-39px;
        margin-left:-1px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        display:none;
        background-color:white;
    }
    
    .nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
        display:block;
    }

/** MEGA MENU **/
.nav.navbar-nav .dropdown .dropdown-menu .yamm-content h4 a {
	font-family:Proxima Nova Light; 
	font-size:15px; 
	color:#868686;
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a {
	padding:0px;
	border:none;
	color:#4a4786;
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a:hover {
	background:transparent;
	color:#4a4786;
}

.googleMap { border:none; width:100%; }

/* LOGIN/REGISTER */
/**************************/
.userButtons { margin-right:-15px; }

.userButtons .buttonGrey {
	font-family:Open Sans !important;
	font-size:11.4px !important;
	color:#868686 !important;
	margin-top:21px;
	margin-left:5px;
	padding-top:4px !important;
	padding-bottom:5px !important;
}

.userButtons .buttonGrey:hover { color:#393939 !important; }

.verticalDivider {
	height:71px;
	width:1px;
	background-color:#d5d5d5;
	margin-right:18px;
}

/** HEADER 2 **/
.header2 .topBar {
	background:#2f2f2f;
	border-bottom:1px solid #e8e8e8;
	background: -webkit-linear-gradient(#3f3f3f, #2a2a2a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#3f3f3f, #2a2a2a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3f3f3f, #2a2a2a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3f3f3f, #2a2a2a); /* Standard syntax */
}

.header2 .socialIcons li { border:none; }

/** HEADER 3 **/
.header3 .socialIcons li a {
	font-family:Proxima Nova Semi-bold;
	color:#606060;
	font-size:12px;
}

.header3 .socialIcons li:first-child { border:none; }
.header3 .verticalDivider { background-color:#e9e9e9; }


/*====================================================================================*/
 /* 04 SUB-HEADERS 
/*====================================================================================*/

/** SUBHEADER HOME **/
.subHeader.home { margin-top:108px; }

.subHeader.home.bxslider .container { padding:90px 0px 150px 0px; }

#slide1 {
	background-image: url('../images/slider-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}

#slide2 {
	background-image: url('../images/banner4.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}

#slide3 {
	background-image: url('../images/banner3.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.home.headerMinimal {
	margin-top:71px;
}

.subHeader.home h1 {
	display:inline;
	font-family:Proxima Nova Light;
	font-size:59px;
	background:rgba(225, 225, 225, 0.8);
	padding:5px 10px 0px 10px;
	line-height:80px;
}

.subHeader.home h1 span { font-family:Proxima Nova Semi-bold; }

.sliderTextBox {
	background:rgba(225, 225, 225, 0.8);
	padding:10px 15px 15px 15px;
	font-size:19px;
	
}

.sliderTextBox p { margin-bottom:20px; }

.sliderTextBox .buttonGrey.large { border-color:#bdbdbd; display:inline-block; }

.sliderTextBox .buttonColor { padding:10px 30px 10px 12px !important; display:inline-block; }

.icon-button-arrow {
	margin-top:-9px;
	width:29px;
	height:19px;
	background-image: url('../images/icon-button-arrow.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid #c6c6c6;
	padding:20px 10px 20px 0px;
	position:absolute;
}

.icon-button-user {
	margin-top:-10px;
	width:29px;
	height:19px;
	background-image: url('../images/icon-button-user.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid #629125;
	padding:20px 10px 19px 0px;
	position:absolute;
}

.buttonText { margin-left:50px; }

.subHeader.home .sliderPrice { 
	font-size:50px;
	float:right; 
	line-height:55px;
	margin-top:190px;
}

.or { 
	font-family:Proxima Nova Semi-bold;
	font-size:13px;
	padding:10px 30px 10px 30px;
	margin:0px 10px 0px 10px;
	background-image: url('../images/arrow.png');
	background-repeat:no-repeat;
	background-size:75px;
}

.sliderControls {
	margin-top:300px; 
	position:absolute; 
	width:100%;
}

.sliderControls span { 
	margin-top:0px; 
	opacity:0.5; 
	position:relative;
	z-index:1000;
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.sliderControls span:hover { opacity:1.0; }
.sliderControls .slider-prev { float:left; margin-left:15px; }
.sliderControls .slider-next { float:right; margin-right:15px; }

/** SUBHEADER MAP **/
.subHeader.map { margin-top:108px; width:100%;  }

#map-canvas { width:100%; height:675px; position:absolute; }

.mapFilter { padding:70px 15px 70px 15px; }

.info-box { width:210px; height:270px; }

/** SUBHEADER PAGE **/
.subHeader.page {
	margin-top:108px;
	padding:65px 0px 65px 0px;
	background-color:#4a4763;
	background-image: url('../images/subHeader-page-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.page h1 {
	float:left;
	font-family:Proxima Nova Light;
	background:rgba(225, 225, 225, 0.7);
	padding:0px 10px 0px 10px;
	line-height:67px;
	display:inline;
}

.searchForm input {
	margin-top:18px;
	padding-right:30px;
	width:200px;
	float:right;
	border:none;
	box-shadow:none;
	background:rgba(225, 225, 225, 0.8);
	background-image: url('../images/icon-search.png');
	background-repeat:no-repeat;
	background-position: right 10px center;
}


/*====================================================================================*/
 /* 05 FILTER
/*====================================================================================*/

.filter { margin-top:-68px; position:relative; z-index:1; }

.filterHeader {
	background-color:#545098;
	height:68px;
}

.filterNav { float:left; padding:23px; padding-left:0px; }

.filterNav li { display:inline; }

.filterNav li a {
	font-family:Proxima Nova Semi-bold;
	color:white;
	padding:24px 30px 23px 30px;
	text-decoration:none;
	outline:none;
}

.filterNav .current {
  position:relative;
  background-color:#4a4786;
}

.filterNav .current:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50%; /* controls horizontal position */
  margin-left:-15px;
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#4a4786 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.filterHeadButton {
	float:right;
	background-color:#4a4786;
	padding:23px;
}

.filterContent {
	padding:23px;
	border-radius:5px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border:1px solid #c9c9c9;
	border-top:none;
	box-shadow: inset 0 -1px 1px white;
	background-color:#f2f2f2;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8f8f8, #ebebeb); /* Standard syntax */
}

.formBlock {
	float:left;
	margin-right:40px;
	width:100%;
}

.priceSlider { margin-top:-12px; margin-bottom:7px; height:9px !important; }

.priceInput {
	float:left; 
	height:20px;
	background:#e7e7e7; 
	border-radius:5px; 
	padding:0px 3px 0px 3px; 
	font-size:13px; 
}

.priceInput input {
	border:none;
	box-shadow:none;
	width:60px;
	padding:0;
}

.noUi-connect { background-color:#81be32 !important; }
.noUi-handle { 
	border-radius:80px !important; 
	cursor:pointer !important; 
	width:20px !important; 
	height:20px !important;
}
.noUi-handle:after,.noUi-handle:before { display:none !important; }

.priceSliderLabel {
	font-size:12px;
	color:#b9b9b9;
	margin-bottom:19px;
}


/*====================================================================================*/
 /* 06 BIG MESSAGE 
/*====================================================================================*/
.bigMessage {
	padding:70px 0px 70px 0px;
}

.bigMessage h1 {
	text-align:center;
	font-family:Proxima Nova Light;
	font-size:40px;
	margin:0px;
}

.bigMessage h1 span { font-family:Proxima Nova Semi-bold; }

.bigMessage p {
	font-size:19px;
	text-align:center;
}


/*====================================================================================*/
 /* 07 PROPERTIES
/*====================================================================================*/

/** PROPERTIES GLOBAL & HEADER **/
.properties {
	padding:20px 0px 20px 0px;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	box-shadow: inset 0 1px 1px white;
}

.ecommercelist {
	width: 19.3%;
    height: 230px;
    float: left;
    margin: 10px;
   
    padding: 15px;
   border-style: solid;
   border-width: 1px;
   border-color: white;
  border-radius: 5px;
   background-color: white;
}

.forimg {
	  
    height: 110px;
    max-width: 100%;
   
   display: block;
    margin: 0 auto;
  
   
}
.epricen {
	
   
    font-size:18px;
    color: black;
  
   font-weight:  200;
   margin-top: 10px;
}

.eprice {
	    font-size:18px;
    color: #c44747;
  
   font-weight:  200;
   margin-top: 10px;
 
}

.ediv {
	
   
  
   background-color: black;
  
  
 
}

   
 .eprice3 {
    
	-moz-box-shadow: 2px 2px 0px 0px #899599;
	-webkit-box-shadow: 2px 2px 0px 0px #899599;
	box-shadow: 2px 2px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	/*background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);*/
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	width: 100px;
    height: 17px;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:11px;
	padding:4px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
    text-align:center;
   
    margin: auto;
}
.eprice3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	/*background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);*/
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.eprice3:active {
	
	
}




.forad {
	
   
    font-size:12px;
    color: #404040;
  
   font-weight:  900;
   margin-top: 10px;
}

.eproduct {
	
    background: yellow;
    font-size: 80px;
    
                       
}


.propertyCat_list { 
                   /*  width:323px; */
                      margin-bottom:12px; }
.propertyCat_list li { display:inline-block; }

.propertyCat_list li a { 
	font-family:Proxima Nova Semi-bold;
	color:#a2a2a2; 
	padding:13px 25px 13px 25px; 
	display:inline-block;
}

.propertyCat_list li a:hover { color:#4a4786; }

.propertyCat_list li .current {
	position:relative;
	color:white;
	background-color:#4a4786;
}

.propertyCat_list li .current:after {
  content:"";
  position:absolute;
  bottom:-10px; /* value = - border-top-width - border-bottom-width */
  left:38%; /* controls horizontal position */
  border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#4a4786 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.propertyCat_list li .current:hover { color:white; }

.propertySort_list { margin-top:-55px; margin-bottom:53px; }

.propertySort_list li {
	float:right;
	display:inline;
	padding:10px;
}


/** PROPERTIES GRID **/
.propertyItem {
	background-color:white;
	box-shadow: 0px 1px 3px #d4d4d4;
	margin-bottom:30px;
}

.propertyContent { padding:9px; }
.propertyContent a { color:#2a2a2a; }
.propertyContent a:hover { color:#4a4786; }

.propertyImg {
	max-width:100%;
	margin-bottom:15px;
}

.propertyImgLink {
	-webkit-transition: opacity 0.3s linear;
    /*-moz-transition: copacity 0.3s linear;*/
    /*-ms-transition: opacity 0.3s linear;*/
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.propertyImgLink:hover { opacity:0.8; }

.propertyType {
	position:absolute;
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	background-color:#4a4786;
	color:white !important;
	padding:7px;
	z-index:1;
}

.openHouse {
	position:absolute;
	font-family:Proxima Nova Semi-bold;
	color:white;
	font-size:13px;
	right:7px;
	background-image: url('../images/open-house-bg.png');
	background-repeat:no-repeat;
	padding:19px 13px 15px 15px;
	z-index:1;
}

.forSale {
	float:left;
	font-family:Proxima Nova Semi-bold;
	font-size:15px;
	background-color:#d5d5d5;
	color:white;
	padding:4px 9px 4px 9px;
	border-radius:4px;
	display:inline-block;
}

.price {
	font-family:Proxima Nova Semi-bold;
	float:right;
	color:#4a4786;
	font-size:23px;
    margin-top:-30px;
}

















.pricex1 
{
   box-sizing: border-box;  
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    
}
.pricex1:hover 
{
     box-sizing: border-box;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.pricex1 .header 
{
     box-sizing: border-box;
    background-color: #111;
    color: white;
    font-size: 25px;
}
.pricex1 li 
{
     box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
}
.pricex1 .grey 
{
     box-sizing: border-box;
    background-color: White;
    font-size: 20px;
}

.pricex1 .img 
{
     box-sizing: border-box;
    background-color: White;
    font-size: 20px;
}














.propertyDetails { 
	background-color:#f8f8f8;
	margin-top:0px; 
	border:1px solid #cacaca;
	width:100%;
	text-align:center;
}

.propertyDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:33.6%;
	height:45px;
	border-color:#cacaca;
	color:#ababab;
}

.pageList { text-align:center; margin-top:20px; }
.pageList li { display:inline; }
.pageList li .current { background-color:#4a4786; color:white; font-family:Proxima Nova Semi-bold; }
.pageList li a {
	color:#a1a1a1;
	padding:4px 10px 4px 10px;
	border-radius:3px;
	background-color:#dcdcdc;
}

.pageList li a:hover { 
	background-color:#4a4786; 
	color:white; 
	-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

.masonryRow .col-lg-3 { width:292px; } 
.masonryRow .col-lg-3.wide { width:583px; }

/** PROPERTIES ROW **/
.rowText { padding-top:17px; padding-right:33px; }
.rowText h4 { float:left; font-size:19px; margin-bottom:0px; }
.rowText .price { float:right; }
.rowText .forSale { float:right; margin-right:20px; }
.propertyImgRow { max-width:100%; }

/** PROPERTY SINGLE **/
.gallery .sliderControls span { 
	margin-top:-420px; 
	opacity:0.6; 
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    /*-ms-transition: opacity 0.3s linear;*/
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.gallery:hover .sliderControls span { opacity:1.0; }
.gallery .sliderControls .slider-prev { float:left; margin-left:35px; }
.gallery .sliderControls .slider-next { float:right; margin-right:60px; }
.gallery #bx-pager { 
	text-align:center;
	background-color:white; 
	padding:10px;
	margin-bottom:40px;
 }

.gallery #bx-pager a img { opacity:0.6; }
.gallery #bx-pager a.active img { opacity:1.0; }

.overview {
	background-color:#f8f8f8;
	padding:10px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	margin-bottom:30px;
}

.overviewList li { 
	padding-top:7px;
	padding-bottom:7px; 
	border-bottom:1px solid #dcdcdc;
}

.overviewList li:last-child { border:none; padding-bottom:0px; }

.overviewList span { 
	font-size:13px;
	font-family:Proxima Nova Semi-bold;
	float:right; 
	color:#4a4786;
} 

.amentitiesTable { width:100%; }
.amentitiesTable td { width:27%; height:43px; }

.mapSmall { 
	max-width:100% !important; 
	height:200px !important; 
	position:relative !important; 
	margin-bottom:30px; 
}

/** SUBMISSIONS **/
.sidebarWidget.submission { height:600px; }

.myProperties { width:100%; }
.myProperties td.myPropertyImg { width:15%; }
.myPropertyAddress { width:20%; }
.myPropertyType { width:15%; }
.myPropertyStatus { width:11%; }
.myPropertyDate { width:15%; }
.myPropertyActions { width:24%; }
.myPropertyActions .icon { margin-right:5px; }

.myProperties .smallThumb { width:50%; }

.myProperties tr { border-bottom:1px solid #d8d8d8; }
.myProperties td { padding:10px 0px 10px 0px; }

.myProperties span { 
	font-family:Open Sans;
	font-size:12px;
	margin-right:27px; 
	float:left; 
}

.myPropertiesHeader { 
	font-family:Open Sans; 
	font-size:13px; 
}

.amenityCheck { margin-bottom:4px; }
.amenityCheckList input { float:left; width:20px; margin-right:5px; }
.amenityCheckList div label { 
	float:left;
	font-family:Proxima Nova Light; 
	font-weight:normal; 
	font-size:15px; 
	color:#464646;
}


/*====================================================================================*/
 /* 08 SERVICES
/*====================================================================================*/

.services { padding:70px 0px 70px 0px; text-align:center; }

.services .col-lg-4.col-md-4.col-sm-4 { margin-bottom:30px; }

.services h1 {
	text-align:center;
	font-family:Proxima Nova Light;
	font-size:40px;
	margin:0px;
}

.services h1 span { font-family:Proxima Nova Semi-bold; }

.serviceArrow {
	position:absolute;
	margin-left:35%;
	margin-top:-263px;
	opacity:0.6;
}

/*====================================================================================*/
 /* 09 AGENTS
/*====================================================================================*/

/** TOP AGENTS **/
.topAgents {
	padding:70px 0px 70px 0px;
	color:white;
	text-align:center;
	background-image: url('../images/topAgents-bg.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

.topAgents .col-lg-3.col-md-3.col-sm-3 { margin-bottom:60px; }

.agentImg { max-width:100%; }

.topAgents .socialIcons, .socialIcons.agent { float:none; }
.topAgents .socialIcons li, .socialIcons.agent li { border:none; padding-left:3px; }
.topAgents .socialIcons li a {
	background-color:white;
	padding:2% 3% 2% 3%;
	border-radius:4px;	
}

.topAgents .socialIcons li a:hover { background-color:#393939; }

/** AGENT LISTING GRID **/
.agentDetails { 
	background-color:#f8f8f8;
	margin-top:0px; 
	border:1px solid #cacaca;
	width:100%;
}

.agentDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:50%;
	height:50px;
	border:none;
	color:#ababab;
	text-align:right;
	padding:9px;
}

.agentDetails .buttonGrey {
	float:left;
	padding:6px 14px 6px 14px !important;
}

/** AGENT LISTING ROW **/
.rowText.agentRow .buttonGrey { float:right; }
.rowText.agentRow .socialIcons { float:left; }
.rowText.agentRow .socialIcons li { border:none; }


/*====================================================================================*/
 /* 10 BLOG
/*====================================================================================*/

/** RECENT BLOG POSTS WIDGET **/
.recentBlogPost { display:inline-block; }
.recentBlogPost h4 a { color:#2a2a2a; }
.recentBlogPost h4 a:hover { color:#4a4786; }

.blogThumb { float:left; margin-right:20px; }

.recentBlogContent { float:left; width:76%; }
.recentBlogContent p { margin-bottom:15px; }

.date { float:right; }

/** BLOG CLASSIC **/
.blogPost {
	background-color:white;
	box-shadow: 0px 1px 3px #d4d4d4;
	margin-bottom:30px;
}

.blogPost .rowText { padding:30px; }

.blogDetails { 
	margin-top:-10px; 
	margin-bottom:25px;
	border:1px solid #cacaca;
	width:100%;
	text-align:center;
}

.blogDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:25%;
	height:45px;
	border-color:#cacaca;
}

.blogDetails td a { color:#ababab; }

.blogPost h4 { font-family:Proxima Nova Light; font-size:19px;}
.blogPost h5 { 
	font-family:Proxima Nova Semi-bold; 
	font-size:16px; 
	margin-top:25px;
}

.blogPost span {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	color:#939393;
	line-height:33px;
	display:inline-block;
	margin-bottom:20px;
}

.blogPost span a { color:#4a4786; }

/** BLOG SINGLE **/
.quote {
	font-family:Proxima Nova Semi-bold;
	color:#9a9a9a;
	font-size:16px;
	background-color:#f5f5f5;
	padding:27px;
	width:82%;
	margin:30px 0px 35px 9%;
	border-left:4px solid #514f8b;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent; 
	border-right:8px solid #514f8b; 
	float:left;
	margin-top:50px;
	margin-left:-8px;
}

.commentList { margin-bottom:20px; }

.commentImg { max-width:100%; }

.commentText { 
	padding:14px;
	padding-bottom:30px;
	background-color:white; 
	border:1px solid #c9c9c9;
	border-left:4px solid #514f8b;
	border-radius:5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	margin-bottom:20px;
}

.commentText h1 {
	font-family:Proxima Nova Semi-bold;
	font-size:14px;
	color:#514f8b;
}

.commentText p { font-size:14px; }

.commentText .commentFooter {
	float:left;
	font-family:Proxima Nova Semi-bold;
	font-size:11px;
	color:#ababab;
}

.commentText .commentFooter.replyIcon:hover { opacity:0.7; }

.commentText .commentFooter.replyIcon { float:right; }

.comment.reply { margin-left:145px; }

/*====================================================================================*/
 /* 11 PAGES
/*====================================================================================*/

/** ABOUT **/
.topAgents.about { 
	background:none; 
	padding-top:0px; 
	color:#464646;
}

.topAgents.about h4 { color:#4a4786; }

.callToAction.about { padding-top:70px; }

/** FAQ **/
.accordianTab {
	margin-bottom:20px;
	background:white;
	padding:10px;
	border-radius:5px;
	border:1px solid #dadada;
}

.accordianLink {
	background-image: url('../images/icon-plus.png');
	background-position:4px 9px;
	background-repeat:no-repeat;
	padding-left:35px;
}

.accordianLink p { padding-top:9px; }

.accordianTab .accordianLink { cursor:pointer; }

.accordianTab .accordianLink:hover { color:#4a4786; }

.accordianContent { display:none; padding:15px 20px 0px 20px; }

/** 404 **/
.error-404 {
	background:url('../images/icon-search-big.png');
	background-repeat:no-repeat;
	background-position:56% 0;
	text-align:center;
	padding-bottom:20px;
	padding-top:50px;
	margin-top:20px;
}

.error-404 h1 {
	font-family:Proxima Nova Semi-bold;
	font-size:85px;
	color:#4a4786;
}

.error-404 p { font-size:21px; }

/*====================================================================================*/
 /* 12 CONTACT
/*====================================================================================*/
.contactDetails { margin-bottom:40px; }
.contactDetails li {
	display:inline;
	margin-right:40px;
}

.contactDetails li img { margin-right:13px; }

.mapContact { 
	max-width:100% !important; 
	height:330px !important; 
	position:relative !important;  
}

.contactImg { max-width:100%; float:left; margin-right:20px; }

/*====================================================================================*/
 /* 13 CALL TO ACTION
/*====================================================================================*/

.callToAction { padding:0px 0px 70px 0px; }

.ctaBox { 
	background-color:#ebebeb;
/*	padding:30px 25px 30px 15px;
 */	border-radius:5px;
}

.callToAction h1 { font-family:Proxima Nova Light; font-size:32px; }
.callToAction h1 span { font-family:Proxima Nova Semi-bold; }

.callToAction p { font-size:17px; }

/*====================================================================================*/
 /* 14 SIDEBAR
/*====================================================================================*/

.sidebarWidget {
	margin-bottom:40px;
	background:white;
	padding:15px;
	border-radius:5px;
	border:1px solid #dadada;
}

.sidebarWidget h4 a, .sidebarWidget.recentPosts h4 a { 
	font-family:Proxima Nova Light; 
	font-size:15px; 
	color:#868686;
}

.sidebarWidget h4 a:hover { color:#4a4786; }

.sidebarWidget.recentPosts a {
	font-family:Proxima Nova Semi-bold;
	font-size:12px; 
	color:#4a4786; 
	float:left;
}

.sidebarWidget.recentPosts .date { 
	font-size:12px; 
	font-family:Proxima Nova Semi-bold;  
	color:#acacac;
}

.propertyTypesWidget ul li h4 { margin:0; }

.propertyTypesWidget ul li {
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #dadada;
}

/*====================================================================================*/
 /* 15 SHORTCODES
/*====================================================================================*/

/** TABS **/
.tabSmall li { display:inline; }
.tabSmall li a.current { 
	font-family:Open Sans;
	color:white;
	border:1px solid #69992c;
	box-shadow: inset 0 1px 1px white;
	text-shadow:0px -1px 3px #0e4562;
	background-color:#81be32;
	background: -webkit-linear-gradient(#81be32, #76ae2e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#81be32, #76ae2e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#81be32, #76ae2e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#81be32, #76ae2e); /* Standard syntax */
}

.tabSmall .buttonGrey {
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

.tabConent {
	margin-top:-6px;
	border-top-left-radius:0px;
}

/** ALERT BOXES **/

.alertBox {
	border-style:solid;
	border-radius:3px;
	padding:18px 18px 8px 18px;
	margin-bottom:15px;
}

.alertBox img { float:left; margin-right:10px; margin-top:-3px; }

.success { 
	background-color:#e2f1db;
	border-color:#8dca70;
	color:#73a45b;
}

.success h4 { color:#73a45b; }

.error {
	background-color:#f1d9d9;
	border-color:#c44747;
	color:#c44747;
}

span.error { 
	display:inline-block; 
	margin-bottom:25px; 
	padding:0px 3px 0px 3px;
	border-radius:3px;
}

.error h4 { color:#c44747; }

.info {
	background-color:#d9e7f1;
	border-color:#70a3ca;
	color:#70a3ca;
}

.info h4 { color:#70a3ca; }

.warning {
	background-color:#ebe8bc;
	border-color:#aca530;
	color:#aca530;
}

.warning h4 { color:#aca530; }

/** PRICING TABLE **/
.pricingTable {
	margin-top:-15px;
	padding:0px;
	text-align:center;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	border-color:#c9c9c9;
	-webkit-box-shadow: 0px 0px 4px #d6d6d6;
    -moz-box-shadow: 0px 0px 4px #d6d6d6;
    box-shadow: 0px 0px 4px #d6d6d6;
    margin-bottom:30px;
}

.pricingTable:hover {
	margin-top:-25px;
	animation-duration: 0.55s;
  	animation-name: slideUpPrice;
  	animation-direction: normal;
  	animation-iteration-count: 1;
}

/* animation */
@keyframes slideUpPrice {
  from {
    margin-top: -20px;
  }

  to {
    margin-top: -25px;
  }
}

.pricingHeader { padding:11px 0px 18px 0px; }

.pricingTable h1 {
	font-family:Open Sans;
	color:#4a4786;
	font-size:20px;
}

.pricingTable h2 {
	font-family:Open Sans;
	color:white;
	font-size:48px;
	line-height:25px;
	/*-webkit-text-shadow:0px 0px 3px #202020;
	-moz-text-shadow:0px 0px 3px #202020;*/
	text-shadow:0px 0px 3px #202020;
}

.priceAmount {
	margin-top:-19px;
	background-color:#4a4786;
	padding:28px 0px 10px 0px;
}

.priceAmount h2 span {
	font-size:16px;
	font-style:italic;
}

.pricingTable ul li {
	list-style:none;
	line-height:50px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	/*background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0));*/ 
	background-image: linear-gradient(to top, rgba(0,0,0,.04), rgba(2,2,2,0));
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#d3d3d3;
}

.pricingTable ul li:last-child { border-bottom:none; line-height:70px; background:none; }

/*====================================================================================*/
 /* 16 FOOTER
/*====================================================================================*/

footer {
	padding:70px 0px 0px 0px;
	background-color:#4e4c6c;
	color:#a8a6b7;
}

footer .col-lg-3.col-md-3 { margin-bottom:30px; }

.footerLogo { font-family:Proxima Nova Light; color:white; font-size:21px; }
.footerLogo span { font-family:Proxima Nova Semi-bold; color:#81be32; font-size:21px; }
.footerLogo img { margin-right:15px; }

footer h4 { color:white; margin-bottom:20px; }

footer span {
	font-family:Proxima Nova Semi-bold;
	font-size:11px;
}

.contactList li {
	margin-bottom:17px;
}

footer .icon { padding-top:3px; }

footer input { 
	border:1px solid #4f4d6e; 
	width:61%; 
	float:left; 
	margin-right:8px; 
}

footer .buttonColor { 
	margin-top:-1px; 
	width:80px; 
	border-color:#4f4d6e;
	padding:10px 15px 10px 15px !important;
}

.bottomBar {
	font-family:Open Sans;
	padding-top:15px;
	padding-bottom:7px;
	font-size:11px;
	color:#726f91;
	background-color:#373550;
}

.bottomBar p { float:left; margin-top:6px; }

.bottomBar .socialIcons { margin-top:5px; }

.bottomBar .socialIcons li { border-color:#5b597c; }

#footer2 { text-align:center; }

.socialIcons.footer2 {float:none; }
.socialIcons.footer2 li {display:inline;  border:none; }
.socialIcons.footer2 li a {
	width:50px;
	height:50px;
	padding-top:10px;
	display:inline-block;
	border:3px solid #5b597c; 
	border-radius:75px;
}

   .ecomsize
        {
           
           
        
        

          width: 99%;
          margin-left: 1%;

         
          
          float: right  ;
          
          
          
             
    background-color: #F5F5F5;

        }

   .baglogo2big
{
 height: 80px;
    width: 73%;
       background-color: #6495ED;
     
       float: right;
       text-align :center;
       vertical-align: middle;
    line-height: 80px;
    font-weight: bolder;
    font-size: 20px;
      color: #FDF3E7;
      margin-top: 30px;

   }

.leftbar
{
 height: 1200px;
    width: 27%;
    float: left;
    
     
     
}

.leftbar2
{
 height: 570px;
    width: 85%;
  margin-left: 7.5%;
 
   
     background-color: #FDF3E7;
   
}



.leftbar2x
{
 height: 610px;
    width: 85%;
  margin-left: 7.5%;
   
     background-color: #FDF3E7;
   
}


.spacex1
{
    height: 20px;
}


.sboxx2
          {
             width: 90%;
             height: 100px;
             margin-top: 20px;
              font-size: 27px;
              vertical-align: central ;
          

          }




.lefthead1
{
 height: 80px;
    width: 100%;
       background-color: #6495ED;
      
       
   }



.lefthead1x
{
 height: 80px;
    width: 100%;
       background-color: #00b3b3;
      
       
   }


.baglogo
{
 height: 78px;
    width: 24%;
       background-color: #cce6ff;
      
    float: left;
      border: thin;
      border-color : #6495ED;
      border-style: solid ;

      

   }

img.imgw

{
  margin-left: 10px;
    margin-top: 8px;

      

   }

.menlogo
{
 height: 78px;
    width: 24%;
       background-color: #d6f5f5;
      
    float: left;

      border: thin;
      border-color : #00b3b3;
      border-style: solid ;

      

   }



.baglogo2
{
 height: 80px;
    width: 75%;
       background-color: #6495ED;
     
       float: right;
       text-align :center;
       vertical-align: middle;
    line-height: 80px;
    font-weight: bolder;
    font-size: 20px;
      color: #FDF3E7;

   }




.menlogo2
{
 height: 80px;
    width: 75%;
       background-color: #00b3b3;
     
       float: right;
       text-align :center;
       vertical-align: middle;
    line-height: 80px;
    font-weight: bolder;
    font-size: 20px;
      color: #FDF3E7;

   }




img.Img4
{
    margin-left: 8px;
    margin-top: 8px;
}
img.Img5x
{
    height: 10px;
    width: 100%;
}


img.Img5
{
    margin-left: 20px;
    margin-top: 12px;
}

img.c44
{
  position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;


}

.fbar
{
 height: 220px;
    width: 90%;
       background-color: #cce6ff;
     margin-left: 18px;
      margin-top: 7px;
     list-style-type: square;
     list-style-position: inside;

    font-weight: bolder;
    font-size: 12px;
      color: darkgrey;

   }
.hidedivbig
    {
        display: none;
    }

.fbar2x
{
 height: 250px;
    width: 100%;
       background-color: #d6f5f5;
     
      margin-top: 10px;
     
   list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;

   }

.fbar2
{
 height: 200px;
    width: 100%;
       background-color: #6495ED;
     
      margin-top: 10px;
     
   list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;

   }










.fbar2zs
{
 
height: 250px;

    width: 100%;
       background-color: red;
     background-image: url('../images/office-banner 2.jpg');
	 background-repeat: no-repeat;
  background-size: 100% ;
  
      margin-top: 0px;
     

    font-weight: bolder;
    font-size: 15px;
  
   }

.fbarcenter {
  position: absolute;
   width: 20%;
  top: 35%;
  left: 30%;
 color: #F8F8FF;
  transform: translate(-50%, -50%);
}
.fbarcenterbig {
  font-size: xx-large;
}


.fbar23
{
 height: 250px;
    width: 100%;
       background-color:#00b3b3;
     
      margin-top: 10px;
     
   list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;

   }



.firstbox34
{
 height: 150px;
    width: 100%;
       
     text-align: center;
  padding: 75px;
  font-size: xx-large;
 color: #696969;
  
   }

.secondbox
{
 height: 30px;
    width: 100%;
       
     text-align: center;
  padding: 5px;
  font-size: 16px;

 color: #696969;
  
  
   }
.secondbox4
{
 height: 100px;
    width: 100%;
      

     text-align: center;

  font-size: 16px;

 color: #696969; 
  
   }
  .majorbox
          {
            
          
       
          }

            .sboxx
          {
             width: 50%;
             height: 100px;
             margin-top: 20px;
              font-size: 27px;
          
        
          }



               .sbox1
          {
             width: 25%;
             height: 300px;
             margin-top: 40px;
              font-size: 27px;
          
              background-color: red;
          float: left;

          }


.sbox2
          {
             width: 25%;
             height: 300px;
             margin-top: 40px;
              font-size: 27px;
            
              background-color: green;
          
                float: left;

          }


.sbox3
          {
             width: 25%;
             height: 300px;
             margin-top: 40px;
              font-size: 27px;
            
              background-color: yellow;
            float: left;


          }

.sbox4
          {
             width: 25%;
             height: 300px;
             margin-top: 40px;
              font-size: 27px;
           
              background-color: gray;
          
                float: left;

          }

.buttonxxw44 {
background-color: #008CBA;
  display: inline-block;
width: 90%;

}


.dibutton {
    width: 100%;
    background-color: red;

}
.buttonxxw2 {

  border: none;

 width: 50px;
  text-align: right;
  text-decoration: none;
 
 
  cursor: pointer;
  
   background-image: url('../images/search.png');

  background-repeat: no-repeat;
     
}


.thirdbox
{
 height: 70px;
    width: 100%;
       
     text-align: center;
  padding: 5px;
  font-size: 16px;
    
 color: #696969;
  
   }




.buttontest {
background-color: #008CBA;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
width: 10%;
height: 40px;
clear: left;
line-height: 8%;
margin-left: 5%;
  margin-left: 10px;
  margin-top: 25px;
background-image: url('../images/search.png');
background-position: 5px 5px; 
background-repeat: no-repeat;
border-radius: 12px;
}

.spacetest {
    height: 30px;
}

.spacetest2 {
    height: 10px;
}





.buttoncd {
	width: 100%;
	border-radius: 7px;
	background: green;
	
	border: none;
	color: #51771a;
  margin-top:50px;
	padding-top: 14px;
	padding-bottom: 14px;
	outline: none;
	font-size: 13px;	
	border-bottom: 3px solid #307d63;
	cursor: pointer;
}

.buttonxx {

background-color: #008CBA;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;


  
    clear: left;
    line-height: 8%;
    margin-left: 40px;
    

}



li.k7
{
  
    clear: left;
    line-height: 4%;
    margin-left: 40px;
    

}
.buttomspace
{
    clear: left;
 height: 100px;
    width: 100%;
       background-color:white ;
        }


.contactus2
{
    clear: left;
 height: 600px;
    width: 100%;
      background-color: #cce6ff;
   
        }













.size-960 .line {
  margin:0 auto;
  max-width:60em;
  padding:0 0.625em;
}
.size-1140 .line {
  margin:0 auto;
  max-width:71.25em;
  padding:0 0.625em;
}
.size-960.align-content-left .line,.size-1140.align-content-left .line {margin-left:0;}
form {line-height:1.4em;}
nav {
  display:block;
  width:100%;
  background:#262626;
}
.line:after,nav:after,.center:after,.box:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}

















.buttomspace2
{


    
 height: 10px;
    width: 100%;
       background-color:black ;
        }
.buttomdiv
{
    clear: left;
 height: 200px;
    width: 100%;
       background-color: #ababab;
     
      margin-top: 20px;
     
   list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;

   }




.buttomdivcd
{
    clear: left;
 height: 200px;
    width: 100%;
       background-color: red;
     
      margin-top: 20px;
     
   list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;

   }




.down1
{
  float: left;
 height: 150px;
    width: 28%;
   position:relative;
  margin-left: 5px;
   list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;

   }




.addressfloat
{
  float: left;
 height: 150px;
    width: 28%;
   position:relative;
  margin-left: 2%;
  
   list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgray;
       padding-right: 2%;
   }
.down2
{
   float: left;
 height: 150px;
    width: 50%;
     
     
   
     
   list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;

   }


.youfont
{
      font-weight: bolder;
    font-size: 15px;
      color: #666666 ;
      
}
.down3
{
    float: left;
 height: 150px;
 margin-top: 10px;
    width: 20%;
   
        list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;

   }

.k8
{

    color: white ;
}




.subdown1
{
    float: left;
 height: 140px;
    width: 50%;
       
        list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;
      margin-top: 10px;

   }



.subdown2
{
    float: left;
 height: 140px;
    width: 50%;
     
        list-style-type: none;
    font-weight: bolder;
    font-size: 15px;
      color: darkgrey;
       margin-top: 10px;
   }

.forfpleft{
  /*background-color : red;*/
    height : 90px;
    width: 45%;
    float : left;
    margin-top : 0px;
   
}
.forfpright{
  background-color : transparent;
    height : auto;
    width: 40%;
    float : left;
    margin-top : 0px;
   
}

.forfinalpay{
    /*background-color : lightgoldenrodyellow;*/
    height : auto;
    width: 50%;
    float : left;
    margin-top : 45px;
}








       
         .kola
          {
              margin-top: 10px;
          margin-bottom: 10px;
          float: right;
        
          }


          .sbox
          {
             width: 80%;
             height: 100px;
             margin-top: 25px;
              font-size: 27px;

          }





        .searchbanner
        {
            height: 100px;
            background-color: #cce6ff;
            width: 100%;
           
          
         
            clear: both;

               }
        .textshadow {
           text-shadow: 2px 2px #008CBA;
    }

      
        .textshadow2 {
           text-shadow: 1px 1px #008CBA;
    }


        .div1{
         height: 100px;
          width : 17%;
      

    float:left ;
           margin-left: 3%;
      
        }
        .div2{
         height: 100px;
          width : 45%;
        
               float:left ;
       margin-left: 5%;

      

        }
        .div3{
       
        }

         .divmenux {
        width: 300px;
        float: right;
        margin-top: 20px;
        margin-right:20px;
        
     

        height: 80px;
        }
      
          .divmenux2 {
        
        
          margin-top: 10px;
          margin-left: 15px;

        
       
        }
        .animatebar{
         height: 388px;
          width: 78%;
         
      float: left;
             

background-image: url(../images/back_animation.jpg);
background-repeat:no-repeat;
 background-size: 100% auto;

        }
        

         .animatesidebar{
         height: 408px;
          width : 22%;
       
         float: right;
              
        }


          .columns {
 box-sizing: border-box;
    float: left;
    width: 25%;
    padding: 48px;
}



  .columns2 {
 box-sizing: border-box;
  color: white;
    float: left;
    width: 50%;
    height: 500px;
   
}


  .Pricingx {
      

 width: 100%;
    height: 900px;
   background: #99CCFF;


}
  .Pricingx img
{
    width: 100%;
    height: 400px;
}










  .overlays {
    
  
}






  .centert {
    text-align: center;
     font-size: 14px;

   padding-top:30px;
   
}




          .sidebar2a{
         height: 136px;
          width : 100%;
        background-image: url(../images/shoe1.jpg);   
                 
        }
          
.sidebar2a:hover {
   background-image: url(../images/shoe1_back.jpg);     
 
}



  .sidebar2b{
         height: 136px;
          width : 100%;
        background-image: url(../images/bag1.jpg);   
                 
        }
          
.sidebar2b:hover {
   background-image: url(../images/bag1_back.jpg);     
 
}



  .sidebar2c{
         height: 136px;
          width : 100%;
        background-image: url(../images/cloths1.jpg);   
                 
        }
          
.sidebar2c:hover {
   background-image: url(../images/cloths1_back.jpg);     
 
}











.div1 img
{
    width: 100%;
    height: auto;
    
}
.ecom

{
     width: 100%;
    height: 70px;
   
   
    clear: both;

  

     background-position: center; /* Center the image */

 

   

   
       background-color: whitesmoke;
     background-image: url('../images/banner1m.jpg');
	 background-repeat: no-repeat;

    background-position: 0% 0%;

     background-size: contain;
     background-size: 100% 100%;

  
      margin-top: 0px;
     

    font-weight: bolder;
    font-size: 15px;

}




.totalecom

{
     width: 100%;
    height: 70px;
   
   
    clear: both;

  

     background-position: center; /* Center the image */

 

   

   
       background-color: whitesmoke;
   

  
      margin-top: 0px;
     

    font-weight: bolder;
    font-size: 15px;

}




.layer_main
{
     width: 100%;
    height: 300px;
   
   
   
  

     background-position: center; /* Center the image */

 


    background-color: #F5F5F5;
     
  
      margin-top: 0px;
     

 
}

.layer2

{
     width: 48.5%;
   
 height: 280px;
  margin-top: 10px;
  margin-bottom : 10px;

  border-radius: 15px;

  

     background-position: center; /* Center the image */

 background-image: url('../images/layer1.jpg');

   float: left ;
   margin-left: 1%;

   
       background-color: blue;
      background-position: 0% 0%;

     background-size: contain;
     background-size: 100% 100%;


   
    

}


.layer2_2

{
     width: 48.5%;
   
   height: 280px;
  margin-top: 10px;
  margin-bottom : 10px;

  border-radius: 15px;
    margin-right: 1%;
     background-position: right; /* Center the image */

 
      background-image: url('../images/layer2.jpg');
   

   
       background-color: yellow;
       background-position: 0% 0%;

     background-size: contain;
     background-size: 100% 100%;


   
    float: right  ;

}











.aftersearch
{
     width: 100%;
    height: 70px;
   
  
   
  

     
 


    background-color: white;
     
  
      margin-top: 51px;
     

 
}

.afterinside
{
     width: 98%;
    height:50px;
   
   
  border-width: 1px;

   margin-top: 15px;
  margin-left : 1%;

     background-position: center; /* Center the image */

 border-top: 1px solid #e6e6e6 ;
  border-bottom: 1px solid #e6e6e6 ;

   
}



.mainview{

     width: 99%;
    height: 600px;
    text-align: center;
    font-weight: 900;
 
    margin-right: 1%;

}


.leftside{

     width: 40%;
    height: 600px;
    text-align: center;
    font-weight: 900;
   
   float : left ;
  

}



.centerside{

     width: 38%;
    height: 600px;
    text-align: center;
    font-weight: 900;
    background-color: white;
     float : left ;
   

}


.rightside{

     width: 22%;
    height: 600px;
    text-align: center;
    font-weight: 900;
   
     float : left ;
  

}

.rightbox1{

     width: 100%;
    height: 150px;
    text-align: center;
    font-weight: 900;
    background-color:#f8f8f8;
     float : left ;
  border: 1px solid   #d9d9d9  ;
 margin-bottom: 20px;
}



.centerbox1{

     width: 90%;
  height: 55px;
    text-align: center;
    font-weight: 900;
 
     float : left ;
  /*background-color : blue;*/
      /*margin-right :10%;*/

       overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.centerbox2 {
    width: 90%;
    height: auto;
    text-align: justify;
    font-weight: 200;
    /*background-color : red;*/
    float: left;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-right: 10%;
   /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
   color: black;
}

.centerbox3{

     width: 90%;
    height: 150px;
    text-align: center;
    font-weight: 900;
    background-color: white;
     float : left ;
  margin-right :10%;
}
.centerbox4{

     width: 90%;
    height: 25px;
    text-align: center;
    font-weight: 900;
    /*background-color : red;*/
     float : left ;
  margin-right :10%;

}


.centerbox5{

     width: 90%;
    height: 75px;
    text-align: center;
    font-weight: 900;
 /*background-color : blue ;*/
     float : left ;
  
  border-bottom: 1px solid #e6e6e6 ;
  margin-right :10%;
  margin-top : 50px;

}
P.blocktext {
   color: red;
    width: 8em;
   
    margin-left: 35%;
    margin-right: 20%;
    margin-top: 10px ;
}
     .sboxxt2
          {
             width: 100%;
            margin-left : 2%;
            margin-right : 2%;
            margin-top: 22%;
                    }

       p.description
          {
           
             display: block ;
             font-weight: bolder;
             font-size: 16px;
             color :  darkblue ;
             margin-left : 0px;
    
             text-align : left ;
                    }

        p.description2
          {
           
             display: block ;
           
             font-size: 13px;
            color :#999999;
             margin-left : 10px;
             margin-top :0px;
               line-height: 1;

           
             text-align : left ;
                    }
      

        
      p.forprice
          {
             float: left;
             font-weight: bolder;
             font-size: 60px;
             
            margin-top : 15PX;
                    }

         p.forpricebv
          {
             float: right ;
             font-weight: bolder;
             font-size: x-large;
             vertical-align: middle ;
             margin-right : 10px; 
             margin-top : 8px;
             /*text-align : center ;*/
            /*margin-top : 15PX;
           
            align-content : center ;
            align-items: center ;
            */
                    }




     .buttontest2 {
background-color: #008CBA;
border: none;
color: white;
padding: 20px 32px;
text-align: center;
text-decoration: none;

font-size: 16px;
cursor: pointer;
height: 40px;

line-height: 8%;
width: 100%;
margin-left :20%;
 

background-image: url('../images/search.png');
background-position: 5px 5px; 
background-repeat: no-repeat;
border-radius: 12px;
}


       .buttontest3 {
background-color: #e60000;
border: none;
color: white;
padding: 20px 32px;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: bold;
cursor: pointer;
height: 40px;
line-height: 8%;
margin-top : 30px;
margin-left : 0px;
float: right;
}

 .buttontest3d {
background-color: #e60000;
border: none;
color: white;
padding: 20px 32px;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: bold;
cursor: pointer;
height: 40px;
line-height: 8%;
/*margin-top : 0px;*/
margin-left : 0px;
float: left;
}
.imgsmallbox

{
     max-width: 35px;
    max-height:25px;
   
    
  }


.imgProfile2

{
     
  
  /*max-width: 100%;*/
   

   
   max-width: 70%;
    max-height:70%;
    /*display: block;
    margin: auto auto;
    
   vertical-align : auto;*/

  /*'' position:absolute;*/
    top:0;
    bottom:0;
    margin: auto;
    margin-top : 40px;
    /*margin-left : 15%;*/
  
     /*background-position: right;*/ /* Center the image */

 
     
   

   
       /*background-color: yellow;
       background-position: 0% 0%;

     background-size: contain;
     background-size: 100% 100%;*/


   

}

.smallbox1

{
    width: 100%;
    height: 45px;
   
   margin-top: 5px;
    
   
    display: block ;
  
  }


.imgsmallbox

{
     width: 80px;
   height:80px;
   margin-top: 5px; 
   margin-left: 10px; 
   float : left 
  }



.imgsmallbox

{
     width: 80px;
   height:80px;
   margin-top: -2px; 
   margin-left: 10px; 
    margin-right: 10px; 
   float : left 
  }


.smallp

{
     
   float : left ;
  }

.smallp2

{
     
   float : left ;
    text-align : left;
    margin-top: 10px;
     margin-left: 10px; 
  }


.smallp2a

{
     
   float : left ;
    text-align : left;
    /*margin-top: 10px;*/
     margin-left: 0px; 
     color : red;
  }


.smallp3

{
     
   float : left ;
    text-align : left;
    margin-top: 15px;
     margin-left: 10px; 
     font-size : 18px;
     color :#999999;
  }


.smalltext

{
     
   float : left ;
    text-align : left;
   
     margin-left: 5px; 
     font-size : 12px;
     color :#999999;
  }




.titleof

{
     
  
    text-align : center;
    margin-top: 10px;
    font-size : 12px;
     margin-bottom: 0px;
     color: red;
  }

.officeaddress

{
     
    text-align : center;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size : 12px;
    margin-left: 5px;
    margin-right: 5px;
   
  }


.tel

{
     
    text-align : center;
    margin-top: 10px;
    font-size : 22px;
     margin-bottom: 0px;
  
  }

.ecom2 {
    width: 100%;
    height: 30px;
    text-align: center;
    font-weight: 900;
    background-color: #FDF3E7;
    padding: 10px 0;
    margin: auto;
}
  



  

.picturebox {
    width: 100%;
    height: 30px;
    text-align: center;
    font-weight: 900;
    background-color: red;
    padding: 10px 0;
    margin: auto;
}


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

        li
        {
            float: left;
            padding: 15px 2px;
        }
            li.forli1
            {
                width: auto;
            }
               .space1
        {
           
            height: 50px;
            width: auto;
            margin-left: 0px;
            margin-top: 0px;
          
           
            float: left;

       
                    }
        


                .spacebanner
        {
           
            height: 10px;
            width: auto;
           

       
                    }
        



               #space2
        {
              margin-right: 100px;
              margin-left: 10px;
              margin-top: 7px;
              
                    }
        
               #space3
        {
              margin-top: 20px;
              margin-left: 2px;
              
                    }


                   #space4
        {
              margin-top: 10px;

              
                    }

                     .divmenu
        {
     position: absolute;
    top: 90px;
    margin-left: 400px;
    margin-top: 10px;
         
              height: 50px;
              width: 500px;
              
                    }

                


                 .mbut
        {
           
           
             margin-top: 27px;
       background-color: #008CBA;
       width: 60PX;
       border-radius: 12px;
       margin-top: 17px;
                    }

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #cce6ff;
    
    height: 70px;
}

li {
    float: left;
}

li a {
    display: block;
    color:black;

    text-align: center;
    padding: 9px 10px;
    text-decoration: none;
    

}

li a:hover:not(.active) {
    background-color: #111;
}


.slider {
width:700px;
height: 360px;
overflow:hidden;
margin: 30px auto;
background-image:url(images/loading2.gif);
background-repeat:no-repeat;
background-position:center;








}


.ecom_slide {
      width: 100%;
    height: 250px;
   
    max-width: 100%;

    clear: both;

    background-size: contain;

     background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;


   
       background-color: whitesmoke;
     background-image: url('../images/slide1.jpg');
	 background-repeat: no-repeat;
   background-position: 0% 0%;
  background-size: 100% 100%;
  
      margin-top: 0px;
     

    font-weight: bolder;
    font-size: 15px;

}


.slider img {
width: 100%;
height: auto;


display:none;


}


   .topm
        {
   
              background-color: #000080;
              height: 30px;
              
              
                    }