/*=======================
        General 
=======================*/
html,
body {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 15px;
	color: #5F5F5F;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
p{
	font-size: 15px;	
	line-height: 21px;
	margin: 0 0 20px;
	
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Bio Sans';
	color: #5F5F5F;
	font-weight: 700;
}
h3, h4, h5, h6{
	line-height: 1.3;
}
h1{
	font-size: 70px;
	margin: 0 0 18px 0;
	line-height: 65px;
}
h2{
	font-size: 50px;
	margin: 0 0 25px 0;
	line-height: 52px;
}
h3{
	font-size: 29px;
	margin: 0 0 20px 0;
}
h4{
	font-size: 19px;
	margin: 0 0 20px 0;
}
h5{
	font-size: 18px;
	 margin: 0 0 20px 0;
}
h6{
	font-size: 11px;
	 margin: 0 0 20px 0;
}
 a:hover{
	 text-decoration: none;
 }
 a {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul{
	padding: 0;
	margin: 0;
}
img{
	max-width: 100%;
}
/*=======================
       Page Layout
=======================*/
#header{
	padding: 46px 270px 46px 55px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.left-header .menu-main{
	margin-left: 75px;
	display: inline-block;
}
.menu-main ul{
	font-size: 0;
}
.menu-main ul li{
	display: inline-block;
	margin-right: 55px;
	margin-top: -2px;
    vertical-align: middle;
}
.menu-main ul li a{
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	font-family: 'Bio Sans';
}
.menu-main ul li a:hover{
	color: #595B60;
}
.bt-public{
	width: 227px;
	height: 59px;
	text-align: center;
	line-height: 59px;
	border-radius: 2px;
}
.bt-public a{
	color: #fff;
	display: block;
	font-size: 12px;
	font-family: 'Bio Sans';
	font-weight: 700;
	 border-radius: 2px;
}
.bt-header{
	right: 33px;
	position: absolute;
	top: 32px;
}
.bt-header a{
	border: 1px solid #fff;
	height: 59px;
}
.bt-header a:hover{
	background: #595B60;
	border: 1px solid #595B60;
}
.banner-home{
	height: 805px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: inherit;
	background-color: #FF7D23;
}
.container{
	width: 100%;
	max-width: 1390px;
}
.banner-home .container{
	position: relative;
	height: 100%;
}
.banner-home .description-banner{
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	max-width: 616px;
	padding-top: 64px;
}
.banner-home .description-banner h1{
	color: #fff;
}
.banner-home .description-banner p{
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 36px;
	padding-right: 180px;
}
.banner-home  .bt-banner{
	background: #595B60;
	display: inline-block;
	margin-right: 40px;
}
.banner-home  .bt-banner a:hover, .product-home .bt-product a:hover{
	color: #595B60;
	background: #fff;
}
.banner-home  .link-watch{
	color: #fff;
	font-size: 12px;
	font-family: 'Bio Sans';
	font-weight: 700;
}

.banner-home .link-watch img{
	max-width: 18px;
	margin-right: 8px;
}
.about-home{
	padding: 153px 0 122px;
}
.title-about-home{
	padding-right: 80px;
}
.it-description-about h4{
	margin: 30px 0 15px;
}
.it-description-about{
	padding-right: 25px;
}
.it-description-about p{
	margin: 0;
}
.title-about-home h6{
	color: #AFAFAF;
	font-family: 'Proxima Nova Rg';
	margin-bottom: 33px;
	letter-spacing: 0.8px;
}
.video-home .container{
    position: relative;
	z-index: 20;
}
.video-home .bg-video{
	height: 375px;
	width: 100%;
	box-shadow: 0 20px 40px rgba(0,0,0,0.12);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.video-home iframe {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    display: none;
    max-width: 1339px;
    margin: 0 auto;
}
.video-home .play-video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: 999;
    cursor: pointer;
}
.goodbye-home{
	width: 56%;
	float: right;
	background: #F7F7F7;
	margin-top: -116px;
	padding: 250px 230px 413px;
	position: relative;
	z-index: 10;
	margin-bottom: -289px;
}
.goodbye-home h2{
	margin-bottom: 22px;
	max-width: 380px;
}
.goodbye-home p{
	font-size: 18px;
	max-width: 425px;
	line-height: 25px;
}
.goodbye-home a{
	font-size: 12px;
	font-weight: 700;
	color: #F5821F;
	font-family: 'Bio Sans';
	letter-spacing: 0.8px;
}
.goodbye-home:before{
	content: "";
	position: absolute;
	width: 156px;
	height: 152px;
	left: -156px;
	top: 89px;
	background-image: url('../images/bg-goodbye.png');
	z-index: 8;
}
.clear{
	clear: both;
}
.product-home{
	position: relative;
	z-index: 20;
}
.product-home:before{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	background: #FF7D23;
	content: "";
}
.product-home .container{
	padding-top: 120px;
	background: #FF7D23;
}
.product-home .title-product-home{
	padding-left: 120px;
	padding-bottom: 109px;
	padding-top: 6px;
	width: 52.6%;
}
.title-product-home h2{
	color: #fff;
	line-height: 55px;
}
.product-home .bt-product{
	background: #595B60;
}
.product-home .title-product-home p{
	margin-top: 21px;
	color: #FFD8BC;
	font-size: 13px;
}
.product-home .info-product-home{
	padding-left: 154px;
	position: relative;
	padding-bottom: 147px;
	width: 47.4%;
}
.product-home .info-product-home:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url(../images/bg-section.png);
	width: 90px;
	height: 100%;
	background-position: bottom center;
    background-repeat: no-repeat;
}
.product-home .info-product-home h6{
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 8px;
	font-family: 'Proxima Nova Rg';
	letter-spacing: 0.8px;
}
.product-home  .price-product{
	font-size: 126px;
	font-weight: 700;
	font-family: 'Bio Sans';
	color: #fff;
	line-height: 100%;
	margin-bottom: 16px;
}
.product-home  .price-product sup{
	font-size: 43px;
	top: -1.4em;
}
.product-home  .info-product-home p{
	font-size: 15px;
	color: #fff;
	max-width: 240px;
    padding-left: 28px;
}
.section4-home{
	padding: 150px 0;
}
.list-download ul li{
	display: block;
	padding: 24px 25px 24px 23px;
	box-shadow: 0 3px 30px rgba(0,0,0,0.07);
	margin-bottom: 22px;
}
.left-section4 h4{
	font-size: 14px;
	font-weight: 700;
	color: #404040;
	float: left;
	margin: 0;
	font-family: 'Bio Sans';
}
.left-section4 .list-download{
	margin-top: 38px;
}
.left-section4 a{
	font-size: 12px;
	color: #F5821F;
	float: right;
	font-weight: 700;
	letter-spacing: 0.8px;
}
.right-section4{
	padding: 0 110px 0 130px;
}
.right-section4 .table-size table{
	width: 100%;
}
.table-size th{
	font-size: 10px;
	font-weight: 700;
	color: #AFAFAF;
	border-bottom: 1px solid #E6E6E6;
	padding: 7px 0;
	letter-spacing: 0.8px;
}
.table-size tr td{
	font-size: 15px;
	color: #5F5F5F;
	padding: 27px 90px 27px 0;
	border-bottom: 1px solid #E6E6E6;
}
.table-size tr td:first-child{
	font-weight: 700;
}
.table-size tr td:last-child, .table-size tr th:last-child{
	text-align: right;
	padding-right: 0;
}
.section-bottom{
	background: #F7F7F7;
	padding: 146px 0 136px;
}
.section-bottom .left-form{
	padding-right: 40px;
	padding-top: 18px;
}
.section-bottom .left-form h2{
	margin-bottom: 128px;
}
.section-bottom .list-info-contact a, .section-bottom .list-info-contact p{
	color: #848484;
	font-size: 19px;
	display: block;
	margin-bottom: 21px;
	line-height: 28px;
	max-width: 250px;
}
.section-bottom .list-info-contact p{
	display: inline-flex;
 }
.section-bottom .list-info-contact i{
	margin-right:13px;
	color: #F5821F;
}
.form-contact{
    padding: 0 110px 0 130px;
}
.form-contact label{
	font-size: 12px;
	font-family: 'Bio Sans';
	font-weight: 700;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.form-contact .it-input input, .form-contact .it-input textarea,
.form-contact .it-input select{
	height: 86px;
	width: 100%;
	box-shadow: 0 3px 30px rgba(0,0,0,0.07);
	border-radius: 3px;
	font-size: 18px;
	color: #CECECE;
	font-family: 'Proxima Nova Rg';
	border: 1px solid transparent;
	padding: 0 27px;
}
.form-contact .it-input input::-webkit-input-placeholder , .form-contact .it-input textarea::-webkit-input-placeholder { 
    color:    #CECECE;
}
.form-contact .it-input input:-moz-placeholder, .form-contact .it-input textarea:-moz-placeholder { 
   color:    #CECECE;
   opacity:  1;
}
.form-contact .it-input input::-moz-placeholder, .form-contact .it-input textarea::-moz-placeholder {
   color:    #CECECE;
   opacity:  1;
}
.form-contact .it-input input:-ms-input-placeholder, .form-contact .it-input textarea:-ms-input-placeholder { 
   color:    #CECECE;
}
.form-contact .it-input input:hover, .form-contact .it-input textarea:hover{
	border: 1px solid #D1D1D1
}
.form-contact .it-input textarea{
	padding: 30px 27px;
	height: 175px;
}
.form-contact .it-input{
	position: relative;
}
.form-contact .it-input em{
	position: absolute;
	right: 19px;
	top: 40px;
}
.form-contact .it-textarea em{
	top: 22px;
}
.form-contact .it-form{
	margin-bottom: 26px;
}
.form-contact em{
	background: #FF7D23;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	display: inline-block;
	margin-right:9px;
}
.form-contact  .bt-submit{
	background: #FF7D23;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Bio Sans';
	text-transform: uppercase;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.form-contact  .bt-submit:hover{
	background: #595B60;
}
.form-contact .note-form{
	float: right;
	padding-top: 20px;
	color: #A7A7A7;
	font-size: 15px;
	font-family: 'Proxima Nova Rg';
}
.it-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	cursor: pointer;
}
.it-select{
  position: relative;
}
.it-select:after{
	position: absolute;
	top: 32px;
    right: 25px;
	content:'\f107';
	font-family:'FontAwesome';
	color: #F5821F;
	font-size: 18px;
}
#footer{
	padding: 34px 15px;
	max-width: 1850px;
	margin: 0 auto;
}
.left-footer{
	padding-top: 5px;
}
.center-footer {
	padding-top:10px;
}
.left-footer .copyright{
	color: #848484;
	font-size: 11px;
	opacity: 0.57;
	display: inline-block;
	margin: 0 30px 0 0;
}
.left-footer a{
	color: #848484;
	font-size: 11px;
}
.menu-footer ul{
	font-size: 0;
}
.menu-footer li{
	display: inline-block;
	padding: 0 42px;
}
.menu-footer li a{
	font-size: 10px;
	color: #7B7B7B;
	font-family: 'Bio Sans';
	text-transform: uppercase;
font-weight: 300;
}
.menu-footer li a:hover{
	color: #F5821F;
}
.right-footer{
	text-align: right;
}
.bg-fixed{
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0;
	z-index: -1;
}
.modal .modal-dialog{
	width: 70%;
}
.modal-body iframe{
	height: 70vh;
}
.modal-header {
    border-bottom: none;
}
.modal-header .close {
    font-size: 40px;
}
.modal-dialog{
	margin: 10vh auto 0;
}
/* css note */
.toogle-menu {
    border: 0 none;
    display: none;
    height: 19px;
    width: 19px;
	z-index: 99999;
	cursor: pointer;
	outline: 0;
	float: right;
	background: none;
	position: absolute;
	top: 50px;
	right: 12px;
	display: none;
}
.toogle-menu span {
	font-size: 0;
	height: 3px;
	width: 19px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 0;
}
.toogle-menu span::after, .toogle-menu span::before{
	font-size: 0;
	height: 3px;
	width: 19px;
	background: #fff;
	position: absolute;
	right: 0;
	content: "";
}
.toogle-menu span::after{
	transform: translateY(7px);
}
.toogle-menu span::before{
	transform: translateY(-7px);
}
.toogle-menu.active span::before {
    transform: translateY(0px) rotate(45deg);
}
.toogle-menu.active span::after {
    transform: translateY(0px) rotate(-45deg);
}
.toogle-menu.active span {
    background-color: transparent !important;
}
.tablet-display,.show-mobile{
	display:none;
}

#header{
	-webkit-transition: top .4s,padding .4s,background .2s;
	-o-transition: top .4s,padding .4s,background .2s;
	transition: top .4s,padding .4s,background .2s;
	z-index: 999;
}
.bt-header{
	-webkit-transition: top .4s,padding .4s,background .2s;
	-o-transition: top .4s,padding .4s,background .2s;
	transition: top .4s,padding .4s,background .2s;
}
.is-sticky .bt-header{
	top: 6px;
}
#header.is-sticky {
	position: fixed;
    padding-top: 20px;
    padding-bottom: 20px;
	background: #FF7D23;
}
.rst_img_top{
	position: absolute;
	top: 0;
	right: 300px;
	width: 420px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	height: 540px;
}
.toogle-menu{
-webkit-transition: top .4s,padding .4s,background .2s;
	-o-transition: top .4s,padding .4s,background .2s;
	transition: top .4s,padding .4s,background .2s;
	top: 5px;
}
.rst_img_bottom{
	width: 420px;
	height: 540px;
	position: absolute;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	right: 153px;
}
.banner-home {
	overflow: hidden;
}
.list-info-contact img{
	max-width: 20px;
	margin-right: 13px;
}
.logo-footer img{
	max-width: 17px;
}
.it-description-about img{
	max-width: 40px;
	height: 62px;
}
.it-description-about:first-child img{
	max-width: 36px;
}
.icon-hover, .play-video:hover img{
	display: none;
}
.play-video:hover .icon-hover{
	display: block;
} 
.play-video img{
	max-width: 118px;
}
.form-contact .it-input input:focus, .form-contact .it-input textarea:focus{
	color: #5F5F5F;
}