/*@font-face {font-family: "muli"; src: url('../fonts/Muli-Regular.ttf'); src: local("Muli"), url("../fonts/Muli-Regular.ttf") format("truetype")}*/ a{text-decoration: none} a,header,.news-thumb:before,.thumb-cirle,#sync2 .title-item,.testimonial-content p{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease} body {color: #5b5c5c; background-color: #fff; line-height: 1.625; font-family: 'Mulish', sans-serif; font-size: 13px} strong {font-weight: 700} .wrapper img {max-width: 100%} .zalo-chat-widget {right: 10px !important;bottom: 15px !important} .wrapper {font-size: 16px} .navbar-toggle {border: none; padding: 7px 10px; border-radius: 2px; margin: 0; margin-top: 19px; position: relative; display: none; background: #e52538; right: 0} .navbar-toggle .icon-bar {background: #fff; display: block; width: 20px; height: 3px; border-radius: 1px} .navbar-toggle .icon-bar+.icon-bar {margin-top: 3px} .navbar-nav {margin-top: 0; margin-bottom: 0} .nav>li {background: #5281cb; border-bottom: 1px solid #dfdfdf} .navbar-nav>li>a {color: #fff; font-size: 14px} .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 8px 15px 8px 15px} .dropdown-menu>li>a {color: #fff} .nav .open>a, .nav>li>a:hover, .nav>li>a:focus {color: #5281cb; background: #eee !important } .wrapper-anchor{ border: 2px solid #ddd; padding: 20px; border-radius: 10px; margin-bottom: 30px;background-color: #f0f0f0} .wrapper-anchor .anchor-title{font-weight: bold;font-size: 20px;line-height: 25px;margin: 0 0 15px 0;display: block} .wrapper-anchor ul,.wrapper-anchor ol{ margin: 0; padding-left: 0; list-style-position: inside} .wrapper-anchor ul li,.wrapper-anchor ol li{cursor: pointer} .wrapper-anchor ul li:not(:last-child),.wrapper-anchor ol li:not(:last-child){margin-bottom: 10px} .wrapper-anchor ul li ul,.wrapper-anchor ol li ol{margin-top: 10px;padding-left: 15px} #goTop {top: 50%; cursor: pointer; display: none !important; z-index: 1000; position: fixed; right: 15px; opacity: 0.8; font-size: 16px; height: 60px; width: 40px; text-align: center; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 2px solid #aaa; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #fff } #goTop:before{top: 10px;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 7px;height: 20px;content: "";position: absolute;border: 1px solid #aaa} #goTop:after{content: "";position: absolute;width: 2px;height: 5px;left: 50%;top: 15px;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #aaa} #goTop .fa{position: absolute; font-size: 30px; color: #aaa; top: -30px; line-height: normal; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%)} #goTop:hover {opacity: 1} .captcha-field{position: relative;} .captcha-field input{padding: 0 115px} .captcha-field span{position: absolute;right: 0;} nav {background: #c60b1e; position: relative; color: #fff} nav .search {padding: 8px 12px 8px 0; position: relative; background: #c60b1e; float: left} nav .search input {border-radius: 3px; padding: 0 30px 0 5px; color: #888; width: 200px; height: 22px; line-height: 22px; border: none; outline: none} nav .search button {position: absolute; padding: 0; line-height: 22px; right: 17px; top: 7px; border: none; background: none; outline: none; color: #bf0a0a} nav .search:after {content: ""; display: inline-block; position: absolute; right: -25px; top: 0px; width: 0; height: 0; border-right: 25px solid transparent; border-top: 38px solid #c60b1e} .social {float: right; margin-left: 10px; margin-top: 5px} .social a {display: inline-block; margin-left: 3px; height: 27px; width: 27px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #fff; line-height: 27px} .social a:hover {color: #fdd2d1; border-color: #fdd2d1} .top-information {padding: 0; margin: 0; list-style: none; float: right; margin-top: 7px} ul.top-information li {float: left; margin-left: 20px; line-height: 25px} ul.top-information li:first-child {margin-left: 0} ul.top-information li a {color: #fff; text-decoration: none} ul.top-information li a:hover {color: #fdd2d1} ul.top-information li i {font-size: 15px} ul.top-information li:last-child i {font-size: 13px} a.logo {float: left; margin: 5px 0} a.logo img {max-width: 100%} .slideshow .owl-item img {width: 100%} .header-info {display: none} header {top: -120px; background: #fff; border-bottom: 1px solid #ededed } section.content {padding: 40px 0} .page-title-center {text-align: center; font-size: 35px; line-height: 41px; margin-top: 0; margin-bottom: 30px; position: relative; color: #343a40; padding-bottom: 15px} .page-title-center:before {content: ""; width: 75px; height: 1px; background: #d6d6d6; position: absolute; left: 50%; margin-left: -90px; bottom: 0px} .page-title-center:after {content: ""; width: 75px; height: 1px; background: #d6d6d6; position: absolute; right: 50%; margin-right: -90px; bottom: 0px} .page-title-center>span:before {font-family: 'FontAwesome'; width: 30px; content: "\f005"; position: absolute; left: 50%; margin-left: -15px; font-size: 15px; color: #c60b1e; bottom: -10px; line-height: 20px} .page-title-center>span span {margin-left: 3px} .col-about {padding-top: 15px; padding-bottom: 75px; text-align: center; margin-bottom: 20px} .col-about:hover > div:not(.full-description), .full-description {display: none } .col-about:hover > div.col-about-icon {display: table } .col-about:hover > div.full-description {display: block } .col-about-icon {display: table; width: 100%; text-align: center; margin-bottom: 13px} .col-about-icon span {display: table-cell; vertical-align: middle; height: 60px; width: 100%} .col-about-icon span img {max-width: 100%; max-height: 100% } .col-about>a {display: block; margin-bottom: 10px; font-size: 18px; line-height: 23px; text-transform: uppercase; font-weight: 600; color: #c60b1e; text-decoration: none} .full-description {text-align: justify} .col-about>div:not(.col-about-icon) {margin-bottom: 0; position: absolute; width: 100%; height: 60px; line-height: 20px; overflow: hidden; left: 0; padding: 0 15px; font-size: 14px} .col-about:hover {background: #c60b1e; color: #fff} .col-about:hover>div:not(.col-about-icon) {height: auto; background: #c60b1e; padding-bottom: 15px; z-index: 99} .col-about p {margin-bottom: 0 } .row .col-about:nth-child(4n+1) {clear: both} .content-background {background: url(../images/bg1.webp) no-repeat center top; background-size: cover !important} .col-list-testi > p {font-size: 35px; color: #fff; line-height: 40px; margin-top: 0; margin-bottom: 25px; font-weight: 700} .form-testi-content {position: relative; background: #fff; padding: 12px 22px; margin-top: -40px; margin-bottom: -40px}.form-testi-content a:hover{text-decoration: none} .form-testi-content:before, .form-testi-content:after {height: 15px; width: 100%; content: ""; position: absolute; left: 0; top: -15px; background: url(../images/letter-bg.jpg) repeat-x left center #fff; -webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.2)} .form-testi-content:after {top: 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2)} .right-content{position: sticky; top: 70px;} .col-form-testi {float: left; padding-left: 15px; padding-right: 15px; width: 28%} .form-testi-content > p {color: #c60b1e; font-size: 22px; line-height: 30px; margin-top: 0; margin-bottom: 10px; text-align: center; font-weight: 700} .form-testi-content input {width: 100%; outline: none; border: none; margin-bottom: 15px; background: #fff; border-bottom: 1px solid #dfdfdf; color: #888; height: 40px; line-height: 40px} .form-testi-content select {width: 100%; outline: none; border: none; margin-bottom: 15px; background: #fff; border-bottom: 1px solid #dfdfdf; color: #888; height: 40px; line-height: 40px; -moz-appearance: none; appearance: none} .form-testi-content button {height: 38px; line-height: 38px; outline: none; font-weight: 600; text-align: center; width: 100%; outline: none; color: #fff; background: #c60b1e; margin-bottom: 15px; border: none} .form-testi-content strong {display: block; text-align: center; color: #c60b1e; font-size: 14px} .short-title {font-size: 15px; font-weight: 600; text-align: center; margin: 0 70px; margin-top: -10px; margin-bottom: 30px} .home-course {overflow: hidden} .home-course>.row {margin-left: -30px; margin-right: -30px} .col-course {float: left; width: 33.333333%; border-right: 1px solid #eee; border-left: 1px solid #eee; padding: 35px 30px; padding-top: 0; font-size: 14px; font-weight: 600; margin-left: -1px} .col-course:after {content: ""; display: block; height: 1px; width: 100%; clear: both} .row .col-course:nth-child(3n) {border-right: none} .row .col-course:nth-child(n+4) {border-top: 1px solid #eee; padding-top: 35px } .row .col-course:nth-child(3n+1) {clear: both; border-left: none; margin-left: 0 } .col-course a {color: #222; text-decoration: none; display: block} .col-course a>span {float: left; display: table; margin-right: 20px; width: 90px; border: 2px solid #c60b1e; text-align: center; border-radius: 15px; font-size: 45px; line-height: 45px; color: #c60b1e; text-transform: uppercase} .col-course a>span>span {display: table-cell; vertical-align: middle; height: 86px; width: 100% } .col-course a:hover {color: #c60b1e } .long-title a>span {font-size: 15px; line-height: 20px; font-weight: 600} .long-title a>span>span strong {font-size: 18px; display: block} .content-color {background: #f8f9fa; overflow: hidden} .news-thumb {position: relative; display: block; overflow: hidden } .news-thumb img {width: 100%; min-height: 100% } .news-thumb:before {position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background-color: rgba(255, 255, 255, 0.4)} .news-thumb:hover:before {height: 100%; width: 100%; left: 0; top: 0 } .col-news {float: left; width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px} .col-news-thumb {height: 165px; margin-bottom: 10px} .news-info:after {content: ""; display: block; clear: both; height: 1px; width: 100%} span.news-date {display: none;float: left; width: 50px; height: 50px; border: 1px solid #c60b1e; color: #c60b1e; font-size: 9px; text-transform: uppercase; text-align: center; padding-top: 3px; margin-right: 10px; font-weight: 800 } span.news-date strong {display: block; font-weight: normal; font-size: 27px; line-height: 30px} .news-title {display: block; font-size: 14px; font-weight: bold; color: #000; line-height: 18px;margin-bottom: 5px} .news-title:hover {color: #c60b1e; text-decoration: none} .col-news p {margin-bottom: 0; line-height: 19px; max-height: 62px; overflow: hidden; clear: both; padding-top: 5px; font-family: Arial } .row .col-news:nth-child(4n+1) {clear: both} .owl-carousel.one-carousel {display: block} .owl-carousel .col-news {margin-bottom: 0} .form-contact {padding: 30px 40px 20px 40px; color: #fff; background: #c60b1e}.form-contact a{color: #fff}.form-contact a:hover{text-decoration: none} .form-contact .page-title-center {text-align: center; color: #fff} .form-contact .page-title-center span:before {color: #fff} .form-contact .row {margin-left: -25px; margin-right: -25px} .col-contact{float: left; padding-left: 25px; padding-right: 25px; text-align: center; width: 50%; margin-bottom: 10px} .col-contact .txtForm, .col-contact .slfForm {text-align: center; text-align-last: center} .col-contact .txtForm{line-height: normal} .col-contact .btnForm {height: 40px; line-height: 42px; font-size: 14px; width: 200px; font-weight: 700; margin: 0 auto; margin-bottom: 15px} .col-contact strong {font-size: 20px; text-transform: uppercase} .txtForm {margin-bottom: 10px; border: none; background: none; border-bottom: 1px solid #fff; height: 40px; line-height: 40px; font-size: 14px; outline: none; color: #fff; width: 100%} .txtForm::-webkit-input-placeholder {color: #fff} .txtForm::-moz-placeholder {color: #fff} .txtForm::-ms-input-placeholder {color: #fff} .txtForm::-moz-placeholder {color: #fff} .slfForm {margin-bottom: 10px; border: none; background: none; border-bottom: 1px solid #fff; height: 40px; line-height: 40px; font-size: 14px; outline: none; color: #fff; width: 100%; -moz-appearance: none; appearance: none} .slfForm option {color: #000; background: #fff; padding: 5px 0; font-size: 13px; border: none} .btnForm {width: 100%; display: block; height: 33px; line-height: 35px; border: none; background: #fff; color: #c60b1e; text-align: center; outline: none; margin-top: 10px; margin-bottom: 15px; font-weight: 700 } .regist-form-content strong {display: block; font-weight: bold; text-transform: uppercase; text-align: center} .contact-form {margin: 0 100px; margin-bottom: 20px } .contact-form .col-contact {margin-bottom: 20px} .btnContact {height: 42px; line-height: 42px; font-weight: bold; width: 180px; text-align: center; border: none; background: #c60b1e; color: #fff} .footer {background: #f5f5f5; padding-top: 25px} .col-footer {float: left; width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; text-align: center} .top-footer {border-bottom: 1px solid #d5d5d5; margin-bottom: 20px} .footer-title {margin: 0; margin-bottom: 15px; margin-top: 0; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #c60b1e} ul.footer-menu {list-style: none; padding: 0; margin: 0} ul.footer-menu li {font-size: 14px; margin-bottom: 10px} ul.footer-menu li a {color: #5d5d5d; text-decoration: none} ul.footer-menu li a:hover,.copyright a:hover {color: #000} .footer-info {font-size: 14px}.footer-info span a{color: #5b5c5c} .footer-info span {display: block}.footer-info span strong{display:inline-block} .footer-info span:before {content: ""; display: block; width: 25px; height: 25px; margin: 0 auto; margin-bottom: 8px; background: url(../images/icon.png) no-repeat 0 -32px} .row .footer-info:nth-child(3) span:before {background-position: -25px -32px} .row .footer-info:nth-child(2) span:before {background-position: -50px -32px} .row .footer-info:nth-child(4) span:before {background-position: -75px -32px} .footer-info a {text-decoration: none; color: #000} .copyright {padding: 10px 15px; text-align: center; font-size: 14px} .copyright a {text-decoration: none; display: inline-block; margin: 0 10px; color: #5d5d5d} .col-about:hover>a {color: #fff} #sync2 {padding: 0 110px } .thumb-cirle {height: 90px; width: 90px; border-radius: 50%; border: 4px solid #fff; overflow: hidden; cursor: pointer; margin: 0 auto; margin-bottom: 10px; position: relative} .thumb-cirle img {height: 100%; min-width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%)} .owl-item.synced .thumb-cirle {width: 114px; height: 114px; margin-top: 15px} .owl-item.synced .thumb-cirle img {-webkit-filter: none; filter: none} #sync2 .owl-item {height: 180px} #sync2 .title-item {display: block; font-weight: 600; opacity: 0; line-height: 20px; max-height: 40px; overflow: hidden; color: #fff; font-size: 14px; text-align: center} #sync2 .owl-item.synced .title-item {opacity: 1 } .testi-item {padding: 15px 20px; border-radius: 10px; cursor: pointer; font-size: 14px; background: #fff; margin: 0 70px 0px 70px } .testi-item p {line-height: 22px; height: 66px; overflow: hidden; margin-bottom: 0} #sync2 .owl-wrapper-outer {padding-top: 20px} .thumb-item {position: relative } .thumb-item:before {position: absolute; font-family: 'FontAwesome'; content: "\f0d7"; width: 20px; color: #fff; left: 50%; margin-left: -10px; top: -40px; display: none; z-index: 99; text-align: center; font-size: 23px; line-height: 15px; vertical-align: top } .owl-item.synced .thumb-item:before {display: block} .testi-item a {color: #5b5c5c !important; text-decoration: none} .information {text-align: center; font-size: 16px; padding-bottom: 25px} .information h2 {text-transform: uppercase; font-size: 27px; color: #c60b1e; margin: 0; margin-bottom: 8px} body.download-page {background: #f1f1f1} body.download-page .header {background: #fff} .download-form {width: 520px; padding: 20px; border-radius: 5px; background: #fff; margin: 25px auto 45px auto; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35)} .row-download {margin-bottom: 20px; position: relative} .row-download>i {position: absolute; right: 7px; font-size: 15px; top: 0; line-height: 34px} .row-download button {color: #fff; background: #c60b1e; border: none; margin-top: 5px } .download-form em {display: block; text-align: center; font-size: 15px} .page-title-hidden, .breadcrumbs-hidden,.other-news .row .col-news:nth-child(4) {display: none} .submenu {border-bottom: 1px solid #ededed; padding: 15px 0 14px 0; font-size: 14px; line-height: 20px; margin-bottom: 25px; background: #f1f3f5 } .submenu > .container > p {float: left; margin: 0; font-size: 22px; line-height: 24px; color: #000 } .sub-menu-content {float: right; padding-top: 4px} .sub-menu-content a {color: #5d5d5d; text-decoration: none; display: inline-block; margin-left: 20px; font-weight: 600} .sub-menu-content a:hover, .sub-menu-content a.active,.article-title,.download-form em strong {color: #c60b1e} .breadcrumbs {margin-bottom: 20px; margin-left: -15px; margin-right: -15px; border-bottom: 1px solid #ececec; font-size: 13px; font-style: italic; color: #888; padding: 10px 15px 9px 15px; background: #f1f3f5 } .breadcrumbs a {color: #888; text-decoration: none} .breadcrumbs a:hover, .breadcrumbs span {color: #000} .page-title {margin-top: 0; margin-bottom: 25px; text-transform: uppercase; font-size: 30px; line-height: 35px; font-weight: 600} .paginations {text-align: center} .pagination>li>span {background: #c60b1e; color: #fff} .pagination {font-weight: 600} .article-title {font-size: 26px; line-height: 32px; margin-top: 0; margin-bottom: 15px; font-weight: 600} .article-comment {padding: 20px; background: #f3f3f3; margin-bottom: 30px} .article-comment > p,.other-title {margin: 0; margin-bottom: 20px; font-size: 17px; font-weight: 700} .other-news .col-news {width: 33.3333%} .share-post {display: none;margin-bottom: 20px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 24px; padding: 7px 0 6px 0; font-size: 12px; color: #acabab} .share-post-social {float: right} .share-post-social a {float: left; margin-left: 2px; text-indent: -9999px; height: 22px; width: 98px; background: url(../images/icon.png) no-repeat 0 -57px; margin-bottom: 2px} .share-post-social a:nth-child(2) {width: 85px; background-position: 0 -79px} .share-post-social a:nth-child(3) {width: 95px; background-position: 0 -101px} .right-content .regist-form {width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px; float: none} .right-title {margin-bottom: 15px; height: 40px; line-height: 42px; font-size: 16px; background: #f1f1f1; padding: 0 15px; margin-top: 0; font-weight: 700} .right-news {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1} .right-news .news-thumb {float: left; width: 100px; height: 65px; margin-right: 10px} .right-news em {display: block; font-size: 12px; color: #777} .right-news-title {display: block; font-size: 14px; line-height: 18px; color: #5d5d5d; font-weight: 600} .right-news-title:hover {text-decoration: none; color: #000} .regist-form-content {padding: 20px 25px 15px 25px; color: #fff; background: #c60b1e}.regist-form-content a{color: #fff}.regist-form-content a:hover{text-decoration: none} .regist-form-content > form > p {text-transform: uppercase; font-size: 20px; margin: 0; margin-bottom: 15px; text-align: center} .left-content, .right-content {padding-left: 15px; padding-right: 15px} .wrapper table {border: 1px solid #ddd; max-width: 100% !important } .left-document {float: left; width: 23%; padding-left: 15px; padding-right: 15px} .right-document {float: left; width: 77%; padding-left: 15px; padding-right: 15px} ul.main-menu {border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; font-weight: 600} ul.main-menu, ul.main-menu ul {list-style: none; padding: 0; margin: 0} ul.main-menu>li>a {display: block; padding: 11px 15px 9px 15px; font-size: 16px; text-transform: uppercase; background: #f1f1f1; color: #5d5d5d; text-decoration: none; line-height: 21px; border-bottom: 1px solid #e2e2e2} ul.main-menu>li>a:hover,ul.main-menu>li.active>a,ul.main-menu ul a:hover{color: #c60b1e} ul.main-menu ul a {display: block; padding: 9px 15px 7px 15px; font-size: 14px; color: #5d5d5d; text-decoration: none; border-bottom: 1px solid #e2e2e2} .alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; padding: 15px; margin-bottom: 20px} .alert-danger {background-color: #f2dede; border-color: #ebccd1; color: #a94442; padding: 15px; margin-bottom: 20px} .alert-icon {font-size: 18px; cursor: pointer; text-shadow: 0 1px 0 #fff; opacity: .6; font-weight: bold; float: right; color: #000; font-style: inherit} .alert-icon:hover {opacity: 1} .calendarfull,.item-document {margin-bottom: 30px} .left-document.left-detail {border-right: 1px solid #e2e2e2; padding-right: 0; width: 21.5%} .left-document.left-detail ul.main-menu {border-right: 0 } .page-title a {font-size: 13px; float: right; padding: 0 10px; color: #5d5d5d; background: #f1f1f1; border-radius: 2px; font-weight: 700; text-decoration: none; margin-top: 3px} .page-title a:hover {background: #c60b1e; color: #fff} .page-title.page-title-document {margin-bottom: 20px} .img-document {display: block; margin-bottom: 13px; height: 180px} .title-document {display: block; color: #333; font-size: 16px; line-height: 21px; font-weight: 700; margin-bottom: 10px} .title-document:hover {text-decoration: none; color: #c60b1e } .item-document p {font-family: Arial; margin-bottom: 0} .row .item-document:nth-child(3n+1),.row-level .col-level:nth-child(4n+1),.page-all-feel .item-feel:nth-child(4n + 1){clear: both} .wrap-document .row-doc .item-document:nth-child(4) {display: none} .short-select {margin-bottom: 25px; padding: 8px 15px; background: #f9f9f9; display: none} .short-select:after {content: ""; width: 100%; display: block; height: 1px; clear: both} .short-select > p {float: left; font-size: 20px; text-transform: uppercase; line-height: 26px; padding-top: 4px; font-weight: 700; color: #000; margin: 0} .short-select select {float: right; height: 30px; line-height: 30px; padding-left: 10px; color: #888; border: 1px solid #dedede} .breadcrumbs.breadcrumbs-shows {background: none; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 } .row-level {margin-left: -25px; margin-right: -25px} .col-level {float: left; width: 25%; padding-left: 25px; padding-right: 25px; margin-bottom: 30px} .col-level a {display: block; border-radius: 10px; background: #f0f0f0; color: #5d5d5d; text-decoration: none; text-align: center; padding: 20px; font-size: 13px; font-weight: 600} .col-level a:hover {color: #000; -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35)} .col-level a strong {font-weight: normal; font-size: 92px; color: #ed1c24; display: block; line-height: 95px; text-transform: uppercase} .long-level a strong {font-size: 30px; line-height: 35px} .long-level a strong strong {font-size: 50px; line-height: 55px; display: block} .resp-tabs-container {margin-bottom: 30px} .page-all-feel .item-feel {margin-bottom: 15px } .page-all-feel .testimonial-content {box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35); -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35) } .home-testimonial .row {margin-left: -20px; margin-right: -20px} .home-testimonial .owl-carousel .owl-item {padding-left: 20px; padding-right: 20px} .testimonial-content {border-radius: 10px; background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); padding: 15px; padding-bottom: 45px; position: relative; margin-bottom: 90px} .testimonial-content p {height: 154px; overflow: hidden; color: #5d5d5d; font-size: 14px; line-height: 22px; font-style: italic; text-align: justify; cursor: pointer} .testimonial-content p:hover {color: #000} .testimonial-mem {position: absolute; width: 100%; left: 0; text-align: center; font-size: 13px; line-height: 19px; color: #222 } .testimonial-mem span {display: block; margin: 0 auto; width: 72px; height: 72px; border: 3px solid #fff; border-radius: 50%; overflow: hidden; -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.35); margin-bottom: 10px} .testimonial-mem span img,.popup-content-mem span img {width: 100%; min-height: 100%} .testimonial-mem em {font-size: 13px; color: #5d5d5d } .popup-content, .popupQuestion {display: none; position: absolute; top: 100px; left: 50%; width: 900px; margin-left: -450px; padding: 50px 30px; background: #fff; color: #333; border: 10px solid #150E2D; z-index: 9999} .popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%} .popup-btn-close {position: absolute; top: 8px; right: 14px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer} .popup-overlay {position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); left: 0; top: 0; z-index: 9998 } .popup-content-mem {float: left; width: 200px; margin-left: -220px; font-size: 15px; text-align: center; line-height: 20px} .popup-content-mem span {display: block; width: 100%; height: 200px; overflow: hidden; border-radius: 50%; border: 2px solid #c60b1e; margin-bottom: 10px} .popup-content-mem em {font-size: 13px; color: #666} .popup-content-content {float: left} .popup-content-content img,.wrapper-popup-content > .answer img {max-width: 100% } .testimonial-content a {color: #5b5c5c !important; text-decoration: none} .set-question {background-color: #fff; padding: 30px; box-shadow: 0 6px 6px rgba(34, 34, 34, 0.18); -webkit-box-shadow: 0 6px 6px rgba(34, 34, 34, 0.18); -moz-box-shadow: 0 6px 6px rgba(34, 34, 34, 0.18); border: 5px solid transparent; -webkit-border-image: url(../images/border.png) 5 round; -o-border-image: url(../images/border.png) 5 round; border-image: url(../images/border.png) 5 round} .txtQuestion {padding: 7px 10px; width: 100%; border: 1px solid #d4d4d4 } .btnQuestion {border: 1px solid #c60b1e; color: #c60b1e; background-color: transparent; padding: 8px 15px 6px 15px; font-weight: 700; display: inline-block } .btnQuestion:hover {text-decoration: none; background-color: #c60b1e; color: #fff } .title-form {margin-top: 0; font-size: 20px; line-height: 25px; margin-bottom: 15px; text-align: center; text-transform: uppercase; color: #000; font-weight: 600} .view-more.text-right {text-align: right } .view-more.text-left {text-align: left } .page-all-question .set-question {width: 80%; margin: 0 auto; margin-bottom: 30px } .page-all-question .item-question {border-top: 1px solid rgba(34, 34, 34, 0.18) } .page-all-question .row .wrap-item-question:nth-child(2n + 1) {clear: both } .item-question {background-color: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 3px 3px rgba(34, 34, 34, 0.18); margin-bottom: 15px; -webkit-box-shadow: 0 3px 3px rgba(34, 34, 34, 0.18); -moz-box-shadow: 0 3px 3px rgba(34, 34, 34, 0.18); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease } .item-question p {margin-bottom: 0; font-style: italic; font-size: 15px; line-height: 20px; color: #000 } .item-question p:hover {cursor: pointer } .popupQuestion {width: 500px; padding-left: 30px; margin: 0 auto; left: 0; right: 0 } .wrapper-popup-content > .question {font-size: 15px; line-height: 19px; font-style: italic; margin-bottom: 20px } .wrapper-popup-content > .answer {font-size: 15px; line-height: 20px} .wrapper-popup-content > h3 {font-size: 20px; line-height: 23px; display: inline-block; padding-bottom: 5px; font-style: italic; border-bottom: 1px solid #4EBD79; margin: 0; margin-bottom: 10px} .alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; padding: 15px; margin-bottom: 20px} .alert-danger {background-color: #f2dede; border-color: #ebccd1; color: #a94442; padding: 15px; margin-bottom: 20px} .alert-icon {font-size: 18px; cursor: pointer; text-shadow: 0 1px 0 #fff; opacity: .6; font-weight: bold; float: right; color: #000; font-style: inherit} .alert-icon:hover,.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {opacity: 1 } .calendarfull {margin-bottom: 30px} .wrap-search-calendar {background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; display: none } .popup-search-calendar {position: absolute; top: 100px; padding: 35px 25px; background-color: #fff; margin: 0 auto; width: 1170px; left: 0; right: 0} .title-popup-calendar {margin-top: 0; font-size: 35px; line-height: 40px; color: #c60b1e; margin-bottom: 20px } .form-search-calendar {padding: 20px 25px 30px 25px; background-color: #c60b1e; border: 1px solid #ebebeb } .see-full-calendar {display: block; text-align: center; font-size: 20px; line-height: 25px; font-weight: bold; color: #5d5d5d; box-shadow: 0 1 0 rgba(255, 255, 255, 0.1); background-color: #e8e8e8; height: 250px; width: 100%; padding-top: 112.5px } .see-full-calendar:hover {text-decoration: none } .form-search-calendar > p {color: #fff; font-size: 20px; line-height: 25px; font-weight: bold; margin-top: 0; margin-bottom: 20px } .form-search-calendar .lblform-popup {color: #fff; font-size: 15px; margin-bottom: 10px; font-weight: normal } .form-search-calendar select.form-control {height: 49px; border-radius: 0; margin-bottom: 30px } .form-search-calendar .btnform-popoup {height: 46px; color: #c60b1e; font-size: 14px; border-radius: 0 } .search-page-calendar {background-color: #f1f1f1; padding: 10px 20px 5px 20px; margin-bottom: 40px; position: relative; padding-right: 270px } .table-calendar th, .table-calendar td {text-align: center } .table-calendar th {font-size: 15px; text-transform: uppercase; color: #929292; font-weight: normal} .search-page-calendar select {font-size: 13px; width: 135px; border: 1px solid #ebebeb; height: 31px; padding-left: 10px; margin-right: 10px; float: left; margin-bottom: 5px} .search-page-calendar label {color: #5d5d5d; font-size: 14px; font-weight: normal; margin-bottom: 0; margin-right: 10px; float: left; line-height: 31px; margin-bottom: 5px} .search-page-calendar .btnContact {height: 31px; line-height: 31px; width: 135px; margin: 0 25px; float: left; margin-bottom: 5px} .search-page-calendar .view-full {background-color: #d9d9d9; display: inline-block; width: 270px; padding: 10px 30px; float: right; margin-right: -270px; margin-top: -10px; margin-bottom: -5px} .search-page-calendar .view-full a {display: block; background-color: #929292; height: 31px; color: #fff; text-align: center; line-height: 31px } .search-page-calendar .view-full a:hover {text-decoration: none } .search-page-calendar:after {clear: both; width: 100%; height: 1px; display: block; content: ""} .left-calendar {float: left; padding-left: 15px; padding-right: 15px; width: 33.33333%} .left-calendars {border: 1px solid #ebebeb} .right-calendar {float: left; padding-left: 15px; padding-right: 15px; width: 66.66667%; position: relative; margin-bottom: 30px } .footer-date {font-size: 14px; background: #f1f1f1; padding: 20px; border-top: 1px solid #ebebeb} .footer-date h2 {text-transform: uppercase; margin: 0; margin-bottom: 5px; font-size: 20px; font-weight: bold} .top-date {padding: 5px; padding-top: 105px; position: relative; height: 245px } #calendar {width: 100% } h3.current-date {margin: 0; text-align: center; font-size: 135px; line-height: 135px} .right-calendar .fc-left h2 {text-transform: uppercase; font-size: 18px; line-height: 27px; font-weight: 600} .CalendarTable>tbody>tr>td {vertical-align: middle } .CalendarTable th {text-align: center; text-transform: uppercase; padding-top: 10px !important; background: #f6f6f6 } .CalendarTable h3 {margin-top: 7px; margin-bottom: 4px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #c60b1e } .CalendarTable p {margin-bottom: 0} .row-search {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dfdfdf; font-size: 12px; font-style: italic; margin-left: auto; margin-right: auto } .row-search a {display: block; color: #000; font-size: 14px; line-height: 19px; font-style: normal } .row-search a:hover {color: #217de4} .row-search span {color: #777} .wrapper table {border: 1px solid #ddd } .album-title {display: block; font-size: 15px; margin-top: 10px; text-align: center; color: #000} .album-title:hover {color: #c60b1e; text-decoration: none} #document-wrapper a {cursor: pointer } .CalendarTable>tbody>tr:nth-child(2n+1) {background: #fafafa } .content-about {margin-top: -25px} .img-introduce {padding-left: 0} .img-introduce img,.item-album-image img {width: 100% } .short-introduce {padding-top: 30px; padding-bottom: 15px} .short-introduce ul, .short-introduce ol {padding-left: 15px} .short-introduce .page-title {margin-bottom: 10px; font-size: 25px; line-height: 30px; color: #000; font-weight: 600} .view-more {display: inline-block; padding: 0 20px; font-size: 14px; font-weight: 600; color: #fff; height: 37px; line-height: 39px; background: #c60b1e; margin-top: 10px} .view-more:hover {background: #df1b2f; text-decoration: none; color: #fff} .short-introduce .col-lg-10 {padding-left: 0} .row-album {margin-left: -8px; margin-right: -8px} .item-album {float: left; padding-left: 8px; padding-right: 8px; margin-bottom: 15px; width: 25%} .item-album-content {position: relative; overflow: hidden} .item-album-image {height: 190px; overflow: hidden; display: block} .item-album-image img { min-height: 100% } .item-album-content .item-album-title {position: absolute; padding: 10px 15px; width: 100%; margin-top: -30px; opacity: 0; visibility: hidden; font-size: 17px; line-height: 24px; font-weight: 700; color: #fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0} .item-album-content:hover .item-album-title {color: #fff; text-decoration: none; opacity: 1; visibility: visible; margin-top: 0} .row-album .item-album:nth-child(1) {width: 50%} .row-album .item-album:nth-child(1) .item-album-image {height: 395px} .about-testi {overflow: hidden} .about-testi .row {margin-left: -30px; margin-right: -30px} .about-testi .owl-carousel .owl-item {padding: 0 30px} .about-testi .testimonial-content p {height: 88px} .label-exercise {font-size: 15px;} .list-exercise {list-style: none; margin: 0; padding: 0; padding-left: 15px; margin-bottom: 20px} .list-exercise label,.label-exercise{font-weight: normal} .list-exercise label:after {clear: both; content: ""; width: 100%; height: 1px; display: block} .list-exercise label input {float: left; margin-top: 5px; margin-right: 7px} .rows-album {margin: 0 -6px} .col-album {float: left; padding: 0 6px; width: 33.3333%; margin-bottom: 12px } .col-album a {display: block; position: relative; overflow: hidden} .col-album span {font-size: 20px; line-height: 25px; font-weight: 500; z-index: 10; display: block; position: absolute; color: #fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 49%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 49%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 49%, rgba(0, 0, 0, 0.8) 100%); filter: progid: DXImageTransform.Microsoft; padding: 60px 20px 20px; left: 0; right: 0; bottom: 0 } .col-album img {-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s} .col-album:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1)} .col-album a:before {background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; opacity: 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; z-index: 10} .col-album:hover a:before {opacity: 1 } .about-page .wrapper-color.pd-top-35 {padding-top: 35px } .help-skype {position: fixed; bottom: 0; right: 10px; z-index: 999; height: 37px; width: 250px; background-color: #3b5998; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border: 1px solid #29487d} .help-skype.active {height: inherit } .help-skype > span:hover {cursor: pointer} .help-skype > span {position: relative; padding: 8px 15px 8px 50px; display: block; color: #fff; font-weight: 700; font-size: 15px; border-bottom: none } .help-skype > span > .fa {float: left; margin-left: -35px; font-size: 22px } .help-skype ul {padding-left: 0; background-color: #f0f0f0; list-style: none; margin-bottom: 0 } .help-skype ul li {padding: 15px } .help-skype ul li strong {margin-bottom: 5px; margin-right: 10px } .help-skype-fixed {position: fixed; right: 0; top: 35%; z-index: 9999; padding-left: 0; margin-bottom: 0 } .help-skype-fixed span {list-style: none; background-color: #c60b1e; padding-left: 50px; position: relative; height: 50px; overflow: hidden; display: block; transition: all ease .5s; -moz-transition: all ease .5s; -webkit-transition: all ease .5s; width: 50px; position: absolute; left: -50px} .help-skype-fixed span:last-child .fa {border-bottom: 0 } .help-skype-fixed span:hover {cursor: pointer; width: 180px; left: inherit; right: 0; box-shadow: inset 0 0 8px 2px #fff; -moz-box-shadow: inset 0 0 8px 2px #fff; -webkit-box-shadow: inset 0 0 8px 2px #fff} .help-skype-fixed span .fa {width: 50px; height: 50px; font-size: 35px; text-align: center; line-height: 50px; color: #fff; position: absolute; left: 0; top: 0; transition: right 2s 0.5s ease-in-out; -moz-transition: right 2s 0.5s ease-in-out; -webkit-transition: right 2s 0.5s ease-in-out} .help-skype-fixed span:hover .fa {border-right: 1px solid #fff } .help-skype-fixed span:nth-child(2n) {background-color: #e53244 } .help-skype-fixed span a {display: inline-block; padding: 0 10px 0 10px; height: 50px; line-height: 50px; float: left; color: #fff; font-weight: 700 } .help-skype-fixed span a:focus {text-decoration: none } .wrap_hotline {font-size: 20px} .wrap_hotline a {color: #fff !important; font-size: 100% !important; white-space: nowrap !important} .wrap_hotline a:hover {text-decoration: none} .wrap_hotline:hover .hotline_desktop {right: 0px; height: 200px; padding-top: 79px; padding-bottom: 79px; bottom: 0} .hotline_desktop {position: fixed; right: -164px; bottom: 80px; z-index: 99; text-align: center; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -o-transition: right 0.5s; transition: right 0.5s} .wrap_hotline.hovered .hotline_desktop {right: 0px} .hotline_desktop a {color: #fff; letter-spacing: 2px; background-color: #d23f27; display: inline-block; padding: 10px; border-radius: 20px !important; line-height: 22px; width: 164px} .hotline_desktop:hover a {background-color: #75eb50} .header-class{background:#c60b1e !important;color:#fff !important} .CalendarTable .header-class h3{color:#fff;} .header-level{background:#3b5998 !important;font-size:17px;font-weight:700;color:#fff !important} .mobile-calendar{display:none;} .date-cal{white-space:nowrap} .coccoc-alo-phone {position: fixed; visibility: hidden; background-color: transparent; width: 60px; height: 60px; cursor: pointer; z-index: 99 !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: 0px; bottom: 0px; -webkit-transition: right .5s; -moz-transition: right .5s; -o-transition: right .5s} .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 } .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-show{right: 15px;bottom: 50px} .coccoc-alo-phone.coccoc-alo-static {opacity: .6 } .coccoc-alo-ph-circle {width: 60px; height: 60px; top: 0; left: 0; position: absolute; background-color: transparent; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; border: 2px solid rgba(30, 30, 30, 0.4); 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-ph-circle {border-color: #c60b1e; opacity: .5; display: none } .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: 60px; height: 60px; top: 0; left: 0; position: absolute; background-color: #000; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; 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-ph-circle-fill {background-color: rgba(30, 149, 70, 0.85); opacity: .75 !important; display: none } .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: 0; left: 0; position: absolute; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; border: 2px solid transparent; -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% } .wrap_hotline:not(.skype) .coccoc-alo-ph-img-circle:before{font-family: FontAwesome; content: "\f095"; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%)} .wrap_hotline.skype .coccoc-alo-ph-img-circle:before{font-family: FontAwesome; content: "\f17e"; position: absolute; font-size: 35px; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%)} .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color: #00aff0; display: none } .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color: rgba(0, 175, 240,0.85); display: none } .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color: #00aff0 } .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-ph-img-circle {background-color: #c60b1e } .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 !important; -moz-border-radius: 16px !important; border-radius: 16px !important; 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: "* " } .iconSkype{position: absolute;display: inline-block;width: 40px;height: 41px;text-align: center;color: #fff;right: 0;top: 0;font-size: 25px;line-height: 35px;display: none} .iconSkype:hover,.iconSkype:focus{color: #fff} .help-skype.active .iconSkype{line-height: 40px;} .wrap_hotline:not(.skype) .coccoc-alo-phone{right: inherit;left: 15px;bottom: 15px} .pn-replace {display: none; position: fixed; z-index: 100;right: 15px; bottom: 80px; box-shadow: 0 0 5px rgba(0,0,0,.23); border-radius: 100%; width: 60px; height: 60px}.pn-replace.pn-mesager{display: block} .pn-replace *{max-width: 100%;max-height: 100%;border-radius: 100%} #myModal-ttn {z-index: 9999;padding-right: 0 !important;} .testi-item a:focus{outline: none;} .pn-replace.pn-zalo{right: 15px;background:#fff;padding:5px;bottom: 10px} .pn-replace.pn-zalo>strong{text-indent:-99999px;background:url(../images/zalo.jpg) no-repeat;height:50px;width:50px;display: block;background-size: contain} .wrap-document{margin-bottom: 30px;border-bottom: 1px solid #ddd} .FormArea{padding: 10px 0;line-height:20px;vertical-align: top;overflow: hidden} .g-recaptcha{display: inline-block; transform: scale(0.8);} .playAudio{display:block;padding: 15px 0;}.playAudio>audio{border-radius:27px;border:2px solid #eee;background: #f3f3f3;} .footer .row .col-footer:nth-child(5) { display: none; } .table-of-contents{width:100%;max-width:600px;background:#ebebeb;border:1px solid #d8d8d8;border-radius:3px;margin-bottom:30px;font-size:14px;display: none;}.table-of-contents h3{margin:10px;font-size:17px;background:#c60b1e;color:#fff;text-transform:uppercase;padding:10px 20px;position:relative}.table-of-contents h3:hover{cursor:pointer}.table-of-contents h3:after{content:"";width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(135deg);transition:.2s}.table-of-contents h3.open:after{transform:translateY(-50%) rotate(-45deg)}.table-of-contents-item ol{margin:0}.table-of-contents-item ol ol{margin-left:0!important;list-style:n}.table-of-contents-item ol li{padding:3px 0}.table-of-contents-item ol li a{color:#333;text-decoration:none}.table-of-contents-item ol li a:hover{text-decoration:underline} @media (min-width: 992px) { .navbar-nav {padding: 0; margin: 0; list-style: none;position: relative} .navbar-nav>li.nav-course-menu{position: initial} .navbar-nav>li.nav-course-menu:hover div{top: 100%;opacity: 1;visibility: visible;} .navbar-nav>li.nav-course-menu div{position: absolute;background-color: #fff;z-index: 9999;padding: 20px;box-shadow:0px 3px 5px 0px rgba(50,50,50,.35);width: 80%;top: calc(100% + 30px);opacity: 0;visibility: hidden;transition: all ease .3s;border-top: 2px solid #c60b1e;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);} .navbar-nav>li.nav-course-menu div ul{margin-bottom: 0;list-style: none;padding-left: 0} .navbar-nav>li.nav-course-menu div ul li a{color: #000;font-size: 14px} .navbar-nav>li.nav-course-menu div ul li a:hover{color: #c60b1e;text-decoration: none} .navbar-nav>li.nav-course-menu div > ul{width: calc(100% / 3);float: left;padding: 0 15px} .navbar-nav>li.nav-course-menu div > ul > li > a{display: block;margin-bottom: 20px;border-bottom: 1px solid #000;padding-bottom: 5px;font-weight: bold;text-transform: uppercase} .navbar-nav>li.nav-course-menu div ul li ul li{margin-top: 10px} .navbar-nav>li.nav-course-menu div > ul > li > span,#menu_mobile{display: none} .navbar-nav>li {float: left; position: relative; background: none; border: none} header .navbar-nav>li>a {display: block; height: 56px; line-height: 56px; font-size: 15px; font-weight: 700; color: #343a40; text-decoration: none; padding: 0; padding-left: 24px; white-space: nowrap; text-transform: uppercase} .navbar-nav>li>a.dropdown-icon {display: none} .navbar-nav>li:hover>a, .navbar-nav>li>a:active, .navbar-nav>li>a:focus, .navbar-nav>li.active>a {color: #c60b1e; background: none !important} .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background: none; color: inherit} .navbar-nav>li>.dropdown-menu {position: absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 200px; min-width: 100%; top: 100%; left: 50%; z-index: 9999; background-color: #cf2637; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35); opacity: 0; visibility: hidden; display: block; list-style: none; padding: 0; margin: 0; border: none; margin-top: 30px; margin-left: -100px} .navbar-nav>li:hover>.dropdown-menu {opacity: 1; margin-top: 0; visibility: visible} .navbar-nav>li>.dropdown-menu a {display: block; padding: 10px 10px 9px 10px; border-top: 1px solid #ddd; color: #fff; text-decoration: none; font-weight: 600; line-height: 20px; white-space: normal } .navbar-nav>li>.dropdown-menu a:hover {background: #fafafa; color: #c60b1e} .navbar-collapse,header.fixed .right-header {padding: 0} header.fixed {position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25)} header.fixed a.logo img {height: 50px} header.fixed .header-info>li {padding-top: 13px } nav:before {width: calc(50% - 470px); position: absolute; content: ""; top: 0px; left: 0; background-color: #c60b1e; height: 100%} ul.top-information li:nth-child(1), ul.top-information li:nth-child(2) {display: none} .right-header {float: none; clear: both; background: #144a9e} .google-map {height: 350px;margin-bottom: 30px} .right-calendar .fc-toolbar.fc-header-toolbar {position: absolute; top: 0; width: 50%; left: -50%; padding-left: 15px; padding-right: 15px; margin: 0} .right-calendar .fc-right {float: none; position: relative; clear: both; padding: 5px} .right-calendar .fc-today-button {width: 100%; background: #f1f1f1; border: none; height: 30px; line-height: 32px; margin-bottom: 17px; border-radius: 0; font-size: 14px; text-transform: uppercase; display: block; opacity: 1; outline: none; box-shadow: none} .right-calendar .fc-today-button.fc-state-disabled {color: #8b8a8a} .right-calendar .fc-left {position: relative; float: none} .right-calendar .fc-left h2 {float: none; width: 100%; text-align: center; font-size: 20px; position: absolute; height: 35px; line-height: 35px; top: 50px; text-transform: uppercase} .right-calendar .fc-button-group {position: relative; float: none; margin: 0; width: 100% } .right-calendar .fc-prev-button, .right-calendar .fc-next-button {background: none; border: none; box-shadow: none} .right-calendar .fc-prev-button {float: left} .right-calendar .fc-next-button {float: right} .right-calendar .fc-center, .right-calendar .fc-clear {display: none} } @media (min-width: 1201px) {nav:before {width: calc(50% - 570px)} .right-header {float: right; padding: 15px 0; clear: none; background: none} ul.top-information li:nth-child(1), ul.top-information li:nth-child(2) {display: block} header.fixed .navbar-nav>li {padding: 2px 0} .row-news {margin-left: -25px; margin-right: -25px} .col-news {padding-left: 25px; padding-right: 25px} .google-map {margin-bottom: 30px; height: 450px} .left-content {float: left; width: 70%} .right-content {float: left; width: 30%} } @media (min-width: 992px) and (max-width: 1200px) {header .navbar-nav {text-align: justify; height: 40px; float: none; padding: 0 } header .navbar-nav:after {display: inline-block; height: 1px; width: 100%; content: ""} header .navbar-nav>li {display: inline-block; float: none; vertical-align: middle} header .navbar-nav>li>a {height: 40px; line-height: 41px; font-size: 14px; color: #fff; padding: 0 12px} header.fixed a.logo, header.fixed .header-info {display: none} header.fixed {background: #144a9e } header.fixed .right-header {margin-bottom: 0} a.logo {margin: 10px 0} .right-header {margin-bottom: 10px} .header-info {padding: 0; margin: 0; list-style: none; float: right; display: block} .header-info>li {float: left; width: 250px; line-height: 22px; color: #7f8c8d; padding-top: 25px; padding-left: 30px; margin-left: 30px; font-size: 15px} .header-info>li:first-child {padding-left: 0; margin-left: 0} .header-info>li i {float: left; line-height: 44px; margin-right: 10px; font-size: 40px; color: #c60b1e } .navbar-nav>li:hover>a, .navbar-nav>li>a:active, .navbar-nav>li>a:focus, .navbar-nav>li.active>a {color: #fff; background: #cf2637 !important} .col-form-testi {width: 30%} .right-content {display: none } .popup-search-calendar {width: 85% } .form-search-calendar select.form-control {height: 35px; margin-bottom: 15px } .see-full-calendar {height: 227px } .search-page-calendar {padding-left: 5px} .lblThree {clear: both} .search-page-calendar label {margin-right: 0; padding-left: 15px; padding-right: 10px; width: 23%; text-align: right; display: none} .search-page-calendar select {width: 46%; margin-right: 1.5%; margin-left: 1.5%} .search-page-calendar .btnContact {width: 46%; margin-left: 1.5%; margin-right: 1.5% } .search-page-calendar .view-full {margin: 0; position: absolute; height: 100%; right: 0; top: 0; line-height: 100% } .search-page-calendar .view-full a {height: 100%; line-height: 68px } .item-album-image {height: 160px} .row-album .item-album:nth-child(1) .item-album-image {height: 335px} } @media (max-width: 991px) { body{position: relative} body:before{content: "";position: absolute;z-index: 1000;left: 0;top: 0;height: 100%;width: 0;background-color: rgba(0,0,0,.6)} body.visible_menu:before{width: 100%} #menu_mobile{width: 320px;max-width: 100%;position: fixed;z-index: 9999;top: 0;left: -100%;background-color: #c60b1e;bottom: 0;transition: all ease .3s;height: auto !important;border-right: 1px solid #fff} #menu_mobile.active{left: 0} #menu_mobile ul{padding-left: 0;list-style: none;margin-bottom: 0} #menu_mobile ul li{border-top: 1px solid rgba(255,255,255,.6);position: relative} #menu_mobile ul li ul{display: none;background-color: #941420} #menu_mobile ul li ul li ul li a{padding-left: 30px} #menu_mobile ul li span{position: absolute;top: 0;right: 0;width: 40px;height: 40px;line-height: 40px;cursor: pointer;display: inline-block;color: #fff;text-align: center} #menu_mobile ul li a{display: block;padding: 10px 40px 10px 15px;color: #fff;text-decoration: none} #menu_mobile ul li.show_menu > ul{display: block} #close-menu{width: 100%;height: 40px;line-height: 40px;cursor: pointer;text-align: right;color: #fff;font-size: 20px;padding: 0 15px;display: block} .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-show{bottom: 90px}.pn-replace{display: block}.content-background {background: url(../images/bg1.webp) no-repeat center top} .help-skype{display: none } .container {width: 100% !important} .wrapper img {height: auto !important} .navbar-toggle {display: block; margin-top: 24px} header .container>.navbar-collapse {max-height: 320px; margin-left: -15px; margin-right: -15px} a.dropdown-icon {position: absolute !important; right: 0; z-index: 99; top: 0; background: none !important } .navbar-nav>li>a {font-weight: 700} .navbar-nav .open .dropdown-menu>li {padding: 0 5px} .navbar-nav .open .dropdown-menu>li>a:before {content: "\f178"; float: left; margin-right: 5px; font-family: 'FontAwesome'} nav {margin-bottom: 0 !important } .right-header {float: none; clear: both; margin-left: -15px; margin-right: -15px; padding: 0} .navbar-toggle .navbar-toggle__text {color: #fff; display: inline-block; font-size: 14px; padding-right: 10px; font-weight: 700; line-height: 20px; vertical-align: middle} .navbar-toggle__icon-bar {display: inline-block; height: 15px; vertical-align: middle} nav:before {width: 15px; position: absolute; content: ""; top: 0px; left: 0; background-color: #c60b1e; height: 100%} ul.top-information li:first-child, ul.top-information li:last-child {display: none} .page-title-center {font-size: 28px; line-height: 33px} .row .col-about:nth-child(4n+1),.row .col-news:nth-child(4n+1) {clear: none} .row .col-about:nth-child(3n+1),.row .col-news:nth-child(3n+1) {clear: both} .col-form-testi {width: 100%; float: none} .form-testi-content {margin-top: 0; margin-bottom: 0} .content-background {background-size: auto} .home-course>.row {margin-left: -15px; margin-right: -15px} .col-course {width: 50%; padding-left: 15px; padding-right: 15px} .row .col-course:nth-child(3n+1) {clear: none; margin-left: -1px} .row .col-course:nth-child(2n+1) {clear: both; margin-left: 0} .row .col-course:nth-child(n+3) {border-top: 1px solid #eee; padding-top: 35px } .row .col-course:nth-child(3n) {border-right: 1px solid #eee} .row .col-course:nth-child(2n) {border-right: none} .col-course a>span {margin-right: 10px} .col-news {width: 33.33333%} .row-home-news .col-news:nth-child(4),.left-calendar,.right-content,.left-document {display: none } .google-map {height: 350px;margin-bottom: 30px}/* .google-map iframe {pointer-events: none}*/ .regist-form-content > form > p {font-size: 17px} .regist-form-content {padding-left: 15px; padding-right: 15px} .right-document {float: none; width: 100% } .page-title a {margin-top: 0} .short-select {display: block} .popup-search-calendar {width: 70% } .search-page-calendar {padding-left: 5px} .lblThree {clear: both} .search-page-calendar label {margin-right: 0; padding-left: 15px; padding-right: 10px; width: 23%; text-align: right; display: none} .search-page-calendar select,.search-page-calendar .btnContact {width: 46%; margin-left: 1.5%; margin-right: 1.5% } .search-page-calendar .view-full {margin: 0; position: absolute; height: 100%; right: 0; top: 0; line-height: 100% } .search-page-calendar .view-full a {height: 100%; line-height: 68px } .right-calendar {width: 100% } .short-introduce {padding-top: 20px} .item-album {width: 33.33333% !important } .item-album-image {height: 180px !important} .footer-info {font-size: 14px} .about-testi .row {margin-left: -15px; margin-right: -15px} .about-testi .owl-carousel .owl-item {padding: 0 15px} } @media (min-width: 768px) {.pn-replace.pn-mesager{bottom: 80px}.wrap_hotline.hovered .coccoc-alo-phone {right: 94px} .wrap_hotline:not(.skype),.iconSkype{display: none} } @media (max-width: 767px) {.pn-replace.pn-mesager{bottom: 15px;right:90px}.pn-replace.pn-zalo{bottom: 15px}.wrap_hotline:not(.skype) .coccoc-alo-ph-img-circle:before{font-size: 35px} ul.top-information,.top-footer,.submenu {display: none} .col-album{width:50%}.mobile-calendar{display:block;}.desktop-calendar{display:none;} .social {margin-left: 0} .row .col-about:nth-child(3n+1) {clear: none} .row .col-about:nth-child(2n+1) {clear: both} .col-list-testi > p {font-size: 25px; line-height: 30px} .short-title {margin-left: 0; margin-right: 0} .col-news, .other-news .col-news,.col-footer {width: 50%} .other-news .row .col-news:nth-child(4),.row-home-news .col-news:nth-child(4) {display: block} .row .col-news:nth-child(3n+1) {clear: none} .row .col-news:nth-child(2n+1),.row .col-footer:nth-child(2n+1) {clear: both} .col-contact strong {font-size: 17px} .footer-info {font-size: 14px} .copyright {font-size: 13px} .copyright a {margin: 0 5px } .google-map {height: 250px} .contact-form {margin-left: 0; margin-right: 0} .google-map {height: 250px} .page-title-hidden, .breadcrumbs-hidden,.wrap-document .row-doc .item-document:nth-child(4) {display: block} .regist-form-content > form > p {font-size: 20px} .row .item-document:nth-child(3n+1) {clear: none} .row .item-document:nth-child(2n+1) {clear: both} .page-all-question .set-question {width: 100%; padding: 20px 15px} .search-page-calendar {padding-right: 200px} .search-page-calendar .view-full {width: 200px; padding: 10px} .content-about {margin-top: 0} .img-introduce {padding-right: 0} .short-introduce {padding-bottom: 20px} .short-introduce .col-lg-10 {padding-right: 0} .item-album {width: 50% !important } .item-album-image {height: 190px !important} .row-album .item-album:nth-child(n+7) {display: none} .item-album-content .item-album-title {font-size: 15px; line-height: 19px} .about-question {margin-bottom: 30px } .col-album {width: 50% } } @media (max-width: 570px) {.pn-replace.pn-zalo{padding: 0}.pn-replace.pn-mesager{right: 70px}@font-face {font-family: "muli"; src: url('../fonts/Muli-Regular.ttf'); src: local("Muli"), url("../fonts/Muli-Regular.ttf") format("truetype")} a{text-decoration: none} a,header,.news-thumb:before,.thumb-cirle,#sync2 .title-item,.testimonial-content p{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease} body {color: #5b5c5c; background-color: #fff; line-height: 1.625; font-family: 'Muli', sans-serif; font-size: 13px}} strong {font-weight: 700} .wrapper img {max-width: 100%} .wrapper {font-size: 16px} .navbar-toggle {border: none; padding: 7px 10px; border-radius: 2px; margin: 0; margin-top: 19px; position: relative; display: none; background: #e52538; right: 0} .navbar-toggle .icon-bar {background: #fff; display: block; width: 20px; height: 3px; border-radius: 1px} .navbar-toggle .icon-bar+.icon-bar {margin-top: 3px} .navbar-nav {margin-top: 0; margin-bottom: 0} .nav>li {background: #5281cb; border-bottom: 1px solid #dfdfdf} .navbar-nav>li>a {color: #fff; font-size: 14px} .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 8px 15px 8px 15px} .dropdown-menu>li>a {color: #fff} .nav .open>a, .nav>li>a:hover, .nav>li>a:focus {color: #5281cb; background: #eee !important } #goTop {top: 50%; cursor: pointer; display: none; z-index: 1000; position: fixed; right: 15px; opacity: 0.8; font-size: 16px; height: 60px; width: 40px; text-align: center; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 2px solid #aaa; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #fff } #goTop:before{top: 10px;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 7px;height: 20px;content: "";position: absolute;border: 1px solid #aaa} #goTop:after{content: "";position: absolute;width: 2px;height: 5px;left: 50%;top: 15px;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #aaa} #goTop .fa{position: absolute; font-size: 30px; color: #aaa; top: -30px; line-height: normal; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%)} #goTop:hover {opacity: 1} nav {background: #c60b1e; position: relative; color: #fff} nav .search {padding: 8px 12px 8px 0; position: relative; background: #c60b1e; float: left} nav .search input {border-radius: 3px; padding: 0 30px 0 5px; color: #888; width: 200px; height: 22px; line-height: 22px; border: none; outline: none} nav .search button {position: absolute; padding: 0; line-height: 22px; right: 17px; top: 7px; border: none; background: none; outline: none; color: #bf0a0a} nav .search:after {content: ""; display: inline-block; position: absolute; right: -25px; top: 0px; width: 0; height: 0; border-right: 25px solid transparent; border-top: 38px solid #c60b1e} .social {float: right; margin-left: 10px; margin-top: 5px} .social a {display: inline-block; margin-left: 3px; height: 27px; width: 27px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #fff; line-height: 27px} .social a:hover {color: #fdd2d1; border-color: #fdd2d1} .top-information {padding: 0; margin: 0; list-style: none; float: right; margin-top: 7px} ul.top-information li {float: left; margin-left: 20px; line-height: 25px} ul.top-information li:first-child {margin-left: 0} ul.top-information li a {color: #fff; text-decoration: none} ul.top-information li a:hover {color: #fdd2d1} ul.top-information li i {font-size: 15px} ul.top-information li:last-child i {font-size: 13px} a.logo {float: left; margin: 5px 0} a.logo img {max-width: 100%} .slideshow .owl-item img {width: 100%} .header-info {display: none} header {top: -120px; background: #fff; border-bottom: 1px solid #ededed } section.content {padding: 40px 0} .page-title-center {text-align: center; font-size: 35px; line-height: 41px; margin-top: 0; margin-bottom: 30px; position: relative; color: #343a40; padding-bottom: 15px} .page-title-center:before {content: ""; width: 75px; height: 1px; background: #d6d6d6; position: absolute; left: 50%; margin-left: -90px; bottom: 0px} .page-title-center:after {content: ""; width: 75px; height: 1px; background: #d6d6d6; position: absolute; right: 50%; margin-right: -90px; bottom: 0px} .page-title-center>span:before {font-family: 'FontAwesome'; width: 30px; content: "\f005"; position: absolute; left: 50%; margin-left: -15px; font-size: 15px; color: #c60b1e; bottom: -10px; line-height: 20px} .page-title-center>span span {margin-left: 3px} .col-about {padding-top: 15px; padding-bottom: 75px; text-align: center; margin-bottom: 20px} .col-about:hover > div:not(.full-description), .full-description {display: none } .col-about:hover > div.col-about-icon {display: table } .col-about:hover > div.full-description {display: block } .col-about-icon {display: table; width: 100%; text-align: center; margin-bottom: 13px} .col-about-icon span {display: table-cell; vertical-align: middle; height: 60px; width: 100%} .col-about-icon span img {max-width: 100%; max-height: 100% } .col-about>a {display: block; margin-bottom: 10px; font-size: 18px; line-height: 23px; text-transform: uppercase; font-weight: 600; color: #c60b1e; text-decoration: none} .full-description {text-align: justify} .col-about>div:not(.col-about-icon) {margin-bottom: 0; position: absolute; width: 100%; height: 60px; line-height: 20px; overflow: hidden; left: 0; padding: 0 15px; font-size: 14px} .col-about:hover {background: #c60b1e; color: #fff} .col-about:hover>div:not(.col-about-icon) {height: auto; background: #c60b1e; padding-bottom: 15px; z-index: 99} .col-about p {margin-bottom: 0 } .row .col-about:nth-child(4n+1) {clear: both} .content-background {background: url(../images/bg1.webp) no-repeat center top; background-size: cover !important} .col-list-testi > p {font-size: 35px; color: #fff; line-height: 40px; margin-top: 0; margin-bottom: 25px; font-weight: 700} .form-testi-content {position: relative; background: #fff; padding: 12px 22px; margin-top: -40px; margin-bottom: -40px} .form-testi-content:before, .form-testi-content:after {height: 15px; width: 100%; content: ""; position: absolute; left: 0; top: -15px; background: url(../images/letter-bg.jpg) repeat-x left center #fff; -webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.2)} .form-testi-content:after {top: 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2)} .col-form-testi {float: left; padding-left: 15px; padding-right: 15px; width: 28%} .form-testi-content > p {color: #c60b1e; font-size: 22px; line-height: 30px; margin-top: 0; margin-bottom: 10px; text-align: center; font-weight: 700} .form-testi-content input {width: 100%; outline: none; border: none; margin-bottom: 15px; background: #fff; border-bottom: 1px solid #dfdfdf; color: #888; height: 40px; line-height: 40px} .form-testi-content select {width: 100%; outline: none; border: none; margin-bottom: 15px; background: #fff; border-bottom: 1px solid #dfdfdf; color: #888; height: 40px; line-height: 40px; -moz-appearance: none; appearance: none} .form-testi-content button {height: 38px; line-height: 38px; outline: none; font-weight: 600; text-align: center; width: 100%; outline: none; color: #fff; background: #c60b1e; margin-bottom: 15px; border: none} .form-testi-content strong {display: block; text-align: center; color: #c60b1e; font-size: 14px} .short-title {font-size: 15px; font-weight: 600; text-align: center; margin: 0 70px; margin-top: -10px; margin-bottom: 30px} .home-course {overflow: hidden} .home-course>.row {margin-left: -30px; margin-right: -30px} .col-course {float: left; width: 33.333333%; border-right: 1px solid #eee; border-left: 1px solid #eee; padding: 35px 30px; padding-top: 0; font-size: 14px; font-weight: 600; margin-left: -1px} .col-course:after {content: ""; display: block; height: 1px; width: 100%; clear: both} .row .col-course:nth-child(3n) {border-right: none} .row .col-course:nth-child(n+4) {border-top: 1px solid #eee; padding-top: 35px } .row .col-course:nth-child(3n+1) {clear: both; border-left: none; margin-left: 0 } .col-course a {color: #222; text-decoration: none; display: block} .col-course a>span {float: left; display: table; margin-right: 20px; width: 90px; border: 2px solid #c60b1e; text-align: center; border-radius: 15px; font-size: 45px; line-height: 45px; color: #c60b1e; text-transform: uppercase} .col-course a>span>span {display: table-cell; vertical-align: middle; height: 86px; width: 100% } .col-course a:hover {color: #c60b1e } .long-title a>span {font-size: 15px; line-height: 20px; font-weight: 600} .long-title a>span>span strong {font-size: 18px; display: block} .content-color {background: #f8f9fa; overflow: hidden} .news-thumb {position: relative; display: block; overflow: hidden } .news-thumb img {width: 100%; min-height: 100% } .news-thumb:before {position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background-color: rgba(255, 255, 255, 0.4)} .news-thumb:hover:before {height: 100%; width: 100%; left: 0; top: 0 } .col-news {float: left; width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px} .col-news-thumb {height: 165px; margin-bottom: 10px} .news-info:after {content: ""; display: block; clear: both; height: 1px; width: 100%} span.news-date {display: none;float: left; width: 50px; height: 50px; border: 1px solid #c60b1e; color: #c60b1e; font-size: 9px; text-transform: uppercase; text-align: center; padding-top: 3px; margin-right: 10px; font-weight: 800 } span.news-date strong {display: block; font-weight: normal; font-size: 27px; line-height: 30px} .news-title {display: block; font-size: 14px; font-weight: bold; color: #5d5d5d; line-height: 18px} .news-title:hover {color: #c60b1e; text-decoration: none} .col-news p {margin-bottom: 0; line-height: 19px; max-height: 62px; overflow: hidden; clear: both; padding-top: 5px; font-family: Arial } .row .col-news:nth-child(4n+1) {clear: both} .owl-carousel.one-carousel {display: block} .owl-carousel .col-news {margin-bottom: 0} .form-contact {padding: 30px 40px 20px 40px; color: #fff; background: #c60b1e} .form-contact .page-title-center {text-align: center; color: #fff} .form-contact .page-title-center span:before {color: #fff} .form-contact .row {margin-left: -25px; margin-right: -25px} .col-contact {float: left; padding-left: 25px; padding-right: 25px; text-align: center; width: 50%; margin-bottom: 10px} .col-contact .txtForm, .col-contact .slfForm {text-align: center; text-align-last: center} .col-contact .btnForm {height: 40px; line-height: 42px; font-size: 14px; width: 200px; font-weight: 700; margin: 0 auto; margin-bottom: 15px} .col-contact strong {font-size: 20px; text-transform: uppercase} .owl-item .col-news,.col-contact-full {width: 100%} .txtForm {margin-bottom: 10px; border: none; background: none; border-bottom: 1px solid #fff; height: 40px; line-height: 40px; font-size: 14px; outline: none; color: #fff; width: 100%} .txtForm::-webkit-input-placeholder {color: #fff} .txtForm::-moz-placeholder {color: #fff} .txtForm::-ms-input-placeholder {color: #fff} .txtForm::-moz-placeholder {color: #fff} .slfForm {margin-bottom: 10px; border: none; background: none; border-bottom: 1px solid #fff; height: 40px; line-height: 40px; font-size: 14px; outline: none; color: #fff; width: 100%; -moz-appearance: none; appearance: none} .slfForm option {color: #000; background: #fff; padding: 5px 0; font-size: 13px; border: none} .btnForm {width: 100%; display: block; height: 33px; line-height: 35px; border: none; background: #fff; color: #c60b1e; text-align: center; outline: none; margin-top: 10px; margin-bottom: 15px; font-weight: 700 } .regist-form-content strong {display: block; font-weight: bold; text-transform: uppercase; text-align: center} .contact-form {margin: 0 100px; margin-bottom: 20px } .contact-form .col-contact {margin-bottom: 20px} .btnContact {height: 42px; line-height: 42px; font-weight: bold; width: 180px; text-align: center; border: none; background: #c60b1e; color: #fff} .footer {background: #f5f5f5; padding-top: 25px} .col-footer {float: left; width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; text-align: center} .top-footer {border-bottom: 1px solid #d5d5d5; margin-bottom: 20px} h3.footer-title {margin: 0; margin-bottom: 15px; margin-top: 0; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #c60b1e} ul.footer-menu {list-style: none; padding: 0; margin: 0} ul.footer-menu li {font-size: 14px; margin-bottom: 10px} ul.footer-menu li a {color: #5d5d5d; text-decoration: none} ul.footer-menu li a:hover,.copyright a:hover {color: #000} .footer-info {font-size: 15px} .footer-info span {display: block} .footer-info span:before {content: ""; display: block; width: 25px; height: 25px; margin: 0 auto; margin-bottom: 8px; background: url(../images/icon.png) no-repeat 0 -32px} .row .footer-info:nth-child(3) span:before {background-position: -25px -32px} .row .footer-info:nth-child(2) span:before {background-position: -50px -32px} .row .footer-info:nth-child(4) span:before {background-position: -75px -32px} .footer-info a {text-decoration: none; color: #000} .copyright {padding: 10px 15px; text-align: center; font-size: 14px} .copyright a {text-decoration: none; display: inline-block; margin: 0 10px; color: #5d5d5d} .col-about:hover>a {color: #fff} #sync2 {padding: 0 110px } .thumb-cirle {height: 90px; width: 90px; border-radius: 50%; border: 4px solid #fff; overflow: hidden; cursor: pointer; margin: 0 auto; margin-bottom: 10px; position: relative} .thumb-cirle img {height: 100%; min-width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%)} .owl-item.synced .thumb-cirle {width: 114px; height: 114px; margin-top: 15px} .owl-item.synced .thumb-cirle img {-webkit-filter: none; filter: none} #sync2 .owl-item {height: 180px} #sync2 .title-item {display: block; font-weight: 600; opacity: 0; line-height: 20px; max-height: 40px; overflow: hidden; color: #fff; font-size: 14px; text-align: center} #sync2 .owl-item.synced .title-item {opacity: 1 } .testi-item {padding: 15px 20px; border-radius: 10px; cursor: pointer; font-size: 14px; background: #fff; margin: 0 70px 0px 70px } .testi-item p {line-height: 22px; height: 66px; overflow: hidden; margin-bottom: 0} #sync2 .owl-wrapper-outer {padding-top: 20px} .thumb-item {position: relative } .thumb-item:before {position: absolute; font-family: 'FontAwesome'; content: "\f0d7"; width: 20px; color: #fff; left: 50%; margin-left: -10px; top: -40px; display: none; z-index: 99; text-align: center; font-size: 23px; line-height: 15px; vertical-align: top } .owl-item.synced .thumb-item:before {display: block} .testi-item a {color: #5b5c5c !important; text-decoration: none} .information {text-align: center; font-size: 16px; padding-bottom: 25px} .information h2 {text-transform: uppercase; font-size: 27px; color: #c60b1e; margin: 0; margin-bottom: 8px} body.download-page {background: #f1f1f1} body.download-page .header {background: #fff} .download-form {width: 520px; padding: 20px; border-radius: 5px; background: #fff; margin: 25px auto 45px auto; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35)} .row-download {margin-bottom: 20px; position: relative} .row-download>i {position: absolute; right: 7px; font-size: 15px; top: 0; line-height: 34px} .row-download button {color: #fff; background: #c60b1e; border: none; margin-top: 5px } .download-form em {display: block; text-align: center; font-size: 15px} .page-title-hidden, .breadcrumbs-hidden,.other-news .row .col-news:nth-child(4) {display: none} .submenu {border-bottom: 1px solid #ededed; padding: 15px 0 14px 0; font-size: 14px; line-height: 20px; margin-bottom: 25px; background: #f1f3f5 } .submenu > .container > p {float: left; margin: 0; font-size: 22px; line-height: 24px; color: #000 } .sub-menu-content {float: right; padding-top: 4px} .sub-menu-content a {color: #5d5d5d; text-decoration: none; display: inline-block; margin-left: 20px; font-weight: 600} .sub-menu-content a:hover, .sub-menu-content a.active,.article-title,.download-form em strong {color: #c60b1e} .breadcrumbs {margin-bottom: 20px; margin-left: -15px; margin-right: -15px; border-bottom: 1px solid #ececec; font-size: 13px; font-style: italic; color: #888; padding: 10px 15px 9px 15px; background: #f1f3f5 } .breadcrumbs a {color: #888; text-decoration: none} .breadcrumbs a:hover, .breadcrumbs span {color: #000} .page-title {margin-top: 0; margin-bottom: 25px; text-transform: uppercase; font-size: 30px; line-height: 35px; font-weight: 600} .paginations {text-align: center} .pagination>li>span {background: #c60b1e; color: #fff} .pagination {font-weight: 600} .article-title {font-size: 26px; line-height: 32px; margin-top: 0; margin-bottom: 15px; font-weight: 600} .article-comment {padding: 20px; background: #f3f3f3; margin-bottom: 30px} .article-comment > p,.other-title {margin: 0; margin-bottom: 20px; font-size: 17px; font-weight: 700} .other-news .col-news {width: 33.3333%} .share-post {margin-bottom: 20px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 24px; padding: 7px 0 6px 0; font-size: 12px; color: #acabab} .share-post-social {float: right} .share-post-social a {float: left; margin-left: 2px; text-indent: -9999px; height: 22px; width: 98px; background: url(../images/icon.png) no-repeat 0 -57px; margin-bottom: 2px} .share-post-social a:nth-child(2) {width: 85px; background-position: 0 -79px} .share-post-social a:nth-child(3) {width: 95px; background-position: 0 -101px} .right-content .regist-form {width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px; float: none} .right-title {margin-bottom: 15px; height: 40px; line-height: 42px; font-size: 16px; background: #f1f1f1; padding: 0 15px; margin-top: 0; font-weight: 700} .right-news {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1} .right-news .news-thumb {float: left; width: 100px; height: 65px; margin-right: 10px} .right-news em {display: block; font-size: 12px; color: #777} .right-news-title {display: block; font-size: 14px; line-height: 18px; color: #5d5d5d; font-weight: 600} .right-news-title:hover {text-decoration: none; color: #000} .regist-form-content {padding: 20px 25px 15px 25px; color: #fff; background: #c60b1e} .regist-form-content > form > p {text-transform: uppercase; font-size: 20px; margin: 0; margin-bottom: 15px; text-align: center} .left-content, .right-content {padding-left: 15px; padding-right: 15px} .wrapper table {border: 1px solid #ddd; max-width: 100% !important } .left-document {float: left; width: 23%; padding-left: 15px; padding-right: 15px} .right-document {float: left; width: 77%; padding-left: 15px; padding-right: 15px} ul.main-menu {border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; font-weight: 600} ul.main-menu, ul.main-menu ul {list-style: none; padding: 0; margin: 0} ul.main-menu>li>a {display: block; padding: 11px 15px 9px 15px; font-size: 16px; text-transform: uppercase; background: #f1f1f1; color: #5d5d5d; text-decoration: none; line-height: 21px; border-bottom: 1px solid #e2e2e2} ul.main-menu>li>a:hover,ul.main-menu>li.active>a,ul.main-menu ul a:hover{color: #c60b1e} ul.main-menu ul a {display: block; padding: 9px 15px 7px 15px; font-size: 14px; color: #5d5d5d; text-decoration: none; border-bottom: 1px solid #e2e2e2} .alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; padding: 15px; margin-bottom: 20px} .alert-danger {background-color: #f2dede; border-color: #ebccd1; color: #a94442; padding: 15px; margin-bottom: 20px} .alert-icon {font-size: 18px; cursor: pointer; text-shadow: 0 1px 0 #fff; opacity: .6; font-weight: bold; float: right; color: #000; font-style: inherit} .alert-icon:hover {opacity: 1} .calendarfull,.item-document {margin-bottom: 30px} .left-document.left-detail {border-right: 1px solid #e2e2e2; padding-right: 0; width: 21.5%} .left-document.left-detail ul.main-menu {border-right: 0 } .page-title a {font-size: 13px; float: right; padding: 0 10px; line-height: 30px; color: #5d5d5d; background: #f1f1f1; border-radius: 2px; font-weight: 700; text-decoration: none; margin-top: 3px} .page-title a:hover {background: #c60b1e; color: #fff} .page-title.page-title-document {margin-bottom: 20px} .img-document {display: block; margin-bottom: 13px; height: 180px} .title-document {display: block; color: #333; font-size: 16px; line-height: 21px; font-weight: 700; margin-bottom: 10px} .title-document:hover {text-decoration: none; color: #c60b1e } .item-document p {font-family: Arial; margin-bottom: 0} .row .item-document:nth-child(3n+1),.row-level .col-level:nth-child(4n+1),.page-all-feel .item-feel:nth-child(4n + 1){clear: both} .wrap-document .row-doc .item-document:nth-child(4) {display: none} .short-select {margin-bottom: 25px; padding: 8px 15px; background: #f9f9f9; display: none} .short-select:after {content: ""; width: 100%; display: block; height: 1px; clear: both} .short-select > p {float: left; font-size: 20px; text-transform: uppercase; line-height: 26px; padding-top: 4px; font-weight: 700; color: #000; margin: 0} .short-select select {float: right; height: 30px; line-height: 30px; padding-left: 10px; color: #888; border: 1px solid #dedede} .breadcrumbs.breadcrumbs-shows {background: none; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 } .row-level {margin-left: -25px; margin-right: -25px} .col-level {float: left; width: 25%; padding-left: 25px; padding-right: 25px; margin-bottom: 30px} .col-level a {display: block; border-radius: 10px; background: #f0f0f0; color: #5d5d5d; text-decoration: none; text-align: center; padding: 20px; font-size: 13px; font-weight: 600} .col-level a:hover {color: #000; -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35)} .col-level a strong {font-weight: normal; font-size: 92px; color: #ed1c24; display: block; line-height: 95px; text-transform: uppercase} .long-level a strong {font-size: 30px; line-height: 35px} .long-level a strong strong {font-size: 50px; line-height: 55px; display: block} .resp-tabs-container {margin-bottom: 30px} .page-all-feel .item-feel {margin-bottom: 15px } .page-all-feel .testimonial-content {box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35); -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35) } .home-testimonial .row {margin-left: -20px; margin-right: -20px} .home-testimonial .owl-carousel .owl-item {padding-left: 20px; padding-right: 20px} .testimonial-content {border-radius: 10px; background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35); padding: 15px; padding-bottom: 45px; position: relative; margin-bottom: 90px} .testimonial-content p {height: 154px; overflow: hidden; color: #5d5d5d; font-size: 14px; line-height: 22px; font-style: italic; text-align: justify; cursor: pointer} .testimonial-content p:hover {color: #000} .testimonial-mem {position: absolute; width: 100%; left: 0; text-align: center; font-size: 13px; line-height: 19px; color: #222 } .testimonial-mem span {display: block; margin: 0 auto; width: 72px; height: 72px; border: 3px solid #fff; border-radius: 50%; overflow: hidden; -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.35); margin-bottom: 10px} .testimonial-mem span img,.popup-content-mem span img {width: 100%; min-height: 100%} .testimonial-mem em {font-size: 13px; color: #5d5d5d } .popup-content, .popupQuestion {display: none; position: absolute; top: 100px; left: 50%; width: 900px; margin-left: -450px; padding: 50px 30px; background: #fff; color: #333; border: 10px solid #150E2D; z-index: 9999} .popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%} .popup-btn-close {position: absolute; top: 8px; right: 14px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer} .popup-overlay {position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); left: 0; top: 0; z-index: 9998 } .popup-content-mem {float: left; width: 200px; margin-left: -220px; font-size: 15px; text-align: center; line-height: 20px} .popup-content-mem span {display: block; width: 100%; height: 200px; overflow: hidden; border-radius: 50%; border: 2px solid #c60b1e; margin-bottom: 10px} .popup-content-mem em {font-size: 13px; color: #666} .popup-content-content {float: left} .popup-content-content img,.wrapper-popup-content > .answer img {max-width: 100% } .testimonial-content a {color: #5b5c5c !important; text-decoration: none} .set-question {background-color: #fff; padding: 30px; box-shadow: 0 6px 6px rgba(34, 34, 34, 0.18); -webkit-box-shadow: 0 6px 6px rgba(34, 34, 34, 0.18); -moz-box-shadow: 0 6px 6px rgba(34, 34, 34, 0.18); border: 5px solid transparent; -webkit-border-image: url(../images/border.png) 5 round; -o-border-image: url(../images/border.png) 5 round; border-image: url(../images/border.png) 5 round} .txtQuestion {padding: 7px 10px; width: 100%; border: 1px solid #d4d4d4 } .btnQuestion {border: 1px solid #c60b1e; color: #c60b1e; background-color: transparent; padding: 8px 15px 6px 15px; font-weight: 700; display: inline-block } .btnQuestion:hover {text-decoration: none; background-color: #c60b1e; color: #fff } .title-form {margin-top: 0; font-size: 20px; line-height: 25px; margin-bottom: 15px; text-align: center; text-transform: uppercase; color: #000; font-weight: 600} .view-more.text-right {text-align: right } .view-more.text-left {text-align: left } .page-all-question .set-question {width: 80%; margin: 0 auto; margin-bottom: 30px } .page-all-question .item-question {border-top: 1px solid rgba(34, 34, 34, 0.18) } .page-all-question .row .wrap-item-question:nth-child(2n + 1) {clear: both } .item-question {background-color: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 3px 3px rgba(34, 34, 34, 0.18); margin-bottom: 15px; -webkit-box-shadow: 0 3px 3px rgba(34, 34, 34, 0.18); -moz-box-shadow: 0 3px 3px rgba(34, 34, 34, 0.18); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease } .item-question p {margin-bottom: 0; font-style: italic; font-size: 15px; line-height: 20px; color: #000 } .item-question p:hover {cursor: pointer } .popupQuestion {width: 500px; padding-left: 30px; margin: 0 auto; left: 0; right: 0 } .wrapper-popup-content > .question {font-size: 15px; line-height: 19px; font-style: italic; margin-bottom: 20px } .wrapper-popup-content > .answer {font-size: 15px; line-height: 20px} .wrapper-popup-content > h3 {font-size: 20px; line-height: 23px; display: inline-block; padding-bottom: 5px; font-style: italic; border-bottom: 1px solid #4EBD79; margin: 0; margin-bottom: 10px} .alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; padding: 15px; margin-bottom: 20px} .alert-danger {background-color: #f2dede; border-color: #ebccd1; color: #a94442; padding: 15px; margin-bottom: 20px} .alert-icon {font-size: 18px; cursor: pointer; text-shadow: 0 1px 0 #fff; opacity: .6; font-weight: bold; float: right; color: #000; font-style: inherit} .alert-icon:hover,.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {opacity: 1 } .calendarfull {margin-bottom: 30px} .wrap-search-calendar {background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; display: none } .popup-search-calendar {position: absolute; top: 100px; padding: 35px 25px; background-color: #fff; margin: 0 auto; width: 1170px; left: 0; right: 0} .title-popup-calendar {margin-top: 0; font-size: 35px; line-height: 40px; color: #c60b1e; margin-bottom: 20px } .form-search-calendar {padding: 20px 25px 30px 25px; background-color: #c60b1e; border: 1px solid #ebebeb } .see-full-calendar {display: block; text-align: center; font-size: 20px; line-height: 25px; font-weight: bold; color: #5d5d5d; box-shadow: 0 1 0 rgba(255, 255, 255, 0.1); background-color: #e8e8e8; height: 250px; width: 100%; padding-top: 112.5px } .see-full-calendar:hover {text-decoration: none } .form-search-calendar > p {color: #fff; font-size: 20px; line-height: 25px; font-weight: bold; margin-top: 0; margin-bottom: 20px } .form-search-calendar .lblform-popup {color: #fff; font-size: 15px; margin-bottom: 10px; font-weight: normal } .form-search-calendar select.form-control {height: 49px; border-radius: 0; margin-bottom: 30px } .form-search-calendar .btnform-popoup {height: 46px; color: #c60b1e; font-size: 14px; border-radius: 0 } .search-page-calendar {background-color: #f1f1f1; padding: 10px 20px 5px 20px; margin-bottom: 40px; position: relative; padding-right: 270px } .table-calendar th, .table-calendar td {text-align: center } .table-calendar th {font-size: 15px; text-transform: uppercase; color: #929292; font-weight: normal} .search-page-calendar select {font-size: 13px; width: 135px; border: 1px solid #ebebeb; height: 31px; padding-left: 10px; margin-right: 10px; float: left; margin-bottom: 5px} .search-page-calendar label {color: #5d5d5d; font-size: 14px; font-weight: normal; margin-bottom: 0; margin-right: 10px; float: left; line-height: 31px; margin-bottom: 5px} .search-page-calendar .btnContact {height: 31px; line-height: 31px; width: 135px; margin: 0 25px; float: left; margin-bottom: 5px} .search-page-calendar .view-full {background-color: #d9d9d9; display: inline-block; width: 270px; padding: 10px 30px; float: right; margin-right: -270px; margin-top: -10px; margin-bottom: -5px} .search-page-calendar .view-full a {display: block; background-color: #929292; height: 31px; color: #fff; text-align: center; line-height: 31px } .search-page-calendar .view-full a:hover {text-decoration: none } .search-page-calendar:after {clear: both; width: 100%; height: 1px; display: block; content: ""} .left-calendar {float: left; padding-left: 15px; padding-right: 15px; width: 33.33333%} .left-calendars {border: 1px solid #ebebeb} .right-calendar {float: left; padding-left: 15px; padding-right: 15px; width: 66.66667%; position: relative; margin-bottom: 30px } .footer-date {font-size: 14px; background: #f1f1f1; padding: 20px; border-top: 1px solid #ebebeb} .footer-date h2 {text-transform: uppercase; margin: 0; margin-bottom: 5px; font-size: 20px; font-weight: bold} .top-date {padding: 5px; padding-top: 105px; position: relative; height: 245px } #calendar {width: 100% } h3.current-date {margin: 0; text-align: center; font-size: 135px; line-height: 135px} .right-calendar .fc-left h2 {text-transform: uppercase; font-size: 18px; line-height: 27px; font-weight: 600} .CalendarTable>tbody>tr>td {vertical-align: middle } .CalendarTable th {text-align: center; text-transform: uppercase; padding-top: 10px !important; background: #f6f6f6 } .CalendarTable h3 {margin-top: 7px; margin-bottom: 4px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #c60b1e } .CalendarTable p {margin-bottom: 0} .row-search {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dfdfdf; font-size: 12px; font-style: italic; margin-left: auto; margin-right: auto } .row-search a {display: block; color: #000; font-size: 14px; line-height: 19px; font-style: normal } .row-search a:hover {color: #217de4} .row-search span {color: #777} .wrapper table {border: 1px solid #ddd } .album-title {display: block; font-size: 15px; margin-top: 10px; text-align: center; color: #000} .album-title:hover {color: #c60b1e; text-decoration: none} #document-wrapper a {cursor: pointer } .CalendarTable>tbody>tr:nth-child(2n+1) {background: #fafafa } .content-about {margin-top: -25px} .img-introduce {padding-left: 0} .img-introduce img,.item-album-image img {width: 100% } .short-introduce {padding-top: 30px; padding-bottom: 15px} .short-introduce ul, .short-introduce ol {padding-left: 15px} .short-introduce .page-title {margin-bottom: 10px; font-size: 25px; line-height: 30px; color: #000; font-weight: 600} .view-more {display: inline-block; padding: 0 20px; font-size: 14px; font-weight: 600; color: #fff; height: 37px; line-height: 39px; background: #c60b1e; margin-top: 10px} .view-more:hover {background: #df1b2f; text-decoration: none; color: #fff} .short-introduce .col-lg-10 {padding-left: 0} .row-album {margin-left: -8px; margin-right: -8px} .item-album {float: left; padding-left: 8px; padding-right: 8px; margin-bottom: 15px; width: 25%} .item-album-content {position: relative; overflow: hidden} .item-album-image {height: 190px; overflow: hidden; display: block} .item-album-image img { min-height: 100% } .item-album-content .item-album-title {position: absolute; padding: 10px 15px; width: 100%; margin-top: -30px; opacity: 0; visibility: hidden; font-size: 17px; line-height: 24px; font-weight: 700; color: #fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0} .item-album-content:hover .item-album-title {color: #fff; text-decoration: none; opacity: 1; visibility: visible; margin-top: 0} .row-album .item-album:nth-child(1) {width: 50%} .row-album .item-album:nth-child(1) .item-album-image {height: 395px} .about-testi {overflow: hidden} .about-testi .row {margin-left: -30px; margin-right: -30px} .about-testi .owl-carousel .owl-item {padding: 0 30px} .about-testi .testimonial-content p {height: 88px} .label-exercise {font-size: 15px;} .list-exercise {list-style: none; margin: 0; padding: 0; padding-left: 15px; margin-bottom: 20px} .list-exercise label,.label-exercise{font-weight: normal} .list-exercise label:after {clear: both; content: ""; width: 100%; height: 1px; display: block} .list-exercise label input {float: left; margin-top: 5px; margin-right: 7px} .rows-album {margin: 0 -6px} .col-album {float: left; padding: 0 6px; width: 33.3333%; margin-bottom: 12px } .col-album a {display: block; position: relative; overflow: hidden} .col-album span {font-size: 20px; line-height: 25px; font-weight: 500; z-index: 10; display: block; position: absolute; color: #fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 49%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 49%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 49%, rgba(0, 0, 0, 0.8) 100%); filter: progid: DXImageTransform.Microsoft; padding: 60px 20px 20px; left: 0; right: 0; bottom: 0 } .col-album img {-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;max-height: 200px;min-width: 100%} .col-album:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1)} .col-album a:before {background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; opacity: 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; z-index: 10} .col-album:hover a:before {opacity: 1 } .about-page .wrapper-color.pd-top-35 {padding-top: 35px } .help-skype {position: fixed; bottom: 0; right: 10px; z-index: 999; height: 37px; width: 250px; background-color: #3b5998; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border: 1px solid #29487d} .help-skype.active {height: inherit } .help-skype > span:hover {cursor: pointer} .help-skype > span {position: relative; padding: 8px 15px 8px 50px; display: block; color: #fff; font-weight: 700; font-size: 15px; border-bottom: none } .help-skype > span > .fa {float: left; margin-left: -35px; font-size: 22px } .help-skype ul {padding-left: 0; background-color: #f0f0f0; list-style: none; margin-bottom: 0 } .help-skype ul li {padding: 15px } .help-skype ul li strong {margin-bottom: 5px; margin-right: 10px } .help-skype-fixed {position: fixed; right: 0; top: 35%; z-index: 9999; padding-left: 0; margin-bottom: 0 } .help-skype-fixed span {list-style: none; background-color: #c60b1e; padding-left: 50px; position: relative; height: 50px; overflow: hidden; display: block; transition: all ease .5s; -moz-transition: all ease .5s; -webkit-transition: all ease .5s; width: 50px; position: absolute; left: -50px} .help-skype-fixed span:last-child .fa {border-bottom: 0 } .help-skype-fixed span:hover {cursor: pointer; width: 180px; left: inherit; right: 0; box-shadow: inset 0 0 8px 2px #fff; -moz-box-shadow: inset 0 0 8px 2px #fff; -webkit-box-shadow: inset 0 0 8px 2px #fff} .help-skype-fixed span .fa {width: 50px; height: 50px; font-size: 35px; text-align: center; line-height: 50px; color: #fff; position: absolute; left: 0; top: 0; transition: right 2s 0.5s ease-in-out; -moz-transition: right 2s 0.5s ease-in-out; -webkit-transition: right 2s 0.5s ease-in-out} .help-skype-fixed span:hover .fa {border-right: 1px solid #fff } .help-skype-fixed span:nth-child(2n) {background-color: #e53244 } .help-skype-fixed span a {display: inline-block; padding: 0 10px 0 10px; height: 50px; line-height: 50px; float: left; color: #fff; font-weight: 700 } .help-skype-fixed span a:focus {text-decoration: none } .wrap_hotline {font-size: 20px} .wrap_hotline a {color: #fff !important; font-size: 100% !important; white-space: nowrap !important} .wrap_hotline a:hover {text-decoration: none} .wrap_hotline:hover .hotline_desktop {right: 0px; height: 200px; padding-top: 79px; padding-bottom: 79px; bottom: 0} .hotline_desktop {position: fixed; right: -164px; bottom: 80px; z-index: 99; text-align: center; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -o-transition: right 0.5s; transition: right 0.5s} .wrap_hotline.hovered .hotline_desktop {right: 0px} .hotline_desktop a {color: #fff; letter-spacing: 2px; background-color: #d23f27; display: inline-block; padding: 10px; border-radius: 20px !important; line-height: 22px; width: 164px} .hotline_desktop:hover a {background-color: #75eb50} .header-class{background:#c60b1e !important;color:#fff !important} .CalendarTable .header-class h3{color:#fff;} .header-level{background:#3b5998 !important;font-size:17px;font-weight:700;color:#fff !important} .mobile-calendar{display:none;} .date-cal{white-space:nowrap} .coccoc-alo-phone {position: fixed; visibility: hidden; background-color: transparent; width: 60px; height: 60px; cursor: pointer; z-index: 99 !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: 0px; bottom: 0px; -webkit-transition: right .5s; -moz-transition: right .5s; -o-transition: right .5s} .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 } .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-show{right: 15px;bottom: 50px} .coccoc-alo-phone.coccoc-alo-static {opacity: .6 } .coccoc-alo-ph-circle {width: 60px; height: 60px; top: 0; left: 0; position: absolute; background-color: transparent; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; border: 2px solid rgba(30, 30, 30, 0.4); 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-ph-circle {border-color: #c60b1e; opacity: .5; display: none } .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: 60px; height: 60px; top: 0; left: 0; position: absolute; background-color: #000; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; 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-ph-circle-fill {background-color: rgba(30, 149, 70, 0.85); opacity: .75 !important; display: none } .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: 0; left: 0; position: absolute; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; border: 2px solid transparent; -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% } .wrap_hotline:not(.skype) .coccoc-alo-ph-img-circle:before{font-family: FontAwesome; content: "\f095"; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%)} .wrap_hotline.skype .coccoc-alo-ph-img-circle:before{font-family: FontAwesome; content: "\f17e"; position: absolute; font-size: 35px; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%)} .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color: #00aff0; display: none } .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color: rgba(0, 175, 240,0.85); display: none } .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color: #00aff0 } .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-ph-img-circle {background-color: #c60b1e } .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 !important; -moz-border-radius: 16px !important; border-radius: 16px !important; 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: "* " } .iconSkype{position: absolute;display: inline-block;width: 40px;height: 41px;text-align: center;color: #fff;right: 0;top: 0;font-size: 25px;line-height: 35px;display: none} .iconSkype:hover,.iconSkype:focus{color: #fff} .help-skype.active .iconSkype{line-height: 40px;} .wrap_hotline:not(.skype) .coccoc-alo-phone{right: inherit;left: 15px;bottom: 15px} .pn-replace {display: none; position: fixed; right: 15px; bottom: 15px; box-shadow: 0 0 5px rgba(0,0,0,.23); border-radius: 100%; width: 60px; height: 60px} .pn-replace img{max-width: 100%;max-height: 100%} #myModal-ttn {z-index: 9999;padding-right: 0 !important;} .testi-item a:focus{outline: none;} .wrap-document{margin-bottom: 30px;border-bottom: 1px solid #ddd} .navbar-nav>li.nav-course-menu ul{list-style: none;padding-left: 0} .navbar-nav>li.nav-course-menu ul li a:hover,.navbar-nav>li.nav-course-menu ul li a:focus{text-decoration: none} @media (min-width: 992px) {.wrap-doc-smenu{display: none}.navbar-nav {padding: 0; margin: 0; list-style: none;position: relative} .navbar-nav>li {float: left; position: relative; background: none; border: none} header .navbar-nav>li>a {display: block; height: 56px; line-height: 56px; font-size: 15px; font-weight: 700; color: #343a40; text-decoration: none; padding: 0; padding-left: 24px; white-space: nowrap; text-transform: uppercase} .navbar-nav>li>a.dropdown-icon {display: none} .navbar-nav>li:hover>a, .navbar-nav>li>a:active, .navbar-nav>li>a:focus, .navbar-nav>li.active>a {color: #c60b1e; background: none !important} .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background: none; color: inherit} .navbar-nav>li>.dropdown-menu {position: absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 200px; min-width: 100%; top: 100%; left: 50%; z-index: 9999; background-color: #cf2637; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35); opacity: 0; visibility: hidden; display: block; list-style: none; padding: 0; margin: 0; border: none; margin-top: 30px; margin-left: -100px} .navbar-nav>li:hover>.dropdown-menu {opacity: 1; margin-top: 0; visibility: visible} .navbar-nav>li>.dropdown-menu a {display: block; padding: 10px 10px 9px 10px; border-top: 1px solid #ddd; color: #fff; text-decoration: none; font-weight: 600; line-height: 20px; white-space: normal } .navbar-nav>li>.dropdown-menu a:hover {background: #fafafa; color: #c60b1e} .navbar-collapse,header.fixed .right-header {padding: 0} header.fixed {position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25)} header.fixed a.logo img {height: 50px} header.fixed .header-info>li {padding-top: 13px } nav:before {width: calc(50% - 470px); position: absolute; content: ""; top: 0px; left: 0; background-color: #c60b1e; height: 100%} ul.top-information li:nth-child(1), ul.top-information li:nth-child(2) {display: none} .right-header {float: none; clear: both; background: #144a9e} .google-map {height: 350px;margin-bottom: 30px} .right-calendar .fc-toolbar.fc-header-toolbar {position: absolute; top: 0; width: 50%; left: -50%; padding-left: 15px; padding-right: 15px; margin: 0} .right-calendar .fc-right {float: none; position: relative; clear: both; padding: 5px} .right-calendar .fc-today-button {width: 100%; background: #f1f1f1; border: none; height: 30px; line-height: 32px; margin-bottom: 17px; border-radius: 0; font-size: 14px; text-transform: uppercase; display: block; opacity: 1; outline: none; box-shadow: none} .right-calendar .fc-today-button.fc-state-disabled {color: #8b8a8a} .right-calendar .fc-left {position: relative; float: none} .right-calendar .fc-left h2 {float: none; width: 100%; text-align: center; font-size: 20px; position: absolute; height: 35px; line-height: 35px; top: 50px; text-transform: uppercase} .right-calendar .fc-button-group {position: relative; float: none; margin: 0; width: 100% } .right-calendar .fc-prev-button, .right-calendar .fc-next-button {background: none; border: none; box-shadow: none} .right-calendar .fc-prev-button {float: left} .right-calendar .fc-next-button {float: right} .right-calendar .fc-center, .right-calendar .fc-clear {display: none} } @media (min-width: 1201px) {nav:before {width: calc(50% - 570px)} .right-header {float: right; padding: 15px 0; clear: none; background: none} ul.top-information li:nth-child(1), ul.top-information li:nth-child(2) {display: block} header.fixed .navbar-nav>li {padding: 2px 0} .row-news {margin-left: -25px; margin-right: -25px} .col-news {padding-left: 25px; padding-right: 25px} .google-map {margin-bottom: 30px; height: 450px} .left-content {float: left; width: 70%} .right-content {float: left; width: 30%} } @media (min-width: 992px) and (max-width: 1200px) {header .navbar-nav {text-align: justify; height: 40px; float: none; padding: 0 } header .navbar-nav:after {display: inline-block; height: 1px; width: 100%; content: ""} header .navbar-nav>li {display: inline-block; float: none; vertical-align: middle} header .navbar-nav>li>a {height: 40px; line-height: 41px; font-size: 14px; color: #fff; padding: 0 12px} header.fixed a.logo, header.fixed .header-info {display: none} header.fixed {background: #144a9e } header.fixed .right-header {margin-bottom: 0} a.logo {margin: 10px 0} .right-header {margin-bottom: 10px} .header-info {padding: 0; margin: 0; list-style: none; float: right; display: block} .header-info>li {float: left; width: 250px; line-height: 22px; color: #7f8c8d; padding-top: 25px; padding-left: 30px; margin-left: 30px; font-size: 15px} .header-info>li:first-child {padding-left: 0; margin-left: 0} .header-info>li i {float: left; line-height: 44px; margin-right: 10px; font-size: 40px; color: #c60b1e } .navbar-nav>li:hover>a, .navbar-nav>li>a:active, .navbar-nav>li>a:focus, .navbar-nav>li.active>a {color: #fff; background: #cf2637 !important}.col-form-testi {width: 30%} .right-content {display: none } .popup-search-calendar {width: 85% } .form-search-calendar select.form-control {height: 35px; margin-bottom: 15px } .see-full-calendar {height: 227px } .search-page-calendar {padding-left: 5px} .lblThree {clear: both} .search-page-calendar label {margin-right: 0; padding-left: 15px; padding-right: 10px; width: 23%; text-align: right; display: none} .search-page-calendar select {width: 46%; margin-right: 1.5%; margin-left: 1.5%} .search-page-calendar .btnContact {width: 46%; margin-left: 1.5%; margin-right: 1.5% } .search-page-calendar .view-full {margin: 0; position: absolute; height: 100%; right: 0; top: 0; line-height: 100% } .search-page-calendar .view-full a {height: 100%; line-height: 68px } .item-album-image {height: 160px} .row-album .item-album:nth-child(1) .item-album-image {height: 335px} } @media (max-width: 991px) { .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-show{bottom: 90px}.pn-replace{display: block}.content-background {background: url(../images/bg1.jpg) no-repeat center top} .help-skype{display: none } .container {width: 100% !important} .wrapper img {height: auto !important} .navbar-toggle {display: block; margin-top: 24px} header .container>.navbar-collapse {max-height: 320px; margin-left: -15px; margin-right: -15px} a.dropdown-icon {position: absolute !important; right: 0; z-index: 99; top: 0; background: none !important } .navbar-nav>li>a {font-weight: 700} .navbar-nav .open .dropdown-menu>li {padding: 0 5px} .navbar-nav .open .dropdown-menu>li>a:before {content: "\f178"; float: left; margin-right: 5px; font-family: 'FontAwesome'} nav {margin-bottom: 0 !important } .right-header {float: none; clear: both; margin-left: -15px; margin-right: -15px; padding: 0} .navbar-toggle .navbar-toggle__text {color: #fff; display: inline-block; font-size: 14px; padding-right: 10px; font-weight: 700; line-height: 20px; vertical-align: middle} .navbar-toggle__icon-bar {display: inline-block; height: 15px; vertical-align: middle} nav:before {width: 15px; position: absolute; content: ""; top: 0px; left: 0; background-color: #c60b1e; height: 100%} ul.top-information li:first-child, ul.top-information li:last-child {display: none} .page-title-center {font-size: 28px; line-height: 33px} .row .col-about:nth-child(4n+1),.row .col-news:nth-child(4n+1) {clear: none} .row .col-about:nth-child(3n+1),.row .col-news:nth-child(3n+1) {clear: both} .col-form-testi {width: 100%; float: none} .form-testi-content {margin-top: 0; margin-bottom: 0} .content-background {background-size: auto} .home-course>.row {margin-left: -15px; margin-right: -15px} .col-course {width: 50%; padding-left: 15px; padding-right: 15px} .row .col-course:nth-child(3n+1) {clear: none; margin-left: -1px} .row .col-course:nth-child(2n+1) {clear: both; margin-left: 0} .row .col-course:nth-child(n+3) {border-top: 1px solid #eee; padding-top: 35px } .row .col-course:nth-child(3n) {border-right: 1px solid #eee} .row .col-course:nth-child(2n) {border-right: none} .col-course a>span {margin-right: 10px} .col-news {width: 33.33333%} .row-home-news .col-news:nth-child(4),.left-calendar,.right-content,.left-document {display: none } .google-map {height: 350px;margin-bottom: 30px}/* .google-map iframe {pointer-events: none}*/ .regist-form-content > form > p {font-size: 17px} .regist-form-content {padding-left: 15px; padding-right: 15px} .right-document {float: none; width: 100% } .page-title a {margin-top: 0} .short-select {display: block} .popup-search-calendar {width: 70% } .search-page-calendar {padding-left: 5px} .lblThree {clear: both} .search-page-calendar label {margin-right: 0; padding-left: 15px; padding-right: 10px; width: 23%; text-align: right; display: none} .search-page-calendar select,.search-page-calendar .btnContact {width: 46%; margin-left: 1.5%; margin-right: 1.5% } .search-page-calendar .view-full {margin: 0; position: absolute; height: 100%; right: 0; top: 0; line-height: 100% } .search-page-calendar .view-full a {height: 100%; line-height: 68px } .right-calendar {width: 100% } .short-introduce {padding-top: 20px} .item-album {width: 33.33333% !important } .item-album-image {height: 180px !important} .footer-info {font-size: 14px} .about-testi .row {margin-left: -15px; margin-right: -15px} .about-testi .owl-carousel .owl-item {padding: 0 15px} .wrap-doc-smenu{position: relative} .doc-smenu{margin: -15px 0 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 7px 0;overflow-x: scroll;white-space: nowrap;} .doc-smenu a{display: inline-block; color: #000; margin-right: 15px;}.doc-smenu a:hover,.doc-smenu a:focus{text-decoration: none;color: #c60b1e} .next-nav{position: absolute;right: 0;z-index: 10;height: 35px; top: 1px; padding: 8px 0 0 15px;background-color: #fff} .next-nav .fa{width: 20px; height: 20px; border-radius: 100px; text-align: center; line-height: 20px !important; background-color: #eee; font-size: 20px !important} } @media (min-width: 768px) {.wrap_hotline.hovered .coccoc-alo-phone {right: 94px} .wrap_hotline:not(.skype),.iconSkype{display: none} } @media (max-width: 767px) {.wrap_hotline:not(.skype) .coccoc-alo-ph-img-circle:before{font-size: 35px} ul.top-information,.top-footer,.submenu {display: none} .col-album{width:50%}.mobile-calendar{display:block;}.desktop-calendar{display:none;} .social {margin-left: 0} .row .col-about:nth-child(3n+1) {clear: none} .row .col-about:nth-child(2n+1) {clear: both} .col-list-testi > p {font-size: 25px; line-height: 30px} .short-title {margin-left: 0; margin-right: 0} .col-news, .other-news .col-news,.col-footer {width: 50%} .other-news .row .col-news:nth-child(4),.row-home-news .col-news:nth-child(4) {display: block} .row .col-news:nth-child(3n+1) {clear: none} .row .col-news:nth-child(2n+1),.row .col-footer:nth-child(2n+1) {clear: both} .col-contact strong {font-size: 17px} .footer-info {font-size: 14px} .copyright {font-size: 13px} .copyright a {margin: 0 5px } .google-map {height: 250px} .contact-form {margin-left: 0; margin-right: 0} .google-map {height: 250px} .page-title-hidden, .breadcrumbs-hidden,.wrap-document .row-doc .item-document:nth-child(4) {display: block} .regist-form-content > form > p {font-size: 20px} .row .item-document:nth-child(3n+1) {clear: none} .row .item-document:nth-child(2n+1) {clear: both} .page-all-question .set-question {width: 100%; padding: 20px 15px} .search-page-calendar {padding-right: 200px} .search-page-calendar .view-full {width: 200px; padding: 10px} .content-about {margin-top: 0} .img-introduce {padding-right: 0} .short-introduce {padding-bottom: 20px} .short-introduce .col-lg-10 {padding-right: 0} .item-album {width: 50% !important } .item-album-image {height: 190px !important} .row-album .item-album:nth-child(n+7) {display: none} .item-album-content .item-album-title {font-size: 15px; line-height: 19px} .about-question {margin-bottom: 30px } .col-album {width: 50% } } @media (max-width: 570px) {.coccoc-alo-phone.coccoc-alo-show{width: 45px;height: 45px}.wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-show{left: 70px;bottom: 15px}.pn-replace{width: 45px;height: 45px}#goTop{height: 50px;width: 33px;} .wrap_hotline:not(.skype) .coccoc-alo-ph-img-circle:before,.wrap_hotline.skype .coccoc-alo-ph-img-circle:before{font-size: 20px;} .coccoc-alo-ph-img-circle{width: 45px;height: 45px} .page-title-center {font-size: 25px; line-height: 31px; font-weight: 700 } .page-title-center>span span {display: block; margin-left: 0} .col-course {text-align: center} .col-course a>span {float: none; margin-left: auto; margin-right: auto; margin-bottom: 12px} .form-contact .row {margin-left: -15px; margin-right: -15px} .col-contact {padding-left: 15px; padding-right: 15px} .form-contact {padding-left: 20px; padding-right: 20px} .col-contact strong {font-size: 15px} .testi-item {margin: 0; padding: 15px 35px } #sync2 {padding: 0} .page-title {margin-top: 0; margin-bottom: 25px; text-transform: uppercase; font-size: 25px; line-height: 30px} .article-title {font-size: 20px; line-height: 25px } .search-page-calendar select, .search-page-calendar .btnContact {width: 96%} .search-page-calendar .view-full a {line-height: 140px} .item-album-image {height: 160px !important} .popupQuestion {width: 100% } .set-question {padding: 30px 15px} .testimonial-content p {font-size: 14px} .col-album span {padding: 10px; font-size: 15px; line-height: 20px } } @media (max-width: 480px) {.share-post-social a{width: 27px;overflow: hidden}.form-contact .page-title-center{font-size: 20px; line-height: 25px}.navbar-toggle {margin-top: 19px} a.logo {margin: 10px 0 } a.logo img {height: 55px} section.content {padding: 30px 0} .col-course {width: 100%; border-left: none !important; border-right: none !important; margin-left: 0 !important; border-bottom: 1px solid #eee !important; border-top: none !important; padding: 20px 15px !important; text-align: left} .col-course a>span {float: left; margin-right: 15px; margin-bottom: 0; margin-left: 0} .row .col-course:nth-child(1) {padding-top: 0 !important} .col-news,.other-news .col-news {width: 100%; clear: both} .col-contact,.col-footer {float: none; width: 100%} .copyright > p:nth-child(1){display: none} .footer-info span:before {float: left; margin-right: 10px; margin-top: -3px} .col-footer {text-align: left; margin-bottom: 5px} .footer {padding-bottom: 10px} .footer-info span {clear: both; line-height: 20px; padding-top: 3px} .news-title {font-size: 16px; line-height: 22px} .search-page-calendar {padding-right: 160px} .search-page-calendar .view-full {width: 160px} .popup-search-calendar {width: 90% } .item-album-image {height: 130px !important} .item-album-content .item-album-title {font-size: 14px; line-height: 19px} } @media (min-width: 371px) and (max-width: 480px) {.col-news:after {content: ""; height: 1px; width: 100%; clear: both } .col-news-thumb {float: left; width: 160px; margin-right: 15px; margin-bottom: 0} .news-date {display: none} .col-news p {clear: none} } @media (max-width: 370px) {.col-album,.other-news .col-news,.col-album img{width: 100%} .col-album img {height: auto } nav .search:after {border-right-width: 20px; right: -20px } nav .search input {width: 160px} .page-title-center {font-size: 22px; line-height: 27px} .short-select > p, .help-skype-fixed {display: none} .short-select select {width: 100%; float: none} .search-page-calendar {padding-right: 10px; padding-left: 10px} .search-page-calendar .view-full {width: 100%; position: inherit; margin-bottom: 5px} .search-page-calendar .view-full a {line-height: 31px} .search-page-calendar select, .search-page-calendar .btnContact {width: 100%; margin-left: 0; margin-right: 0} .item-album-image {height: 110px !important} .item-album-image img {height: 100%; width: auto; min-width: 100% } } .wrap_hotline.skype .coccoc-alo-phone.coccoc-alo-show{left: 70px;bottom: 15px}#goTop{height: 50px;width: 33px;} .wrap_hotline:not(.skype) .coccoc-alo-ph-img-circle:before,.wrap_hotline.skype .coccoc-alo-ph-img-circle:before{font-size: 20px;} .coccoc-alo-ph-img-circle{width: 45px;height: 45px} .page-title-center {font-size: 25px; line-height: 31px; font-weight: 700 } .page-title-center>span span {display: block; margin-left: 0} .col-course {text-align: center} .col-course a>span {float: none; margin-left: auto; margin-right: auto; margin-bottom: 12px} .form-contact .row {margin-left: -15px; margin-right: -15px} .col-contact {padding-left: 15px; padding-right: 15px} .form-contact {padding-left: 20px; padding-right: 20px} .col-contact strong {font-size: 15px} .testi-item {margin: 0; padding: 15px 35px } #sync2 {padding: 0} .page-title {margin-top: 0; margin-bottom: 25px; text-transform: uppercase; font-size: 25px; line-height: 30px} .article-title {font-size: 20px; line-height: 25px } .search-page-calendar select, .search-page-calendar .btnContact {width: 96%} .search-page-calendar .view-full a {line-height: 140px} .item-album-image {height: 160px !important} .popupQuestion {width: 100% } .set-question {padding: 30px 15px} .testimonial-content p {font-size: 14px} .col-album img {height: 200px } .col-album span {padding: 10px; font-size: 15px; line-height: 20px } } @media (max-width: 480px) { #close-menu{position: initial;left: inherit;} .col-contact .txtForm, .col-contact .slfForm{text-align: left; text-align-last: left;}.captcha-field input{padding-left: 0} .share-post-social a{width: 27px;overflow: hidden} .navbar-toggle {margin-top: 19px} a.logo {margin: 10px 0 } a.logo img {height: 55px} section.content {padding: 30px 0} .col-course {width: 100%; border-left: none !important; border-right: none !important; margin-left: 0 !important; border-bottom: 1px solid #eee !important; border-top: none !important; padding: 20px 15px !important; text-align: left} .col-course a>span {float: left; margin-right: 15px; margin-bottom: 0; margin-left: 0} .row .col-course:nth-child(1) {padding-top: 0 !important} .col-news,.other-news .col-news {width: 100%; clear: both} .col-contact,.col-footer {float: none; width: 100%} .copyright > p:nth-child(1){display: none} .footer-info span:before {float: left; margin-right: 10px; margin-top: -3px} .col-footer {text-align: left; margin-bottom: 5px} .footer {padding-bottom: 10px} .footer-info span {clear: both; line-height: 20px; padding-top: 3px} .news-title {font-size: 16px; line-height: 22px} .search-page-calendar {padding-right: 160px} .search-page-calendar .view-full {width: 160px} .popup-search-calendar {width: 90% } .item-album-image {height: 130px !important} .item-album-content .item-album-title {font-size: 14px; line-height: 19px} .item-document{margin-bottom: 20px}.img-document{height: inherit;border: 1px solid #eee}.title-document{margin-bottom: 5px}.row-doc [class*='col-']:not(:first-child) .img-document{width: 35%;float: left;margin: 0}.row-doc [class*='col-']:not(:first-child) .content-document{width: 65%;padding-left: 10px;float: left}.row-doc [class*='col-']:not(:first-child) .title-document + p{display: none} .page-title{font-size: 17px;color: #c60b1e;}.page-title a{line-height: 30px;height: auto} } @media (min-width: 371px) and (max-width: 480px) {.col-news:after {content: ""; height: 1px; width: 100%; clear: both } .col-news-thumb {float: left; width: 160px; margin-right: 15px; margin-bottom: 0} .news-date {display: none} .col-news p {clear: none} } @media (max-width: 370px) {.g-recaptcha{transform-origin: left;}.form-contact .page-title-center{font-size: 18px; line-height: 23px}.col-album,.other-news .col-news,.col-album img{width: 100%} .col-album img {height: auto } nav .search:after {border-right-width: 20px; right: -20px } nav .search input {width: 160px} .page-title-center {font-size: 22px; line-height: 27px} .short-select > p, .help-skype-fixed {display: none} .short-select select {width: 100%; float: none} .search-page-calendar {padding-right: 10px; padding-left: 10px} .search-page-calendar .view-full {width: 100%; position: inherit; margin-bottom: 5px} .search-page-calendar .view-full a {line-height: 31px} .search-page-calendar select, .search-page-calendar .btnContact {width: 100%; margin-left: 0; margin-right: 0} .item-album-image {height: 110px !important} .item-album-image img {height: 100%; width: auto; min-width: 100% } }