ul,ol{
    list-style: none;
}
a,a:hover{
    text-decoration: none !important;
}
a:focus{
    outline: none;
    outline-offset: 0px;
    text-decoration: none;
}
h3 {
  line-height: 45px !important;
}
h2 {
  line-height: 50px !important;
}
.form-control:focus,
.detail-wrap-review .rate.fxac form textarea:focus{
    border: 1px solid #58AE3D;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
body{
    color: #333333;
    background-color: #f26937 !important;
    line-height: 30px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
}
body p {
    font-size: 16px;
}

.float-right{
    float: right;
}
.line-through{
    text-decoration: line-through;
}
.float-left{
    float: left;
}
.scroll-y-hidden{
    overflow-y: hidden;
}
.bold{
    font-weight: bold !important;
}
.text-transform{
    text-transform: uppercase !important;
}
.align-center{
    text-align: center;
}
.align-right{
    text-align: right;
}
.align-left{
    text-align: left;
}
.italic {
    font-style: italic;
}
.button-more{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.button-more a{
    background: #50ad4e;
    color: white;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 10px 35px;
    border-bottom: 2px solid #389a36;
    margin: 0px 0px 35px 0px;
    display: inline-block;
}
.color-green {
    color: #35b333;
}
.button-more a:hover{
    background: #389a36;
    border-bottom: 2px solid #237721;
}
.cursor-inherit:hover {
    cursor: inherit;
}
.pd0{
    padding: 0px !important;
}
.pd0-l{
	padding-left: 0px !important;
}
.pd0-r{
	padding-right: 0px !important;
}
.mobile {
    display: none;
}
.pc {
    display: block;
}
* {
    transition: all .3s ease-in-out;
}
/********* RESPONSIVE VIDEO *********/
#video-view{
    margin: 0px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%;
}

::-webkit-scrollbar {
	width: 13px;
	height: 13px;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-thumb {
	background: #ffffff url('http://hstatic.net/704/1000059704/1000112013/scroll.png?v=324') 50% 50% no-repeat;
	border: 0px none #ffffff;
	border-radius: 50px;
	-webkit-box-shadow: 0px 0px 16px -5px rgba(181,168,181,1);
	-moz-box-shadow: 0px 0px 16px -5px rgba(181,168,181,1);
	box-shadow: 0px 0px 16px -5px rgba(181,168,181,1);
}
::-webkit-scrollbar-thumb:hover {
	background: #ffffff url('http://hstatic.net/704/1000059704/1000112013/scroll.png?v=324') 50% 50% no-repeat;
}
::-webkit-scrollbar-thumb:active {
	background: #ffffff url('http://hstatic.net/704/1000059704/1000112013/scroll.png?v=324') 50% 50% no-repeat;
}
::-webkit-scrollbar-track {
	background: #ebebeb;
	border: 0px none #ffffff;
	border-radius: 44px;
}
::-webkit-scrollbar-track:hover {
	background: #ebebeb;
}
::-webkit-scrollbar-track:active {
	background: #ebebeb;
}
::-webkit-scrollbar-corner {
	background: transparent;
}

/********* CLICK *********/
.kyna-click-form{
    width: 36px;
    height: 36px;
    top: 10px;
    right: 18px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid white;
    -webkit-animation: kyna-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: kyna-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: kyna-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: kyna-alo-circle-anim 1.2s infinite ease-in-out;
    animation: kyna-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.kyna-click-form-fill{
    background-color: rgba(117,235,80,1);
    background-color: white;
    width: 20px;
    height: 20px;
    top: 18px;
    right: 26px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: kyna-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: kyna-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: kyna-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: kyna-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: kyna-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.kyna-click-form-img{
    width: 32px;
    height: 29px;
    top: 18px;
    right: 13px;
    position: absolute;
    background:url("/media/landing_theme/images/global/icon-click.png") no-repeat center left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: kyna-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: kyna-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: kyna-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: kyna-alo-circle-img-anim 1s infinite ease-in-out;
    animation: kyna-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-Moz-Keyframes kyna-alo-circle-anim{0%{-Moz-Transform:Rotate(0) Scale(.5) Skew(1Deg);Opacity:.1;-Moz-Opacity:.1;-Webkit-Opacity:.1;-O-Opacity:.1}30%{-Moz-Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.5;-Moz-Opacity:.5;-Webkit-Opacity:.5;-O-Opacity:.5}100%{-Moz-Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.6;-Moz-Opacity:.6;-Webkit-Opacity:.6;-O-Opacity:.1}}
@-Webkit-Keyframes kyna-alo-circle-anim{0%{-Webkit-Transform:Rotate(0) Scale(.5) Skew(1Deg);-Webkit-Opacity:.1}30%{-Webkit-Transform:Rotate(0) Scale(.7) Skew(1Deg);-Webkit-Opacity:.5}100%{-Webkit-Transform:Rotate(0) Scale(1) Skew(1Deg);-Webkit-Opacity:.1}}
@-O-Keyframes kyna-alo-circle-anim{0%{-O-Transform:Rotate(0) Kscale(.5) Skew(1Deg);-O-Opacity:.1}30%{-O-Transform:Rotate(0) Scale(.7) Skew(1Deg);-O-Opacity:.5}100%{-O-Transform:Rotate(0) Scale(1) Skew(1Deg);-O-Opacity:.1}}
@-Moz-Keyframes kyna-alo-circle-anim{0%{Transform:Rotate(0) Scale(.5) Skew(1Deg);Opacity:.1}30%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.5}100%{Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.1}}
@-Webkit-Keyframes kyna-alo-circle-anim{0%{Transform:Rotate(0) Scale(.5) Skew(1Deg);Opacity:.1}30%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.5}100%{Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.1}}
@-O-Keyframes kyna-alo-circle-anim{0%{Transform:Rotate(0) Scale(.5) Skew(1Deg);Opacity:.1}30%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.5}100%{Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.1}}
@Keyframes kyna-alo-circle-anim{0%{Transform:Rotate(0) Scale(.5) Skew(1Deg);Opacity:.1}30%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.5}100%{Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.1}}


@-Moz-Keyframes kyna-alo-circle-fill-anim{0%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}50%{Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.2}100%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}}
@-Webkit-Keyframes kyna-alo-circle-fill-anim{0%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}50%{Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.2}100%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}}
@-O-Keyframes kyna-alo-circle-fill-anim{0%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}50%{Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.2}100%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}}
@Keyframes kyna-alo-circle-fill-anim{0%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}50%{Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.2}100%{Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}}
@-Moz-Keyframes kyna-alo-circle-fill-anim{0%{-Moz-Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}50%{-Moz-Transform:Rotate(0) -Moz-Scale(1) Skew(1Deg);Opacity:.2}100%{-Moz-Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}}
@-Webkit-Keyframes kyna-alo-circle-fill-anim{0%{-Webkit-Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}50%{-Webkit-Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.2}100%{-Webkit-Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}}
@-O-Keyframes kyna-alo-circle-fill-anim{0%{-O-Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}50%{-O-Transform:Rotate(0) Scale(1) Skew(1Deg);Opacity:.2}100%{-O-Transform:Rotate(0) Scale(.7) Skew(1Deg);Opacity:.2}}


@-O-Keyframes kyna-alo-circle-img-anim{0%{Transform:Rotate(0) Scale(1) Skew(1Deg)}10%{Transform:Rotate(-25Deg) Scale(1) Skew(1Deg)}20%{Transform:Rotate(25Deg) Scale(1) Skew(1Deg)}30%{Transform:Rotate(-25Deg) Scale(1) Skew(1Deg)}40%{Transform:Rotate(25Deg) Scale(1) Skew(1Deg)}50%{Transform:Rotate(0) Scale(1) Skew(1Deg)}100%{Transform:Rotate(0) Scale(1) Skew(1Deg)}}
@Keyframes kyna-alo-circle-img-anim{0%{Transform:Rotate(0) Scale(1) Skew(1Deg)}10%{Transform:Rotate(-25Deg) Scale(1) Skew(1Deg)}20%{Transform:Rotate(25Deg) Scale(1) Skew(1Deg)}30%{Transform:Rotate(-25Deg) Scale(1) Skew(1Deg)}40%{Transform:Rotate(25Deg) Scale(1) Skew(1Deg)}50%{Transform:Rotate(0) Scale(1) Skew(1Deg)}100%{Transform:Rotate(0) Scale(1) Skew(1Deg)}}#Coccoc-Alo-Wrapper{Position:Fixed;Width:100%;Bottom:0;Top:0;Left:0;Z-Index:2000000;Overflow:Visible;Display:None;Color:#383838}#Coccoc-Alo-Wrapper.Night-Mode{Color:#Fff}.Coccoc-Alo-Popup-Close{-Webkit-Border-Radius:2Px !Important;-Moz-Border-Radius:2Px !Important;-Webkit-Border-Radius:2Px;-Moz-Border-Radius:2Px;Border-Radius:2Px;Position:Absolute !Important;Right:-15Px !Important;Top:-15Px !Important;Height:30Px !Important;Width:30Px !Important;Background-Image:Url("Data:Image/Png;Base64,Ivborw0Kggoaaaansuheugaaab4Aaaaecayaaaa7Mk6Iaaaagxrfwhrtb2Z0D2Fyzqbbzg9Izsbjbwfnzvjlywr5Ccllpaaaa3Fpvfh0We1Momnvbs5Hzg9Izs54Bxaaaaaaadw/Ehbhy2Tldcbizwdpbj0I77U/Iibpzd0Ivzvnme1Wq2Voauh6Cmvtek5Uy3Pryzlkij8+Idx4Onhtcg1Ldgegeg1Sbnm6Ed0Iywrvymu6Bnm6Bwv0Ys8Iihg6Eg1Wdgs9Ikfkb2Jlifhnucbdb3Jliduumy1Jmdexidy2Lje0Nty2Mswgmjaxmi8Wmi8Wni0Xndo1Njoynyagicagicagij4Gphjkzjpsreygeg1Sbnm6Cmrmpsjodhrwoi8Vd3D3Lnczlm9Yzy8Xotk5Lzaylziylxjkzi1Zew50Yxgtbnmjij4Gphjkzjpezxnjcmlwdglvbibyzgy6Ywjvdxq9Iiigeg1Sbnm6Eg1Wtu09Imh0Dha6Ly9Ucy5Hzg9Izs5Jb20Vegfwlzeumc9Tbs8Iihhtbg5Zonn0Umvmpsjodhrwoi8Vbnmuywrvymuuy29Tl3Hhcc8Xljavc1R5Cguvumvzb3Vyy2Vszwyjiib4Bwxuczp4Bxa9Imh0Dha6Ly9Ucy5Hzg9Izs5Jb20Vegfwlzeumc8Iihhtce1Nok9Yawdpbmfsrg9Jdw1Lbnrjrd0Ieg1Wlmrpzdozzweyndi5Zc0Yymi3Lwyzndmtyjbjzi1Jmgjjyte4Odrmzjkiihhtce1Nokrvy3Vtzw50Suq9Inhtcc5Kawq6Njrgmti2Qtcxndbfmtffnufenezcrdvfq0Jdqjqyqziiihhtce1Nokluc3Rhbmnlsuq9Inhtcc5Pawq6Njrgmti2Qtyxndbfmtffnufenezcrdvfq0Jdqjqyqziiihhtcdpdcmvhdg9Yvg9Vbd0Iqwrvymugughvdg9Zag9Wiendichxaw5Kb3Dzksi+Idx4Bxbnttpezxjpdmvkrnjvbsbzdfjlzjppbnn0Yw5Jzulepsj4Bxauawlkojvmyzc3Oty1Lwuxnwutngu0Ni04Odfjltblotq3Yjbmmzbmnyigc3Rszwy6Zg9Jdw1Lbnrjrd0Ieg1Wlmrpzdozzweyndi5Zc0Yymi3Lwyzndmtyjbjzi1Jmgjjyte4Odrmzjkilz4Gpc9Yzgy6Rgvzy3Jpchrpb24+Idwvcmrmoljerj4Gpc94Onhtcg1Ldge+Idw/Ehbhy2Tldcblbmq9Iniipz5Icebhaaabl0Leqvr42Ssxs07Dmbcgnskydoreavjactgcievlxu5R9Qjlck3Vaztrlhmj2Nivj2Dduo9Eskuszew0Kaiqbi+Bxy/9Uhrp5Pmcjz12Pjtcqkfgo/An+Bp8Afzo7Av8Ax4Dv4Cfwd/Ajahw2Anpwttprj1946Lyq6Ap4I2014Zyginpwavznbauuwnggjvsxqsqvaoozxua/Wceyfy1Kngolrowxjv4Xlsrhfgks3Balyydqauxjkudu7O6Jenyzlmmnuemwvinkouiekiltnnurlgkhopycrnmyw00Rpdmjfifz0Jriyjftapr4Bzq1Fow9+Ecgcaewklz/4Zl9A1Rzoustqckjeny5Yaiho/73Nv9Gnjuhom4Tc8Scae6Pl3Laedonylxntc6F85Dxdnb6Bhw0Ggdkacqxez4Fbflpk1Smqjnbjmceqsuno3Jwnydl8Vhirao4W6Oxtgx/Rq+8Z5An16Bvd7A22Pdvz0Cuou29Nurzkouzqvltn8Orzao89J2W7Q0Ndhyz+Ns9Kw+6Bl+Cjaaevdtbjc9Qhaaaaaasuvork5Cyii=");Background-Position:Center Center;Background-Repeat:No-Repeat;Cursor:Pointer !Important;-Webkit-Transition:.3S Ease-Out !Important;-Moz-Transition:.3S Ease-Out !Important;-O-Transition:.3S Ease-Out !Important;Transition:.3S Ease-Out !Important}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Popup-Close{Background-Image:Url("Data:Image/Png;Base64,Ivborw0Kggoaaaansuheugaaab4Aaaaecayaaaa7Mk6Iaaaagxrfwhrtb2Z0D2Fyzqbbzg9Izsbjbwfnzvjlywr5Ccllpaaaa3Fpvfh0We1Momnvbs5Hzg9Izs54Bxaaaaaaadw/Ehbhy2Tldcbizwdpbj0I77U/Iibpzd0Ivzvnme1Wq2Voauh6Cmvtek5Uy3Pryzlkij8+Idx4Onhtcg1Ldgegeg1Sbnm6Ed0Iywrvymu6Bnm6Bwv0Ys8Iihg6Eg1Wdgs9Ikfkb2Jlifhnucbdb3Jliduumy1Jmdexidy2Lje0Nty2Mswgmjaxmi8Wmi8Wni0Xndo1Njoynyagicagicagij4Gphjkzjpsreygeg1Sbnm6Cmrmpsjodhrwoi8Vd3D3Lnczlm9Yzy8Xotk5Lzaylziylxjkzi1Zew50Yxgtbnmjij4Gphjkzjpezxnjcmlwdglvbibyzgy6Ywjvdxq9Iiigeg1Sbnm6Eg1Wtu09Imh0Dha6Ly9Ucy5Hzg9Izs5Jb20Vegfwlzeumc9Tbs8Iihhtbg5Zonn0Umvmpsjodhrwoi8Vbnmuywrvymuuy29Tl3Hhcc8Xljavc1R5Cguvumvzb3Vyy2Vszwyjiib4Bwxuczp4Bxa9Imh0Dha6Ly9Ucy5Hzg9Izs5Jb20Vegfwlzeumc8Iihhtce1Nok9Yawdpbmfsrg9Jdw1Lbnrjrd0Ieg1Wlmrpzdozzweyndi5Zc0Yymi3Lwyzndmtyjbjzi1Jmgjjyte4Odrmzjkiihhtce1Nokrvy3Vtzw50Suq9Inhtcc5Kawq6Ouy2Reuyndqxnde2Mtffnthbnejentvfnda2Qjffoueiihhtce1Nokluc3Rhbmnlsuq9Inhtcc5Pawq6Ouy2Reuyndmxnde2Mtffnthbnejentvfnda2Qjffoueiihhtcdpdcmvhdg9Yvg9Vbd0Iqwrvymugughvdg9Zag9Wiendichxaw5Kb3Dzksi+Idx4Bxbnttpezxjpdmvkrnjvbsbzdfjlzjppbnn0Yw5Jzulepsj4Bxauawlkojvmyzc3Oty1Lwuxnwutngu0Ni04Odfjltblotq3Yjbmmzbmnyigc3Rszwy6Zg9Jdw1Lbnrjrd0Ieg1Wlmrpzdozzweyndi5Zc0Yymi3Lwyzndmtyjbjzi1Jmgjjyte4Odrmzjkilz4Gpc9Yzgy6Rgvzy3Jpchrpb24+Idwvcmrmoljerj4Gpc94Onhtcg1Ldge+Idw/Ehbhy2Tldcblbmq9Iniipz56Uyuzaaabfuleqvr42Ssxvu7Dmbdhyxcdw8Idmmcwtdwcdclznlcjr9Bufys+Aldsqxmistd3S4K1Mbx3Ks1Zvuqvnslf+Kurfl5F5Otsmwoayefx6Dh6Ef2Avkxhyuwh/Yveod/Rr+G/A0Ycgxyjc/Qw3Lutc2Jtbhouo9Cqrrxi4Qy+Rm/Hfjqlneywbszg/Frocb1Cqneahqnn0L0Yywoinkg0Pte3Ubfaou+Behrvueb/Kursj2X1Muc51Hvtzugxnhnbglfgbj7Yiquqgjrnjxaas5Kkixxqhmbtl0Gt3Bnkkgn84Rrdbg+Akpar5Z7Caahewebo850Jfpcdjegbunlhiqqygwotz17Yxwp1Edvld1Nqzqi07Zv7/Lztuogj8Njpa5Fqu2Jp+Lpcmvfgiyxlnbisngjdt8Xbdom+J8Ud+K49Fvtqbpix1Mc2Roszalm3Whurn/Sbe4Ab34Zev8K82Opc017Mmv5Hmoel7Um5Tf2Lsw/L0Vym/Gtl+C/Aaahy+Od95Qleaaaaaelftksuqmcc")}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup-Close:Hover{Opacity:.6 !Important}.Coccoc-Alo-Popup{Display:Inline-Block;Position:Relative;-Webkit-Border-Radius:16Px;-Moz-Border-Radius:16Px;Border-Radius:16Px;Background-Image:Url("Data:Image/Png;Base64,Ivborw0Kggoaaaansuheugaaaaeaaaabcayaaaaffcsjaaaabmjlr0Qa/Wd/Ap+Gvaetaaaacxbiwxmaaastaaaleweampwyaaaab3Rjtuuh3Wyzcyiupncuuwaaaa1Jrefucndj+P///2Cace8D8Syfs4Eaaaaasuvork5Cyii=");-Webkit-Transition:.6S Ease-Out;-Moz-Transition:.6S Ease-Out;-O-Transition:.6S Ease-Out;Transition:.6S Ease-Out;Margin:0 Auto;Z-Index:200001;Text-Align:Center;Padding:60Px 75Px}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Popup{Background-Image:Url("Data:Image/Png;Base64,Ivborw0Kggoaaaansuheugaaaaeaaaabcayaaaaffcsjaaaabmjlr0Qa/Wd/Ap+Gvaetaaaacxbiwxmaaastaaaleweampwyaaaab3Rjtuuh3Wyzcyamhypuhwaaaa1Jrefucndjmdy2/Gwaasmbjx/Tf+Yaaaaasuvork5Cyii=")}#Coccoc-Alo-Wrapper .Coccoc-Alo-Overlay{Position:Fixed;Width:100%;Height:100%;Background-Image:Url("Data:Image/Png;Base64,Ivborw0Kggoaaaansuheugaaaaeaaaabaqmaaaal21Bkaaaaa1Bmveuaaacnej3Aaaaaaxrstlozytxzhgaaaapjrefucb1Jyaaaaaiaac/Ineuaaaaasuvork5Cyii=");Top:0;Left:0;Z-Index:200000}.Coccoc-Alo-Popup H3{Font-Size:24Px;Margin:0 0 40Px;Font-Family:'Open Sans';Font-Weight:300;White-Space:Nowrap}.Night-Mode .Coccoc-Alo-Popup H3{Font-Size:23Px}.Night-Mode .Coccoc-Alo-Message{Padding-Bottom:0}.Coccoc-Alo-Message{Height:32Px;Padding:18Px 0 13Px 0;Text-Align:Center;Clear:Both;Font-Size:14Px}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper .Label,#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper .Label + .Input{Float:Left;Width:49%}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper .Input{Padding:0 13Px}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Label{Color:#616161;Font-Size:18Px;Height:28Px;Line-Height:28Px;Padding-Right:15Px}.Coccoc-Alo-Number{Color:#00Bed5;Font-Size:28Px;Font-Family:Montserrat,"Lucida Console",Monaco,Monospace,Sans-Serif;Font-Weight:Normal;Background-Color:Transparent;Border:None;Border-Width:0;Display:Inline-Block;Border-Bottom:#00Bed5 Solid 1Px;Padding-Bottom:10Px;Margin:0 Auto;Width:221Px}Coccoc-Alo-Number::-Ms-Clear{Display:None;Width:0;Height:0}.Night-Mode .Coccoc-Alo-Number{Border:#00Bed5 Solid 1Px;-Webkit-Border-Radius:3Px;-Moz-Border-Radius:3Px;Border-Radius:3Px;Padding:13Px 31Px}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"].Valid-Invalid{Color:#Ff496B}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]:Focus{Outline:0}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]::-Webkit-Input-Placeholder{Color:#D1D1D1}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]::-Moz-Placeholder{Color:#D1D1D1}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]::-Ms-Input-Placeholder{Color:#D1D1D1}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]::-Moz-Placeholder{Color:#D1D1D1}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]::-Webkit-Input-Placeholder{Color:#60615F}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]::-Moz-Placeholder{Color:#60615F}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]::-Ms-Input-Placeholder{Color:#60615F}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Popup .Coccoc-Alo-Input-Wrapper Input[Type="Text"]::-Moz-Placeholder{Color:#60615F}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Submit{Border:None;Border-Width:0;Padding:20Px 40Px;Background-Color:#333;-Webkit-Border-Radius:68Px;-Moz-Border-Radius:68Px;-Webkit-Border-Radius:68Px;-Moz-Border-Radius:68Px;Border-Radius:68Px;Font-Family:"Open Sans",Arial,Helvetica,Sans-Serif;Font-Size:20Px;Color:#Fff;Cursor:Pointer;Outline:None !Important}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Popup .Coccoc-Alo-Submit{Background-Color:#00Bed5}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Submitavtive,#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Submitvisited{Outline:None !Important}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Submit-Moz-Focus-Inner{Border:0}#Coccoc-Alo-Wrapper .Coccoc-Alo-Popup .Coccoc-Alo-Submit:Hover{Background-Color:#00Aff2;Background-Color:#00Aff2}.Coccoc-Alo-Blur{-Webkit-Filter:Blur(3Px);-Ms-Filter:Blur(3Px);-Moz-Filter:Blur(3Px);-O-Filter:Blur(3Px);Filter:Blur(3Px);Filter:Url("Data:Image/Svg+Xml;Base64,Phn2Zyb4Bwxucz0Iahr0Cdovl3D3Dy53My5Vcmcvmjawmc9Zdmcipjxmawx0Zxigawq9Imjsdxiipjxmzudhdxnzawfuqmx1Cibzdgrezxzpyxrpb249Ijmilz48L2Zpbhrlcj48L3N2Zz4Jymx1Cg==#Blur")}#Coccoc-Countdown{Padding-Top:20Px;Font-Family:"Open Sans",Arial,Helvetica,Sans-Serif;Font-Size:28Px;Font-Weight:300}.Coccoc-Alo-Request-Time{Font-Family:"Open Sans",Arial,Helvetica,Sans-Serif;Padding:6Px 12Px;Font-Size:18Px;Background-Color:#Fff;Background-Image:None;Border:1Px Solid #Ccc;-Webkit-Border-Radius:4Px;-Moz-Border-Radius:4Px;Border-Radius:4Px;-Webkit-Box-Shadow:Inset 0 1Px 1Px Rgba(0,0,0,0.075);Box-Shadow:Inset 0 1Px 1Px Rgba(0,0,0,0.075);-Webkit-Transition:Border-Color Ease-In-Out .15S,-Webkit-Box-Shadow Ease-In-Out .15S;-O-Transition:Border-Color Ease-In-Out .15S,Box-Shadow Ease-In-Out .15S;Transition:Border-Color Ease-In-Out .15S,Box-Shadow Ease-In-Out .15S}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Request-Time{Color:#Fff;Background-Color:#515350;Border:1Px Solid #606260}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Popup H3{Margin-Bottom:15Px}#Coccoc-Alo-Wrapper.Night-Mode .Coccoc-Alo-Form .Coccoc-Alo-Select-Wrapper{Margin-Bottom:35Px}.Coccoc-Alo-Table{Display:Table;Width:100%;Height:100%;Position:Absolute;Left:0;Top:0;Right:0;Bottom:0}.Coccoc-Alo-Cell{Display:Table-Cell;Vertical-Align:Middle;Text-Align:Center}.Valid-Invalid-Message{Font-Size:13Px;Color:#Ff496B}.Valid-Invalid-Message:Before{Content:"* "}

/*********** HEADER PC ***********/
#wrap-header {
    background: #fff;
    top: 0px !important;
    z-index: 999;
    width: 100% !important;
    height: 80px;
}
#wrap-header h2 {
    margin: 15px;
}
#wrap-header .hotline-right ul li p {
    margin-bottom: 0px !important;
}
#wrap-header h2 a img {
    height: 45px;
}
#wrap-header .center {
    padding: 0px;
}
#wrap-header .center ul {
    margin: 23px 0px 0px -30px;
    padding: 0px;
    display: table;
    width: 100%;
}
#wrap-header .center ul li {
  display: table-cell;
  margin-right: 15px;
  color: #000;
}
#wrap-header .center ul li a {
    color: white ;
    text-transform: uppercase;
    padding: 5px 10px;
}
#wrap-header .right a{
  color: #f26937;
  border: 1px solid #f26937;
  border-radius: 5px;
  padding: 10px 30px;
  top: 20px;
  position: relative;
  background-color: #f26937 
}

#wrap-header .center ul li:hover a,
#wrap-header #scrollspy-course ul li.active a {
    color: white;
    font-weight: bold;
    background: none;
}
#wrap-header .center ul li a:focus {
    background: none;

}
#wrap-header .hotline-right ul{
    display: inline-block;
    padding: 15px 0px 0px 0px;
    margin: 0px;
    font-size: 16px;
}
#wrap-header .hotline-right ul li{
    display: inline-block;
    float: left;
    margin-right: 10px;
    color: white;
}
/********* BANNER *********/
#banner {
    background-color: #fff;
    background-image: url('banner.png');
    background-size: cover;
    background-repeat: no-repeat;
}
#banner .container-fluid{
  margin-top: 35px;
  min-height: 565px;
}
#banner .container-fluid h2{
  font-size: 36px;
}

#banner .container-fluid h2,
#banner .container-fluid h3{
    color: white;
    /*line-height: 1.4;*/
    text-align: center;
}
#banner .container-fluid .chi-co-tai-kyna {
  z-index: 2;
  position: relative;
  background-color: #fff;
  margin: 15px auto 40px;
  width: 32%;
}
#banner .container-fluid .container {
  z-index: 2;
  position: relative;
  margin-bottom: 120px;
}
#banner .container-fluid .container .gioi-thieu{
  color: #fff;
  line-height: 1.7;
  width: 750px;
  font-size: 22px;
  margin-top: 30px;
  font-weight: 100;
}

#banner .container-fluid .container .btn{
  color: #fff;
  padding: 15px 63px;
  border-radius: 25px;
  font-weight: 100 !important;
  -webkit-box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.86);
	-moz-box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.86);
	box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.86);
}
#banner .button-inside{
  margin-top: 70px;
}
.btn:hover{
  opacity: 0.9;
}
.btn-red{
  background-color: #fff;
  font-size: 20px;
}

#banner .container-fluid .container .btn-gray{
  background-color: #29343c;
}
#banner .chi-co-tai-kyna h3{
  color: #333 !important;
  padding: 15px 0;
  font-weight: normal;
};
#banner .container .chi-co-tai-kyna h4 {
    line-height: 1.4;
    text-align: center;
}



/********* GIAI THICH **********/

#giai-thich {
  background-color: #fff;
}
#giai-thich .quotes h3 {
    margin: 30px 15%;
    line-height: 1.5;
    font-size: 18px;
    text-align: center;
    font-weight: 100;
    color: white;
}
#giai-thich .quotes h3 span{
  font-weight: bold;
}
#giai-thich .container {
    /*padding-bottom: 100px;*/
}

#giai-thich .container .left img{
    margin: 100px 0 10px 0;
}

#giai-thich .container .right ul li {
  background: url('check.png') no-repeat top left;
  padding-left: 45px;
  background-position-y: 9px;
  margin-bottom: 18px;
  font-size: 21px;
}
#giai-thich .container .right h2{
  margin: 60px 15px 30px 20px;
  line-height: 1.5;
  font-weight: bold;
}

#giai-thich .container .right h2 span{
  color: #007ee1;
}

#giai-thich ul li {
    margin-bottom: 12px;
    font-size: 16px;
}
#giai-thich ul li:last-child {
    margin-bottom: 0px;
}
#giai-thich ul li span {
    font-weight: bold;
}
#giai-thich ul li i {
    color: #d6d6d6;
    font-size: 28px;
    width: 45px;
}
#giai-thich .img {
    padding-left: 0px;
}
#giai-thich .img img {
    margin-top: 30px;
}
/******** GIANG VIEN ***********/

#giang-vien .giang-vien-img {
    margin: -163px 0 5px 39%;
    width: 20%;
}
#giang-vien .container h2,#giang-vien .container h3{
  color: #fff;
  line-height: 1.3;
  text-align: center;
}
#giang-vien h2{
  font-size: 40px;
}
#giang-vien h4{
  font-size: 26px;
}
#giang-vien .container ul li{
  color: #fff;
  background: url('double-arrow.png') no-repeat top left;
  padding-left: 33px;
  background-position-y: 9px;
  margin-bottom: 18px;
  font-size: 18.2px;
  font-weight: 300;
}
#giang-vien .container ul li span{
  font-weight: bold;
}
#giang-vien .container ul{
  width: 85%;
  margin: 30px auto;
}
#loi-ich .container .text-header {
  margin: 30px auto;
}
#loi-ich {
  background-color: #fff;
  padding-bottom: 50px;
}
#loi-ich .container span{
  font-weight: bold;
}
#loi-ich .container h4{
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}
#loi-ich .container h3{
  text-align: center;
  color: #007ee1;
  font-size: 28px;
}
#loi-ich .danh-sach-loi-ich{
  width: 65%;
  margin: 0 auto;
}
#loi-ich .danh-sach-loi-ich ul {
  position: absolute;
  margin-top: -300px;
}
#loi-ich .danh-sach-loi-ich ul li {
  padding-left: 40px;
  line-height: 3.9;
  font-size: 18px;
}
#loi-ich .wrap-box {
  margin: 40px 0;
}
#loi-ich .wrap-box img{
  margin: 0 auto;
}
#loi-ich .wrap-box h4{
  margin: 20px 50px;
  color: #333;
  font-size: 20px;
  line-height: 1.5;
}
#loi-ich .group-button {
  width: 610px;
  margin: 20px auto;
}
#loi-ich .group-button .btn-dang-ky {
  background-color: #ff5252 !important;
  color: #fff;
  border-radius: 30px;
  padding: 15px 40px;
  font-size: 24px;
  font-weight: 100;
  -webkit-box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.86);
	-moz-box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.86);
	box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.86);
}
#loi-ich .group-button .btn-dang-ky:hover {
  opacity: 0.9;
}
.arrow_box {
  margin-left: 30px;
  position: relative;
  background: #f26937;
  padding: 20px 40px;
  color: #fff;
  font-size: 30px;
  font-weight: 100;
}
.arrow_box:after {
  right: 99%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-right-color: #f26937;
  border-width: 20px;
  margin-top: -20px;
}

.arrow_box-in {
  position: relative;
  background: #f26937;
  padding: 30px 45px 20px 45px;
  color: #fff;
  font-size: 16px;
}
.line-through{
  padding: 15px 45px;
  background-color: #ddd;
  font-size: 30px;
  color: #423c4a;
}
.arrow_box-in .bold{
  font-size: 30px;
}
.arrow_box-in:after {
  right: 95%;
  top: 0%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  margin-top: 20px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #ddd;
}

#khoa-hoc{
  background-color: #f2f2f2;
  color: #282828;
}
#khoa-hoc .container {
  padding-bottom: 40px;
}
#khoa-hoc .container h1{
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 48px;
  margin: 40px auto;
}

.panel-group .panel {
    width: 70% !important;
    margin: 0 auto;
    border-radius: 0 !important;
    margin-bottom: 30px !important;
    -webkit-box-shadow: 0px 5px 20px #ccc !important;
    box-shadow: 0px 5px 20px #ccc !important;
}
.panel-heading table {
  width: 100%;
}
.panel-heading table td.middle{
  width: 90%;
  padding-left: 3px;
}
.panel-heading table td:last-child {
  text-align: right;
}


.panel-default>.panel-heading{
  width: 100% !important;
  background-color: #fff !important;
  padding: 10px 30px 0px 30px !important;
  margin-bottom: 10px !important;
  background-image: none !important;
}
.panel-body {
    border-top: none !important;
    padding-top: 0 !important;
}
#khoa-hoc .container .panel-body ul {
  border-top: 1px solid #ddd;
  margin: 0 20px 0 83px;
  padding: 10px 0 8px;
}
#khoa-hoc .panel-body ul li{
  font-size: 20px;
  line-height: 2;
}
#khoa-hoc .container .panel-title a{
  display: block; /*to make clickable on panel title */
  cursor: pointer;
  color: #007ee1;
  font-weight: bold;
  font-size: 20px;
  margin-left: 10px;
  line-height: 30px;
}
#khoa-hoc .container .panel-title i{
  margin-top: 20px;
}
#khoa-hoc .container .panel-body i{
  margin-right: 5px;
}
#hoc-online{
  background-color: #fff;
  color: #282828;
}
#hoc-online .container {
  padding: 30px 0;
}
#hoc-online .container .row {
  margin: 45px 0;
}
#hoc-online .container h1{
  text-align: center;
  line-height: 1.5;
  font-size: 45px;
  font-weight: bold;
}
#hoc-online ul {
  padding-left: 0;
}
#hoc-online ul li{
  line-height: 1.5;
  margin: 10px 0;
}
#hoc-online ul li .media-left i{
  color: #007ee1;
  width: 40px;
  font-size: 30px;
  text-align: center;
}
#hoc-online ul li .media-body {
  color: #333;
  font-size: 18px;
  line-height: 2.5;
}
#uu-dai{
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 30px 0;
}
#uu-dai .right form {
  background: white;
  border-radius: 3px;
  width: 100%;
  top: 0px;
  padding: 35px 20px;
  -webkit-box-shadow: 0 1px 2px rgba(78,76,76,.4);
  -moz-box-shadow: 0 1px 2px rgba(78,76,76,.4);
  box-shadow: 0 1px 2px rgba(78,76,76,.4);
}
#uu-dai .right form .container-fluid{
  padding-left: 0;
  padding-right: 0;
}
#uu-dai .right form .form-control{
  border: 2px solid #6e6e6e !important;
  height: 45px !important;
}
#uu-dai .btn_box_register {
    background: #f26937;
    border: none;
    padding: 15px 25px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 25px 0px;
    font-size: 16px;
    width: 100%;
    position: relative;
}

#hoi-dap .container .fb-comments {
    padding: 40px;
    background: white;
    margin: 40px 0px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    display: inline-block;
    width: 100%;
}
#uu-dai .left .price{
  margin: 50px 0;
  /*width: 635px;*/
}

/****** Responsive ************/
@media (min-width: 1200px){
  #giai-thich {
    padding-bottom: 163px;
  }
}

@media (max-width: 1199px) and (min-width: 992px){
  #banner .container-fluid .chi-co-tai-kyna {
    width: 37%;
  }
  #giai-thich .container .left img{
    width: 100%;
    margin: 200px auto 50px;
  }
  #giai-thich {
    padding-bottom: 163px;
  }
  #loi-ich .danh-sach-loi-ich {
    width: 80%;
  }
}

@media  (max-width: 991px) and (min-width: 769px){
  #banner .container-fluid .chi-co-tai-kyna {
    width: 50%;
  }
  #giai-thich {
    padding-bottom: 163px;
  }
  #giai-thich .container .left img{
    width: 100%;
    margin: 0 auto;
  }
  #loi-ich .danh-sach-loi-ich {
    width: 100%;
  }

}
@media  (max-width: 768px) and (min-width: 481px) {
  #banner .container-fluid .chi-co-tai-kyna {
    width: 100%;
    background-color: #007ee1;
    margin: 10px 20px;
  }
  #banner .container-fluid .chi-co-tai-kyna h3 {
    color: #fff !important;
    margin-bottom: 25px;
  }
  #loi-ich .danh-sach-loi-ich {
    width: 100%;
  }
  #loi-ich .danh-sach-loi-ich ul {
    margin-top: -280px;
  }
  #loi-ich .danh-sach-loi-ich ul li {
    height: 70px;
    line-height: 1.5;
  }
  #giang-vien .container ul {
    margin-left: -5px;
    width: 100%;
  }
  #giang-vien .container ul li {
    padding-left: 25px;
  }
}
@media (max-width: 480px) {
  
  #loi-ich .danh-sach-loi-ich {
    width: 100%;
    min-height: 250px;
  }
  #loi-ich .danh-sach-loi-ich ul {
    position: relative;
    margin: 10px 30px;
    list-style-type: disc;
    padding-left: 5px;
  }
  #loi-ich .danh-sach-loi-ich ul li {
    line-height: 2.2;
    padding-left: 0;
  }
  #loi-ich .danh-sach-loi-ich img {
    display: none;
  }
  #giang-vien .container ul {
    margin-left: -20px;
    width: 100%;
  }
  #giang-vien .container ul li {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  #uu-dai .right form {
    position: relative;
    top: 40px;
  }
  #uu-dai .right form .container-fluid {
    padding: 25px 5px 0px 5px !important;
  }
}

@media (max-width:768px)
{
    #banner .container-fluid .chi-co-tai-kyna {
    width: 100%;
    background-color: #007ee1;
    margin: 0px;
  }
  #banner .container-fluid .chi-co-tai-kyna h3 {
    color: #fff !important;
    margin-bottom: 25px;
  }
.panel-default>.panel-heading {
    padding:10px 15px 0px 15px !important;
}
  #giai-thich .quotes h3{
    margin: 15px auto;
    padding: 15px;
  }
  #giai-thich .container .right h2{
    font-size: 22px;
    margin: 10px auto;
    padding: 0 15px;
  }
  #giai-thich .container .right ul li{
    font-size: 18px;
    padding-left: 30px !important;
  }
  #giang-vien .giang-vien-img
  {
      margin: -163px 0 20px 30%;
  }

  #giai-thich {
    padding-bottom: 160px;
  }
  #giai-thich .container .left{
    text-align: center;
  }
  #giai-thich .container .left img{
    width: 60%;
    margin: 0 auto;
  }
  #giai-thich .container .right ul{
    margin-left: -50px;
    padding: 0px 5px 0 65px;
  }

  #loi-ich .container .text-header {
    margin: 20px auto;
  }

  #loi-ich .group-button {
    width: 100% !important;
  }
  #loi-ich .group-button .btn-dang-ky{
    width: 100%;
  }
  .arrow_box{
    display: block;
    margin-top: 30px;
    text-align: center;
    margin-left: 0;
  }
  .arrow_box::after{
    right: 43%;
    top: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #007ee1;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-width: 20px;
    margin-top: -40px;
  }
  #hoc-online .container .row {
    margin: 0;
  }
  #hoc-online ul {
    padding-left: 10px;
    padding-bottom: 10px;
  }
  #hoc-online ul li {
    padding-bottom: 10px;
  }
  #hoc-online ul li .media-body {
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) and (min-width: 600px) {
  #loi-ich .group-button {
    width: 50%;
  }
  .panel-default>.panel-heading{
    padding: 0 10px !important;
    margin: 5px 0 0 0 !important;
  }
  .panel-heading table td.middle {
    padding-left: 10px;
    margin-left: 0;
  }
  #khoa-hoc .container .panel-title a {
    margin-left: 0;
    font-size: 18px;
    line-height: 1.7;
  }
  #khoa-hoc .container .panel-body ul {
    margin: 10px 15px;
    padding: 10px 0 8px;
  }
  #khoa-hoc .panel-body ul li {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 15px;
  }
}
@media (99px) {
  #loi-ich .group-button {
    width: 100%;
  }
  .panel-default>.panel-heading{
    padding: 0px 10px !important;
    margin: 5px 0px -5px 0 !important;
  }
  .panel-heading table td.middle {
    padding-left: 10px;
  }
  #khoa-hoc .container .panel-title a {
    margin-left: 0;
    font-size: 16px;
    line-height: 1.5;
  }
  #khoa-hoc .container .panel-body ul {
    margin: 10px;
    padding: 10px 0 8px;
  }
  #khoa-hoc .panel-body ul li {
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 1.5;
  }
}

.button-register {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.button-register a {
    background: #db4437;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 75px;
    display: inline-block;
}
.button-register a:hover {
    background: #ac3228;
    color: white;
    text-decoration: none;
}
.button-register a:focus {
    text-decoration: none;
    color: white;
}

/********* FOOTER *********/
#footer {
    border-top: 1px solid #ececec;
}
#footer p{
    color: #f6f6f6;
    font-size: 14px;
}
#footer .top{
    background: #29343c;
    padding: 30px 0px;
    color: white;
}
#footer .top .left .title{
    margin: 10px 0px;
    font-size: 24px;
}
#footer .top .left .logo-footer{
    margin: 15px 0px;
}
#footer .top .left .logo-footer div{
    margin: 15px 0px;
}
#footer .top .right{
    text-align :right
}
#footer .bottom{
    text-align: center;
    background: #f26937;
    padding: 20px 0px 0px 0px;
}
#footer .bottom ul{
    display: inline-block;
    margin-bottom: 0px;
}
#footer .bottom ul li{
    float: left;
    margin-right: 15px;
}
#footer .bottom ul li a{
    border-right: 2px solid white;
    padding-right: 15px;
    color: white;
    font-weight: 500;
    font-size: 14px;
}
#footer .bottom ul li a:hover{
    text-decoration: none;
    color: black;
}
#footer .bottom ul li:last-child a{
    border-right: none;
}
#footer .bottom p.copyr{
    color: white;
}
/********* POPUP *********/
.wrap-popup-content .popup-wrap {
    margin-top: 20px;
}
.wrap-popup-content .popup-wrap .close-icon {
    position: absolute;
    right: 10px;
    top: 5px;
}
.wrap-popup-content .popup-wrap .close-icon:focus {
    outline: none;
}
.wrap-popup-content .popup-wrap .close-icon i {
    color: #171717
}
.wrap-popup-content .popup-wrap a:hover {
    color: #389a36 !important
}
#popup-form-failed .text {
    text-align: center;
}
#load-img {
    display: none;
}

@media (max-width: 992px) and (min-width: 768px) {
  #giang-vien .giang-vien-img {
    margin: -163px 0 20px 33%;
  }
}

@media (min-width: 768px) {
    .wrap-header {
        background: white !important
    }

}
@media (min-width: 991px) {
    #wrap-su-menh .wrap-box {
        height: 245px;
    }
    #content-top .box {
        height: 270px;
    }
}
@media (min-width: 1199px) {
    #side-menu{
        width: 80px;
        position: fixed;
        top: 35%;
        right: 15px;
        display: block;
    }
    #side-menu ul{
        background: white;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #f0f0f0;
    }
    #side-menu ul li {
        display: block;
        text-align: center;
        padding: 0;
        margin: 0.35em auto;
        width: 64px;
    }
}
@media (max-width: 1199px) {
    #content-center .right-col p {
        margin-top: 0px;
        font-size: 20px;
    }
    #side-menu{
        display: none;
    }
    #wrap-header .center {
        display: block;
    }
    .pc{
      display: none !important;
    }
    #wrap-header .hotline-right {
        text-align: right;
    }
    #uu-dai .left .time .box img {
        display: none;
    }
    #uu-dai form h4 {
        line-height: 35px;
        text-align: center;
        font-size: 18px !important;
    }
    .panel-group .panel {
      width: 100% !important;
    }

}
@media (max-width: 991px) {
    #banner h2 {
        font-size: 28px !important;
        line-height: 45px !important;
        padding: 0px 25px !important;
    }
    #banner h4 {
        font-size: 20pt;
        line-height: 40px;
    }
    #line-height {
        display: none;
    }
    #uu-dai .title {
        width: inherit
    }
    #uu-dai .title p {
        font-size: 16px;
    }

}

@media (max-width: 767px) {

    .mobile{
        display: block !important;
    }
    .pc{
        display: none !important;
    }
    #wrap-header .center {
        display: none !important;
    }
    #wrap-header h2 a img {
        height: 40px;
    }
    #giang-vien .giang-vien-img {
      margin: -163px 0 20px 30%;
    }
    #uu-dai h4 {
        font-size: 22px;
    }
    #uu-dai ul li {
        display: inherit;
        width: 100%;
        border-right: none !important;
        font-size: 20px;
    }
    #uu-dai .text-cam-ket {
        width: 100%;
    }
    #uu-dai .title .wrap {
        width: auto !important;
        padding: 0px 20px;
    }
    #footer .top .right {
        text-align: center;
    }
    .scroll-form-style.mobile {
        text-align: right;
    }
    .scroll-form-style.mobile a{
        display: inline-block;
        background: #fdc200;
        border: none;
        color: white;
        font-size: 13px;
        padding: 0px 15px;
        border-radius: 25px;
        text-transform: uppercase;
        margin-top: 20px;
        color: #333;
    }
    #uu-dai {
        padding: 0px 0px 30px 0px;
    }
    #uu-dai form .form-group {
        margin-left: 0px;
        margin-right: 0px;
    }
    #uu-dai form {
        padding: 0px !important;
        position: relative !important;
        margin-top: 25px;
        top: 0px !important;
    }
    #uu-dai .btn-wrap {
        padding: 0px 25px;
    }
    #giang-vien .box img {
        width: 45%;
        margin: 0px auto;
    }
    #tienich .top p {
        width: auto;
    }
    #khoa-hoc .media-body h4 {
        font-size: 22px;
        line-height: 35px;
    }
    #uu-dai .title img {
        display: none;
    }
    #footer .top .right {
        text-align: center;
        margin-left: -20px;
    }

    #hoc-online .text h2 {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #CountDownTimer .time_circles > div {
        position: relative;
        top: initial !important;
        left: inherit !important;
        display: inline-block;
        margin-right: 2%;
        padding: 10px;
        border-radius: 50%;
        width: 17% !important;
        text-align: center;
        color: white;
    }
    #CountDownTimer .time_circles canvas {
        display: none;
    }
    #CountDownTimer .time_circles {
        text-align: center;
    }
    #CountDownTimer {
        width: initial !important;
        height: inherit !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 678px) and (min-width: 481px) {
  #banner .container-fluid {
    margin-top: 0;
  }
  #banner .container-fluid .container {
    margin-bottom: 30px !important;
  }
  #banner .container .gioi-thieu, .button-inside {
    width: 100% !important;
    margin-top: 0 !important;
    text-align: center !important;
    margin: -50px 20px 20px 20px;
  }
  #banner .container .button-inside a{
    margin: 10px 0 !important;
  }
}

@media (max-width: 678px) and (min-width: 553px) {
  #giang-vien .giang-vien-img {
    margin: -163px 0 5px 27%;
  }
  #giang-vien h2 {
    font-size: 34px;
  }
}
@media (max-width: 552px) and (min-width: 481px) {
  #giang-vien .giang-vien-img {
    margin: -163px 0 0px 23%;
  }
  #giang-vien h2 {
    font-size: 30px;
  }
}
@media (max-width: 600px) {
    #loi-ich .container .text-header {
      margin: 15px auto;
      padding: 0 15px;
    }
    /*#loi-ich .danh-sach-loi-ich {
      width: 100%;
      margin-left: 0;
    }
    #loi-ich .danh-sach-loi-ich ul {
      margin-top: -280px;
      padding-right: 5px;
    }*/
    #footer .bottom ul li{
        float: none;
        border: none;
    }
    #footer .bottom ul li a{
        border-right: none;
    }
    #content-why h2,#wrap-camnhan h2,#uu-dai h4,#content-center h4,#content-top .text h2{
        font-size: 24px;
    }
    #uu-dai ul li{
        display: block;
    }
    #uu-dai ul li:first-child{
        border-right: none;
    }

}
@media (max-width: 549px) {
  #uu-dai .left .price{
    margin: 50px 0;
    width: 100%;
  }
  #khoa-hoc .container h1, #hoc-online .container h1 {
    font-size: 35px;
    margin: 15px auto;
  }
  #khoa-hoc .container{
    padding-bottom: 10px;
  }
  #hoc-online .container {
    padding: 15px 0;
  }
  .arrow_box-in {
    display: block;
    position: relative;
    background: #f26937;
    margin: 30px auto;
    width: 100%;
    padding: 32px 30px 23px 30px;
    color: #fff;
    font-size: 16px;
  }
  .arrow_box-in:after {
    right: 44%;
    top: 0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    margin-top: -30px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #ddd;
  }
}

@media (max-width: 1200px) and (min-width: 550px){
  #uu-dai .left .price{
    margin: 50px 0;
    width: 100%;
  }
  .arrow_box-in {
    display: block;
    position: relative;
    background: #ff5252;
    margin: 30px auto;
    width: 50%;
    padding: 32px 30px 23px 30px;
    color: #fff;
    font-size: 16px;
  }
  .arrow_box-in:after {
    right: 44%;
    top: 0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    margin-top: -30px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #ddd;
  }
}

@media (max-width: 480px) {
	#header .top-header .center #click-scroll{
		font-size: 11px;
	}
	.wrap-content-top .title-content span, .wrap-content-center .title-content span, .wrap-content-bottom .title-content span, #wrap-camnhan .title-content span{
		font-size: 30px;
	}
  .scroll-form-style.mobile a {
      font-size: 11px;
  }
  #banner .container-fluid {
    margin-top: 0;
  }
  #banner .container-fluid .container {
    margin-bottom: 30px !important;
  }
  #banner .container .gioi-thieu, .button-inside {
    width: 100% !important;
    margin-top: 0 !important;
    text-align: center !important;
    margin: 0 auto;
  }
  #banner .container .button-inside a{
    margin: 10px 0 !important;
  }
  .button-inside .btn {
    padding: 5px  25px !important;
  }
  #giang-vien .giang-vien-img {
    margin: -163px 0 0px 9%;
  }
  #giang-vien h2 {
    font-size: 28px;
  }
}