@import url(http://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;
}

.fullheight {
  height: 100%;
  height: 100vh;
}
.fullheight > .row {height: 100%;margin:0}
.sw-intro{
	height:65px;
  text-align:center;
}
.sw-intro a {color:#c1b39a;}
/* =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%;}
@media screen and (min-width: 992px) {
.leftcontainer {padding-left:30px;}
}
@media screen and (max-width: 991px) {
	#sitename {font-size:38px;}
  .leftcontainer{
    text-align:center;
  }
	.fullheight {
		height: 200vh;
	}
	.fullheight > .row {height: 50%;}
	.fullheight > .row > .main-intro {height: calc(100% - 65px);}
	.fullheight > .row > .main-aside {height: calc(100% + 65px);}
	.fullheight > .row > .main-aside > .sw {height: calc(100% - 85px);overflow:scroll}
}

@media screen and (max-width: 768px) {
	#sitename {font-size:32px;}
}
@media only screen and (min-device-width : 481px) and (max-device-width : 780px) {
}


/* 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;background-color: #eee;background-color:rgba(238,238,238,0.8)}
.sw a {padding:3px 8px;display:inline-block;width:100%;}
.sw a, .sw a:visited {color:#09F;font-size: 22px;}
.sw a:hover {background-color:#694279;color:white}
.sw .dnfront {font-weight:bold;}
.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:#694279;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;
}

.leftcontainer {padding-left:30px;}

@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;
}
.leftcontainer {padding-left:15px;text-align:center;}
}


#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:#00aa4f !important;font-weight:bold;}
.sitename-white {color:#ffffff !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.05);
	z-index: 0;
}
.banner1{
	background-image:url(../images/bg/home_app_bg.jpg);
	background-repeat:no-repeat;
}