@charset "utf-8";
/* CSS Document */


*{margin:0; padding:0;}
body {font-family: 'Open Sans', sans-serif;}

.fl {float:left;}
.fr {float:right;}
.mal3 {margin-left:3%;}
.mar3 {margin-right:3%;}
.mt3 {margin-top:3%;}
a:link {text-decoration:none;}
.cl1{color:#999;}
.cl2{color:#666;}
.cl4{color:#999;}
.cl5{color:#666;}
.bg-tb-color1 {background:#e5cd7b;}
.bg-tb-color2 {background:#a7c2d9;}
.clorblue {color:#3b5998;}
.cloryellow {color:#ffcc00;}
.clstep1 {background:#3ec2a8;} .clstep2 {background:#b3e370;} .clstep3 {background:#ffa155;} .clstep4 {background:#ffd200;}
.hoverfix {background:#404040}
.hidden {overflow:hidden;}
.border1 {border-bottom:2px solid #e0e0e0;}


.body {width:100%;height:auto;position:relative;overflow:hidden;margin:auto;background:#fff;}
.td-header-container {width:100%;height:auto;overflow:hidden;background-color:#fff;}
.td-header-center {width:100%;height:auto;margin:auto;max-width:1200px;position:relative;}
.header {width:100%; height:80px;margin:auto;}
.share {width:292px;height:80px;background-size:contain;position:absolute;right:0;text-align:center;top:0;}
.share span{line-height: 80px;text-align:center;font-size:20px;background-size:contain;background-position:center;}
.span1 {width:120px;height:80px;background:url(../image/share.png);display:inline-block;padding-left:20px;background-repeat: no-repeat;color:#fff;}
.span2 {width:56px;height:80px;background:url(../image/share2.png);display:inline-block;background-repeat:no-repeat;color:#2a4a8a;}
.banner{width:100%;height:auto;}
.pic2 {display:none;}

.td-box-2 {width:100%;height:auto;background-color:#fff;background-image:url(../image/bg2.png);background-position:right;position:relative;}
.td-right-pattern {position:absolute;right:0;}
.td-boxvideo-center {width:100%;height:auto;max-width:1200px;margin:auto;}
.td_wrapper_video_playlist {width:100%;height:auto;position:relative;padding:20px 0;overflow:hidden;}
.td_wrapper_player {width:59%;height:auto;padding:5px;border:1px solid #f1f1f1;background-color:#fff;}
.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.td_container_video_km {width:40%;height:400px;position:absolute;right:0;}
.text-apply {width:90%;height:auto;margin:auto}
.text-apply-fill {width:90%;height:auto;margin:auto;border-radius:5px;border:1px solid #f1f1f1;background-color:#fff;padding:0px 0px 10px 0px;}
.text-apply-scroll {width:100%;height:auto;max-height:250px;overflow:auto;}
.text-apply-fill h2 {font-size:32px;color:#2e9bc4;font-weight:bold;text-transform:uppercase;padding:10px 15px;font-size:18px;text-align:center;display:block;background-color:#f1f1f1;}
.text-apply h2 {font-size:32px;color:#2e9bc4;font-weight:bold;text-transform:uppercase;padding-bottom:10px;text-align:center;}
.text-apply p {line-height:15px;color:#fff;text-transform:uppercase}
.td-third {padding:10px 30px;display:inline-block;font-size:14px;background-color:#2e9bc4;color:#fff;position:relative;overflow:hidden;}
.text-apply2 {width:95%;height:auto;margin:auto;margin-top:20px;border-radius:5px;border:1px solid #f1f1f1;background-color:#fff;}
.text-apply2 p {color:#ff9600;position:relative;text-transform:uppercase;font-weight:bold;padding:10px 0px;}
.td-group1 {color:#ff9600;position:relative;text-transform:uppercase;font-weight:bold;padding:10px 0px;}
.td-group2 {color:#555;position:relative;text-transform:uppercase;font-weight:bold;padding:10px 0px;display:block;background-color:#e9f7ff;position:relative;line-height:25px;}
.td_container_video_km a {padding:10px 20px;display:inline-block;background-color:#2e9bc4;border-radius:5px;color:#fff;margin-top:10px}
.text-apply2 img {position:absolute;left:5px;top:17px;}
.text-apply2 span {padding-left:40px;}
.text-apply .td-right-third {color:#fff;position:absolute;top:-12px;left:-2px;font-size:60px;}
.text-apply .td-left-third {color:#fff;position:absolute;top:-12px;right:-2px;font-size:60px;}

.td-box-3 {width:100%;height:auto;background-color:#133a73;background-image:url(../image/dot-bg.png);padding:20px 0px;display:none;}
.td-study-class {width:90%;height:auto;border:1px solid #e0e0e0;max-width:700px;margin:auto;background-color:#fff;border-radius:3px;}
.td-study-class h3 {text-align:center;color:#2e9bc4;font-weight:bold;padding:12px 20px;display:block;margin:0;background-color:#f1f1f1;}
.td-study-class span {padding:0px 30px;}
.td-box-course {width:72%;height:auto;padding:0% 2% 2% 2%;overflow:hidden;position:relative;}
.td-box-course-new {background-color:#f1f1f1;width:80%;margin-left:10%;margin-bottom:2%;border-radius:5px;height:auto;padding:0% 2% 2% 2%;overflow:hidden;position:relative;}
.avt-course {width:50px;height:50px;border-radius:5px;}
.info-course {width:80%;margin-left:7px;}
.info-course a{font-size:14px;text-transform:uppercase;color:#555;font-weight:bold;}
.info-course p{font-size:12px;color:#aaa;padding-left:10px;}
.bg-avt1 {background:#9ac9ea;}
.bg-avt2 {background:#e9a6ad;}
.td-box-next-course {width:60px;height:auto;position:absolute;right:7px;bottom:12px;}
.td-box-next-course a {text-align:right;display:inline-block;padding:4px 8px;}
.td-box-next-course a:hover {background-color:#eda550;}
.td-box-next-course i {font-size:20px;color:#fff;}
.td-box-course-fill {border-bottom:1px solid #f1f1f1;width:100%;height:auto;overflow:hidden;}
.td-box-course-fill h5 {padding:10px 7px;display:block;color:#2e9bc4;}
.td-button-cource {width:24%;height:70px;text-align:center;}
.td-button-cource a {padding:10px 20px;display:inline-block;background-color:#2e9bc4;margin:10px 0px;border-radius:3px;color:#fff;}
.td-button-cource a:hover {background-color:#ff9600;}
.td-select-cource {width:100%;height:200px;overflow:auto;background-color:#f6f6f6;display:none;}
.td-select-option {width:100%;height:auto;color:#555;font-weight:bold;}
.td-select-option span {padding:20px 7px;display:inline-block;}
.option-class {width:50%;}
.td-select {width:150px;height:40px;color:#2e9bc4;font-size:14px;border:1px solid #f1f1f1;outline:none;}
.td-select span {padding:10px 0px}
.td-box-4 {width:100%;height:auto;background-color:#17265d;background-image:url(../image/bg3.png);overflow:hidden;background-repeat:no-repeat;}
.td-box-center {width:100%;max-width:1151px;height:auto;margin:auto;}
.td-title {text-transform:uppercase;padding:10px 40px;display:inline-block;background-color:#fff;border-radius:0px 0px 70px 70px;color:#ff9600;}
.td-box-sub {width:49%;height:auto;min-height:480px;border-radius:5px;background-color:#fff;margin:5% 0px;}
.td-class-stt {width:96%;height:auto;margin:auto;border-bottom:1px solid #f1f1f1;overflow:hidden;}
.td-class-stt h3 {color:#ff9600;padding:15px 10px;display:block;}

.td-click-class li {list-style:none;float:left;padding: 5px 10px;display:inline-block;width:21%;height:auto;text-align:center;}
.td-click-class li a {display:block;background-color:#f1f1f1;color:#2e9bc4;padding: 5px 0px;border-radius:5px;}
.td-click-class li a:hover {background-color:#2e9bc4;color:#fff;}

.td-box-luachon {width:100%;height:auto;background-color:#fff;background-image:url(../image/bg2.png);background-size:contain;overflow:hidden;display:inline-block;}
.td-box-luachon1 {width:50%;height:auto;}
.td-box-luachon1 ul {padding:5%;color:#2e9bc4;font-weight:bold;} .td-box-luachon1 ul li {list-style-image:url(../image/icon-box.png); margin-top:10px;}

.ykienhocsinh{width:100%;height:auto;background-color:#17265d;margin:auto;background-image:url(../image/banner3.png);background-repeat:repeat;background-position:bottom;overflow:hidden;display:inline-block; }
.title3{padding:10px;display:block;}
.box-ykien{width:55%;height:70%;margin:auto;background:white;border-radius:5px 5px 0px 0px;position:relative;overflow:hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.anhhocsinh {float:left;width:30%;height:100%;margin:10px}
.box-ykien h3 {font-family:Roboto Slab;font-weight:bold;padding:20px 20px 5px 20px;display:block;color:#333;}
.box-ykien p {font-family:Roboto Slab;;padding:15px 15px;display:block;color:#333;}

.baochi {width:100%;height:auto;margin:auto;background:#f1f1f1;}
.baochi a{padding:10px 0px 10px 20px;display:inline-block;}

.box-dangki{width:100%;height:auto;background:#17265d;margin:auto;position:relative;overflow:hidden;text-align:center;}
.action{width:100%;height:auto;padding:20px 0 20px 0;}
.button {font-size:24px;color:white;border-radius:3px;font-weight:bold;display:inline-block;}
.dangnhap {background:#3870bc;padding:8px 35px;}
.dangki {background:#599342;padding:8px 55px;}
.naptien {background:#ffa901;padding:8px 50px;}

.danhsach {width:100%;height:auto;background:white;position:relative;overflow:hidden;text-align:center;max-width:1151px;margin:auto;}
.danhsach h3 {color:#f30;padding:15px;}
.text1 {padding-bottom:15px;}
.danhsach table {width:100%;border-collapse: collapse;}
.danhsach .tr1, .td1 {border:1px solid #cdcdcd;}
.danhsach table h4 {padding:10px;display:inline-block;color:#0043a8;}
.danhsach table a {padding:10px;display:inline-block;color:#0043a8;}


.box-comment {width:100%;height:auto;background:white;position:relative;overflow:hidden;margin:auto}
.textarea {
    border: 1px solid #dedede;
    color: #777;
    resize: none;
    padding: 4px;
	margin-left:1%;
    height: 50px;
    width: 100%;}
	
.btnSmall {
    background-color: #eee;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    color: #333 !important;
    font-size: 12px;
	margin-top:0.5%;
	margin-left:1%;
    padding: 5px 15px;
}

.clearfix {padding:10px;border-bottom:1px dashed #cdcdcd;position:relative;overflow:hidden;list-style:none;font-size:14px;}

.clearfix img {width:40px;height:40px;border-radius:50%;background:white;margin-top:15px}

.innerWrap {width:92%;height:auto;position:relative;overflow:hidden;}

.innerWrap span {padding-bottom:0.5%;color:#a1a1a1;display:block;}

.commentchild{width:100%;height:auto;position:relative;overflow:hidden;background:#e6ecf2;}
.child1 {width:80%;}
.cmchild{width:100%;height:auto;position:relative;overflow:hidden;}
.commentchild2{width:100%;height:auto;position:relative;overflow:hidden;display:none;}

.call-action {width:250px;height:60px;position:fixed;bottom:150px;right:0px;z-index:999;text-align:left;}
.call-action span {color:#00aff2;font-size:18px;position:relative;top:100px;left:30px;border:1px solid #00aff2;background:#fff;padding:3px 15px;border-radius:5px;}
.call-action:hover i {background:#87b03f;}
.call-action:hover span {color:#426ba2;border-color:#426ba2;}

.box-danhsach{width:100%;height:auto;margin:auto;background:white;padding-top:0.5%;margin-bottom:2%;}
.box-danhsach table {width:100%;border-collapse: collapse;margin-top:2%;}
.box-danhsach table tr, td {border:1px solid #cdcdcd;text-align:center;}
.box-danhsach table h4 {padding:10px;font-size:18px;font-family:Roboto Slab;padding:5px;}
.box-danhsach p {text-align:center;}
.box-danhsach h4 {font-size:24px;color:#e33528;font-family: 'Roboto Slab', serif;line-height:25px;text-align:center;}


.coccoc-alo-phone{
	position:absolute;visibility:hidden;
	background-color:transparent;width:200px;
	height:200px;cursor:pointer;z-index:200000 !important;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;transition:visibility .5s;
	right:150px;
	bottom:30px
}
.coccoc-alo-phone.coccoc-alo-show{
	visibility:visible
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight{
	0%{opacity:1}
	100%{
		opacity:0;-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
		}
	}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.coccoc-alo-phone.coccoc-alo-static{opacity:.6}
.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{opacity:1}
.coccoc-alo-ph-circle{
	width:160px;
	height:160px;
	top:20px;
	left:20px;
	position:absolute;background-color:transparent;-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,0.4);
	border:2px solid #bfebfc 9;
	opacity:.1;
	-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	animation:coccoc-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%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{
	-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{
	-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{
	border-color:#75eb50;
	border-color:#baf5a7 9;
	opacity:.5
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#00aff2;border-color:#bfebfc 9;opacity:.5}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{
	border-color:#ccc;opacity:.5
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}
.coccoc-alo-ph-circle-fill{
	width:100px;
	height:100px;
	top:50px;
	left:50px;
	position:absolute;background-color:#000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:coccoc-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%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{
	-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(0,175,242,0.5);
	background-color:#00aff2 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(117,235,80,0.5);
	background-color:#baf5a7 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{
	background-color:rgba(0, 234, 242, 0.85);
	background-color:#a6e3fa 9;opacity:.75 !important
}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(204,204,204,0.5);
	background-color:#ccc 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}
.coccoc-alo-ph-img-circle{
	width:60px;height:60px;top:70px;left:70px;
	position:absolute;
	background:rgba(30,30,30,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-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%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2;}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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)}}@-webkit-keyframes coccoc-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)}}@-o-keyframes coccoc-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 coccoc-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:"* "}


@media screen and (max-width: 1191px) {.text-apply .td-right-third {top:-19px;font-size:90px;}  .text-apply .td-left-third {top:-19px;font-size:90px;}  .text-apply h2 {font-size:24px;}}

@media screen and (max-width: 960px) {.td_video_thumb {width:72px;height:40px;} .td_click_video_youtube{height:65px;}
									 .td-list-purchases {width:95%;}
									 .nameteacher1 {width:49%;margin-top:5px;}
									 .td-box-teacher-center {margin:65px auto 15px auto;}
									 .text-apply h2 {font-size:20px;} .td-click-class li {width:25%;}
									 .td_container_video_km{width:100%;position:relative;height:auto;}
									 .td_wrapper_player{width:100%;}
									 }
									 								 	
									
@media screen and (max-width: 768px) {	 .td_container_video_playlist{width:100%;position:relative;}
										.pic2 {display:block;} .pic1{display:none;}
										.span1{width:80px}
										.span2{width:40px}
										.td-box-luachon1 {width:90%;margin:auto;float:none;}
										.box-ykien{width:95%;}
										
										.td_container_video_playlist{height:auto;} .td_add_scrollbar_to_playlist{max-height:300px;}
										.td_container_video_km{height:auto;background-image:none;}
										.monlop table {font-size:16px;}
										.call-action{right:20px;width:50px;height:50px;} .call-action span{display:none;}
										.call-action i {top:-5px;width:50px;height:50px;font-size:26px;line-height:50px;}
										.coccoc-alo-phone{width:150px;}
										.td-video-container-title h4 {left:0;position:relative;transform: translateX(0%);float:left;}
										
										.td-bg-apply {height:auto;background-image:none;}
										.td-menu-sub {position:relative;overflow:hidden;}
										.td-box-teacher-center {margin:0px auto 15px auto;}
										.monlop table {border-spacing:5px 5px;}
										.text-apply .td-right-third {top:-12px;font-size:60px;}  .text-apply .td-left-third {top:-12px;font-size:60px;} 
										.td-box-sub {width:90%;margin:5%;}
										.share {width:50%;}
										}
										
@media screen and (max-width: 640px)   {.td-cacbuoc{width:100%;margin-top:5%;} .td-cacbuoc p{font-size:18px;} .innerWrap {width:90%;}
.footer {font-size:12px;} .item {width:48%;} .button {margin-top:2%;} .td-box-course {width:100%;} .td-button-cource {width:100%;} .option-class {width:100%;}

.td-video-container-title h4{left:50%;transform: translateX(-50%);} }										

@media screen and (max-width: 480px) {
										.title1 h3 {font-size:16px;} .info-text{display:none;}
										.innerWrap {width:84%;}
										.td-box-course-new {width:100%;margin-left:0%;}
										.monlop table {border-spacing:0;border-collapse:collapse;}
										.monlop {width:100%;margin-top:10px}
										.td-menu-sub {width:100%;left:0;}
										.text-apply h2 {font-size:20px;}
										.text-apply2 p {font-size:14px;}
										.td-click-class li {width:44%;}
										}
										
@media screen and (max-width: 476px) { .text-apply .td-right-third {top:-19px;font-size:90px;}  .text-apply .td-left-third {top:-19px;font-size:90px;}	}									
											
@media screen and (max-width: 420px) {.header {width:100%;border-radius:0px;}
											.span1{width:80px}
											.span2{width:40px}
											.header img {margin-top:15px;}
											.title1 h3 {font-size:16px;}.info-gv h3,h4{font-size:12px;}
											.info-button {margin-top:24%;} .item{width:100%;}
											.footer {font-size:16px;}
											.share {margin-right:0;}
											.td-video-container-title h4 {font-size:14px;}
											.td-click-class li {width:40%;}
											
											}

@media screen and (max-width: 360px) {}											
