@import url(//fonts.googleapis.com/css?family=Oxygen:400,300,700);

/* Headings */
h1,h2,h3,h4,h5,h6 {
  clear: both;
	color:#222
}

h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
.single-slide {
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.main-intro {
    height: 100%;
}
.headline-wrap {
	height: 100%;
	/* padding: 0 4em; */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btable {
	display: table;
	width: 100%;
	height: 100%;
}
.btable-cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: relative;
}

.sw-intro{
	height:65px;
  text-align:center;
}
.sw-intro a {
  color: white;
}
/* =Content
----------------------------------------------- */
* {box-sizing:border-box}
#sitename {font-size: 42px;font-family: 'Oxygen', sans-serif; color:#1B9FDB;font-weight:bold;margin-bottom:30px;}

.fullheight > .row > .main-aside{
	background-color:rgba(0,0,0,0.5);
	padding: 10px 15px;
	height: 100%;
}
#swlist {
  height: 100%;
}

.fullheight {
  height: 200vh;
}

.fullheight > .row {
  height: 50%;
  margin: 0;
}

.fullheight > .row > .main-aside {
  height: 100%;
  overflow: scroll;
}

.fullheight > .row .main-aside {
  height: 100%;
  overflow: scroll;
}

.leftcontainer {
  padding-top:20px;
}

.sw-intro {
	height: 65px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .fullheight {
      height: 100vh;
    }

    .fullheight > .row {
      height: 100%;
      margin:0
    }

    .fullheight > .row .main-intro,
    .fullheight > .row .main-aside {
      height: 100%;
      overflow: scroll;
    }
}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	#sitename {
    font-size:24px;
    word-wrap:break-word;
  }
	.slogan {font-size:22px;}
	#content-main {min-height: 200px;}
	#content-main .pane-logo {margin-top: 30px;text-align: center;}
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	#sitename {
    font-size:24px;
    word-wrap:break-word;
  }
  .slogan {font-size:22px;}
	#content-main {min-height: 200px;}
	#content-main .pane-logo {margin-top: 30px;text-align: center;}
}
.innershadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
.logoimg {
    border: 2px solid #ddd;
		display: block; padding: 20px;
		text-align: center;
}
#plogo {max-height: 20px;border-bottom:#0099FF 1px solid;}

.slogan {font-size:32px;}
.popover{color:#222;}


.parent-name {font-family: 'Oxygen', sans-serif;font-weight:bold;font-size:18px;}
.parent-name a {text-decoration:underline;}

section {position:relative;}
.red {color:red;}
.overlay{background: url(images/overlay2.png);position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 100;}
.sw {padding:0;border:3px #999 solid;text-align:left;height: calc(100% - 65px);overflow:scroll;}
.sw a {padding:3px 8px;display:inline-block;width:100%;}
.sw a, .sw a:visited {color:#444;font-size: 22px;}
.sw a:hover {background-color:#337ab7;color:black;text-decoration:none;}
.sw .dnfront {font-weight:bold;color:lightgreen;}
.sw a:hover .dnfront {color:white;}
.sw .kwmatch {}
.sw .othersw {display:none;}
.showother {font-weight:bold;margin:8px;cursor:pointer}
.swtoggle {border-radius: 18px;-moz-border-radius: 18px;-webkit-border-radius: 18px;
display:inline-block;height:24px;color:#fff;background-color:#187771;padding:2px 12px;text-align:center;}
.swtoggle i.fa{margin-right:5px;}

.grn {color:#00aa4f;font-weight:bold}
.font-large {font-size: 18px;}

.loadinginfo{position:relative;background:rgba(250,250,250,1);width:100%;height:100%;position:absolute;top:0;left:0;}
.loadinginfo img{position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);}
.lk-similar i.fa{visibility:hidden; font-size:16px;margin-left:6px;}
.lk-similar:hover i.fa{visibility:visible;}


body {min-height:100%;background-color: #fafafa;}
#header {padding:20px;}
#content-main {min-height:300px;padding-top: 30px;}
#content-main .pane-logo {text-align:center}
#sitename.fs {display:none;}
#wf-menu li {text-align:center;float:none;}
#wf-menu ul.menu{padding: 0;margin:0;}
#wf-menu ul.menu li a {
 padding: 5px 0;
}
.wf-widget-siteinfo h2 {
	margin-top:30px !important;
}
.wf-widget-siteinfo h3 {
	margin-top:15px !important;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #content-main {min-height:260px;}
  .wf-widget-siteinfo h2 {
  	margin-top:20px !important;
  }
  .wf-widget-siteinfo h3 {
  	margin-top:20px !important;
  }

}


#section-content-main {
	z-index: 999;
}
#section-content-main h2,#section-content-main h3,#section-content-main h1{
	color:#fff;
}

#section-content-bottom {
  background: #ddd;
  border-top: 3px solid #d45174;
}
#content-bottom{
  padding: 15px 0;
  text-align: center;}
#section-header {
  background-color: #fgfgfg;}
#section-footer {
  background-color: #313131;
}
#footer {text-align:center;
  padding: 30px 0 ;
  color: #000;}
.sitename-green {color:green !important;font-weight:bold;}
.sitename-yellow {color:yellow !important;font-weight:bold;}
.sitename-white {color:white !important;font-weight:bold;}
.title-forsale {margin-top:20px;}
.bincontainer {margin-top:20px;padding-top:10px;}
.btn {
	border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 6px 15px;
}
/**************************/
/**************************/
.bg-cover-center {
	background-size: cover !important;
	background-position: center center !important;
}
.padding-0 {
  padding: 0;
}
.dark-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 0;
}
.banner1{
	background-image:url(../images/bg/background.jpeg);
	background-repeat:no-repeat;
  background-size: cover;
}