@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
/*-----RESET-----*/
	#hd{
		background: #2c2c2c;
	}
	::selection {
		background: #a6a89a;
		color: #ffffff;
	}
	::-moz-selection {
		background: #a6a89a;
		color: #ffffff;
	}
	#hd * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		word-wrap: break-word;
		word-break: break-word;
		font-weight: normal;
	}
	#hd img {
		max-width: 100% !important;
		height: auto;
		border: none;
	}
	#hd a {
		font-family: "Segoe UI", "Century Gothic", "CenturyGothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Geneva", sans-serif;
		font-size: 1.05rem;
		text-decoration: none;
		font-weight: 600;
		transition: all 0.8s ease 0s;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
	}
	#hd a:hover {
		text-decoration: none;
		color: #ffffff;
	}
	#hd h1,
	#hd h2,
	#hd h3,
	#hd h4,
	#hd h5,
	#hd h6 {
		font-family: "Segoe UI", "Century Gothic", "CenturyGothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Geneva", sans-serif;
		color: #ffffff;
		line-height: 1.4rem;
		margin: 0;
		font-weight: 300;
	}
	#hd p {
	  font-family: "Segoe UI", "Century Gothic", "CenturyGothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Geneva", sans-serif;
	  font-size: 17px;
	  font-weight: 300;
	  letter-spacing: .5px;
	  line-height: 24px;
	  margin: 0;
	  padding-bottom: 30px;
	  color: #ffffff;
	}
	#hd b {
	  display: block;
	  font-size: 1.05rem;
	  font-weight: 400;
	  letter-spacing: 0.5px;
	}
	#hd small {
	  font-family: "Segoe UI", "Century Gothic", "CenturyGothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Geneva", sans-serif;
	  font-size: 0.875rem;
	  line-height: 0.75rem;
	  font-weight: 300;
	  letter-spacing: 1px;
	}
	#hd ul {
	  font-family: "Segoe UI", "Century Gothic", "CenturyGothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Geneva", sans-serif;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
	#hd ul li {
	  font-family: "Segoe UI", "Century Gothic", "CenturyGothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Geneva", sans-serif;
	  font-size: 17px;
	  color: #ffffff;
	}

	#hd .hd-btn {
	  background: none;
	  border: none;
	  outline: none;
	  cursor: pointer;
	}
	#hd a.hd-link {
	  color: #C50012;
	  text-decoration: underline;
	  font-weight: 400;
	  display: initial;
	}
	#hd a.hd-link:hover {
	  color: white;
	  opacity: 1;
	}

	#fp-nav ul li .fp-tooltip{
		max-width: 300px;
	}
/*-----TXT-----*/
	#hd h2{
		font-weight: 400;
		letter-spacing: 0;
		font-size: 3.35rem;
		line-height: 4rem;
		padding-bottom:20px;
		position: relative;
	}
	#hd h3{
		font-size: 2.5rem;
		line-height: 2.125rem;
		letter-spacing: 2px;
		padding-top: 20px;
		margin-bottom: 25px;
	}
	#hd h4{
		font-size: 2rem;
		line-height: 2.125rem;
		letter-spacing: 1px;
		margin-bottom: 25px;
	}
	#hd .txt-center{
		text-align: center;
	}
	#hd .txt-grey{
		color:#8e8e8d;
		font-weight: 400;
	}
	#hd .txt-light{
		color:#cfcfcf;
	}
	
	#hd .txt-title{
		padding-bottom: 5px;
	}
	#hd .txt-upper{
		text-transform: uppercase;
		padding-bottom: 5px;
	}
/*-----BLOCK-----*/
	#hd .w95{
		width: 94%;
		margin:0 auto;
		position: relative;
	}
	#hd .w900,
	#hd .w1200,
	#hd .w1300{
	    width: 90%;
	    max-width: 1200px;
	    margin: 0 auto;
	    position: relative;
	}
	#hd .w900 {
	    max-width: 900px;
	}
	#hd .w1300 {
	    max-width: 1300px;
	}
	#hd .col20,
	#hd .col25,
	#hd .col40,
	#hd .col50,
	#hd .col60{
		display: inline-block;
		margin-left: -5px;
		vertical-align: middle;
	}
	#hd .col20{
		width: 20%;
	}
	#hd .col25{
		width: 25%;
	}
	#hd .col50{
		width: 50%;
	}
	#hd .col60{
		width: 60%;
	}
	#hd .col40{
		width: 40%;
	}

	#hd .fleft {
	    float: left;
	}
	#hd .fright {
	    float: right;
	}

	#hd .hd-rtl{
		direction: rtl;
	}
	#hd .mobile-on,
	#hd .hd-1024-on{
		display: none;
	}
/*-----SECTION-1-----*/
	#hd-top #owl-hd-top {
		max-height: 75vh;
		/*max-height: 50vw;*/
		overflow: hidden;
	}
	#hd-top #owl-hd-top .item{
		position: relative;
		overflow: hidden;
	}
	#hd-top #owl-hd-top .item img{
		margin-top: -2%;
	}
	#hd-top .hd-container{
		max-width: 600px;
		height: 185px;
		position: absolute;
		left: 15%;
		top: 0;
		bottom: 25%;
		margin:auto 0;
		opacity: 0;
	}
	#hd-top .hd-container.active{
		opacity: 1;
		-webkit-animation:	showFromBottom .8s ease forwards,
							showfromblur 1s ease forwards;
			 -o-animation: 	showFromBottom .8s ease forwards,
							showfromblur 1s ease forwards;
				animation:	showFromBottom .8s ease forwards,
							showfromblur 1s ease forwards;
	}
	/* owl control */
		#hd-top #owl-hd-top .owl-controls .owl-prev,
		#hd-top #owl-hd-top .owl-controls .owl-next{
			width: 50px;
			height: 50px;
			background: url(../img-sec1/nav.png) center center no-repeat;
			position: absolute;
			top: 0;
			bottom: 0;
			margin:auto 25px;
			opacity: .5;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}
		#hd-top #owl-hd-top .owl-controls .owl-prev:hover,
		#hd-top #owl-hd-top .owl-controls .owl-next:hover{
			opacity: 1;
		}
		#hd-top #owl-hd-top .owl-controls .owl-prev{
			left: 0;
			-webkit-transform: rotate(180deg);
			   -moz-transform: rotate(180deg);
			    -ms-transform: rotate(180deg);
			     -o-transform: rotate(180deg);
			        transform: rotate(180deg);
		}
		#hd-top #owl-hd-top .owl-controls .owl-next{
			right: 30px;
		}
		#hd-top #owl-hd-top .owl-controls .owl-prev:active{
			-webkit-transform: scale(.9) rotate(180deg);
			   -moz-transform: scale(.9) rotate(180deg);
			    -ms-transform: scale(.9) rotate(180deg);
			     -o-transform: scale(.9) rotate(180deg);
			        transform: scale(.9) rotate(180deg);
		}
		#hd-top #owl-hd-top .owl-controls .owl-next:active{
			-webkit-transform: scale(.9);
			   -moz-transform: scale(.9);
			    -ms-transform: scale(.9);
			     -o-transform: scale(.9);
			        transform: scale(.9);
		}	
	/* description */
		#hd-top .hd-descript{
			padding:1.5% 0;
		}

		#hd-top .hd-descript .hd-filter{
			display: inline-block;
			vertical-align: top;
			width: 20%;
		}
		#hd-top .hd-content{
			display: inline-block;
			vertical-align: top;
			width: 80%;
			margin-left: -5px;
		}

		#hd-top .hd-descript .hd-filter{
			border-right: 1px solid #555555;
			padding:0 20px;
			text-align: center;
		}
		#hd-top .hd-descript .hd-filter li{
			display: block;
			width: 100%;
			text-align: left;
			cursor: pointer;
			color:#8e8e8d;
			/*padding-bottom: 28px;*/
			padding:5px 0 10px;
			position: relative;
			-webkit-transition: color .25s ease;
			   -moz-transition: color .25s ease;
			    -ms-transition: color .25s ease;
			     -o-transition: color .25s ease;
			        transition: color .25s ease;
		}
		#hd-top .hd-descript .hd-filter li:hover{
			color:#aaaaaa;
		}
		#hd-top .hd-descript .hd-filter li.active{
			color:#ffffff;
		}
		#hd-top .hd-descript .hd-filter li:after{
			content:'';
			display: block;
			width: 15px;
			height: 11px;
			background: url(../img-sec1/arrow-bottom.png) center center no-repeat;
			position: absolute;
			/*left: 0;
			right: 0;
			bottom: 10px;
			margin:0 auto;*/
			top: 0;
			bottom: 0;
			right: -15px;
			margin:auto 0;
			opacity: 0;
			-webkit-transform: rotate(270deg);
			   -moz-transform: rotate(270deg);
			    -ms-transform: rotate(270deg);
			     -o-transform: rotate(270deg);
			        transform: rotate(270deg);
			-webkit-transition: opacity .25s ease;
			   -moz-transition: opacity .25s ease;
			    -ms-transition: opacity .25s ease;
			     -o-transition: opacity .25s ease;
			        transition: opacity .25s ease;
		}
		#hd-top .hd-descript .hd-filter li.active:after{
			opacity: 1;
		}

		#hd-top .hd-content li{
			display: none;
			/*padding:25px 35px 0;*/
			padding:5px 35px 0;
			color:#8e8e8d;
			min-height: 100px;
		}
		#hd-top .hd-content li.active{
			display: block;
		}
/*-----SECTION-1-1-----*/
	#hd-top-vid #owl-hd-vid {
		height: 85vh;
		max-height: 50vw;
		overflow: hidden;
	}
	#hd-top-vid #owl-hd-vid .item{
		position: relative;
		height: 85vh;
		max-height: 50vw;
		overflow: hidden;
	}
	#hd-top-vid iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 85vh;
	}
	#hd-top-vid .thumb {
		position: relative;
		width: 100%;
		height: 85vh;
		max-height: 50vw;
	    opacity: 1;
	    z-index: 2;
	    background-size: cover;
	    -webkit-transition: all .25s ease;
	       -moz-transition: all .25s ease;
	        -ms-transition: all .25s ease;
	         -o-transition: all .25s ease;
	            transition: all .25s ease;
	}
	#hd-top-vid .thumb.hidden {
	    opacity: 0;
	    pointer-events: none;
	}
	/*#hd-top-vid #owl-hd-vid .owl-item .item[data-order="2"] video{
		margin-top: -10%;
	}
	#hd-top-vid #owl-hd-vid .owl-item .item[data-order="3"] video{
		margin-top: -8%;
	}*/
	#hd-top-vid .hd-container{
		max-width: 600px;
		height: 240px;
		position: absolute;
		left: 15%;
		top: 0;
		bottom: 20%;
		margin:auto 0;
		opacity: 0;
		z-index: 3;
	}
	#hd-top-vid .owl-item .item[data-order="1"] .hd-container{
		bottom: 35%;
	}
	#hd-top-vid .owl-item .item[data-order="2"] .hd-container,
	#hd-top-vid .owl-item .item[data-order="3"] .hd-container{
		bottom:41%;
	}
	#hd-top-vid .hd-container p{
		padding-bottom: 5px;
	}
	#hd-top-vid .active .hd-container{
		opacity: 1;
		-webkit-animation:	showFromBottom .8s ease forwards,
							showfromblur 1s ease forwards;
			 -o-animation: 	showFromBottom .8s ease forwards,
							showfromblur 1s ease forwards;
				animation:	showFromBottom .8s ease forwards,
							showfromblur 1s ease forwards;
	}
	#hd-top-vid .hd-container h2{
	
			color:#fff !important;
		}

	/* owl control */
		#hd-top-vid #owl-hd-vid .owl-controls .owl-prev,
		#hd-top-vid #owl-hd-vid .owl-controls .owl-next{
			width: 50px;
			height: 50px;
			background: url(../img-sec1/nav.png) center center no-repeat;
			position: absolute;
			top: 0;
			bottom: 0;
			margin:auto 25px;
			opacity: .5;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}
		#hd-top-vid #owl-hd-vid .owl-controls .owl-prev:hover,
		#hd-top-vid #owl-hd-vid .owl-controls .owl-next:hover{
			opacity: 1;
		}
		#hd-top-vid #owl-hd-vid .owl-controls .owl-prev{
			left: 0;
			-webkit-transform: rotate(180deg);
			   -moz-transform: rotate(180deg);
			    -ms-transform: rotate(180deg);
			     -o-transform: rotate(180deg);
			        transform: rotate(180deg);
		}
		#hd-top-vid #owl-hd-vid .owl-controls .owl-next{
			right: 30px;
		}
		#hd-top-vid #owl-hd-vid .owl-controls .owl-prev:active{
			-webkit-transform: scale(.9) rotate(180deg);
			   -moz-transform: scale(.9) rotate(180deg);
			    -ms-transform: scale(.9) rotate(180deg);
			     -o-transform: scale(.9) rotate(180deg);
			        transform: scale(.9) rotate(180deg);
		}
		#hd-top-vid #owl-hd-vid .owl-controls .owl-next:active{
			-webkit-transform: scale(.9);
			   -moz-transform: scale(.9);
			    -ms-transform: scale(.9);
			     -o-transform: scale(.9);
			        transform: scale(.9);
		}	
	/* description */
		#hd-top-vid .hd-descript{
			/*display: none;*/
			padding:1% 0;
		}

		#hd-top-vid .hd-descript .hd-filter{
			border-bottom: 1px solid #555555;
			padding:0 10px;
			text-align: center;
		}
		#hd-top-vid .hd-descript .hd-filter li{
			cursor: pointer;
			color:#8e8e8d;
			padding-bottom: 20px;
			position: relative;
			-webkit-transition: color .25s ease;
			   -moz-transition: color .25s ease;
			    -ms-transition: color .25s ease;
			     -o-transition: color .25s ease;
			        transition: color .25s ease;
		}
		#hd-top-vid .hd-descript .hd-filter li:hover{
			color:#aaaaaa;
		}
		#hd-top-vid .hd-descript .hd-filter li.active{
			color:#ffffff;
		}
		#hd-top-vid .hd-descript .hd-filter li:after{
			content:'';
			display: block;
			width: 15px;
			height: 11px;
			background: url(../img-sec1/arrow-bottom.png) center center no-repeat;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			margin:0 auto;
			opacity: 0;
			-webkit-transition: opacity .25s ease;
			   -moz-transition: opacity .25s ease;
			    -ms-transition: opacity .25s ease;
			     -o-transition: opacity .25s ease;
			        transition: opacity .25s ease;
			display: none;
		}
		#hd-top-vid .hd-descript .hd-filter li.active:after{
			opacity: 1;
		}
		
		#hd-top-vid .hd-content{
			display: none;
		}
		#hd-top-vid .hd-content li{
			display: none;
			padding:0 35px 0;
			color:#8e8e8d;
			min-height: 100px;
		}
		#hd-top-vid .hd-content li.active{
			display: block;
		}
/*-----SECTION-2-----*/
	#hd-placement{
		background: url(../img-sec2/bg_pattern.png) 0 0 repeat;
		border-bottom: 5px solid #000000;
	}
	#hd-placement .w1300{
		max-width: none;
		width: 95%;
		margin-left: auto;
		margin-right: 0;
	}
	#hd-placement .col25{
		display: inline-block;
		vertical-align: bottom;
		width: 30%;
		margin-bottom: 85px;
		padding-right: 10px;
		border-right: 1px solid #8e8e8d;
	}
	#hd-placement .col25 .content li{
		display: none;
	}
	#hd-placement .col25 .content li.active{
		display: block;
	}
	#hd-placement .col25 h3{
		line-height: 1;
	}
	#hd #hd-placement .col25 h5{
		font-weight: 300;
		font-size: 1.5rem;
		line-height: 1.25rem;
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	#hd-placement .col25 p{
		padding-right: 10px;
	}
	#hd-placement .col25 p:last-child{
		padding-bottom: 0;
	}
	#hd-placement .col75{
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		width: 70%;
		margin-left: auto;
		margin-right: 0;
	}
	#hd-placement figure{
		display: none;
		margin:0;
		width: 100%;
		max-height: calc(100vh - 100px);
		/*overflow:hidden;*/
		margin-left: auto;
		position: relative;
	}
	#hd-placement figure.active{
		display: block;
		-webkit-animation: fadeIn .5s ease forwards;
		-o-animation: fadeIn .5s ease forwards;
		animation: fadeIn .5s ease forwards;
	}
	#hd-placement .col75 > ul{
		display: none;
	}
	#hd-placement .col75 > ul.active{
		display: none;
	}
	#hd-placement figure > img{
		display: block;
		margin:0 auto;
		opacity: .6;
		max-width: 100%!important;
	}
	/*#hd-placement .hd-router{
		display: block;
		position: absolute;
		left: 68%;
		top: 82%;
		max-width: 13%;
	}*/

	#hd-placement .hints li{
		position: absolute;
		top: 0;
		left: 0;
	}

	#hd-placement .iconbg{
		width: 80px;
		height: 80px;
		border-radius: 40px;
		background-color: rgba(0,0,0,.5);
		border:1px solid #ffffff;
		position: relative;
	}
	#hd-placement .iconbg:before{
		content:'';
		display: block;
		width: 104px;
		height: 104px;
		border-radius: 52px;
		background-color: rgba(255,255,255,.25);
		z-index: -1;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: -13px;
		margin:auto;
		-webkit-animation: pulse 1.5s infinite;
		-o-animation: pulse 1.5s infinite;
		animation: pulse 1.5s infinite;
	}
	#hd-placement li:hover .iconbg:before{
		-webkit-animation: none;
		-o-animation: none;
		animation: none;
	}

	#hd-placement .hd-hint {
		background-image: url(../img-sec2/icon_position-hint.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
		z-index: 3;
	}

	#hd-placement .hd-alert{
		width: 47px;
		height: 47px;
		background-position: 0 0;
	}
	#hd-placement li:hover .hd-alert{
		background-position: -48px 0;
	}
	#hd-placement .hd-ok{
		width: 44px;
		height: 43px;
		background-position: -96px 0;
	}
	#hd-placement li:hover .hd-ok{
		background-position: -140px 0;
	}

	#hd-placement .message{
		position: absolute;
		width: 0;
		height: 80px;
		right: 0;
		top: 0;
		bottom: 0;
		margin:auto 0;
		background-color: rgba(0,0,0,.5);
		border-radius: 40px;
		overflow: hidden;
		box-shadow: 0 3px 3px rgba(0,0,0,.2);
		opacity: 0;
		-webkit-transition: width .8s ease,
							opacity .25s ease;
		   -moz-transition: width .8s ease,
							opacity .25s ease;
		    -ms-transition: width .8s ease,
							opacity .25s ease;
		     -o-transition: width .8s ease,
							opacity .25s ease;
		        transition: width .8s ease,
							opacity .25s ease;
	}
	#hd-placement .message:hover,
	#hd-placement .iconbg:hover + .message{
		/*width: 450px;*/
		overflow: visible;
		opacity: 1;		
		-webkit-transition: width .4s ease,
							opacity .8s ease;
		   -moz-transition: width .4s ease,
							opacity .8s ease;
		    -ms-transition: width .4s ease,
							opacity .8s ease;
		     -o-transition: width .4s ease,
							opacity .8s ease;
		        transition: width .4s ease,
							opacity .8s ease;
	}
	#hd-placement .message img{
		position: absolute;
		left: -25px;
		bottom: -5px;
		z-index: 5;
		max-width: 100px !important;
	}
	#hd-placement .message p{
		font-size: 24px;
		font-weight: 400;
		position: absolute;
		width: 100%;
		height: 30px;
		padding-left: 90px;
		text-align: left;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
	}

	#hd-wrouter .hints li:nth-child(1){
		left: 30%;
		top: 8%;
	}
	#hd-wrouter .hints li:nth-child(1) .message:hover,
	#hd-wrouter .hints li:nth-child(1) .iconbg:hover + .message{
		width: 410px;
	}
	#hd-wrouter .hints li:nth-child(2){
		left: 55%;
		top: 43%;
	}
	#hd-wrouter .hints li:nth-child(2) .message:hover,
	#hd-wrouter .hints li:nth-child(2) .iconbg:hover + .message{
		width: 590px;
	}
	#hd-wrouter .hints li:nth-child(3){
		left: 63%;
		top: 81%;
	}
	#hd-wrouter .hints li:nth-child(3) .message:hover,
	#hd-wrouter .hints li:nth-child(3) .iconbg:hover + .message{
		width: 400px;
	}

	#hd-wstairs .hints li:nth-child(1){
		left: 67%;
		top: 28%;
	}
	#hd-wstairs .hints li:nth-child(1) .message:hover,
	#hd-wstairs .hints li:nth-child(1) .iconbg:hover + .message{
		width: 420px;
	}
	#hd-wstairs .hints li:nth-child(2){
		left: 21.5%;
		top: 43%;
	}
	#hd-wstairs .hints li:nth-child(2) .message:hover,
	#hd-wstairs .hints li:nth-child(2) .iconbg:hover + .message{
		width: 400px;
	}
	#hd-wstairs .hints li:nth-child(3){
		left: 53%;
		top: 73%;
	}
	#hd-wstairs .hints li:nth-child(3) .message:hover,
	#hd-wstairs .hints li:nth-child(3) .iconbg:hover + .message{
		width: 450px;
	}

	#hd-wcorner .hints li:nth-child(1){
		left: 69%;
		top: 18%;
	}
	#hd-wcorner .hints li:nth-child(1) .message:hover,
	#hd-wcorner .hints li:nth-child(1) .iconbg:hover + .message{
		width: 460px;
	}
	#hd-wcorner .hints li:nth-child(2){
		left: 35%;
		top: 55%;
	}
	#hd-wcorner .hints li:nth-child(2) .message:hover,
	#hd-wcorner .hints li:nth-child(2) .iconbg:hover + .message{
		width: 340px;
	}
	#hd-wcorner .hints li:nth-child(3){
		left: 78%;
		top: 68%;
	}
	#hd-wcorner .hints li:nth-child(3) .message:hover,
	#hd-wcorner .hints li:nth-child(3) .iconbg:hover + .message{
		width: 430px;
	}
	
	#hd-placement .filter{
		background: #1c1c1c;
	}
	#hd-placement .filter li{
		width: 33.3333%;
		float:left;
		text-align: center;
		padding:1.5% 20px;
		/*padding:0 20px;*/
		background-size: cover;
		background-position: center center;
		cursor: pointer;
		opacity: .5;
		-webkit-transition: opacity .25s ease;
		   -moz-transition: opacity .25s ease;
		    -ms-transition: opacity .25s ease;
		     -o-transition: opacity .25s ease;
		        transition: opacity .25s ease;
	}
	#hd-placement .filter li h3{
		font-size: 1.5rem;
		-webkit-transition: font-size .25s ;
		   -moz-transition: font-size .25s ;
		    -ms-transition: font-size .25s ;
		     -o-transition: font-size .25s ;
		        transition: font-size .25s ;
	}
	#hd-placement .filter li:hover{
		opacity: .8;
	}
	#hd-placement .filter li.active{
		opacity: 1;
	}
	#hd-placement .filter li.active h3{
		font-size: 2.5rem;
	}
	#hd-placement .filter li:nth-child(1){
		background-image: url(../img-sec2/with-router.png);
	}
	#hd-placement .filter li:nth-child(2){
		background-image: url(../img-sec2/with-stairs.png);
	}
	#hd-placement .filter li:nth-child(3){		
		background-image: url(../img-sec2/with-corner.png);
	}
	#hd-placement .filter:after{
		content:'';
		display: block;
		width: 0;
		height: 0;
		clear:both;
	}
/*-----SECTION-3-----*/
	#hd #hd-signal{
		padding-bottom: 50px;
	}
	#hd #hd-signal .container{
		width: 100%;
		max-width: none;
		min-width: 0;
		padding:0;
		margin:0;
	}
	#hd-signal .container figure{
		width: 100%;
		display: inline-block;
		margin:0;
		position: relative;
		overflow: hidden;
	}
	#hd-signal .hd-bg{
		width: 100%;
		opacity: .4;
		margin-top: -80px;
	}	
	/*#hd-signal .hd-people{
		position: absolute;
		width: 10%;
		padding-bottom: 20.75%;
		top: 21%;
		left: 43%;
		background-image: url(../img-sec3/img-people.gif);
		background-repeat: no-repeat;
		background-size: 100%;
		-webkit-animation: 	walking 8s linear infinite,
							headmove .4s linear infinite;
		-o-animation: 		walking 8s linear infinite,
							headmove .4s linear infinite;
		animation: 			walking 8s linear infinite,
							headmove .4s linear infinite;
	}*/
	#hd-signal .hd-people{
		position: absolute;
		width: 100%;
		top: 0;
		top: -80px;
		left: 0;
		z-index: 2;
	}
	#hd-signal .hd-firstfloor{		
		position: absolute;
		width: 10%;
		padding-bottom: 27%;
		top: 73%;
		left: 48%;
		background-image: url(../img-sec3/signal_weak.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#hd-signal .hd-firstfloor.animated{
		-webkit-animation: firstfloor 8.45s linear infinite;
		-o-animation: firstfloor 8.45s linear infinite;
		animation: firstfloor 8.45s linear infinite;
	}
	#hd-signal .hd-secondfloor{		
		position: absolute;
		width: 10%;
		padding-bottom: 27%;
		top: 74%;
		left: 50%;
		top: 43%;
		left: 3%;
		background-image: url(../img-sec3/signal_weak.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#hd-signal .hd-secondfloor.animated{
		-webkit-animation: secondfloor 8.45s linear infinite;
		-o-animation: secondfloor 8.45s linear infinite;
		animation: secondfloor 8.45s linear infinite;
	}
	#hd-signal .hd-thirdfloor{		
		position: absolute;
		width: 10%;
		padding-bottom: 27%;
		top: 21%;
		left: 43%;
		background-image: url(../img-sec3/signal_weak.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#hd-signal .hd-thirdfloor.animated{
		-webkit-animation: thirdfloor 8.45s linear infinite;
		-o-animation: thirdfloor 8.45s linear infinite;
		animation: thirdfloor 8.45s linear infinite;
	}

	#hd-signal .wifilist{
		width: 40%;
		position: absolute;
		right: 1%;
		bottom: -12%;
	}
	#hd-signal .list{
		width: 100%;
	}
	#hd-signal .check{
		position: absolute;
		width: 4%;
		left: 4.5%;
		top: 47%;
	}
	#hd-signal .signal{
		position: absolute;
		width: 4.5%;
		padding-bottom: 3.2%;
		right: 13%;
		background-image: url(../img-sec3/icon-wifiList-signal.svg);
		background-size: 500%;
	}
	#hd-signal .col50 .signal-1{
		top: 28.7%;
		background-position: 0 0;
		-webkit-animation: signalChange 8.45s linear infinite
							,emphasize-three 8.45s linear infinite
							;
		-o-animation: signalChange 8.45s linear infinite
							,emphasize-three 8.45s linear infinite
							;
		animation: signalChange 8.45s linear infinite
							,emphasize-three 8.45s linear infinite
							;
	}
	#hd-signal .col50 .signal-2{
		top: 37.7%;
		background-position: 32% 0;
		-webkit-animation: signalChange-mid 8.45s linear infinite
							,emphasize-mid 8.45s linear infinite
							;
		-o-animation: signalChange-mid 8.45s linear infinite
							,emphasize-mid 8.45s linear infinite
							;
		animation: signalChange-mid 8.45s linear infinite
							,emphasize-mid 8.45s linear infinite
							;
	}
	#hd-signal .col50 .signal-3{
		top: 46.7%;
		background-position: 0 0;
		-webkit-animation: signalChange 8.45s linear infinite reverse
							,emphasize-three 8.45s 6s linear infinite reverse
							;
		-o-animation: signalChange 8.45s linear infinite reverse
							,emphasize-three 8.45s 6s linear infinite reverse
							;
		animation: signalChange 8.45s linear infinite reverse
							,emphasize-three 8.45s 6s linear infinite reverse
							;
	}

	#hd-signal area{
		outline:none;
	}

	#hd-signal .filter{
		padding:5% 10%;
		vertical-align: top;
	}
	#hd-signal .filter p{
		padding-bottom: 0;
	}
/*-----SECTION-4-----*/
	#hd-tablet {
		padding:30px 0 75px;
		border-bottom: 1px solid #292929;
	}
	#hd-tablet .frame{
		width: 90%;
		max-width: 1185px;
		max-height: 70vh;
		margin:2.5% auto 0;
		text-align: center;
		position: relative;
	}
	#hd-tablet .frame > img{
		pointer-events: none;
		z-index: 2;
	}
	#hd-tablet .frame:before{
		content:'';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin:auto;
		z-index: 3;
		width: 34px;
		height: 59px;
		bottom: 10px;
		background: url(../img-sec4/scrolling.gif) center center no-repeat;
		background-size: contain;
	}
	#owl-hd-tablet {
		position: absolute;
		width: 92%;
		height: 90%;
		top: 0;
		left: 0;
		right: 0;
		margin:5% auto 0;
		z-index: 1;
	}
	#owl-hd-tablet .owl-stage-outer,
	#owl-hd-tablet .owl-stage,
	#owl-hd-tablet .owl-item,
	#owl-hd-tablet .item{
		height: 100%;
	}
	#owl-hd-tablet .item > div{
		height: 100%;
		overflow:hidden;
	}
	#owl-hd-tablet .item > div > div{
		width: 102%;
		height: 100%;
		overflow-y:scroll;
	}

	#hd-tablet .table-description{
		padding-top:1.5%;
		background:#2c2c2c;
		position: relative;
		z-index: 5;
	}
	#hd-tablet .nav {
		width: 30%;
		float:left;
		border-right:1px solid #555555;
	}
	#hd-tablet-content {
		width: 70%;
		float:left;
		padding-left: 30px;
	}
	#hd-tablet .nav li{
		padding:5px 0 15px;
		cursor: pointer;
		position: relative;
	}
	#hd-tablet .nav li:hover,
	#hd-tablet .nav li.active{
		color:#ffffff;
	}
	#hd-tablet .nav li.active:after{
		content:'';
		display: block;
		width: 11px;
		height: 11px;
		background: url(../img-sec4/arrow-right.png) center center no-repeat;
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 10px;
		margin:auto 0;
	}
/*-----SECTION-5-----*/
	#hd-app{
		padding:100px 0;
	}
	#hd-app .hd-left{
		width: 28%;
		max-width: 350px;
		margin:0 auto;
		margin-right: 7%;
	}
	#hd-app .hd-right{
		width: 65%;
		padding-left: 90px;
		padding-top: 5%;
	}
	#hd-app .content p:first-child{
		cursor: pointer;
		position: relative;
		z-index: 2;
	}
	#hd-app .content p:first-child:after{
		content:'';
		display: inline-block;
		padding-left: 20px;
		width: 15px;
		height: 11px;
		background: url(../img-sec5/arrow-bottom.png) center center no-repeat;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
	#hd-app .content li.active p:after{
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		     -o-transform: rotate(0deg);
		        transform: rotate(0deg);
		-webkit-transition: all .05s ease;
		   -moz-transition: all .05s ease;
		    -ms-transition: all .05s ease;
		     -o-transition: all .05s ease;
		        transition: all .05s ease;
	}
	#hd-app .content p:last-child{
		padding-bottom: 15px;
		max-height: 0;
		opacity: 0;
		-webkit-transition: none;
		   -moz-transition: none;
		    -ms-transition: none;
		     -o-transition: none;
		        transition: none;
	}
	#hd-app .content li.active p + p{
		max-height: 1000px;
		opacity: 1;
		padding-bottom: 30px;
		-webkit-transition: max-height 0s ease, opacity .8s, padding 0s;
		   -moz-transition: max-height 0s ease, opacity .8s, padding 0s;
		    -ms-transition: max-height 0s ease, opacity .8s, padding 0s;
		     -o-transition: max-height 0s ease, opacity .8s, padding 0s;
		        transition: max-height 0s ease, opacity .8s, padding 0s;
	}

	/*#owl-hd-app .item:before,
	#owl-hd-app .item:after{
		content:'';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin:auto;
		z-index: 2;
	}
	#owl-hd-app .item:before{
		width: 22px;
		height: 40px;
		border:4px solid #ffffff;
		background-color: rgba(0,0,0,.1);
		border-radius: 15px;
		bottom: 60px;
	}
	#owl-hd-app .item:after{
		width: 4px;
		height: 4px;
		border-radius: 3px;
		background-color: #ffffff;
		bottom: 90px;
		-webkit-animation: scrolling 1s infinite;
		-o-animation: scrolling 1s infinite;
		animation: scrolling 1s infinite;
	}*/
	#hd-app #owl-hd-app:after{
		content:'';
		display: block;
		/*width: 100%;
		height: 100%;*/
		width: 116%;
		height: 116%;
		position: absolute;
		top: -11.5%;
		left: -8%;
		margin:auto;
		background: url(../img-sec5/zenfone3.png) 0 0 no-repeat;
		background-size: contain;
		z-index: 2;
	}
	#hd-app .owl-item{
		-webkit-touch-callout: auto;
		-webkit-user-select: auto;
		-moz-user-select: auto;
		-ms-user-select: auto;
		user-select: auto;
	}
	#owl-hd-app .item > img{
		width: 100%;
		position: relative;
		pointer-events: none;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	#owl-hd-app .item > div{
		/*width: 88%;*/
		/*width: 86%;*/
		width: 100%;
		height: 76%;
		/*position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;*/
		margin: auto;
		overflow:hidden;
	}
	#owl-hd-app .item > div > div{
		/*width: 105%;*/
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		/*overflow-y: scroll;*/
	}
	/* owl control */
		#owl-hd-app .owl-dots{
			position: relative;
			z-index: 5;
			text-align: center;
			margin:27% 0;
		}
		#owl-hd-app .owl-dot{
			display: inline-block;
			width: 6px;
			height: 6px;
			border-radius: 4px;
			background-color: #ffffff;
			margin:5px;
			opacity: .5;
		}
		#owl-hd-app .owl-dot:hover{
			opacity: .8;
		}
		#owl-hd-app .owl-dot.active{
			opacity: 1;
		}
/*-----ANIMATION-----*/
	@-webkit-keyframes showFromBottom {
		from{
			opacity: 0;
			text-shadow: 
			-webkit-transform: translateY(3%);
			        transform: translateY(3%);
		}
		to{
			opacity: 1;
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}
	}
	@keyframes showFromBottom {
		from{
			opacity: 0;
			text-shadow: 
			-webkit-transform: translateY(3%);
			   -moz-transform: translateY(3%);
			    -ms-transform: translateY(3%);
			     -o-transform: translateY(3%);
			        transform: translateY(3%);
		}
		to{
			opacity: 1;
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
	}

	@-webkit-keyframes showfromblur{
		0%	{color:transparent;	text-shadow: 0 0 80px #ffffff;	letter-spacing: 30px;}
		50% {color:transparent;	}
		100%{color:#aaaaaa;		text-shadow: 0 0 0 #aaaaaa;	letter-spacing: 0;}
	}
	@keyframes showfromblur{
		0%	{color:transparent;	text-shadow: 0 0 80px #ffffff;	letter-spacing: 30px;}
		50% {color:transparent;	}
		100%{color:#aaaaaa;		text-shadow: 0 0 0 #aaaaaa;	letter-spacing: 0;}
	}

	@-webkit-keyframes pulse{
		from{
			opacity: 1;
			-webkit-transform: scale(.95);
		}
		to{
			opacity: 0;
			-webkit-transform: scale(1);
		}
	}
	@keyframes pulse{
		from{
			opacity: 1;
			   -moz-transform: scale(.95);
			    -ms-transform: scale(.95);
			     -o-transform: scale(.95);
			        transform: scale(.95);
		}
		to{
			opacity: 0;
			   -moz-transform: scale(1);
			    -ms-transform: scale(1);
			     -o-transform: scale(1);
			        transform: scale(1);
		}
	}

	@-webkit-keyframes scrolling {
	    0% {
	        opacity: 1;
	        -webkit-transform: translateY(0);
	        transform: translateY(0);
	    }
	    100% {
	        opacity: 0;
	        -webkit-transform: translateY(20px);
	        transform: translateY(20px);
	    }
	}
	@keyframes scrolling {
	    0% {
	        opacity: 1;
	        -webkit-transform: translateY(0);
	        -ms-transform: translateY(0);
	        transform: translateY(0);
	    }
	    100% {
	        opacity: 0;
	        -webkit-transform: translateY(20px);
	        -ms-transform: translateY(20px);
	        transform: translateY(20px);
	    }
	}
/*-----RWD-----*/
	@media screen and (max-width: 1920px){
			#hd-top-vid .thumb{
				height: 95vh;
			}
			#hd-top-vid #owl-hd-vid .item{
				height:95vh;
			}
			#hd-top-vid #owl-hd-vid{
				height: 95vh;
			}

}

	@media screen and (max-width: 1550px){

		#hd-top #owl-hd-top {
			max-height: 65vh;
		}
		#hd-top-vid .thumb{
				height: 95vh;
			}		
		#hd-top-vid #owl-hd-vid {
			height: 95vh;
		}
		#hd-top-vid #owl-hd-vid .item{
				height:95vh;
			}
		#hd-top #owl-hd-top .item img{
			margin-top: -8%;
		}

		
		#hd-placement .col25{
			width: 40%;
			margin-bottom: 20px;
		}
		#hd-placement .col75{
			width: 53%;
		}
		#hd-placement .filter li{
			padding:1% 20px;
		}
		
		#hd-signal .filter{
			padding:3% 8%;
		}

		#hd-tablet .frame{
			max-width: 900px;
		}
		#hd-top-vid .hd-container{
			max-width: 780px;
		}
		

	}
	@media screen and (min-width: 1366px) and (max-width: 1550px){
		#hd-top-vid .hd-container h2 {
			font-size: 3rem;
		}
	}

	@media screen and (max-width: 1366px){
		/*-----SECTION-1 & 1-1-----*/
			#hd-top-vid #owl-hd-vid {
				height: 81vh;
			}
			#hd-top-vid .hd-container{
			max-width: 700px;
		}
		#hd-top-vid .thumb{
				height: 85vh;
			}		
		#hd-top-vid #owl-hd-vid {
			height: 81vh;
		}
		#hd-top-vid #owl-hd-vid .item{
				height:85vh;
			}
		/*-----SECTION-2-----*/
			#hd-placement .iconbg{
				width: 54px;
				height: 54px;
				border-radius: 27px;
			}
			#hd-placement .iconbg:before{
				width: 68px;
				height: 68px;
				border-radius: 34px;
				left: -8px;
			}
			
			#hd-placement .hd-hint{
				background-size: 115px;
			}
			#hd-placement .hd-alert{
				width: 30px;
				height: 30px;
			}
			#hd-placement li:hover .hd-alert{
				background-position: -30px 0;
			}
			#hd-placement .hd-ok{
				width: 28px;
				height: 28px;
				background-position: -60px 0;
			}
			#hd-placement li:hover .hd-ok{
				background-position: -88px 0;
			}

			#hd-placement .message{
				height: 54px;
				border-radius: 27px;
			}
			#hd-placement .message:hover,
			#hd-placement .iconbg:hover + .message{
				width: 315px;
			}
			#hd-placement .message img{
				max-width: 80px !important;
				left: -50px;
				bottom: -2px;
			}
			#hd-placement .message p{
				font-size: 18px;
				height: 24px;
				padding-left: 30px;
			}

			#hd-wrouter .hints li:nth-child(1) .message:hover,
			#hd-wrouter .hints li:nth-child(1) .iconbg:hover + .message{
				width: 260px;
			}
			#hd-wrouter .hints li:nth-child(2){
				left: 55%;
			}
			#hd-wrouter .hints li:nth-child(2) .message:hover,
			#hd-wrouter .hints li:nth-child(2) .iconbg:hover + .message{
				width: 400px;
			}
			#hd-wrouter .hints li:nth-child(3) .message p{
				padding-left: 70px;
			}
			#hd-wrouter .hints li:nth-child(3) .message:hover,
			#hd-wrouter .hints li:nth-child(3) .iconbg:hover + .message{
				width: 300px;
			}

			#hd-wstairs .hints li:nth-child(1) .message:hover,
			#hd-wstairs .hints li:nth-child(1) .iconbg:hover + .message{
				width: 280px;
			}
			#hd-wstairs .hints li:nth-child(2) .message:hover,
			#hd-wstairs .hints li:nth-child(2) .iconbg:hover + .message{
				width: 265px;
			}
			#hd-wstairs .hints li:nth-child(3) .message:hover,
			#hd-wstairs .hints li:nth-child(3) .iconbg:hover + .message{
				width: 280px;
			}

			#hd-wcorner .hints li:nth-child(1) .message:hover,
			#hd-wcorner .hints li:nth-child(1) .iconbg:hover + .message{
				width: 280px;
			}
			#hd-wcorner .hints li:nth-child(2) .message:hover,
			#hd-wcorner .hints li:nth-child(2) .iconbg:hover + .message{
				width: 220px;
			}
			#hd-wcorner .hints li:nth-child(3) .message:hover,
			#hd-wcorner .hints li:nth-child(3) .iconbg:hover + .message{
				width: 280px;
			}
			#hd-placement .col25{
				width: 30%;
			}
			#hd-placement .col75{
				width: 65%;
			}
		/*-----SECTION-3-----*/
			#hd-signal .hd-bg{
				margin-top: -50px;
			}
			#hd-signal .hd-people{
				top: -50px;
			}
		/*-----SECTION-5-----*/
			#hd-app{
				padding:60px 0;
			}		
			#hd-app .hd-left{
				width: 25%;
				margin-right: 0;
				margin-left: 10%;
			}
			#hd-app .hd-right{
				padding-top: 0;
			}
			#owl-hd-app .item > div > div{
				width: 108%;
			}
	}
	@media screen and (max-width: 1024px){
		#hd h2{
			line-height: 3.75rem;
			padding-bottom:15px;
		}
		/*-----SECTION-1 & 1-1-----*/
			#hd-top-vid #owl-hd-vid{
				height: 80vh;
			}
			#hd-top-vid .hd-descript,
			#hd-top .hd-descript{
				padding:20px 0;
			}
			#hd-top .hd-descript .hd-filter{
				width: 25%;
			}
			#hd-top .hd-content{
				width: 75%;
			}
			#hd-top-vid .hd-container{
			max-width: 600px;
		}
		/*-----SECTION-2-----*/	
			#hd-placement .w1300{
				width: 95%;
			}
			#hd-placement .col25{
				width: 35%;
				border-right: 1px solid #8e8e8d;
				vertical-align: middle;
				margin-top: 10px;
				margin-bottom: 30px;
			}
			#hd-placement .col75{
				width: 65%;
				vertical-align: middle;
			}

			#hd-placement .col25 h3{
				font-size: 2rem;
				margin-bottom: 15px;
			}
			#hd-placement .filter li{
				padding:0 20px;
			}
			#hd-placement .filter li.active h3{
				font-size: 2rem;
			}


			


			#hd-placement .filter h3{
				font-size: 1.5rem;
			}
		/*-----SECTION-3-----*/		
			#hd #hd-signal{
				padding-bottom: 20px;
			}
			#hd-signal .filter{
				padding:30px 5%;
			}
		/*-----SECTION-4-----*/
			#hd-tablet{
				padding:30px 0;
			}
			/*#owl-hd-tablet{
				height: 88.5%;
			}*/
			#owl-hd-tablet .item > div > div{
				width: 103%;
			}
			#hd-tablet .table-description{
				padding-top: 30px;
			}
		/*-----SECTION-5-----*/
			#hd-app .hd-left{
				margin-top: 3%;
			}
			#owl-hd-app .item > div > div{
				width: 110%;
			}
			#hd-app .content li.active p + p{
				padding-bottom: 10px;
			}
	}
	@media screen and (max-width: 768px) {
		#hd .mobile-on{
			display: block;
		}
		#hd .mobile-off{
			display: none;
		}
		#hd h2{
			font-size: 2.5rem;
			line-height: 2.75rem;
			padding-bottom:10px;
		}
		#hd h4{
			font-size: 1.5rem;
			line-height: 1.75rem;
			margin-bottom:15px;
		}
		/*-----SECTION-1-----*/
			#hd-top .hd-container{
				top: 40%;
				left: 0;
				right: 0;
				margin:auto;
				width: 70%;
				max-width: 70%;
			}
			#hd-top .hd-descript{
				padding:25px 0 40px;
			}
			#hd-top #owl-hd-top .owl-controls .owl-next{
				right: 0;
			}
		/*-----SECTION-1-1-----*/
			#hd-top-vid .hd-container,
			#hd-top-vid .owl-item .item[data-order="*"] .hd-container{
				top: 20%;
				left: 0;
				right: 0;
				bottom:20%;
				margin:auto;
				width: 70%;
				max-width: 70%;
			}
			#hd-top-vid h2{
				font-size: 24px;
				line-height: 30px;
			}
			#hd-top-vid #owl-hd-top .owl-controls .owl-next{
				right: 0;
			}
			#hd-top-vid iframe{
				display: none;
			}
			#hd-top-vid .thumb.hidden {
			    opacity: 1;
			    pointer-events: all;
			    display: block;
			    visibility: visible;
			}
		/*-----SECTION-2-----*/
			#hd-placement .col25,
			#hd-placement .col75{
				display: block;
				margin-left: 0;
			}
			#hd-placement .col25{
				border-right: 0;
				width: 100%;
				border-bottom: 1px solid #8e8e8d;
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
			#hd-placement .col75{
				width: 100%;
				margin-left: -5%;
				margin-right: 0;
			}
			#hd-placement .col75 > ul{
				display: none;
			}
			#hd-placement .col75 > ul.active{
				display: block;
				padding-bottom: 20px;
				-webkit-animation: fadeIn .5s ease forwards;
				-o-animation: fadeIn .5s ease forwards;
				animation: fadeIn .5s ease forwards;
			}

			#hd-placement .col75 > ul li{
				display: none;
			}
			#hd-placement .col75 > ul li.active{
				display: block;
				padding-left: 10px;
			}
			#hd-placement .col75 > ul .iconbg:before{
				-webkit-animation: none;
				-o-animation: none;
				animation: none;
			}

			#hd-placement .col75 > ul li.active .hd-alert,
			#hd-placement figure li.active .hd-alert{
				background-position: -30px 0;
			}
			#hd-placement .col75 > ul li.active .hd-ok,
			#hd-placement figure li.active .hd-ok{
				background-position: -88px 0;
			}

		
			#hd-placement .col75 > ul .iconbg{
				display: inline-block;
				margin:10px 0;
			}
			#hd-placement .col75 > ul .message{
				position: relative;
				display: inline-block;
				margin:10px 0;
				margin-left: -55px;
				width: calc(100% - 10px);
				height: 54px;
				background-color: rgba(0,0,0,.5);
				border-radius: 27px;
				/*overflow: hidden;*/
				box-shadow: 0 3px 3px rgba(0,0,0,.2);
				opacity: 1;
			}
			#hd-placement .message:hover,
			#hd-placement .iconbg:hover + .message{
				width: calc(100% - 10px);
			}
			#hd-placement .col75 > ul .message img{
				display: none;
				left: auto;
				right: -80px;
			}
			#hd-placement .col75 > ul .message p{
				font-size: 16px;
				width: 100%;
				height: 24px;
				padding-left: 65px;
			}

			#hd-placement .filter li.active h3{
				font-size: 1.75rem;
			}
		/*-----SECTION-3-----*/
			#hd-signal .hd-bg{
				margin-top: 0;
			}
			#hd-signal .hd-people{
				top: 0;
			}
			#hd-signal .wifilist{
				bottom: -10%;
			}
		/*-----SECTION-5-----*/
			#hd-app .hd-left{
				width: 30%;
				margin-left: 5%;
			}
	}
	@media screen and (max-width: 767px) {
		/*-----SECTION-1-----*/
			#hd-top .hd-descript .hd-filter{
				display: block;
				width: 100%;
				border-right:0;
				border-bottom: 1px solid #555555;
				padding:0 0 20px;
			}
			#hd-top .hd-content{
				display: block;
				width: 100%;
				margin-left: 0;
				padding-top: 20px;
			}
			#hd-top .hd-descript .hd-filter li{
				display: inline-block;
				width: 33.3333%;
				margin-left: -5px;
				text-align: center;
			}
			#hd-top .hd-descript .hd-filter li:after{
				top:auto;
				left: 0;
				right: 0;
				bottom: 0;
				margin:0 auto;
				-webkit-transform: none;
				   -moz-transform: none;
				    -ms-transform: none;
				     -o-transform: none;
				        transform: none;
			}
		/*-----SECTION-1-1-----*/
			#hd-top-vid .hd-descript{
				padding:10px 0 30px;
			}
			#hd-top-vid .hd-descript .hd-filter li{
				display: inline-block;
				width: 25%;
				margin-left: -5px;
				/*padding-bottom: 10px;*/
				text-align: center;
			}
		/*-----SECTION-2-----*/
			#hd-placement .filter li{
				padding:0 5px;
			}
			#hd-placement .filter li h3,
			#hd-placement .filter li.active h3{
				font-size: 1.25rem;
				line-height: 1.5rem;
				letter-spacing: 0;
			}
		/*-----SECTION-3-----*/
			#hd-signal .col50{
				width: 100%;
				margin-left: 0;
				display: block;
			}
		/*-----SECTION-4-----*/
			#hd-tablet .frame:before{
				width: 20px;
				height: 38px;
			}
			#hd-tablet .frame:after{
				bottom: 40px;
			}
			#owl-hd-tablet .item > div > div{
				width: 104%;
			}
			#hd-tablet .nav {
				width: 100%;
				float:none;
				border-right:0;
				border-bottom:1px solid #8e8e8d;
				margin-bottom: 25px;
				text-align: center;
				padding-bottom: 10px;
			}
			#hd-tablet .nav li{
				width: 24%;
				font-size: 14px;
				padding:0 2px 15px;
				margin-left: -5px;
				display: inline-block;
				vertical-align: bottom;
			}
			#hd-tablet-content {
				width: 100%;
				float:none;
				padding:0 20px;
			}
			#hd-tablet .nav li.active:after{
				left: 0;
				right: 0;
				top:auto;
				bottom: 0;
				margin:0 auto;
				-webkit-transform: rotate(90deg);
				   -moz-transform: rotate(90deg);
				    -ms-transform: rotate(90deg);
				     -o-transform: rotate(90deg);
				        transform: rotate(90deg);
			}
	}
	@media screen and (max-width: 480px) {
		#hd h2{
			font-size: 1.75rem;
			line-height: 2rem;
			padding-bottom:10px;
		}
		#hd p{
			font-size: 16px;
			line-height: 20px;
			padding-bottom: 20px;
		}
		/*-----SECTION-1-----*/
			#hd-top #owl-hd-top .owl-controls .owl-prev,
			#hd-top #owl-hd-top .owl-controls .owl-next{
				width: 40px;
				height: 40px;
				margin:auto 5px;
				background-size: contain;
			}

			#hd-top .hd-container{
				top: 0;
				bottom: 0;
				height: 125px;
				text-align: center;
			}
			#hd-top .hd-container p{
				display: none;
			}


			#hd-top #owl-hd-top .owl-controls .owl-prev,
			#hd-top #owl-hd-top .owl-controls .owl-next{
				width: 30px;
				height: 30px;
			}

			#hd-top .hd-descript{
				padding:30px 0;
			}
			#hd-top .hd-descript .hd-filter{
				padding:0;
				padding-bottom: 10px;
			}
			#hd-top .hd-descript .hd-filter li{
				width: 100%;
				padding-bottom: 5px;
			}
			#hd-top .hd-descript .hd-filter li:after{
				left: auto;
				top: 5px;
				bottom:auto;
				margin:auto 0;
			}
			#hd-top .hd-content li{
				padding:10px 20px 0;
			}
		/*-----SECTION-1-1-----*/
			#hd-top-vid #owl-hd-vid{
				height: auto;
				max-height: none;
			}
			#hd-top-vid #owl-hd-vid .owl-controls .owl-prev,
			#hd-top-vid #owl-hd-vid .owl-controls .owl-next{
				width: 40px;
				height: 40px;
				margin:auto 5px;
				background-size: contain;
			}

			#hd-top-vid .hd-container{
				width: 80%;
				max-width: 80%;
				top: 20px;
				bottom: 0;
				height: auto;
				text-align: center;
				display: none;
			}			
			/*#hd-top-vid h2{
				font-size: 16px;
				line-height: 18px;
			}*/
			#hd-top-vid p{
				font-size: 14px;
				line-height: 16px;
			}
			/*#hd-top-vid .hd-container p{
				display: none;
			}
			#hd-top-vid .hd-container .hd-subdescript{
				display: none;
			}*/

			#hd-top-vid #owl-hd-vid .owl-controls .owl-prev,
			#hd-top-vid #owl-hd-vid .owl-controls .owl-next{
				width: 30px;
				height: 30px;
			}


			#hd-top-vid .hd-descript{
				display: block;
				padding:30px 0;
				text-align: center;
			}
			#hd-top-vid .hd-descript .hd-filter{
				border-bottom: 0;
				border-top: 1px solid #555555;
				padding:0;
				padding-top: 10px;
			}
			#hd-top-vid .hd-descript .hd-filter li{
				display: block;
				width: 100%;
				margin-left: -5px;
				text-align: center;
				padding: 0 0 5px;
			}
			#hd-top-vid .hd-descript .hd-filter li:after{
				display: block;
				left: auto;
				top: 5px;
				bottom:auto;
				margin:auto 0;
				-webkit-transform: rotate(180deg);
				   -moz-transform: rotate(180deg);
				    -ms-transform: rotate(180deg);
				     -o-transform: rotate(180deg);
				        transform: rotate(180deg);
			}
			#hd-top-vid .hd-content{
				display: block;
				width: 100%;
				margin-left: 0;
				/*padding-top: 20px;*/
			}
			#hd-top-vid .hd-content li{
				padding:10px 20px 0;
			}	
		/*-----SECTION-4-----*/
			#hd-tablet .frame:before{
				width: 18px;
				height: 34px;
				bottom:5px;
			}
			#hd-tablet .frame:after{
				bottom: 32px;
			}
			
			/*#owl-hd-tablet{
				height: 87%;
			}*/
			#owl-hd-tablet .item > div > div{
				width: 104%;
			}
		/*-----SECTION-5-----*/
			#hd-app .hd-left{
				width: 100%;
				max-width: 350px;
				margin:0 auto;
				float:none;
			}
			#hd-app #owl-hd-app:after{
				top: -13%;
			}
			#hd-app .hd-right{
				width: 100%;
				padding-left: 0;
				padding-top: 0;
			}
			#owl-hd-app .item > div > div{
				width: 106%;
			}
	}