a{text-decoration:none;}
body{
    margin: 0 auto;
    max-width: 1920px;
}
img{max-width: 100%;}
.w100per{width: 100%;}
.myhead{
	min-height:56px;line-height:56px;
	background:#fe0b65;
	background:-moz-linear-gradient(left, #fe0b65 0%, #fc6b3c 100%);
	background:-webkit-linear-gradient(left, #fe0b65 0%,#fc6b3c 100%);
	background:linear-gradient(to right, #fe0b65 0%,#fc6b3c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0b65', endColorstr='#fc6b3c',GradientType=1 );
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.my-menu{margin:0px;width: auto;max-width: 100%;display: inline-block;padding: 0}
.my-menu li{list-style:none;display:inline;width:100px;text-align:center;}
.my-menu li a{color:#FFF;text-decoration:none;}

.sec-scrollblock{    height: 100vh;float: left;
    width: 100%;}
.sec-scrollblock .scrollblock{width:100%;height:100%;background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}

.sec-scrollblock .myscroll-2{
	margin: 0 auto ;

}



.paratext{width:560px;color:#FFF;font-size:24px}
.myscroll1{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}

.not-1-screen{min-height: 0!important;height: :auto;}
.sec-scrollblock-2{
	min-height: 100vh;
    width: 100%;
    position: relative;
        float: left;
}
.sec-scrollblock-2 .scrollblock-img{
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
}

.sec-scrollblock-2 .scrollblock,
.sec-scrollblock-2 .scrollblock-img-top-mobi{
    position: relative;
    z-index: 9;
}
.sec-scrollblock-2 .scrollblock-img-top-mobi{
    width: 100%;
}
.sec-scrollblock-2 .scrollblock-img-top-mobi img{
    width: 100%;
}
.sec-scrollblock-2 .scrollblock-img-top-mobi{display: none;}
.sec-scrollblock-2 .scrollmation-text-right{float: right;width: 50%;}
.sec-scrollblock-2 .scrollmation-text-left{float: left;width: 50%;}
.sec-scrollblock-2 .paratext{
    width: 100%;
    padding: 30px 0px;
    font-size: 20px;
    min-height: 100vh;
    padding-left: 3px;

}
.sec-scrollblock-2 .paratext::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100vh;
    width: 0px;
    margin-left: -3px;
}

.sec-scrollblock-2 .paratext .paratext-text{
    display: inline-block;
    vertical-align: middle;
    margin-left: -3px;
    width: calc(100% - 3px);
}

.style-2hinh{
	min-height: 200vh;
    width: 100%;
    position: relative;
    float: left;
}
.style-2hinh .scrollblock-img{
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	z-index:0;
	transition: z-index 0.3s ease;
}
.style-2hinh .scrollblock-img.mobi{
	visibility: hidden;
}

.header-back{
	width: 4%;
	width: calc(50px);
    text-align: center;
    margin-left: 0px;
}
.header-content{
	width: 96%;
	width: calc(100% - 50px);
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrapper-16x9{
    position: relative;
    padding-bottom: 51.25%;
    padding-top: 25px;
    height: 0;
    width: 100%;
}
.wrapper-16x9 .wrapper-item, .wrapper-16x9 iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

#fp-nav {
    position: fixed;
    z-index: 9999;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav ul, .fp-slidesNav ul{
    margin: 0;
    padding: 0;
}
#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}
#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 5px;
    width: 5px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 14px;
    width: 14px;
    margin: -7px 0 0 -7px;
    border-radius: 100%;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    color: #fff;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}


.section-vote{
        margin: 0 auto;
    max-width: 660px;
    width: 100%;
}
.box-vote{
    float: left;
    width: 100%;
    color: #fff;
    padding: 20px 30px;
    background-color: #a42d25;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url("../images/bg-vote.jpg");
}
.box-vote .vote-tittle{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px 0px  30px 0px;
    color: #ffeb07;
    font-size: 25px;
    font-weight: 600;
}
.box-vote .vote-content{
    float: left;
    width: 100%;
}
.vote-content .vote-row{
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 15px;
}
.vote-content .vote-row .col-vote{
    margin-left: -3px;
        display: inline-block;
    vertical-align: middle;
    width: 20%;
    width: calc(100px);
}
.vote-content .vote-row .col-graph{
    margin-left: -3px;
        display: inline-block;
    vertical-align: middle;
    width: 60%;
    width: calc(100% - 100px - 80px);
}
.vote-content .vote-row .col-result{
    margin-left: -3px;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    width: calc(80px);
    text-align: right;
}
.vote-content .vote-row  .col-total{
    width: 100%;

    text-align: right;
}
.box-vote .vote-submit{
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.box-vote .vote-submit button{
    max-width: 100%;
    min-width: 150px;
    line-height: 30px;
    padding: 8px 15px;
    background: #fff;
    border: none;
    border-radius: 1px;
    color: #a73029;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.col-graph .graph{
    position: relative;
    float: left;
    height: 12px;
    background: #f5d90e;
    border-radius: 6px;
    max-width: 100%;
    min-width: 50px;
}
.col-graph .graph span{
    position: absolute;
    bottom: 100%;
    right: 0;
}

.group-radio{
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;

    padding-left: 30px
}
.group-radio .form-check-input{
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: none;
    opacity: 0;
    z-index: 99;
    cursor: pointer;
}
.group-radio .form-check-label{
    position: relative;
    margin-bottom: 0;
}

.group-radio .form-check-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 50%;

    top: 50%;
    transform: translate(0, -50%);
    background: url('../images/i-white-check-0.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

}
.group-radio .form-check-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    display: none;
}

.group-radio .form-check-input:checked~.form-check-label::before {
    color: #fff;
    background-color: #007bff;
    background: url('../images/i-white-check-1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.chucanhgiua{float:none!important;width:100%!important;}
.chucanhgiua p{font-size:50px;}

@media(min-width:768px){
	#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
		width: 10px;
		height: 10px;
		margin: -5px 0 0 -5px;
	}
	#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
		-webkit-transition: opacity .2s ease-in;
		transition: opacity .2s ease-in;
		width: auto;
		opacity: 1;
	}
}

@media (max-width: 1199.98px) {
}
@media(max-width:991.98px) {
	.sec-scrollblock-2 .scrollmation-text-right,.sec-scrollblock-2 .scrollmation-text-left{width:75%;}
}
@media (max-width: 767.98px) {
		#fp-nav{display:none}
    .sec-scrollblock-2 .scrollmation-text-right,.sec-scrollblock-2 .scrollmation-text-left{width:80%;}
    #fp-nav.right{
        right: 5px;
    }
    .style-2hinh .scrollblock-img.mobi{
        visibility: visible;
    }
    .chucanhgiua p{font-size:inherit;}
}
@media(max-width:575.98px) {
	#fp-nav{display:none}
	.myscroll1{background:none!important;min-height:545px;height:auto!important}
	.img-m:before{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000)) repeat left top;background:-webkit-linear-gradient(top,rgba(0,0,0,0),#000) repeat left top;background:-o-linear-gradient(top,rgba(0,0,0,0),#000) repeat left top;background:linear-gradient(to bottom,rgba(0,0,0,0),#000) repeat left top;content:'';position:absolute;left:0;bottom:-1px;right:0;height:30%}
	.scrollblock,.img-m{position:relative}
	.paratext{width:100%;font-size:20px}
	.paratext p:last-child{margin-bottom:0px;}

    .sec-scrollblock-2{
        min-height: unset;
    }
    .sec-scrollblock-2 .scrollmation-text-right,.sec-scrollblock-2 .scrollmation-text-left{width:100%;}
	.style-2hinh .scrollblock-img{
		visibility: hidden;
		opacity: 0;
	}
	.style-2hinh .scrollblock-img.mobi{
		visibility: visible;
		opacity: 1;
		background-size: contain;
	}
    .sec-scrollblock-2 .scrollblock-img-top-mobi{display: block;}
    .sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock-img{background-color: #000;display: block;background-image:none!important;}
    .sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock .scrollmation-text-right, .sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock .scrollmation-text-left{
        width: 100%;
    }
    .sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock .paratext{
        min-height: unset;
    }
    .sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock .paratext::before{
        height: auto;
    }
    #fp-nav.right{
        right: 0px;
    }
    .header-back{
        width: calc(30px);
        padding-left: 5px;
    }
    .header-content{
        width: calc(100% - 30px);
    }
    .header-content .col-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-content .col-content-logo img{
        max-width: 80px;
    }
    .header-content .col-content-menu{

    }
    .header-content .col-content-share img{
        max-width: 25px;
    }
	#fp-nav ul li, .fp-slidesNav ul li{
		margin-left: 5px;
		margin-right: 5px;
	}
	.box-vote{
		padding:15px 15px;
	}
}