@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,700);
.bannerbox {
	background-color: #FFFFFF;
	border-bottom-color: #000099;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-top-color: #000099;
	border-top-style: solid;
	border-top-width: thin;
	border-right-color: #000099;
	border-right-style: solid;
	border-right-width: thin;
	border-left-color: #000099;
	border-left-style: solid;
	border-left-width: thin;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 5px;
margin-bottom: 10px;
}
.blacktext {
	margin-bottom:0;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	margin-right: 5px;
	margin-left: 10px;
}

.blacktexta {
	padding:0 10px;
	margin-bottom:0;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
}
.blackbig {
	padding:0 10px;
	margin-bottom:0;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}

.bluebig {
	padding:0 10px;
	margin-bottom:0;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000082;
}
.blacktext2 {
	font: 12px/16px 'Lato', sans-serif;
	color: #000000;
	margin-left:15px;
	text-decoration: none;
	font-weight: normal;
	vertical-align: top;
	}
    .blacktext3 {
	FONT: 15px/18px 'Lato', sans-serif;
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-weight: normal;
	vertical-align: top;
	margin-left: 15px;
	}	
	.bluetextheader {
	font-weight: bold;
	font-size: 14px;
	color: #000099;
	font-family:'Lato', sans-serif;
	text-align: center;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	}
    .boldblueside {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #000099;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: left;
	margin-left: 10px;
	}
	.boldblackside {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #333333;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: left;
	margin-left: 10px;
	}

	.boldwhite {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: left;
	margin-left: 20px;
	}
			.bullettext {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #5580FF;
	FONT-FAMILY: 'Lato', sans-serif;
	text-align: left;
	padding-right: 10px;
	}
.buttonr {
	BORDER-BOTTOM: 1px solid;
	BORDER-LEFT: 1px solid;
	PADDING-BOTTOM: 1px;
	BACKGROUND-COLOR: #000099;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
	COLOR: white;
	BORDER-TOP: 1px solid;
	BORDER-RIGHT: 1px solid;
	PADDING-TOP: 1px;
	font-weight: bold;
	float: right;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
}

.campaignblue {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #88A6FF;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: left;
	margin-left: 15px;
	}
	.campaignbluesmall {
	FONT: 14px/18px 'Lato', sans-serif;
	COLOR: #88A6FF;
	TEXT-DECORATION: none;
	font-weight: bold;
	vertical-align: top;
	}
.captionad {
	MARGIN-TOP: 3px;
    TEXT-ALIGN: center;
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	}
    .ESHeaderCaption {
	float: left;
	height: 20px;
	text-align: left;
	margin-left: 10px;
	width: 400x;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
}
.eslogostyle {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #333333;
	font-style: normal;
	font-weight: bold;
}

		.indenttextbold {
	COLOR: #336699;
	TEXT-DECORATION: NONE;
	font-weight: bold;
	vertical-align: top;
	padding-left: 40px;
	padding-right: 20px;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	}
.indenttext {
	font-family: 'Lato', sans-serif;
	color: #336699;
	text-decoration: none;
	font-weight: normal;
	vertical-align: top;
	padding-left: 40px;
	padding-right: 20px;
	font-size: 12px;
	}
.jobsbox {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #0000CC;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: center;
	background-color: #FFECB0;
	border-bottom-color: #FFCC66;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-top-color: #FFCC66;
	border-top-style: solid;
	border-top-width: thin;
	border-right-color: #FFCC66;
	border-right-style: solid;
	border-right-width: thin;
	border-left-color: #FFCC66;
	border-left-style: solid;
	border-left-width: thin;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
	width: auto;
	margin-top:35px;
}	
	
	.lefttext {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #336699;
	FONT-FAMILY: 'Lato', sans-serif;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}



	.newstext {
	FONT: 14px/18px 'Lato', sans-serif;
	COLOR: #000066;
	TEXT-DECORATION: underline;
	font-weight: normal;
	vertical-align: top;
	}
	.pointtextleft {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #0000CC;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: left;
	background-color: #FFFFFF;
	border-bottom-color: #FFCC66;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-top-color: #FFCC66;
	border-top-style: solid;
	border-top-width: thin;
	border-right-color: #FFCC66;
	border-right-style: solid;
	border-right-width: thin;
	border-left-color: #FFCC66;
	border-left-style: solid;
	border-left-width: thin;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
    width: 99%;
}
	.pointtextright {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #0000CC;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: left;
	background-color: #FFFFFF;
	border-bottom-color: #FFCC66;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-top-color: #FFCC66;
	border-top-style: solid;
	border-top-width: thin;
	border-right-color: #FFCC66;
	border-right-style: solid;
	border-right-width: thin;
	border-left-color: #FFCC66;
	border-left-style: solid;
	border-left-width: thin;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.redleft {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #FF0000;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: left;
	background-color: #FFFFFF;
}
.redtextheader {
	font-weight: bold;
	font-size: 11pt;
	color: #C64F00;
	font-family: 'Lato', sans-serif;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	text-decoration: none;
	margin-left: 10px;
	}

.searchtextblack {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: 'Lato', sans-serif;
	TEXT-ALIGN: left;
	padding-left: 20px;
	}
	.searchtextsmall {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
}

	.SideBar {
	font: 12px/18px 'Lato', sans-serif;
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	text-transform: none;
	text-decoration: none;
	}
	.sidepictext{
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	margin-bottom:0;
	text-align: left;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
}
.style85 {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}
.style85a {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	padding:10px 10px;
	margin-bottom:0;
	text-align: center;
	padding-bottom: 10px;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
}

.style93 {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
}

.style103 {
	font-family: 'Lato', sans-serif;
	text-align: left;
	color: #88A6FF;
}

.smalltext2 {
	FONT-SIZE: 8pt;
	COLOR: #0000FF;
	text-align: left;
	FONT-FAMILY: 'Lato', sans-serif;
}

.smallwhite2 {
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	text-align: left;
	FONT-FAMILY: 'Lato', sans-serif;
}

.smalltext {
	FONT-SIZE: 8pt; 
    COLOR: #666666; 
    text-align: left; 
    FONT-FAMILY: 'Lato', sans-serif;
}
.stylemap {
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	color: #0033CC;
	font-weight: bold;
}

.stylewhite{
	font: 12px/18px 'Lato', sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	vertical-align: top;
	}
.advancedleft {
	font-family:'Lato', sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	margin-left: 210px;
	float: left;
	padding-top: 10px;
}
.advancedright{
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	float: right;
	margin-right: 180px;
	padding-top: 10px;
}
.thumbad {
	FLOAT: left;
	MARGIN: 20px;
	HEIGHT: 285px;
	BACKGROUND-COLOR: #88A6FF;
	TEXT-ALIGN: center;
	margin-left: 15px;
	margin-top: 6px;
	WIDTH: 150px; 
}
.thumbad2 {
	FLOAT: left;
	MARGIN: 20px;
	HEIGHT: 385px;
	BACKGROUND-COLOR: #88A6FF;
	TEXT-ALIGN: center;
	margin-left: 15px;
WIDTH: 150px; 
}
.thumbad3 {
	FLOAT: left;
	MARGIN: 20px;
	HEIGHT: 160px;
	BACKGROUND-COLOR: #88A6FF;
	TEXT-ALIGN: center;
	margin-left: 15px;
WIDTH: 365px; 
}
.thumbad4 {
	FLOAT: left;
	MARGIN: 20px;
	HEIGHT: 150px;
	BACKGROUND-COLOR: #88A6FF;
	TEXT-ALIGN: center;
	margin-left: 15px;
    WIDTH: 175px; 
}

   .thumbad5 {
	FLOAT: left;
	MARGIN: 20px;
	HEIGHT: 260px;
	BACKGROUND-COLOR: #88A6FF;
	TEXT-ALIGN: center;
	margin-left: 15px;
    WIDTH: 150px; 
}

.TopHeader {
	font-family:'Lato', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
}
.redright {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #fff;
	FONT-FAMILY:'Lato', sans-serif;
	TEXT-ALIGN: right;
	float: right;
	padding-right: 10px;
}
.stylemaptext{
	font-size: 14px;
	font-family:'Lato', sans-serif;
	color: #000000;
	float: right;
	margin-top: 20px;
	margin-left: 450px;
}
.clickphoto {
	font: 12px/16px 'Lato', sans-serif;
	color: #000000;
	margin-left:15px;
	text-decoration: none;
	font-weight: normal;
	vertical-align: top;
	margin-top: 15px;
	}
.propertyDetailsText {
	margin-bottom:0;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: normal;
	margin-right: 5px;
	    line-height: 20px;
}

.blacktextproperty {
	font-family: 'Lato', sans-serif;
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-weight: normal;
	vertical-align: top;
	font-size: 14px;
	float: left;
    margin: 0;
}
.more a
{
	border: 1px solid #008442 !important;
    background: none;
    color: #008442;
    font-size: 14px;
	font-weight:bold;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    transition: background-color 0.5s ease;
	padding: 7px 10px;
	text-decoration:none;
}
.more a:hover
{
    background:#008442;
    color:#fff;
	text-decoration:none;
}
/*.property-detail-page
{
    width: 99%;
    margin: auto;	
}
*/
.property-detail-page {
    width: auto;
    margin: auto;
    margin-left: 5px;
    margin-right: 0;
}
.titleDesc
{
    float: left;
}
.main-dtl
{
	background-color: #008442;
    padding: 10px 8px 10px 8px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-left: 0px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    width: 100%;
}
.propertyprice {
    float: right;
}
.propimages
{
    
}
.gallery-main
{
	background: #F4F4F4;
    padding: 15px;	
}
.website-info
{
    background-color: none;
    float: left;
    padding: 10px;
    color:#008442;
	border:1px solid #008442;
    margin-right: 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.5s ease;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.website-info:hover, .blacktextproperty a:hover
{
	background-color: #026a36;
	border:1px solid #008442;
	color:#fff;
	text-decoration:none;
}
.blacktextproperty a
{
	background-color: none;
	padding: 10px;
    color:#008442;
	border:1px solid #008442;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
	transition: background-color 0.5s ease;
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.property-address {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 4px double #ccc;
}
.fltrt, .location-main
{
    margin-bottom: 25px !important;
    padding-bottom: 25px;
    border-bottom: 4px double #ccc;
}

.heading
{
    margin: 20px 0 10px 0;
    background-color: #ffd11a;
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
	    font-size: 17px !important;
		font-weight:bold;
}
.heading h3{
   font-size: 17px !important;
	font-weight:bold;
	padding: 0px;
}
.location-main h3
{
   margin:0 0 10px 0;
   background-color: #ffd11a;
   padding: 10px;
   text-transform:uppercase;
   color:#fff;
   font-size: 17px !important;
   font-weight:bold;
}
#addressinput
{
	border:1px solid #ccc;
    padding: 5px;
    width: 90%;
	margin-bottom: 10px;
}
input#Button1 {
    background: none;
    border: 1px solid #008442;
    color: #008442;
    padding: 4px 24px;
    width: 100%;
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
input#Button1:hover
{
	background:#008442;
	color:#fff;
	border: 1px solid #008442;
	cursor:pointer;	
}
.adv-imgae{
    display: inline-block;
    width: 172px;
    vertical-align: middle;	
}
.kdsfx-form
{
	margin-top:25px;
    padding-top:25px;
    border-top: 4px double #ccc;	
}
.subscribe-forminner {
    clear: both;
    margin-top: 15px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
div#page_align {
    clear: both;
}
main {
    min-width: 320px;
    max-width: 100%;
    background: #fff;
}

.main-tab section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.main-tab input {
  display: none;
}

.main-tab label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.main-tab label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

.main-tab label[for*='1']:before {
  
}

.main-tab label[for*='2']:before {
  
}

.main-tab label[for*='3']:before {
  
}

.main-tab label[for*='4']:before {
  
}

.main-tab label:hover {
  color: #888;
  cursor: pointer;
}

.main-tab input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #008442;
  border-bottom: 1px solid #fff;
}

.main-tab #tab1:checked ~ #content1,
.main-tab #tab2:checked ~ #content2,
.main-tab #tab3:checked ~ #content3,
.main-tab #tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  .main-tab label {
    font-size: 0;
  }

  .main-tab label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
 .main-tab label {
    padding: 15px;
  }
}
.property-address h3
{
	    margin: 0 0 0px 0 !important;
    background-color: #ffd11a;
    text-transform: uppercase;
    color: #fff;
}
.form-areabox{
    width: 32%;
    float: left;
	margin-right:1%;
}
.form-areabox input{
	width: 96%;
    padding: 10px 5px;
    border: 1px solid #ccc;
}
.form-textareabox{
    clear: both;
    width: 98.1%;
}
.seller-form {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 4px double #ccc;
}
.form-textareabox textarea
{
	    width: 98.5%;
    margin-top: 15px;
    padding: 10px 5px;
    border: 1px solid #ccc;
    min-height: 150px;
}
.seller-searchbtn {
    float: left;
}
.seller-searchbtn input
{
	padding: 10px;
    color: #008442;
    border: 1px solid #008442;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    transition: background-color 0.5s ease;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
	background:none !important;
	background-color:transparent !important;
	margin-top:15px;
}
.seller-searchbtn input:hover{
    background-color: #026a36 !important;
    border: 1px solid #008442;
    color: #fff;
    text-decoration: none;
	cursor:pointer;
}
.content-left{
	float: left;
    width: 58%;
    padding-top: 11px;
    text-align: justify;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #333333;
    font-weight: normal;
    line-height: 20px;
    /* overflow: hidden; */
    word-break: break-word;
    
}
.right-box{
	    float: right;
    width: 39%;
}


/*NINJA SLIDER START*/

#ninja-slider {
    width:100%;
    background:#191919;
    padding:0px 0 0px 0;
    margin:0 auto;
    overflow:hidden;
    box-sizing:border-box;
	
}

#ninja-slider.fullscreen {
    background:#000;
}


#ninja-slider .fs-icon {
    top:6px;
    right:6px;
    width:60px;
    height:26px;
    background: rgba(0,0,0,0.2);
    z-index:2;
    color:white;
    text-align:center;
    font:bold 11px/26px arial;
    border:1px solid rgba(255,255,255,0.3);
    border-radius:2px;
    opacity:0;
    -webkit-transition:opacity 0.8s;
    transition:opacity 0.8s;
}

#ninja-slider .slider-inner:hover .fs-icon,
#ninja-slider.fullscreen .fs-icon {
    opacity: 1;
}
#ninja-slider.fullscreen div.fs-icon {
    right:30px;
}

#ninja-slider .fs-icon::before {      
    content:"EXPAND";
    display:block;
}

#ninja-slider.fullscreen .fs-icon::before {
    content:"CLOSE";
}


#ninja-slider .slider-inner {
    max-width:600px;
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
    box-sizing:border-box;
}

#ninja-slider.fullscreen .slider-inner {
    width:95%;
    max-width:800px;
}

#ninja-slider ul {
    position:relative;
    list-style:none;
    padding:0;
    box-sizing:border-box;
}

#ninja-slider li {
    
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider li.ns-show {
    opacity:1;
}



/* --------- slider image ------- */  
#ninja-slider .ns-img {
    background-color:rgba(0,0,0,0.3);
    background-size:cover;/*Note: If transitionType is zoom, it will be overridden to cover.*/

    /*decorate border*/
    box-shadow: inset 0 0 2px rgba(255,255,255,.3);
    border-radius:0px;

    cursor:default;
    display:block;
    position: absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
}


/*---------- Captions -------------------*/
#ninja-slider .caption {
    padding:20px 40px;
    margin:auto;
    left:0;right:0;
    top:auto;bottom:0px;
    width:auto;
    text-align:right;
    font-family:sans-serif;
    font-size:11px;
    color:rgba(255,255,255,0.2);
    background:none;
    /*background:rgba(0,0,0,0.12);*/
    position:absolute;
    box-sizing:border-box;
}
#ninja-slider li .cap1 {
    color:rgba(255,255,255,0.5);
    font:bold 32px arial;
    text-align:center;

    opacity:0;
    bottom:40%;
    -webkit-transition:bottom 1.3s, opacity 1s;
    transition:bottom 1.3s, opacity 1s;
}

/*The cap1 of the current slide */
#ninja-slider li[class*='-'] .cap1 {
    opacity:1;
    bottom:20%;
}
#ninja-slider li .cap2 {
    color:rgba(255, 162, 0, 0.5);
    font-size:23px;
    bottom:15%;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

/*The cap2 of the current slide */
#ninja-slider li[class*='-s'] .cap2 {
    bottom:10%;
}


/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
#ninja-slider-pause-play { display:none;}  

#ninja-slider-prev, #ninja-slider-next
{
    position: absolute;
    display:inline-block;
    width:42px;
    height:56px;
    line-height:56px;
    top: 50%;
    margin-top:-51px;/*pager's height should also be counted*/
    background-color:rgba(0,0,0,0.4);
    background-color:#ccc\9;/*IE8 hack*/
    backface-visibility:hidden;
    color:white;
    overflow:hidden;
    white-space:nowrap;
    -webkit-user-select: none;
    user-select:none;
    border-radius:2px;
    z-index:10;
    opacity:0.3; 
    font-family:sans-serif;   
    font-size:13px;
    cursor:pointer;
    -webkit-transition:all 0.7s;
    transition:all 0.7s;
}

.slider-inner:hover #ninja-slider-prev, .slider-inner:hover #ninja-slider-next {
    opacity:1;
}


#ninja-slider-prev {
    left: -42px; /*set it with a positive value if .slider-inner does not have max-width setting.*/
}
#ninja-slider-next {
    right: -42px;
}

/* arrows */
#ninja-slider-prev::before, #ninja-slider-next::before {
    position: absolute;
    top: 17px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-left: 2px solid white;
    border-top: 2px solid white;
    backface-visibility:hidden;
}

#ninja-slider-prev::before {
    -ms-transform:rotate(-45deg);/*IE 9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    right:4px;
}

#ninja-slider-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    left:4px;
}


/*pagination num within the arrow buttons*/
#ninja-slider-prev div, #ninja-slider-next div {display:none;}


/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
/* #ninja-slider-pager { display:none;}*/
#ninja-slider-pager
{
        padding-top: 15px;
    margin: 0 auto;
    text-align: center;
    display: table;
    font-size: 0;
    padding-bottom: 15px;
}
         
#ninja-slider-pager a 
{
    display:inline-block;
    width: 10px;
    height: 10px;
    background-color: #CCC;
    font-size:0; /* Non-zero will show the index num */
    margin:2px 6px;
    cursor:pointer;
    border-radius:10px;
    box-shadow:inset 0 1px 3px #666666;
}

#ninja-slider-pager a:hover 
{
    opacity:0.6;
}
#ninja-slider-pager a.active 
{
    background-color:#1293dc;
    box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 1px rgba(0,0,0,.5);
}
  

#ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}


/*Responsive settings*/
@media only screen and (max-width:600px){

    #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager {
        display:none;
    }

    
    #ninja-slider li .cap1 {
        font-size:20px;
    }
}

/*NINJA SLIDER END*/
/*
.right-box:before{
	content:'';
    content: '';
    display: block;
    background: #fff;
    height: 17px;
    position: absolute;
    z-index: 999999;
    width: 100%;
    max-width: 340px;
}
*/
.right-box:after{
	content:'';
	    content: '';
    display: block;
    background: #fff;
    height: 17px;
    position: absolute;
    z-index: 999999;
        width: 100%;
    max-width: 340px;
	    margin-left: -25px;
}
.list-class{
	    padding: 0;
    width: 100%;
    float: left;
}
.list-class li{
	    float: left;
    width: 50%;
    list-style: none;
    padding: 5px 0px;
}
.list-class li p{
	margin:0px;
}
/*.page_align
{
	font-size:0px;
}*/
.extra_class{
	margin-top:0px !important;
}
.listing-pagination{
	text-align: center;
    float: left;
    width: 100%;
    padding: 0;
}
.listing-pagination li {
    margin: 3px;
    text-align: center;
    display: inline-block;
    float: none !important;
    background: #008442;
	border:1px solid #008442;
}
.listing-pagination li a{
	color:#fff;
	text-decoration:none;
	padding: 7px 10px;
    display: block;
}
.listing-pagination li:hover{
	border:1px solid #008442;
	background:#fff;
}
.listing-pagination li:hover a{
	color:#008442;
}
.listing-pagination li.listing-active a{
	color:#008442;
	text-decoration:none;
}
.listing-pagination li.listing-active{
	background:#fff;	
	border:1px solid #008442;
}
.listing-pagination li.disabled{
	color:#fff;
	padding: 7px 10px;
}
.tiksluscarousel .nav_left, .tiksluscarousel .nav_right{
	opacity:1 !important;
}
